@nextsparkjs/theme-default 0.1.0-beta.1 → 0.1.0-beta.100

package/messages/es/navigation.json

@@ -4,5 +4,6 @@
   "support": "Soporte",
   "docs": "Documentación",
   "dashboard": "Panel",
-  "pages": "Páginas"
+  "pages": "Páginas",
+  "media": "Multimedia"
 }

package/messages/fr/admin.json

@@ -214,6 +214,51 @@
     "messages": {
       "saved": "Enregistre avec succes",
       "created": "Cree avec succes"
+    },
+    "header": {
+      "actions": {
+        "saveDraft": "Sauvegarder Brouillon",
+        "publish": "Publier",
+        "update": "Mettre à jour"
+      }
+    },
+    "canvas": {
+      "empty": {
+        "title": "Pas encore de blocs",
+        "subtitle": "Ajoutez des blocs depuis la barre laterale"
+      },
+      "editingBadge": "Edition",
+      "error": {
+        "blockNotFound": "Bloc non trouve"
+      }
+    },
+    "floatingToolbar": {
+      "drag": "Glissez pour reordonner",
+      "duplicate": "Dupliquer le bloc",
+      "delete": "Supprimer le bloc"
+    },
+    "settingsPanel": {
+      "title": "Proprietes du Bloc",
+      "empty": {
+        "message": "Aucun bloc selectionne",
+        "hint": "Selectionnez un bloc du canvas pour modifier ses parametres"
+      },
+      "error": {
+        "notFound": "Configuration du bloc non trouvee"
+      },
+      "actions": {
+        "reset": "Reinitialiser",
+        "remove": "Supprimer"
+      },
+      "tabs": {
+        "content": "Contenu",
+        "design": "Design",
+        "advanced": "Avance",
+        "noContentFields": "Pas de champs de contenu",
+        "noDesignFields": "Pas de champs de design",
+        "noAdvancedFields": "Pas de champs avances"
+      },
+      "noFields": "Ce bloc n'a pas de champs configurables"
     }
   }
 }

package/messages/it/admin.json

@@ -214,6 +214,51 @@
     "messages": {
       "saved": "Salvato con successo",
       "created": "Creato con successo"
+    },
+    "header": {
+      "actions": {
+        "saveDraft": "Salva Bozza",
+        "publish": "Pubblica",
+        "update": "Aggiorna"
+      }
+    },
+    "canvas": {
+      "empty": {
+        "title": "Nessun blocco ancora",
+        "subtitle": "Aggiungi blocchi dalla barra laterale"
+      },
+      "editingBadge": "Modifica",
+      "error": {
+        "blockNotFound": "Blocco non trovato"
+      }
+    },
+    "floatingToolbar": {
+      "drag": "Trascina per riordinare",
+      "duplicate": "Duplica blocco",
+      "delete": "Elimina blocco"
+    },
+    "settingsPanel": {
+      "title": "Proprietà del Blocco",
+      "empty": {
+        "message": "Nessun blocco selezionato",
+        "hint": "Seleziona un blocco dal canvas per modificare le impostazioni"
+      },
+      "error": {
+        "notFound": "Configurazione del blocco non trovata"
+      },
+      "actions": {
+        "reset": "Ripristina",
+        "remove": "Rimuovi"
+      },
+      "tabs": {
+        "content": "Contenuto",
+        "design": "Design",
+        "advanced": "Avanzato",
+        "noContentFields": "Nessun campo contenuto",
+        "noDesignFields": "Nessun campo design",
+        "noAdvancedFields": "Nessun campo avanzato"
+      },
+      "noFields": "Questo blocco non ha campi configurabili"
     }
   }
 }

package/messages/pt/admin.json

@@ -214,6 +214,51 @@
     "messages": {
       "saved": "Salvo com sucesso",
       "created": "Criado com sucesso"
+    },
+    "header": {
+      "actions": {
+        "saveDraft": "Salvar Rascunho",
+        "publish": "Publicar",
+        "update": "Atualizar"
+      }
+    },
+    "canvas": {
+      "empty": {
+        "title": "Nenhum bloco ainda",
+        "subtitle": "Adicione blocos da barra lateral"
+      },
+      "editingBadge": "Editando",
+      "error": {
+        "blockNotFound": "Bloco não encontrado"
+      }
+    },
+    "floatingToolbar": {
+      "drag": "Arraste para reordenar",
+      "duplicate": "Duplicar bloco",
+      "delete": "Excluir bloco"
+    },
+    "settingsPanel": {
+      "title": "Propriedades do Bloco",
+      "empty": {
+        "message": "Nenhum bloco selecionado",
+        "hint": "Selecione um bloco do canvas para editar as configurações"
+      },
+      "error": {
+        "notFound": "Configuração do bloco não encontrada"
+      },
+      "actions": {
+        "reset": "Redefinir",
+        "remove": "Remover"
+      },
+      "tabs": {
+        "content": "Conteúdo",
+        "design": "Design",
+        "advanced": "Avançado",
+        "noContentFields": "Sem campos de conteúdo",
+        "noDesignFields": "Sem campos de design",
+        "noAdvancedFields": "Sem campos avançados"
+      },
+      "noFields": "Este bloco não tem campos configuráveis"
     }
   }
 }

package/migrations/093_pages_sample_data.sql

@@ -20,7 +20,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000001',
   'usr-carlos-001',
   'team-everpoint-001',
   'home',
@@ -332,7 +332,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000002',
   'usr-carlos-001',
   'team-everpoint-001',
   'features',
@@ -500,7 +500,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000003',
   'usr-carlos-001',
   'team-everpoint-001',
   'pricing',
@@ -644,7 +644,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000004',
   'usr-carlos-001',
   'team-everpoint-001',
   'about',
@@ -803,7 +803,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000005',
   'usr-carlos-001',
   'team-everpoint-001',
   'getting-started',
@@ -955,7 +955,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000006',
   'usr-carlos-001',
   'team-everpoint-001',
   'contact',
@@ -1068,7 +1068,7 @@ INSERT INTO public.pages (
   "createdAt",
   "updatedAt"
 ) VALUES (
-  gen_random_uuid(),
+  '00000000-0000-4000-a000-000000000007',
   'usr-carlos-001',
   'team-everpoint-001',
   'demo',

package/migrations/098_patterns_sample_data.sql

@@ -0,0 +1,234 @@
+-- Migration: 098_patterns_sample_data.sql
+-- Description: Sample patterns for testing pattern references and usage tracking
+-- Date: 2025-01-17
+
+-- =====================================================
+-- PATTERNS SAMPLE DATA
+-- =====================================================
+
+-- Pattern 1: Newsletter CTA (Published)
+INSERT INTO public.patterns (
+  id,
+  "userId",
+  "teamId",
+  title,
+  slug,
+  blocks,
+  status,
+  description,
+  "createdAt",
+  "updatedAt"
+) VALUES (
+  '00000000-0000-4000-b000-000000000001',
+  'test-developer-001',
+  'team-nextspark-001',
+  'Newsletter CTA',
+  'newsletter-cta',
+  '[
+    {
+      "id": "newsletter-cta-block",
+      "blockSlug": "cta-section",
+      "props": {
+        "title": "Stay Updated",
+        "content": "Subscribe to our newsletter for the latest updates, tips, and exclusive content delivered straight to your inbox.",
+        "backgroundColor": "primary",
+        "textColor": "white",
+        "primaryCta": {
+          "label": "Subscribe Now",
+          "url": "/newsletter",
+          "variant": "secondary"
+        },
+        "secondaryCta": {
+          "label": "Learn More",
+          "url": "/about",
+          "variant": "outline"
+        }
+      }
+    }
+  ]',
+  'published',
+  'Reusable newsletter call-to-action section for pages',
+  NOW() - INTERVAL '7 days',
+  NOW() - INTERVAL '2 days'
+) ON CONFLICT (id) DO UPDATE SET
+  title = EXCLUDED.title,
+  slug = EXCLUDED.slug,
+  blocks = EXCLUDED.blocks,
+  status = EXCLUDED.status,
+  description = EXCLUDED.description,
+  "updatedAt" = EXCLUDED."updatedAt";
+
+-- Pattern 2: Footer Links (Published)
+INSERT INTO public.patterns (
+  id,
+  "userId",
+  "teamId",
+  title,
+  slug,
+  blocks,
+  status,
+  description,
+  "createdAt",
+  "updatedAt"
+) VALUES (
+  '00000000-0000-4000-b000-000000000002',
+  'test-developer-001',
+  'team-nextspark-001',
+  'Footer Links',
+  'footer-links',
+  '[
+    {
+      "id": "footer-links-block",
+      "blockSlug": "text-content",
+      "props": {
+        "content": "## Quick Links\n\n- [Home](/)\n- [Features](/features)\n- [Pricing](/pricing)\n- [About](/about)\n- [Contact](/contact)\n\n## Resources\n\n- [Documentation](/getting-started)\n- [API Reference](/api)\n- [Support](/support)\n- [Blog](/blog)",
+        "textAlign": "left",
+        "maxWidth": "4xl",
+        "padding": "lg"
+      }
+    }
+  ]',
+  'published',
+  'Common footer links section for all pages',
+  NOW() - INTERVAL '14 days',
+  NOW() - INTERVAL '5 days'
+) ON CONFLICT (id) DO UPDATE SET
+  title = EXCLUDED.title,
+  slug = EXCLUDED.slug,
+  blocks = EXCLUDED.blocks,
+  status = EXCLUDED.status,
+  description = EXCLUDED.description,
+  "updatedAt" = EXCLUDED."updatedAt";
+
+-- Pattern 3: Hero Header (Draft)
+INSERT INTO public.patterns (
+  id,
+  "userId",
+  "teamId",
+  title,
+  slug,
+  blocks,
+  status,
+  description,
+  "createdAt",
+  "updatedAt"
+) VALUES (
+  '00000000-0000-4000-b000-000000000003',
+  'test-developer-001',
+  'team-nextspark-001',
+  'Hero Header',
+  'hero-header',
+  '[
+    {
+      "id": "hero-header-block",
+      "blockSlug": "hero",
+      "props": {
+        "title": "Welcome to NextSpark",
+        "content": "The complete SaaS boilerplate for modern web applications. Build faster, scale smarter.",
+        "textAlign": "center",
+        "size": "lg",
+        "cta": {
+          "text": "Get Started",
+          "link": "/signup",
+          "variant": "default"
+        },
+        "secondaryCta": {
+          "text": "View Demo",
+          "link": "/demo",
+          "variant": "outline"
+        }
+      }
+    }
+  ]',
+  'draft',
+  'Standard hero header for landing pages (work in progress)',
+  NOW() - INTERVAL '3 days',
+  NOW() - INTERVAL '1 day'
+) ON CONFLICT (id) DO UPDATE SET
+  title = EXCLUDED.title,
+  slug = EXCLUDED.slug,
+  blocks = EXCLUDED.blocks,
+  status = EXCLUDED.status,
+  description = EXCLUDED.description,
+  "updatedAt" = EXCLUDED."updatedAt";
+
+-- =====================================================
+-- PATTERN USAGES SAMPLE DATA
+-- =====================================================
+
+-- Usage 1: Newsletter CTA used in Home page
+INSERT INTO public.pattern_usages (
+  id,
+  "patternId",
+  "entityType",
+  "entityId",
+  "teamId",
+  "createdAt"
+) VALUES (
+  '00000000-0000-4000-c000-000000000001',
+  '00000000-0000-4000-b000-000000000001',
+  'pages',
+  '00000000-0000-4000-a000-000000000001',
+  'team-nextspark-001',
+  NOW() - INTERVAL '5 days'
+) ON CONFLICT ("patternId", "entityType", "entityId") DO NOTHING;
+
+-- Usage 2: Newsletter CTA used in Features page
+INSERT INTO public.pattern_usages (
+  id,
+  "patternId",
+  "entityType",
+  "entityId",
+  "teamId",
+  "createdAt"
+) VALUES (
+  '00000000-0000-4000-c000-000000000002',
+  '00000000-0000-4000-b000-000000000001',
+  'pages',
+  '00000000-0000-4000-a000-000000000002',
+  'team-nextspark-001',
+  NOW() - INTERVAL '4 days'
+) ON CONFLICT ("patternId", "entityType", "entityId") DO NOTHING;
+
+-- Usage 3: Footer Links used in Home page
+INSERT INTO public.pattern_usages (
+  id,
+  "patternId",
+  "entityType",
+  "entityId",
+  "teamId",
+  "createdAt"
+) VALUES (
+  '00000000-0000-4000-c000-000000000003',
+  '00000000-0000-4000-b000-000000000002',
+  'pages',
+  '00000000-0000-4000-a000-000000000001',
+  'team-nextspark-001',
+  NOW() - INTERVAL '10 days'
+) ON CONFLICT ("patternId", "entityType", "entityId") DO NOTHING;
+
+-- Usage 4: Footer Links used in About page
+INSERT INTO public.pattern_usages (
+  id,
+  "patternId",
+  "entityType",
+  "entityId",
+  "teamId",
+  "createdAt"
+) VALUES (
+  '00000000-0000-4000-c000-000000000004',
+  '00000000-0000-4000-b000-000000000002',
+  'pages',
+  '00000000-0000-4000-a000-000000000004',
+  'team-nextspark-001',
+  NOW() - INTERVAL '8 days'
+) ON CONFLICT ("patternId", "entityType", "entityId") DO NOTHING;
+
+-- =====================================================
+-- VERIFICATION QUERIES (for manual testing)
+-- =====================================================
+-- SELECT id, title, status FROM patterns WHERE id::text LIKE '00000000-0000-4000-b000-%';
+-- Expected: 3 rows (newsletter, footer-links, hero-header)
+
+-- SELECT id, "patternId", "entityType", "entityId" FROM pattern_usages WHERE id::text LIKE '00000000-0000-4000-c000-%';
+-- Expected: 4 rows

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/theme-default",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.100",
   "private": false,
   "type": "module",
   "main": "./config/theme.config.ts",
@@ -9,7 +9,8 @@
   ],
   "dependencies": {},
   "peerDependencies": {
-    "@nextsparkjs/core": "workspace:*",
+    "@nextsparkjs/core": "*",
+    "@nextsparkjs/testing": "*",
     "@tanstack/react-query": "^5.0.0",
     "lucide-react": "^0.539.0",
     "next": "^15.0.0",
@@ -18,5 +19,9 @@
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
     "zod": "^4.0.0"
+  },
+  "nextspark": {
+    "type": "theme",
+    "name": "default"
   }
-}
+}

package/styles/globals.css

@@ -3,8 +3,38 @@
  *
  * Pure neutral grays using OKLCH color space.
  * Based on shadcn/ui default configuration.
+ *
+ * ÚNICA FUENTE DE VERDAD para estilos del theme.
+ * Editar este archivo para customizar el design system.
  */
 
+/* =============================================
+   IMPORTS
+   ============================================= */
+@import "tailwindcss";
+
+/* =============================================
+   TAILWIND v4 DARK MODE CONFIGURATION
+
+   Por defecto Tailwind v4 usa @media (prefers-color-scheme: dark)
+   para las variantes dark:. Esto causa problemas porque:
+   - next-themes usa la clase .dark en el HTML
+   - El sistema operativo puede tener dark mode aunque la app use light
+
+   Esta configuración hace que Tailwind use el selector de clase .dark
+   en lugar de la media query, sincronizándose con next-themes.
+   ============================================= */
+@custom-variant dark (&:where(.dark, .dark *));
+
+@plugin "@tailwindcss/container-queries";
+@import "@nextsparkjs/core/styles/ui.css";
+@import "@nextsparkjs/core/styles/utilities.css";
+@import "@nextsparkjs/core/styles/docs.css";
+@source "../../../**/*.{js,ts,jsx,tsx}";
+/* Core package: monorepo (short path) + npm projects (long path) */
+@source "../node_modules/@nextsparkjs/core/dist/**/*.js";
+@source "../../../../node_modules/@nextsparkjs/core/dist/**/*.js";
+
 /* =============================================
    DEFAULT THEME - LIGHT MODE
    ============================================= */
@@ -177,3 +207,15 @@
   --shadow-xl: var(--shadow-xl);
   --shadow-2xl: var(--shadow-2xl);
 }
+
+/* =============================================
+   BASE STYLES
+   ============================================= */
+* {
+  border-color: var(--border);
+}
+
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+}

package/templates/(public)/blog/[slug]/page.tsx

@@ -1,5 +1,5 @@
 import { notFound } from 'next/navigation'
-import { PageRenderer } from '@/app/components/page-renderer'
+import { PageRenderer } from '@nextsparkjs/core/components/public/pageBuilder'
 import { PostHeader } from '@/themes/default/entities/posts/components/post-header'
 import { PostsService } from '@/themes/default/entities/posts/posts.service'
 import type { Metadata } from 'next'

package/templates/(public)/page.tsx

@@ -69,7 +69,7 @@ function Home() {
                       <span className="text-sm font-medium">{t('auth.authenticated')}</span>
                     </div>
                     <p className="text-lg">
-                      {t('auth.welcomeBack', { email: user.email })}
+                      {t('auth.welcomeBack', { email: user.email || '' })}
                     </p>
                     <Link href="/dashboard">
                       <Button size="lg" className="gap-2">