create-skybridge 0.0.0-dev.45c7ad3 → 0.0.0-dev.48e1f9d

package/dist/index.js

@@ -1,3 +1,4 @@
+import { spawnSync } from "node:child_process";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -13,20 +14,22 @@ Create a new Skybridge project by copying the starter template.
 Options:
   -h, --help              show this help message
   --overwrite             remove existing files in target directory
+  --immediate             install dependencies and start development server
 
 Examples:
   create-skybridge my-app
-  create-skybridge . --overwrite
+  create-skybridge . --overwrite --immediate
 `;
 export async function init(args = process.argv.slice(2)) {
     const argv = mri(args, {
-        boolean: ["help", "overwrite"],
+        boolean: ["help", "overwrite", "immediate"],
         alias: { h: "help" },
     });
     const argTargetDir = argv._[0]
         ? sanitizeTargetDir(String(argv._[0]))
         : undefined;
     const argOverwrite = argv.overwrite;
+    const argImmediate = argv.immediate;
     const help = argv.help;
     if (help) {
         console.log(helpMessage);
@@ -48,8 +51,9 @@ export async function init(args = process.argv.slice(2)) {
                         : "Invalid project name";
                 },
             });
-            if (prompts.isCancel(projectName))
+            if (prompts.isCancel(projectName)) {
                 return cancel();
+            }
             targetDir = sanitizeTargetDir(projectName);
         }
         else {
@@ -77,8 +81,9 @@ export async function init(args = process.argv.slice(2)) {
                         },
                     ],
                 });
-                if (prompts.isCancel(res))
+                if (prompts.isCancel(res)) {
                     return cancel();
+                }
                 overwrite = res;
             }
             else {
@@ -102,7 +107,7 @@ export async function init(args = process.argv.slice(2)) {
         // Copy template to target directory
         fs.cpSync(templateDir, root, {
             recursive: true,
-            filter: (src) => [".npmrc", "pnpm-workspace.yaml"].every((file) => !src.endsWith(file)),
+            filter: (src) => [".npmrc"].every((file) => !src.endsWith(file)),
         });
         // Rename _gitignore to .gitignore
         fs.renameSync(path.join(root, "_gitignore"), path.join(root, ".gitignore"));
@@ -113,13 +118,73 @@ export async function init(args = process.argv.slice(2)) {
         const fixed = pkg.replace(/apps-sdk-template/g, name);
         fs.writeFileSync(pkgPath, fixed);
         prompts.log.success(`Project created in ${root}`);
-        prompts.outro(`Done! Next steps:\n\n  cd ${targetDir}\n  pnpm install\n  pnpm dev`);
     }
     catch (error) {
         prompts.log.error("Failed to copy repository");
         console.error(error);
         process.exit(1);
     }
+    const userAgent = process.env.npm_config_user_agent;
+    const pkgManager = userAgent?.split(" ")[0]?.split("/")[0] || "npm";
+    // 4. Ask about immediate installation
+    let immediate = argImmediate;
+    if (immediate === undefined) {
+        if (interactive) {
+            const immediateResult = await prompts.confirm({
+                message: `Install with ${pkgManager} and start now?`,
+            });
+            if (prompts.isCancel(immediateResult)) {
+                return cancel();
+            }
+            immediate = immediateResult;
+        }
+        else {
+            immediate = false;
+        }
+    }
+    const installCmd = [pkgManager, "install"];
+    const runCmd = [pkgManager];
+    switch (pkgManager) {
+        case "yarn":
+        case "pnpm":
+        case "bun":
+            break;
+        case "deno":
+            runCmd.push("task");
+            break;
+        default:
+            runCmd.push("run");
+    }
+    runCmd.push("dev");
+    if (!immediate) {
+        prompts.outro(`Done! Next steps:
+  cd ${targetDir}
+  ${installCmd.join(" ")}
+  ${runCmd.join(" ")}
+`);
+        return;
+    }
+    prompts.log.step(`Installing dependencies with ${pkgManager}...`);
+    run(installCmd, {
+        stdio: "inherit",
+        cwd: root,
+    });
+    prompts.log.step("Starting dev server...");
+    run(runCmd, {
+        stdio: "inherit",
+        cwd: root,
+    });
+}
+function run([command, ...args], options) {
+    const { status, error } = spawnSync(command, args, options);
+    if (status != null && status > 0) {
+        process.exit(status);
+    }
+    if (error) {
+        console.error(`\n${command} ${args.join(" ")} error!`);
+        console.error(error);
+        process.exit(1);
+    }
 }
 function sanitizeTargetDir(targetDir) {
     return (targetDir

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "0.0.0-dev.45c7ad3",
+  "version": "0.0.0-dev.48e1f9d",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/template/package.json

@@ -19,7 +19,7 @@
     "express": "^5.1.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "skybridge": "^0.15.3",
+    "skybridge": ">=0.16.0 <1.0.0",
     "vite": "^7.1.11",
     "zod": "^4.1.13"
   },
@@ -29,7 +29,7 @@
     "@types/node": "^22.15.30",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^5.1.2",
     "nodemon": "^3.1.10",
     "shx": "^0.3.4",
     "tsx": "^4.19.4",

package/template/server/src/server.ts

@@ -3,10 +3,6 @@ import { z } from "zod";
 
 const Answers = [
   "As I see it, yes",
-  "Ask again later",
-  "Better not tell you now",
-  "Cannot predict now",
-  "Concentrate and ask again",
   "Don't count on it",
   "It is certain",
   "It is decidedly so",
@@ -15,7 +11,6 @@ const Answers = [
   "My sources say no",
   "Outlook good",
   "Outlook not so good",
-  "Reply hazy, try again",
   "Signs point to yes",
   "Very doubtful",
   "Without a doubt",

package/template/web/src/index.css

@@ -15,6 +15,7 @@
   align-items: center;
   justify-content: center;
   font-family: monospace;
+  text-align: center;
 }
 
 .question {

package/template/web/src/widgets/magic-8-ball.tsx

@@ -5,7 +5,9 @@ import { useToolInfo } from "../helpers";
 
 function Magic8Ball() {
   const { input, output } = useToolInfo<"magic-8-ball">();
-  if (!output) return <div>Shaking...</div>;
+  if (!output) {
+    return <div>Shaking...</div>;
+  }
 
   return (
     <div className="container">