@greatstore/cli 0.0.11-beta.1 → 0.0.11-beta.2

package/README.md

@@ -5,8 +5,10 @@ Author and ship GreatStore custom remote components from the command line.
 ```
 npm install -g @greatstore/cli
 gs login
+gs init --store <slug>
+cd <project> && npm install
 gs init my-widget
-cd my-widget && npm install && npm run build
+gs build
 gs push
 gs publish my-widget
 ```

package/dist/cli.js

@@ -1027,14 +1027,14 @@ function initCommand(args) {
       "Next steps:",
       ...rootExisted ? [] : [`  cd ${projectLabel}`, "  npm install"],
       `  # edit components/${name}/component.tsx and manifest.json`,
-      "  npm run build",
+      "  gs build",
       "  gs push",
       ""
     ].join("\n")
   );
 }
 function hasRootScaffold(dir) {
-  return fs6.existsSync(path6.join(dir, "package.json")) && fs6.existsSync(path6.join(dir, "build.mjs"));
+  return fs6.existsSync(path6.join(dir, "package.json")) && fs6.existsSync(path6.join(dir, ".gsrc"));
 }
 function ensureRoot(root, rootExisted, force, opts) {
   fs6.mkdirSync(root, { recursive: true });
@@ -1079,7 +1079,6 @@ function rootFiles(opts) {
   }
   return [
     ["package.json", rootPackageJson()],
-    ["build.mjs", buildScript()],
     ["vite.config.ts", viteEditorConfig()],
     ["tsconfig.json", rootTsconfig()],
     [".gsrc", gsrc(opts.store)],
@@ -1131,79 +1130,13 @@ export default function ${pascal(name)}(_props: Props): React.ReactElement {
 }
 `;
 }
-function buildScript() {
-  return `import { build } from "vite";
-import react from "@vitejs/plugin-react";
-import * as fs from "node:fs";
-import * as path from "node:path";
-
-const COMPONENTS_DIR = path.resolve("components");
-
-function listComponents() {
-  if (!fs.existsSync(COMPONENTS_DIR)) return [];
-  return fs
-    .readdirSync(COMPONENTS_DIR)
-    .filter((entry) => {
-      const dir = path.join(COMPONENTS_DIR, entry);
-      return (
-        fs.statSync(dir).isDirectory() &&
-        fs.existsSync(path.join(dir, "component.tsx"))
-      );
-    })
-    .sort();
-}
-
-const components = listComponents();
-if (components.length === 0) {
-  console.log("(no components in ./components \u2014 run \`gs init <name>\` to add one)");
-  process.exit(0);
-}
-
-const target = process.argv[2];
-const queue = target ? components.filter((c) => c === target) : components;
-if (target && queue.length === 0) {
-  console.error(\`No component named "\${target}" in ./components\`);
-  process.exit(1);
-}
-
-for (const name of queue) {
-  const dir = path.join(COMPONENTS_DIR, name);
-  await build({
-    plugins: [react()],
-    logLevel: "warn",
-    build: {
-      lib: {
-        entry: path.join(dir, "component.tsx"),
-        formats: ["es"],
-        fileName: () => "bundle.js",
-      },
-      outDir: dir,
-      emptyOutDir: false,
-      rollupOptions: {
-        external: ["react", "react-dom", "react/jsx-runtime"],
-        output: {
-          entryFileNames: "bundle.js",
-          paths: {
-            react: "/assets/remote-components/_runtime.js",
-            "react-dom": "/assets/remote-components/_runtime.js",
-            "react/jsx-runtime": "/assets/remote-components/_runtime.js",
-          },
-        },
-      },
-      minify: true,
-      sourcemap: false,
-    },
-  });
-  console.log(\`built components/\${name}/bundle.js\`);
-}
-`;
-}
 function viteEditorConfig() {
   return `import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
-// Real builds happen in build.mjs (one Vite invocation per component).
-// This file exists only so editors / language servers can resolve the
+// Real builds happen in \`gs build\` (one Vite invocation per
+// component, externals + runtime shim paths owned by the CLI). This
+// file exists only so editors / language servers can resolve the
 // React plugin when inspecting components/*/component.tsx.
 export default defineConfig({
   plugins: [react()],
@@ -1225,7 +1158,7 @@ function rootTsconfig() {
         isolatedModules: true,
         noEmit: true
       },
-      include: ["components/**/component.tsx", "vite.config.ts", "build.mjs"]
+      include: ["components/**/component.tsx", "vite.config.ts"]
     },
     null,
     2
@@ -1239,8 +1172,8 @@ function rootPackageJson() {
       private: true,
       type: "module",
       scripts: {
-        build: "node build.mjs",
-        push: "node build.mjs && gs push"
+        build: "gs build",
+        push: "gs build && gs push"
       },
       dependencies: {
         react: "^19.0.0",
@@ -1280,7 +1213,7 @@ component lives in its own folder under \`components/\`.
 \`\`\`
 npm install
 gs init <component_name>      # add a new component
-npm run build                 # builds every component/<name>/bundle.js
+gs build                      # builds every components/<name>/bundle.js
 gs push                       # uploads every changed component as a draft
 gs publish <component_name>   # promote a specific component to live
 \`\`\`
@@ -1296,8 +1229,99 @@ function pascal(name) {
   return name.split(/[_-]/).filter(Boolean).map((part) => part[0]?.toUpperCase() + part.slice(1)).join("");
 }
 
+// src/commands/build.ts
+import * as fs7 from "fs";
+import * as path7 from "path";
+import { createRequire } from "module";
+var COMPONENTS_DIR = "components";
+async function buildCommand(args) {
+  const root = process.cwd();
+  if (!fs7.existsSync(path7.join(root, "package.json")) || !fs7.existsSync(path7.join(root, COMPONENTS_DIR))) {
+    throw new Error(
+      `\`gs build\` must run from a project root (contains \`package.json\` and \`${COMPONENTS_DIR}/\`). Current dir: ${root}`
+    );
+  }
+  const components = listComponents(root);
+  if (components.length === 0) {
+    process.stdout.write(
+      `(no components in ./${COMPONENTS_DIR} \u2014 run \`gs init <name>\` to add one)
+`
+    );
+    return;
+  }
+  const target = args.positional[0];
+  const queue = target ? components.filter((c) => c === target) : components;
+  if (target && queue.length === 0) {
+    throw new Error(`No component named "${target}" in ./${COMPONENTS_DIR}`);
+  }
+  const { build, reactPlugin } = await loadVite(root);
+  for (const name of queue) {
+    const dir = path7.join(root, COMPONENTS_DIR, name);
+    await build({
+      plugins: [reactPlugin()],
+      logLevel: "warn",
+      build: {
+        lib: {
+          entry: path7.join(dir, "component.tsx"),
+          formats: ["es"],
+          fileName: () => "bundle.js"
+        },
+        outDir: dir,
+        emptyOutDir: false,
+        rollupOptions: {
+          external: ["react", "react-dom", "react/jsx-runtime"],
+          output: {
+            entryFileNames: "bundle.js",
+            paths: {
+              react: "/assets/remote-components/_runtime.js",
+              "react-dom": "/assets/remote-components/_runtime.js",
+              "react/jsx-runtime": "/assets/remote-components/_runtime.js"
+            }
+          }
+        },
+        minify: true,
+        sourcemap: false
+      }
+    });
+    process.stdout.write(`built ${COMPONENTS_DIR}/${name}/bundle.js
+`);
+  }
+}
+function listComponents(root) {
+  const dir = path7.join(root, COMPONENTS_DIR);
+  return fs7.readdirSync(dir).filter((entry) => {
+    const candidate = path7.join(dir, entry);
+    return fs7.statSync(candidate).isDirectory() && fs7.existsSync(path7.join(candidate, "component.tsx"));
+  }).sort();
+}
+async function loadVite(root) {
+  const localRequire = createRequire(path7.join(root, "package.json"));
+  const vitePath = tryResolve(localRequire, "vite");
+  if (!vitePath) {
+    throw new Error(
+      "Cannot find `vite` in this project. Run `npm install` first."
+    );
+  }
+  const reactPath = tryResolve(localRequire, "@vitejs/plugin-react");
+  if (!reactPath) {
+    throw new Error(
+      "Cannot find `@vitejs/plugin-react` in this project. Run `npm install` first."
+    );
+  }
+  const viteMod = await import(vitePath);
+  const reactMod = await import(reactPath);
+  return { build: viteMod.build, reactPlugin: reactMod.default };
+}
+function tryResolve(req, specifier) {
+  try {
+    return req.resolve(specifier);
+  } catch {
+    return null;
+  }
+}
+
 // src/index.ts
-var VERSION = true ? "0.0.11-beta.1" : "0.0.0-dev";
+var VERSION = true ? "0.0.11-beta.2" : "0.0.0-dev";
 var HELP = `gs \u2014 GreatStore CLI (v${VERSION})
 
 Usage:
@@ -1308,6 +1332,7 @@ Commands:
   logout                         Wipe ~/.greatstore/credentials.json.
   whoami                         Print the identity stored locally.
   init [<name>]                  Scaffold project root; add \`components/<name>/\` if name given.
+  build [<name>]                  Build component bundle(s) via the project's Vite. No args = all.
   list                           List components in the current store.
   pull [<name>|*]                Download remote component(s) into \`components/<name>/\`. No args = all.
   push [<name>]                  Upload changed components from \`components/\`. No args = all (skips unchanged).
@@ -1356,6 +1381,9 @@ async function main() {
     case "init":
       initCommand(parsed);
       return 0;
+    case "build":
+      await buildCommand(parsed);
+      return 0;
     case "list":
       await listCommand(parsed);
       return 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatstore/cli",
-  "version": "0.0.11-beta.1",
+  "version": "0.0.11-beta.2",
   "description": "CLI for authoring and shipping GreatStore custom components.",
   "license": "UNLICENSED",
   "type": "module",