Skip to content

refactor: migrate styling to static Master CSS - #3

Open
manabeai wants to merge 1 commit into
mainfrom
refactor/master-css
Open

manabeai wants to merge 1 commit into
mainfrom
refactor/master-css

Conversation

@manabeai

Copy link
Copy Markdown
Owner

概要

PR #2 を main にマージした後、その main から分岐したスタイル基盤のリファクタです。見た目・文言・操作・Rustの意味論を変更せず、Tailwindと既存スタイルをMaster CSSへ移行します。

  • Master CSS / Viteプラグイン / compilerを 2.0.0-rc.88 に固定。mode: 'static' で本番CSSを生成し、ブラウザのCSSランタイムは追加しません。
  • 公式プラグインのpeer dependencyに合わせてViteを 6.4.3 に更新。Tailwind本体とViteプラグインを削除。
  • 編集画面の既存セレクタ・優先度を保ちつつ @compose に移行。色は src/styles/tokens.css に集約。
  • Viewer / Preview / 高度な構造編集も含め、JSX内のTailwindユーティリティを置換。
  • リセットの既定値、モバイル境界、フォーカス、rangeコントロール、reduced-motionを維持。KaTeXは動的クラスを削除しない独立したvendor CSSとして読み込み。
  • CSSコンパイラの回帰テストと表示契約E2Eを追加。CIは本番ビルドに対して全E2Eを実行します。
  • DESIGN.mdは保持し、Master CSSの構文・トークン・生成順の注意点をREADMEに記録。

検証

手元の未コミットRust作業は含めず、ステージしたWebファイルとコミット済みsubmoduleの独立スナップショットで検証しました。

  • cargo test --workspace --quiet
  • cargo fmt --all -- --check
  • cargo clippy --workspace --all-targets --all-features -- -D warnings
  • npm run build
  • npm run lint
  • Web unit: 24 passed
  • 開発サーバー E2E: 83 passed
  • 本番ビルド E2E: 83 passed
  • 1440px / 1000px / 820px / 390pxとViewer・Previewのスタイル比較
  • 生成物に未処理のMaster CSS directive、Tailwind変数、CSS runtimeのHTML注入がないことを確認

編集画面の比較対象では計算済みCSSの差分なし。Viewer/Previewの差分はTailwindが合成していた透明なゼロサイズshadowの削除のみです。CSS配信量は約86.85kBから75.06kBへ減少しました(KaTeX込み、非gzip)。

注意点

  • Master CSS v2の公式Vite連携はRC版なのでバージョンを固定しています。更新時はcompiler契約・production E2Eも再実行してください。
  • npm auditには既存の開発依存由来の11件(critical 1件を含む)が残ります。該当バージョンは移行前から存在し、本PRで無関係な依存更新は行っていません。
  • 手元のAtCoder parser作業やsubmoduleの変更は本PRに含めていません。

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 16, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-09-16T02:30:15.665600Z 3344ba4 PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

This branch has not been deployed

No deployments
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.

1 participant