create-krispya 0.4.1 → 0.4.3

package/dist/cli.cjs

@@ -10,6 +10,7 @@ const commander = require('commander');
 const p = require('@clack/prompts');
 const color = require('chalk');
 const undici = require('undici');
+const child_process = require('child_process');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -380,6 +381,18 @@ async function promptForOptions(name) {
     projectType
   );
 }
+function openInEditor(editor, path) {
+  return new Promise((resolve, reject) => {
+    const child = child_process.spawn(editor, [path], {
+      detached: true,
+      stdio: "ignore",
+      shell: process.platform === "win32"
+    });
+    child.on("error", reject);
+    child.unref();
+    setTimeout(resolve, 100);
+  });
+}
 async function main() {
   const program = new commander.Command().name("create-krispya").description(
     "CLI for creating Vanilla, React, and React Three Fiber projects"
@@ -542,6 +555,36 @@ async function main() {
         `${packageManager} run dev`
       ].join("\n");
       p__namespace.note(nextSteps, "Next steps");
+      const openEditor = await p__namespace.select({
+        message: "Open project in editor?",
+        options: [
+          { value: "skip", label: "Skip" },
+          { value: "cursor", label: "Cursor" },
+          { value: "code", label: "VS Code" },
+          { value: "webstorm", label: "WebStorm" }
+        ],
+        initialValue: "skip"
+      });
+      if (!p__namespace.isCancel(openEditor) && openEditor !== "skip") {
+        const editorNames = {
+          cursor: "Cursor",
+          code: "VS Code",
+          webstorm: "WebStorm"
+        };
+        try {
+          await openInEditor(
+            openEditor,
+            basePath
+          );
+          p__namespace.log.success(
+            `Opening in ${editorNames[openEditor]}...`
+          );
+        } catch {
+          p__namespace.log.warn(
+            `Could not open ${editorNames[openEditor]}. Make sure the CLI command is in your PATH.`
+          );
+        }
+      }
       p__namespace.outro(color__default.green("Happy coding! \u2728"));
     } catch (error) {
       s.stop("Failed to create project");

package/dist/cli.mjs

@@ -8,6 +8,7 @@ import { Command } from 'commander';
 import * as p from '@clack/prompts';
 import color from 'chalk';
 import { fetch } from 'undici';
+import { spawn } from 'child_process';
 
 const require$1 = createRequire(import.meta.url);
 const pkg = require$1("../package.json");
@@ -360,6 +361,18 @@ async function promptForOptions(name) {
     projectType
   );
 }
+function openInEditor(editor, path) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(editor, [path], {
+      detached: true,
+      stdio: "ignore",
+      shell: process.platform === "win32"
+    });
+    child.on("error", reject);
+    child.unref();
+    setTimeout(resolve, 100);
+  });
+}
 async function main() {
   const program = new Command().name("create-krispya").description(
     "CLI for creating Vanilla, React, and React Three Fiber projects"
@@ -522,6 +535,36 @@ async function main() {
         `${packageManager} run dev`
       ].join("\n");
       p.note(nextSteps, "Next steps");
+      const openEditor = await p.select({
+        message: "Open project in editor?",
+        options: [
+          { value: "skip", label: "Skip" },
+          { value: "cursor", label: "Cursor" },
+          { value: "code", label: "VS Code" },
+          { value: "webstorm", label: "WebStorm" }
+        ],
+        initialValue: "skip"
+      });
+      if (!p.isCancel(openEditor) && openEditor !== "skip") {
+        const editorNames = {
+          cursor: "Cursor",
+          code: "VS Code",
+          webstorm: "WebStorm"
+        };
+        try {
+          await openInEditor(
+            openEditor,
+            basePath
+          );
+          p.log.success(
+            `Opening in ${editorNames[openEditor]}...`
+          );
+        } catch {
+          p.log.warn(
+            `Could not open ${editorNames[openEditor]}. Make sure the CLI command is in your PATH.`
+          );
+        }
+      }
       p.outro(color.green("Happy coding! \u2728"));
     } catch (error) {
       s.stop("Failed to create project");

package/dist/index.cjs

@@ -1157,13 +1157,25 @@ function generate(options) {
     }
   }
   if (language === "typescript") {
-    const tsConfigNode = {
+    const tsConfig = {
+      $schema: "https://json.schemastore.org/tsconfig",
+      files: [],
+      references: [
+        { path: "./.config/tsconfig.app.json" },
+        { path: "./.config/tsconfig.node.json" }
+      ]
+    };
+    files["tsconfig.json"] = {
+      type: "text",
+      content: JSON.stringify(tsConfig, null, 2)
+    };
+    const tsConfigApp = {
       $schema: "https://json.schemastore.org/tsconfig",
       compilerOptions: {
         target: "ESNext",
         module: "ESNext",
         moduleResolution: "bundler",
-        lib: ["ESNext"],
+        lib: ["DOM", "DOM.Iterable", "ESNext"],
         esModuleInterop: true,
         allowSyntheticDefaultImports: true,
         strict: true,
@@ -1172,30 +1184,40 @@ function generate(options) {
         rewriteRelativeImportExtensions: true,
         erasableSyntaxOnly: true
       },
-      include: ["src", "tests"]
-    };
-    files["tsconfig.node.json"] = {
-      type: "text",
-      content: JSON.stringify(tsConfigNode, null, 2)
-    };
-    const tsConfig = {
-      $schema: "https://json.schemastore.org/tsconfig",
-      extends: "./tsconfig.node.json",
-      compilerOptions: {},
-      include: ["*.config.ts"],
-      references: [{ path: "./tsconfig.node.json" }]
+      include: ["../src", "../tests"]
     };
     if (isReact || isR3f) {
-      tsConfig.compilerOptions.jsx = "react-jsx";
+      tsConfigApp.compilerOptions.jsx = "react-jsx";
       devDependencies["@types/react"] = "^19.0.0";
       devDependencies["@types/react-dom"] = "^19.0.0";
     }
     if (isR3f) {
       devDependencies["@types/three"] = "~0.175.0";
     }
-    files["tsconfig.json"] = {
+    files[".config/tsconfig.app.json"] = {
       type: "text",
-      content: JSON.stringify(tsConfig, null, 2)
+      content: JSON.stringify(tsConfigApp, null, 2)
+    };
+    const tsConfigNode = {
+      $schema: "https://json.schemastore.org/tsconfig",
+      compilerOptions: {
+        target: "ESNext",
+        module: "ESNext",
+        moduleResolution: "bundler",
+        lib: ["ESNext"],
+        esModuleInterop: true,
+        allowSyntheticDefaultImports: true,
+        strict: true,
+        skipLibCheck: true,
+        composite: true,
+        rewriteRelativeImportExtensions: true,
+        erasableSyntaxOnly: true
+      },
+      include: ["../*.config.ts", "./*.ts"]
+    };
+    files[".config/tsconfig.node.json"] = {
+      type: "text",
+      content: JSON.stringify(tsConfigNode, null, 2)
     };
   }
   const codeSnippets = {};

package/dist/index.mjs

@@ -1151,13 +1151,25 @@ function generate(options) {
     }
   }
   if (language === "typescript") {
-    const tsConfigNode = {
+    const tsConfig = {
+      $schema: "https://json.schemastore.org/tsconfig",
+      files: [],
+      references: [
+        { path: "./.config/tsconfig.app.json" },
+        { path: "./.config/tsconfig.node.json" }
+      ]
+    };
+    files["tsconfig.json"] = {
+      type: "text",
+      content: JSON.stringify(tsConfig, null, 2)
+    };
+    const tsConfigApp = {
       $schema: "https://json.schemastore.org/tsconfig",
       compilerOptions: {
         target: "ESNext",
         module: "ESNext",
         moduleResolution: "bundler",
-        lib: ["ESNext"],
+        lib: ["DOM", "DOM.Iterable", "ESNext"],
         esModuleInterop: true,
         allowSyntheticDefaultImports: true,
         strict: true,
@@ -1166,30 +1178,40 @@ function generate(options) {
         rewriteRelativeImportExtensions: true,
         erasableSyntaxOnly: true
       },
-      include: ["src", "tests"]
-    };
-    files["tsconfig.node.json"] = {
-      type: "text",
-      content: JSON.stringify(tsConfigNode, null, 2)
-    };
-    const tsConfig = {
-      $schema: "https://json.schemastore.org/tsconfig",
-      extends: "./tsconfig.node.json",
-      compilerOptions: {},
-      include: ["*.config.ts"],
-      references: [{ path: "./tsconfig.node.json" }]
+      include: ["../src", "../tests"]
     };
     if (isReact || isR3f) {
-      tsConfig.compilerOptions.jsx = "react-jsx";
+      tsConfigApp.compilerOptions.jsx = "react-jsx";
       devDependencies["@types/react"] = "^19.0.0";
       devDependencies["@types/react-dom"] = "^19.0.0";
     }
     if (isR3f) {
       devDependencies["@types/three"] = "~0.175.0";
     }
-    files["tsconfig.json"] = {
+    files[".config/tsconfig.app.json"] = {
       type: "text",
-      content: JSON.stringify(tsConfig, null, 2)
+      content: JSON.stringify(tsConfigApp, null, 2)
+    };
+    const tsConfigNode = {
+      $schema: "https://json.schemastore.org/tsconfig",
+      compilerOptions: {
+        target: "ESNext",
+        module: "ESNext",
+        moduleResolution: "bundler",
+        lib: ["ESNext"],
+        esModuleInterop: true,
+        allowSyntheticDefaultImports: true,
+        strict: true,
+        skipLibCheck: true,
+        composite: true,
+        rewriteRelativeImportExtensions: true,
+        erasableSyntaxOnly: true
+      },
+      include: ["../*.config.ts", "./*.ts"]
+    };
+    files[".config/tsconfig.node.json"] = {
+      type: "text",
+      content: JSON.stringify(tsConfigNode, null, 2)
     };
   }
   const codeSnippets = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-krispya",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "🌹 CLI for creating web projects with (my) sensible defaults",
   "keywords": [
     "cli",