@nextsparkjs/core 0.1.0-beta.8 → 0.1.0-beta.81

package/templates/app/devtools/api/[...path]/page.tsx

@@ -1,36 +0,0 @@
-import { notFound } from 'next/navigation'
-import { ApiRoutesService } from '@nextsparkjs/core/lib/services/api-routes.service'
-import { ApiTester } from '@nextsparkjs/core/components/devtools/api-tester'
-
-interface DevApiDetailPageProps {
-  params: Promise<{ path: string[] }>
-}
-
-/**
- * DevTools API Tester Page (catch-all route)
- *
- * Displays API tester for a specific endpoint.
- * URL format: /devtools/api/v1/users/%5Bid%5D -> path = ['v1', 'users', '%5Bid%5D']
- *
- * Note: Brackets must be URL-encoded in the URL to avoid Next.js treating them
- * as dynamic route segments. We decode them here to match the registry paths.
- */
-export default async function DevApiDetailPage({ params }: DevApiDetailPageProps) {
-  const { path } = await params
-
-  // Decode URL-encoded brackets back to literal brackets
-  // %5B -> [ and %5D -> ]
-  const decodedPath = path.map(segment => decodeURIComponent(segment))
-
-  // Reconstruir el path del API
-  const apiPath = '/api/' + decodedPath.join('/')
-
-  // Buscar el endpoint en el registry
-  const route = ApiRoutesService.getRoute(apiPath)
-
-  if (!route) {
-    notFound()
-  }
-
-  return <ApiTester route={route} basePath={apiPath} />
-}

package/templates/app/devtools/api/page.tsx

@@ -1,213 +0,0 @@
-import { Code, Database, Layers, Puzzle } from "lucide-react"
-import Link from "next/link"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@nextsparkjs/core/components/ui/card"
-import { Badge } from "@nextsparkjs/core/components/ui/badge"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@nextsparkjs/core/components/ui/tabs"
-import { ApiRoutesService } from "@nextsparkjs/core/lib/services/api-routes.service"
-import { getTranslations } from "next-intl/server"
-
-/**
- * Method badge colors
- */
-const methodColors: Record<string, string> = {
-  GET: "bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300",
-  POST: "bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-300",
-  PATCH: "bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-300",
-  PUT: "bg-orange-100 text-orange-700 dark:bg-orange-950 dark:text-orange-300",
-  DELETE: "bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-300",
-}
-
-/**
- * Encode path for Link href to handle dynamic segments
- * Next.js App Router doesn't support [...] in href, so we encode brackets
- */
-function encodePathForLink(path: string): string {
-  return path
-    .replace('/api', '')
-    .replace(/\[/g, '%5B')
-    .replace(/\]/g, '%5D')
-}
-
-/**
- * Category icons and colors
- */
-const categoryConfig = {
-  core: {
-    icon: Code,
-    color: "text-violet-600 dark:text-violet-400",
-    bgColor: "bg-violet-100 dark:bg-violet-950",
-    label: "Core"
-  },
-  entity: {
-    icon: Database,
-    color: "text-blue-600 dark:text-blue-400",
-    bgColor: "bg-blue-100 dark:bg-blue-950",
-    label: "Entities"
-  },
-  theme: {
-    icon: Layers,
-    color: "text-pink-600 dark:text-pink-400",
-    bgColor: "bg-pink-100 dark:bg-pink-950",
-    label: "Theme"
-  },
-  plugin: {
-    icon: Puzzle,
-    color: "text-green-600 dark:text-green-400",
-    bgColor: "bg-green-100 dark:bg-green-950",
-    label: "Plugins"
-  }
-}
-
-/**
- * Developer API Explorer Page
- *
- * Lists all available API endpoints grouped by category.
- * Shows paths, HTTP methods, and source information.
- */
-export default async function DevToolsApiPage() {
-  const t = await getTranslations("devtools.api")
-
-  const summary = ApiRoutesService.getSummary()
-  const routesByCategory = ApiRoutesService.getRoutesGroupedByCategory()
-
-  return (
-    <div className="space-y-6" data-cy="devtools-api-page">
-      {/* Header */}
-      <div className="flex items-center gap-3">
-        <div className="flex items-center justify-center w-12 h-12 bg-violet-100 dark:bg-violet-950 rounded-lg">
-          <Code className="h-6 w-6 text-violet-600 dark:text-violet-400" />
-        </div>
-        <div>
-          <h1 className="text-3xl font-bold text-violet-600 dark:text-violet-400">
-            {t('title')}
-          </h1>
-          <p className="text-muted-foreground">
-            {summary.totalRoutes} {t('endpointsAvailable')}
-          </p>
-        </div>
-      </div>
-
-      {/* Summary Cards */}
-      <div className="grid gap-4 md:grid-cols-4">
-        {(Object.keys(categoryConfig) as Array<keyof typeof categoryConfig>).map((category) => {
-          const config = categoryConfig[category]
-          const Icon = config.icon
-          const countKey = category === 'entity' ? 'entities' : category === 'plugin' ? 'plugins' : category
-          const count = summary.byCategory[countKey as keyof typeof summary.byCategory]
-
-          return (
-            <Card key={category} data-cy={`devtools-api-summary-${category}`}>
-              <CardContent className="pt-6">
-                <div className="flex items-center gap-3">
-                  <div className={`flex items-center justify-center w-10 h-10 ${config.bgColor} rounded-lg`}>
-                    <Icon className={`h-5 w-5 ${config.color}`} />
-                  </div>
-                  <div>
-                    <p className="text-2xl font-bold">{count}</p>
-                    <p className="text-sm text-muted-foreground">{config.label}</p>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          )
-        })}
-      </div>
-
-      {/* Routes by Category Tabs */}
-      <Tabs defaultValue="core" className="w-full">
-        <TabsList className="grid w-full grid-cols-4">
-          <TabsTrigger value="core" data-cy="devtools-api-tab-core">
-            Core ({summary.byCategory.core})
-          </TabsTrigger>
-          <TabsTrigger value="entity" data-cy="devtools-api-tab-entity">
-            Entities ({summary.byCategory.entities})
-          </TabsTrigger>
-          <TabsTrigger value="theme" data-cy="devtools-api-tab-theme">
-            Theme ({summary.byCategory.theme})
-          </TabsTrigger>
-          <TabsTrigger value="plugin" data-cy="devtools-api-tab-plugin">
-            Plugins ({summary.byCategory.plugins})
-          </TabsTrigger>
-        </TabsList>
-
-        {(Object.keys(routesByCategory) as Array<keyof typeof routesByCategory>).map((category) => {
-          const routes = routesByCategory[category]
-          const config = categoryConfig[category]
-
-          return (
-            <TabsContent key={category} value={category} className="mt-6">
-              <Card>
-                <CardHeader>
-                  <CardTitle className="flex items-center gap-2">
-                    <config.icon className={`h-5 w-5 ${config.color}`} />
-                    {config.label} Endpoints
-                  </CardTitle>
-                  <CardDescription>
-                    {routes.length === 0
-                      ? t('noRoutesInCategory')
-                      : `${routes.length} ${t('endpointsInCategory')}`
-                    }
-                  </CardDescription>
-                </CardHeader>
-                <CardContent>
-                  {routes.length === 0 ? (
-                    <p className="text-sm text-muted-foreground py-4 text-center">
-                      {t('noRoutesMessage')}
-                    </p>
-                  ) : (
-                    <div className="space-y-3">
-                      {routes.map((route, index) => (
-                        <Link
-                          href={`/devtools/api${encodePathForLink(route.path)}`}
-                          key={`${route.path}-${index}`}
-                          className="flex items-center justify-between p-3 rounded-lg border bg-card hover:bg-muted/50 transition-colors cursor-pointer"
-                          data-cy={`devtools-api-route-${category}-${index}`}
-                        >
-                          <div className="flex-1 min-w-0">
-                            <code className="text-sm font-mono font-medium break-all">
-                              {route.path}
-                            </code>
-                            {route.source && (
-                              <p className="text-xs text-muted-foreground mt-1">
-                                Source: {route.source}
-                              </p>
-                            )}
-                            {route.subcategory && (
-                              <p className="text-xs text-muted-foreground mt-1">
-                                Category: {route.subcategory}
-                              </p>
-                            )}
-                          </div>
-                          <div className="flex gap-1 ml-4 flex-shrink-0">
-                            {route.methods.map((method) => (
-                              <Badge
-                                key={method}
-                                variant="secondary"
-                                className={`text-xs font-mono ${methodColors[method] || ""}`}
-                              >
-                                {method}
-                              </Badge>
-                            ))}
-                          </div>
-                        </Link>
-                      ))}
-                    </div>
-                  )}
-                </CardContent>
-              </Card>
-            </TabsContent>
-          )
-        })}
-      </Tabs>
-
-      {/* Generation Info */}
-      <Card>
-        <CardContent className="pt-6">
-          <p className="text-xs text-muted-foreground text-center">
-            {t('generatedAt')}: {new Date(summary.generatedAt).toLocaleString()}
-          </p>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}

package/templates/app/layout.tsx.ejs

@@ -1,90 +0,0 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
- * Generated by @nextsparkjs/core
- * Regenerate with: npx nextspark generate
- */
-
-import type { Metadata } from "next"
-import { Geist, Geist_Mono } from "next/font/google"
-import { NextIntlClientProvider } from 'next-intl'
-import { getMessages } from 'next-intl/server'
-
-import "./globals.css"
-import "./theme-styles.css"
-import { QueryProvider } from "@nextsparkjs/core/providers/query-provider"
-import { ThemeProvider as NextThemeProvider } from "@nextsparkjs/core/providers/theme-provider"
-import { ThemeProvider as CustomThemeProvider } from "@nextsparkjs/core/lib/theme/ThemeProvider"
-import { TeamProvider } from "@nextsparkjs/core/contexts/TeamContext"
-import { SubscriptionProvider } from "@nextsparkjs/core/contexts/SubscriptionContext"
-import { getUserLocale } from '@nextsparkjs/core/lib/locale'
-import { Toaster } from "@nextsparkjs/core/components/ui/sonner"
-import { TranslationContextManager } from "@nextsparkjs/core/providers/TranslationContextManager"
-import { PluginService } from '@nextsparkjs/core/lib/services'
-import { getMetadataOrDefault } from '@nextsparkjs/core/lib/template-resolver'
-import { getDefaultThemeMode } from '@nextsparkjs/core/lib/theme/get-default-theme-mode'
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-})
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-})
-
-const defaultMetadata: Metadata = {
-  title: "<%= config.app?.name || 'NextSpark App' %>",
-  description: "<%= config.app?.description || 'Built with NextSpark' %>",
-}
-
-export const metadata: Metadata = getMetadataOrDefault(
-  'app/layout.tsx',
-  defaultMetadata
-)
-
-let pluginsInitialized = false
-
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  if (!pluginsInitialized) {
-    await PluginService.initializeAll()
-    pluginsInitialized = true
-  }
-
-  const locale = await getUserLocale()
-  const messages = await getMessages({ locale })
-  const defaultTheme = await getDefaultThemeMode()
-
-  return (
-    <html lang={locale} suppressHydrationWarning>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <NextIntlClientProvider messages={messages}>
-          <NextThemeProvider
-            attribute="class"
-            defaultTheme={defaultTheme}
-            enableSystem
-            disableTransitionOnChange
-          >
-            <CustomThemeProvider>
-              <QueryProvider>
-                <TeamProvider>
-                  <SubscriptionProvider>
-                    <TranslationContextManager />
-                    <main>{children}</main>
-                    <Toaster position="bottom-left" />
-                  </SubscriptionProvider>
-                </TeamProvider>
-              </QueryProvider>
-            </CustomThemeProvider>
-          </NextThemeProvider>
-        </NextIntlClientProvider>
-      </body>
-    </html>
-  )
-}

package/templates/app/theme-styles.css

@@ -1,202 +0,0 @@
-/*
- * Generated Theme CSS
- * Theme: default
- * Build time: 2026-01-02T21:07:28.854Z
- *
- * This file is auto-generated. Do not edit manually.
- * To modify themes, edit files in contents/themes/default/
- */
-
-/**
- * Default Theme - shadcn/ui Neutral
- *
- * Pure neutral grays using OKLCH color space.
- * Based on shadcn/ui default configuration.
- */
-
-/* =============================================
-   DEFAULT THEME - LIGHT MODE
-   ============================================= */
-
-:root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.1450 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.1450 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.1450 0 0);
-  --primary: oklch(0.2050 0 0);
-  --primary-foreground: oklch(0.9850 0 0);
-  --secondary: oklch(0.9700 0 0);
-  --secondary-foreground: oklch(0.2050 0 0);
-  --muted: oklch(0.9700 0 0);
-  --muted-foreground: oklch(0.5560 0 0);
-  --accent: oklch(0.9700 0 0);
-  --accent-foreground: oklch(0.2050 0 0);
-  --destructive: oklch(0.5770 0.2450 27.3250);
-  --destructive-foreground: oklch(1 0 0);
-  --border: oklch(0.9220 0 0);
-  --input: oklch(0.9220 0 0);
-  --ring: oklch(0.7080 0 0);
-  --chart-1: oklch(0.8100 0.1000 252);
-  --chart-2: oklch(0.6200 0.1900 260);
-  --chart-3: oklch(0.5500 0.2200 263);
-  --chart-4: oklch(0.4900 0.2200 264);
-  --chart-5: oklch(0.4200 0.1800 266);
-  --sidebar: oklch(0.9850 0 0);
-  --sidebar-foreground: oklch(0.1450 0 0);
-  --sidebar-primary: oklch(0.2050 0 0);
-  --sidebar-primary-foreground: oklch(0.9850 0 0);
-  --sidebar-accent: oklch(0.9700 0 0);
-  --sidebar-accent-foreground: oklch(0.2050 0 0);
-  --sidebar-border: oklch(0.9220 0 0);
-  --sidebar-ring: oklch(0.7080 0 0);
-  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --radius: 0.625rem;
-  --shadow-x: 0;
-  --shadow-y: 1px;
-  --shadow-blur: 3px;
-  --shadow-spread: 0px;
-  --shadow-opacity: 0.1;
-  --shadow-color: oklch(0 0 0);
-  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
-  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
-  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
-  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
-  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
-  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
-  --tracking-normal: 0em;
-  --spacing: 0.25rem;
-}
-
-/* =============================================
-   DEFAULT THEME - DARK MODE
-   ============================================= */
-
-.dark {
-  --background: oklch(0.1450 0 0);
-  --foreground: oklch(0.9850 0 0);
-  --card: oklch(0.2050 0 0);
-  --card-foreground: oklch(0.9850 0 0);
-  --popover: oklch(0.2690 0 0);
-  --popover-foreground: oklch(0.9850 0 0);
-  --primary: oklch(0.9220 0 0);
-  --primary-foreground: oklch(0.2050 0 0);
-  --secondary: oklch(0.2690 0 0);
-  --secondary-foreground: oklch(0.9850 0 0);
-  --muted: oklch(0.2690 0 0);
-  --muted-foreground: oklch(0.7080 0 0);
-  --accent: oklch(0.3710 0 0);
-  --accent-foreground: oklch(0.9850 0 0);
-  --destructive: oklch(0.7040 0.1910 22.2160);
-  --destructive-foreground: oklch(0.9850 0 0);
-  --border: oklch(0.2750 0 0);
-  --input: oklch(0.3250 0 0);
-  --ring: oklch(0.5560 0 0);
-  --chart-1: oklch(0.8100 0.1000 252);
-  --chart-2: oklch(0.6200 0.1900 260);
-  --chart-3: oklch(0.5500 0.2200 263);
-  --chart-4: oklch(0.4900 0.2200 264);
-  --chart-5: oklch(0.4200 0.1800 266);
-  --sidebar: oklch(0.2050 0 0);
-  --sidebar-foreground: oklch(0.9850 0 0);
-  --sidebar-primary: oklch(0.4880 0.2430 264.3760);
-  --sidebar-primary-foreground: oklch(0.9850 0 0);
-  --sidebar-accent: oklch(0.2690 0 0);
-  --sidebar-accent-foreground: oklch(0.9850 0 0);
-  --sidebar-border: oklch(0.2750 0 0);
-  --sidebar-ring: oklch(0.4390 0 0);
-  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --radius: 0.625rem;
-  --shadow-x: 0;
-  --shadow-y: 1px;
-  --shadow-blur: 3px;
-  --shadow-spread: 0px;
-  --shadow-opacity: 0.1;
-  --shadow-color: oklch(0 0 0);
-  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
-  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
-  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
-  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
-  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
-  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
-}
-
-/* =============================================
-   TAILWIND v4 THEME MAPPING
-   ============================================= */
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  --font-sans: var(--font-sans);
-  --font-mono: var(--font-mono);
-  --font-serif: var(--font-serif);
-
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-
-  --shadow-2xs: var(--shadow-2xs);
-  --shadow-xs: var(--shadow-xs);
-  --shadow-sm: var(--shadow-sm);
-  --shadow: var(--shadow);
-  --shadow-md: var(--shadow-md);
-  --shadow-lg: var(--shadow-lg);
-  --shadow-xl: var(--shadow-xl);
-  --shadow-2xl: var(--shadow-2xl);
-}
-
-
-/**
- * Default Theme Component-Specific Styles
- * 
- * Custom component styles that supplement the base shadcn/ui components
- * These styles are specific to the default theme
- */
-
-/* =============================================
-   COMPONENT-SPECIFIC THEME STYLES
-   ============================================= */
-
-