@nextsparkjs/core 0.1.0-beta.57 → 0.1.0-beta.58

package/dist/styles/classes.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-01-20T14:49:04.021Z",
+  "generated": "2026-01-20T16:36:54.178Z",
   "totalClasses": 1047,
   "classes": [
     "!text-2xl",

package/dist/templates/app/globals.css

@@ -1,12 +1,15 @@
 /* =============================================
    GLOBAL STYLES - Import from Active Theme
 
-   Este archivo importa los estilos del theme activo.
-   NO editar directamente - todos los estilos están en:
+   This file imports styles from the active theme.
+   DO NOT edit directly - all styles are in:
    contents/themes/{theme}/styles/globals.css
 
-   Para personalizar colores, tipografía y tokens, edita
-   el archivo globals.css de tu theme activo.
+   This import is AUTO-SYNCED by the registry build process
+   to match NEXT_PUBLIC_ACTIVE_THEME from your .env file.
+
+   To customize colors, typography and tokens, edit
+   the globals.css file in your active theme.
    ============================================= */
 
-@import "../contents/themes/default/styles/globals.css";
+@import "../contents/themes/starter/styles/globals.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/core",
-  "version": "0.1.0-beta.57",
+  "version": "0.1.0-beta.58",
   "description": "NextSpark - The complete SaaS framework for Next.js",
   "license": "MIT",
   "author": "NextSpark <hello@nextspark.dev>",

package/scripts/build/registry.mjs

@@ -83,6 +83,7 @@ import {
   cleanupOrphanedTemplates
 } from './registry/post-build/index.mjs'
 import { watchContents } from './registry/watch.mjs'
+import { syncAppGlobalsCss } from './theme.mjs'
 
 // ==================== Registry File Generation ====================
 
@@ -159,6 +160,12 @@ export async function buildRegistries(projectRoot = null) {
   const startTime = Date.now()
 
   try {
+    // Sync app/globals.css to import from active theme
+    // This ensures the import path matches NEXT_PUBLIC_ACTIVE_THEME
+    if (CONFIG.activeTheme) {
+      syncAppGlobalsCss(CONFIG, CONFIG.activeTheme)
+    }
+
     // Initialize parent-child discovery FIRST (needed for dynamic parseChildEntity)
     log('→ Initializing dynamic parent-child discovery...', 'info')
     await discoverParentChildRelations(CONFIG)

package/scripts/build/theme.mjs

@@ -42,7 +42,7 @@ function getActiveTheme() {
  * @param {string} activeTheme - Active theme name
  * @returns {boolean} - True if file was updated, false if already correct
  */
-function syncAppGlobalsCss(config, activeTheme) {
+export function syncAppGlobalsCss(config, activeTheme) {
   const appGlobalsCssPath = path.join(config.projectRoot, 'app', 'globals.css')
 
   // Calculate the correct relative path from app/ to theme globals.css
@@ -423,21 +423,25 @@ async function watchTheme() {
   }
 }
 
-// Main execution
-const watchMode = process.argv.includes('--watch') || process.argv.includes('-w')
+// Main execution - only run when invoked directly, not when imported
+const isMainScript = process.argv[1] && import.meta.url.endsWith(process.argv[1].split('/').pop())
 
-console.log('🎨 Starting theme build process...')
+if (isMainScript) {
+  const watchMode = process.argv.includes('--watch') || process.argv.includes('-w')
 
-try {
-  await buildTheme()
-  console.log('✅ Theme build process completed successfully!')
+  console.log('🎨 Starting theme build process...')
 
-  if (watchMode) {
-    console.log()
-    console.log('👀 Starting watch mode...')
-    await watchTheme()
+  try {
+    await buildTheme()
+    console.log('✅ Theme build process completed successfully!')
+
+    if (watchMode) {
+      console.log()
+      console.log('👀 Starting watch mode...')
+      await watchTheme()
+    }
+  } catch (error) {
+    console.error('❌ Theme build process failed:', error)
+    process.exit(1)
   }
-} catch (error) {
-  console.error('❌ Theme build process failed:', error)
-  process.exit(1)
 }

package/templates/app/globals.css

@@ -1,12 +1,15 @@
 /* =============================================
    GLOBAL STYLES - Import from Active Theme
 
-   Este archivo importa los estilos del theme activo.
-   NO editar directamente - todos los estilos están en:
+   This file imports styles from the active theme.
+   DO NOT edit directly - all styles are in:
    contents/themes/{theme}/styles/globals.css
 
-   Para personalizar colores, tipografía y tokens, edita
-   el archivo globals.css de tu theme activo.
+   This import is AUTO-SYNCED by the registry build process
+   to match NEXT_PUBLIC_ACTIVE_THEME from your .env file.
+
+   To customize colors, typography and tokens, edit
+   the globals.css file in your active theme.
    ============================================= */
 
-@import "../contents/themes/default/styles/globals.css";
+@import "../contents/themes/starter/styles/globals.css";