@atlashub/smartstack-cli 4.79.0 → 4.81.0

package/dist/index.js

@@ -117403,10 +117403,27 @@ VITE_PORT=3000
   const envEx_result = await safeWriteFile((0, import_path7.join)(webDir, ".env.example"), envExampleFile, findKnownHash(state, "frontend", envEx_relPath));
   logSafeWriteResult(envEx_relPath, envEx_result);
   recordFile(state, "frontend", envEx_relPath, envEx_result.hash);
-  const viteConfig = `import { defineConfig, loadEnv } from 'vite';
+  const viteConfig = `import { defineConfig, loadEnv, type Plugin } from 'vite';
+import { readFile } from 'node:fs/promises';
 import react from '@vitejs/plugin-react';
 import tailwindcss from '@tailwindcss/vite';
 
+// Upstream workaround: @atlashub/smartstack's theme.css contains a comment
+// with the pattern \`**/*.js\` whose \`*/\` closes the comment early and breaks
+// Tailwind v4's CSS parser ("Unterminated string: ';'"). Rewrite on load.
+function fixSmartstackThemeComment(): Plugin {
+  return {
+    name: 'fix-smartstack-theme-comment',
+    enforce: 'pre',
+    async load(id) {
+      const normalized = id.split('?')[0].replace(/\\\\/g, '/');
+      if (!normalized.endsWith('@atlashub/smartstack/dist/theme.css')) return null;
+      const content = await readFile(normalized, 'utf-8');
+      return content.replace(/\\*\\*\\/\\*\\.js/g, '** /*.js');
+    },
+  };
+}
+
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '');
 
@@ -117416,7 +117433,7 @@ export default defineConfig(({ mode }) => {
   const port = parseInt(env.VITE_PORT || '3000', 10);
 
   return {
-    plugins: [react(), tailwindcss()],
+    plugins: [react(), fixSmartstackThemeComment(), tailwindcss()],
     server: {
       port,
       proxy: {
@@ -117511,7 +117528,6 @@ export default defineConfig(({ mode }) => {
 import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { SmartStackProvider } from '@atlashub/smartstack';
-import '@atlashub/smartstack/styles.css';
 import './extensions/componentRegistry.generated';
 import App from './App';
 import './index.css';
@@ -117575,9 +117591,10 @@ import { PageRegistry } from '@atlashub/smartstack';
   const registry_result = await safeWriteFile((0, import_path7.join)(webDir, "src", "extensions", "componentRegistry.generated.ts"), componentRegistryTs, findKnownHash(state, "frontend", registry_relPath));
   logSafeWriteResult(registry_relPath, registry_result);
   recordFile(state, "frontend", registry_relPath, registry_result.hash);
+  logger.info(`Stub componentRegistry created. Run ${source_default.cyan("scaffold_routes")} (MCP) in Claude Code to register all built-in + custom pages \u2014 required to avoid MISSING_PAGE errors at runtime.`);
   const indexCss = `@import "tailwindcss";
+@import "@atlashub/smartstack/theme.css";
 @source "../node_modules/@atlashub/smartstack/dist/**/*.js";
-@custom-variant dark (&:where(.dark, .dark *));
 `;
   const css_relPath = `${webRelPrefix}/src/index.css`;
   const css_result = await safeWriteFile((0, import_path7.join)(webDir, "src", "index.css"), indexCss, findKnownHash(state, "frontend", css_relPath));
@@ -118295,10 +118312,87 @@ var appTsxRetroactiveMigration = {
   ]
 };
 
+// src/migrations/index-css-tailwind-v4-migration.ts
+var CANONICAL_INDEX_CSS = `@import "tailwindcss";
+@import "@atlashub/smartstack/theme.css";
+@source "../node_modules/@atlashub/smartstack/dist/**/*.js";
+`;
+var VITE_PLUGIN_HELPER = `import { readFile } from 'node:fs/promises';
+import tailwindcss from '@tailwindcss/vite';
+
+// Upstream workaround: @atlashub/smartstack's theme.css contains a comment
+// with the pattern \`**/*.js\` whose \`*/\` closes the comment early and breaks
+// Tailwind v4's CSS parser ("Unterminated string: ';'"). Rewrite on load.
+function fixSmartstackThemeComment() {
+  return {
+    name: 'fix-smartstack-theme-comment',
+    enforce: 'pre',
+    async load(id) {
+      const normalized = id.split('?')[0].replace(/\\\\/g, '/');
+      if (!normalized.endsWith('@atlashub/smartstack/dist/theme.css')) return null;
+      const content = await readFile(normalized, 'utf-8');
+      return content.replace(/\\*\\*\\/\\*\\.js/g, '** /*.js');
+    },
+  };
+}`;
+var indexCssTailwindV4Migration = {
+  fromVersion: "1.0.0",
+  toVersion: "4.81.0",
+  description: "Fix index.css/main.tsx/vite.config.ts for Tailwind v4 + SmartStack theme.css upstream bug",
+  migrations: [
+    {
+      pattern: "**/web/**/src/index.css",
+      description: "Rewrite index.css to canonical 3-line form (imports tailwindcss + theme.css, scans package bundle)",
+      detect: (content) => {
+        const hasTailwind = content.includes('@import "tailwindcss"');
+        if (!hasTailwind) return false;
+        return content.trim() !== CANONICAL_INDEX_CSS.trim();
+      },
+      transform: () => CANONICAL_INDEX_CSS
+    },
+    {
+      pattern: "**/web/**/src/main.tsx",
+      description: "Remove invalid @atlashub/smartstack/styles.css import (export does not exist)",
+      detect: (content) => {
+        return /import\s+['"]@atlashub\/smartstack\/styles\.css['"];?\s*$/m.test(content);
+      },
+      transform: (content) => {
+        return content.replace(/^import\s+['"]@atlashub\/smartstack\/styles\.css['"];?\s*\r?\n/m, "");
+      }
+    },
+    {
+      pattern: "**/web/**/vite.config.ts",
+      description: "Inject fixSmartstackThemeComment plugin to neutralize theme.css upstream comment bug",
+      detect: (content) => {
+        const usesTailwindVite = content.includes("@tailwindcss/vite");
+        const hasFix = content.includes("fixSmartstackThemeComment");
+        return usesTailwindVite && !hasFix;
+      },
+      transform: (content) => {
+        let updated = content;
+        if (!updated.includes("fixSmartstackThemeComment")) {
+          updated = updated.replace(
+            /import\s+tailwindcss\s+from\s+['"]@tailwindcss\/vite['"];?\s*\r?\n/,
+            `${VITE_PLUGIN_HELPER}
+
+`
+          );
+        }
+        updated = updated.replace(
+          /plugins:\s*\[\s*react\(\)\s*,\s*tailwindcss\(\)\s*\]/,
+          "plugins: [react(), fixSmartstackThemeComment(), tailwindcss()]"
+        );
+        return updated;
+      }
+    }
+  ]
+};
+
 // src/migrations/registry.ts
 var migrations = [
   appTsxRetroactiveMigration,
-  appTsxMigration_v2_0_0_preview_381
+  appTsxMigration_v2_0_0_preview_381,
+  indexCssTailwindV4Migration
 ];
 function compareVersions(a, b) {
   const cleanA = a.replace(/^v/, "");
@@ -125283,16 +125377,24 @@ async function executeMigrations(projectDir, fromVersion, toVersion, dryRun) {
             });
             continue;
           }
+          let actuallyApplied = true;
           if (!dryRun) {
             const transformed = fileMigration.transform(content, file);
-            await import_fs_extra7.default.writeFile(file, transformed, "utf-8");
+            if (transformed === content) {
+              actuallyApplied = false;
+            } else {
+              await import_fs_extra7.default.copyFile(file, `${file}.bak`);
+              await import_fs_extra7.default.writeFile(file, transformed, "utf-8");
+            }
           }
           results.push({
             filePath: file.replace(projectDir, "").replace(/^[/\\]/, ""),
-            applied: true,
-            description: fileMigration.description
+            applied: actuallyApplied,
+            description: actuallyApplied ? fileMigration.description : "No content changes"
           });
-          logger.success(`${dryRun ? "[DRY RUN] Would migrate" : "Migrated"}: ${file.replace(projectDir, "").replace(/^[/\\]/, "")}`);
+          if (actuallyApplied) {
+            logger.success(`${dryRun ? "[DRY RUN] Would migrate" : "Migrated"}: ${file.replace(projectDir, "").replace(/^[/\\]/, "")}`);
+          }
         } catch (error) {
           const errorMessage = error instanceof Error ? error.message : String(error);
           results.push({
@@ -125804,6 +125906,12 @@ var upgradeCommand = new Command("upgrade").description("Upgrade SmartStack pack
     logger.info("No code migrations needed.");
     console.log();
   }
+  if (frontendDir && npmVersion) {
+    logger.warning(
+      `[ACTION REQUIRED] Run ${source_default.cyan("scaffold_routes")} (MCP) in Claude Code to regenerate componentRegistry.generated.ts with all built-in pages from @atlashub/smartstack@${npmVersion}. Skipping this step may cause MISSING_PAGE errors at runtime (e.g. MISSING_PAGE/administration.users).`
+    );
+    console.log();
+  }
   logger.info("Syncing appsettings.json...");
   const addedKeys = await syncAppSettings(projectDir, config.baseNamespace, dryRun);
   result.configSynced = addedKeys.length;