Skip to content

Conversation

@voluntas
Copy link
Owner

@voluntas voluntas commented Aug 18, 2025

This pull request introduces a major refactor to migrate the project to a React-based frontend with Tailwind CSS for styling. It updates the build system, adds new dependencies, and improves the development workflow with enhanced scripts and stricter code quality checks.

Frontend migration and styling:

  • Migrated the frontend to React by replacing the old HTML structure in index.html with a single div#root and bootstrapping the app using src/main.tsx. The entry point now loads App via ReactDOM, and the main script is changed to main.tsx instead of main.ts. (index.html, src/main.tsx) [1] [2]
  • Introduced Tailwind CSS for styling, including a new src/main.css with table and result styling, and added a tailwind.config.ts configuration file. (src/main.css, tailwind.config.ts) [1] [2]

Dependency and package management:

  • Added key dependencies for React (react, react-dom), state management (zustand), routing (wouter), charting (uplot), and Tailwind CSS. Updated devDependencies for type support, Tailwind, and Vite plugins. (package.json, pnpm-workspace.yaml) [1] [2]
  • Updated the build and dev scripts to support the new stack, including new commands for formatting, type checking, and previewing the app. (package.json)

Development workflow and code quality:

  • Added documentation for type checking, formatting, and linting requirements in CLAUDE.md. (CLAUDE.md)
  • Updated the Biome configuration to disable CSS linting and formatting, focusing Biome on JavaScript/TypeScript files. (biome.jsonc)

Build and tooling configuration:

  • Updated the Vite configuration to include React and Tailwind plugins, set up dev server options, and optimize dependencies for the new stack. (vite.config.ts)

- main.ts のロジックを App.tsx に移行
- useState, useEffect, useCallback を使用した React パターンに変更
- index.html を React アプリケーション用に更新
- package.json に ESM サポートを追加
- biome と TypeScript のエラーを修正
- vite.config.ts を .mts にリネームして ESM 対応
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants