@webjsdev/cli 0.8.6 → 0.9.0

package/README.md

@@ -18,7 +18,7 @@ Then scaffold a new app anywhere:
 ```sh
 webjs create my-app
 cd my-app && npm run dev
-# → http://localhost:3000
+# → http://localhost:8080
 ```
 
 One-shot without a global install, two ways:

package/bin/webjs.js

@@ -12,8 +12,8 @@ const [cmd, ...rest] = process.argv.slice(2);
 const TEMPLATES = ['full-stack', 'api', 'saas'];
 
 const USAGE = `webjs commands:
-  webjs dev   [--port 3000]                       Start dev server with live reload
-  webjs start [--port 3000]                       Start production server (serves source directly, no build step)
+  webjs dev   [--port 8080]                       Start dev server with live reload
+  webjs start [--port 8080]                       Start production server (serves source directly, no build step)
   webjs test  [--server|--browser]                 Run server + browser tests
   webjs check                                     Validate app against conventions
   webjs create <name> [--template full-stack|api|saas] [--no-install]  Scaffold a new webjs app
@@ -41,7 +41,7 @@ async function main() {
       // If we're already inside the --watch child, start the server directly.
       if (process.env.__WEBJS_DEV_CHILD === '1') {
         const { startServer } = await import('@webjsdev/server');
-        const port = Number(flag(rest, '--port', process.env.PORT || 3000));
+        const port = Number(flag(rest, '--port', process.env.PORT || 8080));
         await startServer({ appDir: process.cwd(), port, dev: true });
         break;
       }
@@ -81,7 +81,7 @@ async function main() {
     }
     case 'start': {
       const { startServer } = await import('@webjsdev/server');
-      const port = Number(flag(rest, '--port', process.env.PORT || 3000));
+      const port = Number(flag(rest, '--port', process.env.PORT || 8080));
       await startServer({ appDir: process.cwd(), port, dev: false });
       break;
     }

package/lib/create.js

@@ -15,6 +15,7 @@ import { mkdir, writeFile, readFile, cp } from 'node:fs/promises';
 import { join, resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { existsSync } from 'node:fs';
+import { createRequire } from 'node:module';
 import { spawnSync } from 'node:child_process';
 
 /**
@@ -54,14 +55,33 @@ const TEMPLATES = resolve(__dirname, '..', 'templates');
 // directly from disk at create time so the scaffolded app boots ready for
 // `webjs ui add` without an HTTP round-trip during scaffolding.
 //
-// Layout in the monorepo:
-//   packages/cli/lib/create.js                       ← __dirname
-//   packages/ui/packages/registry/components/*.ts
-//   packages/ui/packages/registry/lib/utils.ts
-//   packages/ui/packages/registry/themes/index.css
-const UI_REGISTRY_ROOT = resolve(
-  __dirname, '..', '..', 'ui', 'packages', 'registry',
-);
+//   <ui-pkg-root>/packages/registry/components/*.ts
+//   <ui-pkg-root>/packages/registry/lib/utils.ts
+//   <ui-pkg-root>/packages/registry/themes/index.css
+//
+// Locate <ui-pkg-root> via Node's module resolver rather than path
+// arithmetic off __dirname. The old `__dirname/../../ui/packages/registry`
+// form assumed @webjsdev/ui was a hoisted sibling of @webjsdev/cli under
+// node_modules/@webjsdev/. That holds for npm/yarn's default hoisting, but
+// breaks on nested layouts (pnpm's isolated linker, `npm install
+// --install-strategy=nested`, some CI setups), where @webjsdev/ui lives at
+// node_modules/@webjsdev/cli/node_modules/@webjsdev/ui and the arithmetic
+// resolves to a path that doesn't exist, failing `webjs create`.
+//
+// @webjsdev/ui's package.json isn't reachable via require.resolve (its
+// `exports` map doesn't expose `./package.json`), so resolve the package
+// entry and walk up to the directory that owns its package.json.
+function resolveUiRegistryRoot() {
+  const require = createRequire(import.meta.url);
+  let dir = dirname(require.resolve('@webjsdev/ui'));
+  while (!existsSync(join(dir, 'package.json'))) {
+    const parent = dirname(dir);
+    if (parent === dir) break; // reached filesystem root; give up
+    dir = parent;
+  }
+  return resolve(dir, 'packages', 'registry');
+}
+const UI_REGISTRY_ROOT = resolveUiRegistryRoot();
 
 /**
  * Read a single @webjsdev/ui registry component, rewrite its relative import
@@ -1008,7 +1028,7 @@ For AI agents, read this before editing scaffolded files:
   console.log(`
 Next steps:
   ${runCommand}
-  # → http://localhost:3000
+  # → http://localhost:8080
 
 Optional:
   ${uiNote}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webjsdev/cli",
-  "version": "0.8.6",
+  "version": "0.9.0",
   "type": "module",
   "description": "webjs CLI - dev, start, create, db",
   "bin": {

package/templates/.env.example

@@ -4,7 +4,7 @@
 # Opinionated defaults: set these and the framework auto-configures.
 
 # ── Server ──────────────────────────────────────────────────────────
-PORT=3000
+PORT=8080
 
 # ── Auth (required for authentication) ──────────────────────────────
 # Generate: node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"

package/templates/CONVENTIONS.md

@@ -213,7 +213,7 @@ variables control infrastructure (no config files needed):
 | `AUTH_SECRET` | Required for auth JWT signing (32+ random chars) |
 | `AUTH_GOOGLE_ID` | Google OAuth client ID (optional) |
 | `AUTH_GITHUB_ID` | GitHub OAuth client ID (optional) |
-| `PORT` | Server port (default: 3000) |
+| `PORT` | Server port (default: 8080) |
 | `WEBJS_PUBLIC_*` | Any env var starting with this prefix is exposed to the browser as `process.env.WEBJS_PUBLIC_X`. Components can read it directly. No build step, no transform. Use for API base URLs, Stripe publishable keys, analytics IDs, anything that is intended to be visible client-side. |
 
 **Server-only by default.** Any env var without the `WEBJS_PUBLIC_` prefix never reaches the browser. Reading `process.env.DATABASE_URL` from a component returns `undefined`, the same as a typo. The prefix is fail-closed: secrets cannot accidentally leak.