create-isotope-app 1.0.3 → 1.0.4

package/index.js

@@ -33,6 +33,7 @@ import { readmeMd } from "./src/templates/configs/readme.js";
 import {
   extensionPackageJson,
   extensionGrammarJson,
+  extensionReadmeMd,
 } from "./src/templates/configs/extension.js";
 
 const rl = readline.createInterface({
@@ -177,6 +178,10 @@ async function init() {
     ),
     extensionGrammarJson(),
   );
+  fs.writeFileSync(
+    path.join(root, ".vscode/extensions/isotope-support-v0.1/README.md"),
+    extensionReadmeMd(),
+  );
 
   // コンポーネント・ページ
   fs.writeFileSync(path.join(root, "src/components/Link.tsx"), linkTsx());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-isotope-app",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Atomic-based PHP & React hybrid framework for ATOMS GAMING",
   "main": "index.js",
   "type": "module",

package/src/templates/configs/extension.js

@@ -64,3 +64,34 @@ export const extensionGrammarJson = () => {
     2,
   );
 };
+
+export const extensionReadmeMd = () => {
+  return `# Isotope Support for VS Code
+
+Isotope framework (.isx) において、\`proton\` タグ内の PHP コードのシンタックスハイライトを提供します。
+
+## 特長
+
+- **Proton Highlighting**: \`proton\`\\\`...\`\\\` ブロック内を PHP として認識し、色を付けます。
+- **Non-destructive**: 標準の TypeScript React (TSX) の文法に介入（Injection）するため、React 側のハイライトを壊いません。
+
+## インストール（手動セットアップ）
+
+このディレクトリを VS Code の拡張機能フォルダに配置してください。
+
+\`\`\`bash
+cp -r .vscode/extensions/isotope-support-v0.1 ~/.vscode/extensions/
+\`\`\`
+
+その後、VS Code を再起動（または \`Developer: Reload Window\`）すると有効になります。
+
+## 制限事項
+
+- **シンタックスハイライトのみ**: 現在のバージョンは色の表示のみをサポートしています。
+- **Intellisense (Hover/F12)**: テンプレートリテラル内の PHP に対する「定義へ移動」や「ホバー説明」は、標準的な PHP Language Server の制限により機能しません。将来的なアップデートで仮想ドキュメント方式によるサポートを検討しています。
+
+---
+
+Produced by **ATOMS GAMING**
+`;
+};