@csszyx/cli 0.9.4 → 0.9.6

package/dist/index.mjs

@@ -1271,7 +1271,10 @@ async function init(options = {}) {
   }
   const spin = spinner.start("Installing csszyx...");
   try {
-    await execa(projectInfo.packageManager, ["add", "csszyx"], { cwd });
+    await execa(projectInfo.packageManager, ["add", "csszyx", "@csszyx/runtime"], { cwd });
+    if (projectInfo.hasTypeScript) {
+      await execa(projectInfo.packageManager, ["add", "-D", "@csszyx/types"], { cwd });
+    }
     if (config.installTailwind) {
       const twPackage = VITE_FRAMEWORKS.has(projectInfo.framework) ? "@tailwindcss/vite" : "@tailwindcss/postcss";
       await execa(projectInfo.packageManager, ["add", "-D", "tailwindcss", twPackage], {
@@ -1311,6 +1314,9 @@ async function init(options = {}) {
     if (config.setupTsconfig) {
       await setupTsconfig(cwd);
     }
+    if (projectInfo.hasTypeScript) {
+      await setupSzTypes(cwd);
+    }
     spinner.succeed(spin2, "Created configuration files");
   } catch (error) {
     spinner.fail(spin2, "Failed to create config files");
@@ -1322,6 +1328,9 @@ async function init(options = {}) {
   console.log();
   printInfo("Next steps:");
   console.log(`  \u2022 Run '${projectInfo.packageManager} run dev' to start`);
+  if (projectInfo.hasTypeScript) {
+    console.log("  \u2022 The `sz` prop is typed via csszyx-env.d.ts");
+  }
   console.log("  \u2022 Check the docs at https://csszyx.dev");
 }
 async function setupTailwindCss(cwd, framework) {
@@ -1473,6 +1482,48 @@ async function setupTsconfig(cwd) {
     await fs.writeFile(tsconfigPath, content);
   }
 }
+async function setupSzTypes(cwd) {
+  const envPath = path__default.join(cwd, "csszyx-env.d.ts");
+  const reference = '/// <reference types="@csszyx/types/jsx" />';
+  const existing = await readFileOrNull(envPath);
+  if (existing === null) {
+    await fs.writeFile(
+      envPath,
+      `// Generated by csszyx. Enables the \`sz\` JSX prop types.
+${reference}
+`
+    );
+    printInfo("Created csszyx-env.d.ts (sz prop types)");
+  } else if (!existing.includes("@csszyx/types/jsx")) {
+    await fs.writeFile(envPath, `${existing.trimEnd()}
+${reference}
+`);
+    printInfo("Added the sz type reference to csszyx-env.d.ts");
+  }
+  await ensureTsconfigInclude(cwd, "csszyx-env.d.ts");
+}
+async function ensureTsconfigInclude(cwd, entry) {
+  for (const name of ["tsconfig.json", "tsconfig.app.json"]) {
+    const tsconfigPath = path__default.join(cwd, name);
+    const content = await readFileOrNull(tsconfigPath);
+    if (content === null) {
+      continue;
+    }
+    if (content.includes(entry)) {
+      return;
+    }
+    const includeMatch = content.match(/"include"\s*:\s*\[/);
+    if (includeMatch && includeMatch.index !== void 0) {
+      const insertPos = includeMatch.index + includeMatch[0].length;
+      await fs.writeFile(
+        tsconfigPath,
+        `${content.slice(0, insertPos)}
+    "${entry}",${content.slice(insertPos)}`
+      );
+    }
+    return;
+  }
+}
 function generateConfigFile(config) {
   return `import type { CsszyxConfig } from 'csszyx';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/cli",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "Command-line tools for csszyx",
   "keywords": [
     "csszyx",
@@ -49,8 +49,8 @@
     "picocolors": "^1.0.0",
     "prompts": "^2.4.2",
     "tailwindcss": "^3.4.1",
-    "@csszyx/unplugin": "0.9.4",
-    "@csszyx/types": "0.9.4"
+    "@csszyx/types": "0.9.6",
+    "@csszyx/unplugin": "0.9.6"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",