create-isotope-app 1.0.1 → 1.0.2

package/index.js

@@ -30,6 +30,10 @@ import {
 } from "./src/templates/configs/configs.js";
 import { splitterTs } from "./src/templates/configs/splitter.js";
 import { readmeMd } from "./src/templates/configs/readme.js";
+import {
+  extensionPackageJson,
+  extensionGrammarJson,
+} from "./src/templates/configs/extension.js";
 
 const rl = readline.createInterface({
   input: process.stdin,
@@ -40,17 +44,21 @@ const question = (query) =>
   new Promise((resolve) => rl.question(query, resolve));
 
 async function init() {
-  const projectName = process.argv[2] || "my-isotope-app";
-  const root = path.resolve(projectName);
+  let projectName = process.argv[2];
+  let projectIndex = 2;
 
-  // 1. ポートの競合を解消
-  console.log(chalk.cyan("🧹 Cleaning up ports 8000 and 5173..."));
-  try {
-    execSync('pkill -9 -f "vite" || true');
-    execSync('pkill -9 -f "php -S localhost:8000" || true');
-  } catch (e) {}
+  if (projectName === "create") {
+    projectName = process.argv[3];
+    projectIndex = 3;
+  }
+
+  if (!projectName) {
+    projectName = "my-isotope-app";
+  }
+
+  const root = path.resolve(projectName);
 
-  const args = process.argv.slice(2);
+  const args = process.argv.slice(projectIndex + 1);
   let styleChoice = args
     .find((arg) => arg.startsWith("--style="))
     ?.split("=")[1];
@@ -82,6 +90,7 @@ async function init() {
     "src/components",
     "docs/framework",
     ".vscode",
+    ".vscode/extensions/isotope-support-v0.1/syntaxes",
   ];
   dirs.forEach((dir) => {
     fs.ensureDirSync(path.join(root, dir));
@@ -157,6 +166,17 @@ async function init() {
       2,
     ),
   );
+  fs.writeFileSync(
+    path.join(root, ".vscode/extensions/isotope-support-v0.1/package.json"),
+    extensionPackageJson(),
+  );
+  fs.writeFileSync(
+    path.join(
+      root,
+      ".vscode/extensions/isotope-support-v0.1/syntaxes/isx.tmLanguage.json",
+    ),
+    extensionGrammarJson(),
+  );
 
   // コンポーネント・ページ
   fs.writeFileSync(path.join(root, "src/components/Link.tsx"), linkTsx());
@@ -177,6 +197,10 @@ async function init() {
   const logoSrc = path.join(__dirname, "templates", "logo.png");
   if (fs.existsSync(logoSrc)) {
     fs.copySync(logoSrc, path.join(root, "public/logo.png"));
+    fs.copySync(
+      logoSrc,
+      path.join(root, ".vscode/extensions/isotope-support-v0.1/icon.png"),
+    );
   }
 
   // 4. package.json & インストール

package/package.json

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

package/src/templates/configs/extension.js

@@ -0,0 +1,66 @@
+export const extensionPackageJson = () => {
+  return JSON.stringify(
+    {
+      name: "isotope-support",
+      displayName: "Isotope Support",
+      description:
+        "Premium syntax highlighting for Isotope (.isx) hybrid components.",
+      version: "0.1.0",
+      publisher: "ATOMS GAMING",
+      icon: "icon.png",
+      engines: {
+        vscode: "^1.60.0",
+      },
+      categories: ["Programming Languages"],
+      keywords: ["isotope", "php", "react", "tsx", "hybrid"],
+      repository: {
+        type: "git",
+        url: "https://github.com/atoms-gaming/isotope",
+      },
+      contributes: {
+        grammars: [
+          {
+            scopeName: "inline.php.proton",
+            path: "./syntaxes/isx.tmLanguage.json",
+            injectTo: ["source.ts.jsx", "source.tsx"],
+          },
+        ],
+      },
+    },
+    null,
+    2,
+  );
+};
+
+export const extensionGrammarJson = () => {
+  return JSON.stringify(
+    {
+      $schema:
+        "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
+      scopeName: "inline.php.proton",
+      injectionSelector:
+        "L:source.ts.jsx -comment -string, L:source.tsx -comment -string",
+      patterns: [
+        {
+          name: "meta.embedded.block.php",
+          begin: "(proton)\\s*(`)",
+          beginCaptures: {
+            1: { name: "entity.name.function.tagged-template" },
+            2: { name: "punctuation.definition.string.template.begin" },
+          },
+          end: "(`)",
+          endCaptures: {
+            1: { name: "punctuation.definition.string.template.end" },
+          },
+          patterns: [
+            {
+              include: "source.php",
+            },
+          ],
+        },
+      ],
+    },
+    null,
+    2,
+  );
+};