コンテンツにスキップ
SpiraCSS v0.3.2-beta

変更履歴

SpiraCSS パッケージの主な変更点をまとめています。

0.3.2-beta

@spiracss/stylelint-plugin

変更

  • CSS Modules の :global / :local を透過扱いにし、内側のセレクタを検証します。
  • :global ラッパーの扱いを改善（右端の :global(...) やセレクタリストも含む）。
  • rootFile（ルートファイル名チェック）で *.module.scss を許可し、childDir 配下は childFileCase を利用します。

@spiracss/html-cli

追加

  • JSX の class/className 抽出を改善（文字列/テンプレートリテラル/メンバーアクセス）。
  • メンバーアクセス抽出を制限できる jsxClassBindings.memberAccessAllowlist を追加（空配列で無効化）。

変更

  • generator.layoutMixins の既定値を空配列（[]）に変更（設定しない限りミックスインは注入されません）。

VS Code 拡張

spiracss-html-to-scss

  • @spiracss/html-cli 依存を ^0.3.2 に更新。
  • リリースバージョンをモノレポと揃える。

ドキュメント

  • AI エージェントガイドと設定ドキュメントを v0.3.2 に更新（rootFile / @rel の fileCase、CSS Modules 注意点）。

0.3.1-beta

@spiracss/stylelint-plugin

追加

  • stylelint.rel.fileCase / stylelint.rel.childFileCase オプション
  • 子リンクコメントで *.module.scss を許可（CSS Modules）
  • createRules() 使用時に stylelint.class.rootCase を stylelint.rel.fileCase の既定値として採用

変更

  • 子リンクの検証は childDir 配下に childFileCase、それ以外に fileCase を適用

@spiracss/html-cli

追加

  • 子 SCSS の生成と @rel コメントで childFileCase に対応

VS Code 拡張

spiracss-html-to-scss

  • 子 SCSS 生成で childFileCase に対応（HTML CLI と整合）
  • @spiracss/html-cli 依存を ^0.3.1 に更新
  • リリースバージョンをモノレポと揃える

ドキュメント

  • rel-comments のオプション（fileCase / childFileCase / *.module.scss）を追記
  • AI エージェントガイドの互換表記を更新

0.3.0-beta

@spiracss/stylelint-plugin

破壊的変更

  • Stylelint 設定の再構成: stylelint.classStructure を stylelint.base / stylelint.class に分離し、各ルール用のセクション（stylelint.placement, stylelint.pageLayer, stylelint.interactionProps, stylelint.keyframes, stylelint.pseudo, stylelint.rel）を追加。
  • セクション名の変更: interactionProperties → interactionProps, keyframesNaming → keyframes, pseudoNesting → pseudo, relComments → rel.
  • コメント/キャッシュ系のキー変更: stylelint.sectionCommentPatterns → stylelint.base.comments, stylelint.cacheSizes → stylelint.base.cache, sharedCommentPattern / interactionCommentPattern → comments.shared / comments.interaction.
  • 外部クラス許可の移動: allowExternalClasses / allowExternalPrefixes → external.classes / external.prefixes.
  • 新ルールをデフォルト有効化: spiracss/property-placement, spiracss/page-layer.

追加

  • 新規ルール: spiracss/page-layer — ページ層 SCSS の検証（子 Block にコンポーネントリンクコメント必須）
  • 新規ルール: spiracss/property-placement — セレクタの役割に基づくプロパティ配置の検証（container/item/internal）
  • stylelint.pseudo.enabled オプション

変更

  • セレクタ解析・検証ロジックの改善
  • エラーメッセージの明確化
  • selectorPolicy（data/class モード）のサポート改善

@spiracss/html-cli

破壊的変更

  • 新しい stylelint 設定に合わせて、命名・外部クラスの参照先を stylelint.base / stylelint.class に変更（旧 stylelint.classStructure のキーは非対応）。
  • 外部クラス許可の設定を external.classes / external.prefixes に変更。

変更

  • HTML 検証と SCSS 生成で新しい external 形式を使用。
  • 設定警告メッセージに命名の参照元を表示。

VS Code 拡張

  • 公式サイトへのドキュメントリンクに更新。

spiracss-html-to-scss

  • 新しい stylelint 設定に対応（HTML CLI と同じ破壊的変更）。
  • 外部クラス許可の設定を external.classes / external.prefixes に変更。

ドキュメント

  • 公式サイト (spiracss.jp) の内容を更新
  • 新規ルールドキュメント: spiracss/page-layer, spiracss/property-placement
  • 表記統一: 「AI」→「AI エージェント」
  • ルール説明を最新のエラーメッセージと例に合わせて更新

0.2.2-beta

@spiracss/stylelint-plugin

追加

  • keyframes.enabled オプションで spiracss/keyframes-naming ルールを完全に無効化可能に

ドキュメント

  • README に SpiraCSS 設計原則へのリンクを追加
  • 日本語ドキュメントへのリンクを Docs セクションに追加

@spiracss/html-cli

ドキュメント

  • README に SpiraCSS 設計原則へのリンクを追加
  • 日本語ドキュメントへのリンクを Docs セクションに追加
  • 説明文をより明確に改善

VS Code 拡張

  • README に SpiraCSS 設計原則へのリンクを追加
  • 日本語ドキュメントへのリンクを Docs セクションに追加

spiracss-html-to-scss

  • README に SpiraCSS 設計原則へのリンクを追加
  • 日本語ドキュメントへのリンクを Docs セクションに追加

0.2.1-beta

全 SpiraCSS パッケージの初回ベータリリース。

0.1.x (Alpha)

初期開発中の実験的リリース。