create-skybridge 0.0.0-dev.f561bc3 → 0.0.0-dev.ff23e30

package/dist/index.js

@@ -1,8 +1,10 @@
+import { spawnSync } from "node:child_process";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import * as prompts from "@clack/prompts";
 import mri from "mri";
+const minimumPnpmVersion = 10;
 const defaultProjectName = "skybridge-project";
 // prettier-ignore
 const helpMessage = `\
@@ -13,20 +15,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 +52,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 +82,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 +108,7 @@ export async function init(args = process.argv.slice(2)) {
         // Copy template to target directory
         fs.cpSync(templateDir, root, {
             recursive: true,
-            filter: (src) => src !== ".npmrc",
+            filter: (src) => !src.endsWith(".npmrc"),
         });
         // Rename _gitignore to .gitignore
         fs.renameSync(path.join(root, "_gitignore"), path.join(root, ".gitignore"));
@@ -115,13 +121,72 @@ export async function init(args = process.argv.slice(2)) {
             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);
     }
+    // 4. Ask about immediate installation
+    let immediate = argImmediate;
+    if (immediate === undefined) {
+        if (interactive) {
+            const immediateResult = await prompts.confirm({
+                message: `Install with pnpm and start now?`,
+            });
+            if (prompts.isCancel(immediateResult)) {
+                return cancel();
+            }
+            immediate = immediateResult;
+        }
+        else {
+            immediate = false;
+        }
+    }
+    const installCmd = ["pnpm", "install"];
+    const runCmd = ["pnpm", "dev"];
+    if (!immediate) {
+        prompts.outro(`Done! Next steps:
+  cd ${targetDir}
+  ${installCmd.join(" ")}
+  ${runCmd.join(" ")}
+`);
+        return;
+    }
+    // check if pnpm is installed
+    const result = spawnSync("pnpm", ["--version"], { encoding: "utf-8" });
+    if (result.error || result.status !== 0) {
+        console.error("Error: pnpm is not installed. Please install pnpm first.");
+        process.exit(1);
+    }
+    // check if pnpm major is greater or equal to the one set in package.json packageManager, which should do the trick
+    const version = result.stdout.trim();
+    const major = Number(version.split(".")[0]);
+    if (Number.isNaN(major) || major < minimumPnpmVersion) {
+        console.error(`Error: pnpm version ${version} is too old. Minimum required version is ${minimumPnpmVersion}.`);
+        process.exit(1);
+    }
+    prompts.log.step(`Installing dependencies with pnpm...`);
+    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/dist/index.test.js

@@ -18,10 +18,6 @@ describe("create-skybridge", () => {
         const name = `../../${tempDirName}//project$`;
         await init([name]);
         await fs.access(path.join(process.cwd(), tempDirName, "project", ".gitignore"));
-        try {
-            await fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"));
-            expect.fail(".npmrc should not be copied");
-        }
-        catch { }
+        expect(fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"))).rejects.toThrowError();
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "0.0.0-dev.f561bc3",
+  "version": "0.0.0-dev.ff23e30",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/template/server/package.json

@@ -16,8 +16,6 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.24.3",
-    "@t3-oss/env-core": "^0.13.8",
-    "dotenv": "^17.2.3",
     "express": "^5.1.0",
     "skybridge": "catalog:",
     "vite": "^7.1.11",

package/template/server/src/index.ts

@@ -2,7 +2,6 @@ import express, { type Express } from "express";
 
 import { widgetsDevServer } from "skybridge/server";
 import type { ViteDevServer } from "vite";
-import { env } from "./env.js";
 import { mcp } from "./middleware.js";
 import server from "./server.js";
 
@@ -12,7 +11,9 @@ app.use(express.json());
 
 app.use(mcp(server));
 
-if (env.NODE_ENV !== "production") {
+const env = process.env.NODE_ENV || "development";
+
+if (env !== "production") {
   app.use(await widgetsDevServer());
 }
 
@@ -22,7 +23,7 @@ app.listen(3000, (error) => {
     process.exit(1);
   }
 
-  console.log(`Server listening on port 3000 - ${env.NODE_ENV}`);
+  console.log(`Server listening on port 3000 - ${env}`);
   console.log(
     "Make your local server accessible with 'ngrok http 3000' and connect to ChatGPT with URL https://xxxxxx.ngrok-free.app/mcp",
   );

package/template/server/src/server.ts

@@ -49,20 +49,7 @@ const server = new McpServer(
         .reduce((acc, char) => acc + char.charCodeAt(0), 0);
       const answer = Answers[hash % Answers.length];
       return {
-        /**
-         * Arbitrary JSON passed only to the component.
-         * Use it for data that should not influence the model’s reasoning, like the full set of locations that backs a dropdown.
-         * _meta is never shown to the model.
-         */
-        _meta: {},
-        /**
-         * Structured data that is used to hydrate your component.
-         * ChatGPT injects this object into your iframe as window.openai.toolOutput
-         */
         structuredContent: { answer },
-        /**
-         * Optional free-form text that the model receives verbatim
-         */
         content: [],
         isError: false,
       };

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">

package/template/server/src/env.ts

@@ -1,12 +0,0 @@
-import "dotenv/config";
-
-import { createEnv } from "@t3-oss/env-core";
-import { z } from "zod";
-
-export const env = createEnv({
-  server: {
-    NODE_ENV: z.enum(["development", "production"]).default("development"),
-  },
-  runtimeEnv: process.env,
-  emptyStringAsUndefined: true,
-});