embed standalone-ui from src into cli dist...

(prior embedding wasn't working)

Author: NiloCK

packages/cli/package.json

@@ -18,11 +18,12 @@
     }
   },
   "scripts": {
-    "build": "rm -rf dist && npm run build:express && tsc && npm run embed:studio-ui-src && npm run embed:express && npm run embed:templates",
+    "build": "rm -rf dist && npm run build:express && tsc && npm run embed:studio-ui-src && npm run embed:express && npm run embed:templates && npm run embed:standalone-ui",
     "build:express": "cd ../express && npm run build",
     "embed:studio-ui-src": "mkdir -p dist/studio-ui-src && cp -r ../studio-ui/src/* dist/studio-ui-src/ && cp ../studio-ui/package.json dist/studio-ui-src/ && cp ../studio-ui/vite.config.ts dist/studio-ui-src/ && cp ../studio-ui/tsconfig.json dist/studio-ui-src/ && cp ../studio-ui/index.html dist/studio-ui-src/ && cp ../../vite.config.base.js dist/studio-ui-src/ && sed -i 's|../../vite.config.base.js|./vite.config.base.js|' dist/studio-ui-src/vite.config.ts && sed -i 's|resolve(__dirname, \\.\\., \\.\\.)|resolve(__dirname)|' dist/studio-ui-src/vite.config.ts && sed -i 's|/src/main.ts|./main.ts|' dist/studio-ui-src/index.html",
     "embed:express": "mkdir -p dist/express-assets && cp -r ../express/dist/* dist/express-assets/ && cp -r ../express/assets dist/express-assets/",
     "embed:templates": "mkdir -p dist/templates && cp -r templates/.skuilder dist/templates/",
+    "embed:standalone-ui": "mkdir -p dist/standalone-ui-template && cp -r ../standalone-ui/src dist/standalone-ui-template/ && cp ../standalone-ui/package.json dist/standalone-ui-template/ && cp ../standalone-ui/tsconfig.json dist/standalone-ui-template/ && cp ../standalone-ui/vite.config.ts dist/standalone-ui-template/ && (cp ../standalone-ui/.gitignore dist/standalone-ui-template/ 2>/dev/null || true)",
     "dev": "tsc --watch",
     "lint": "npx eslint .",
     "lint:fix": "npx eslint . --fix",
@@ -45,7 +46,6 @@
     "@vue-skuilder/db": "workspace:*",
     "@vue-skuilder/edit-ui": "workspace:*",
     "@vue-skuilder/mcp": "workspace:*",
-    "@vue-skuilder/standalone-ui": "^0.1.8-1",
     "chalk": "^5.3.0",
     "commander": "^11.0.0",
     "fs-extra": "^11.2.0",

packages/cli/src/utils/template.ts

@@ -10,12 +10,17 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 /**
- * Find the standalone-ui package in node_modules
+ * Find the standalone-ui template (embedded in CLI dist or from node_modules)
  */
 export async function findStandaloneUiPath(): Promise<string> {
-  // Start from CLI package root and work upward
-  let currentDir = path.join(__dirname, '..', '..');
+  // First try to find embedded template in CLI dist
+  const embeddedTemplatePath = path.join(__dirname, '..', 'standalone-ui-template');
+  if (existsSync(embeddedTemplatePath)) {
+    return embeddedTemplatePath;
+  }
 
+  // Fallback: search for standalone-ui package in node_modules (for development)
+  let currentDir = path.join(__dirname, '..', '..');
   while (currentDir !== path.dirname(currentDir)) {
     const nodeModulesPath = path.join(currentDir, 'node_modules', '@vue-skuilder', 'standalone-ui');
     if (existsSync(nodeModulesPath)) {
@@ -25,7 +30,7 @@ export async function findStandaloneUiPath(): Promise<string> {
   }
 
   throw new Error(
-    'Could not find @vue-skuilder/standalone-ui package. Please ensure it is installed.'
+    'Could not find standalone-ui template. Please ensure @vue-skuilder/cli is properly built.'
   );
 }