@nextsparkjs/core 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/templates/contents/themes/starter/messages/it/analytics.json

@@ -0,0 +1,39 @@
+{
+  "title": "Analisi",
+  "description": "Monitora la produttività e il completamento delle attività del tuo team",
+  "stats": {
+    "totalTasks": "Attività Totali",
+    "completedToday": "Completate Oggi",
+    "overdue": "In Ritardo",
+    "avgCompletionTime": "Tempo Medio di Completamento"
+  },
+  "chart": {
+    "title": "Progresso Settimanale",
+    "completed": "Completate",
+    "created": "Create",
+    "note": "Attività delle ultime 7 giorni"
+  },
+  "charts": {
+    "weeklyProgress": "Progresso Settimanale",
+    "tasksByStatus": "Attività per Stato",
+    "tasksByPriority": "Attività per Priorità",
+    "completionRate": "Tasso di Completamento"
+  },
+  "activity": {
+    "title": "Attività Recente",
+    "empty": "Nessuna attività recente",
+    "actions": {
+      "created": "ha creato",
+      "completed": "ha completato",
+      "updated": "ha aggiornato",
+      "deleted": "ha eliminato"
+    }
+  },
+  "timeRanges": {
+    "today": "Oggi",
+    "thisWeek": "Questa Settimana",
+    "thisMonth": "Questo Mese",
+    "last30Days": "Ultimi 30 Giorni",
+    "custom": "Intervallo Personalizzato"
+  }
+}

package/dist/templates/contents/themes/starter/messages/it/common.json

@@ -0,0 +1,33 @@
+{
+  "appName": "Starter",
+  "loading": "Caricamento...",
+  "error": "Si è verificato un errore",
+  "retry": "Riprova",
+  "cancel": "Annulla",
+  "save": "Salva",
+  "delete": "Elimina",
+  "edit": "Modifica",
+  "create": "Crea",
+  "search": "Cerca...",
+  "noResults": "Nessun risultato trovato",
+  "confirm": "Conferma",
+  "back": "Indietro",
+  "next": "Avanti",
+  "previous": "Precedente",
+  "close": "Chiudi",
+  "open": "Apri",
+  "yes": "Sì",
+  "no": "No",
+  "all": "Tutti",
+  "none": "Nessuno",
+  "selected": "{count} selezionati",
+  "showing": "Visualizzazione da {from} a {to} di {total}",
+  "itemsPerPage": "Elementi per pagina",
+  "sortBy": "Ordina per",
+  "filterBy": "Filtra per",
+  "clearFilters": "Cancella filtri",
+  "export": "Esporta",
+  "import": "Importa",
+  "download": "Scarica",
+  "upload": "Carica"
+}

package/dist/templates/contents/themes/starter/messages/it/home.json

@@ -0,0 +1,30 @@
+{
+  "hero": {
+    "title": "Benvenuto su Starter",
+    "subtitle": "Un tema NextSpark minimalista per avviare il tuo progetto",
+    "cta": "Inizia"
+  },
+  "features": {
+    "title": "Funzionalità",
+    "subtitle": "Tutto ciò di cui hai bisogno per costruire la tua applicazione",
+    "items": {
+      "tasks": {
+        "title": "Gestione Attività",
+        "description": "Organizza e monitora le tue attività in modo efficiente"
+      },
+      "analytics": {
+        "title": "Dashboard Analitica",
+        "description": "Monitora la produttività del tuo team"
+      },
+      "teams": {
+        "title": "Collaborazione di Team",
+        "description": "Lavora insieme senza problemi"
+      }
+    }
+  },
+  "cta": {
+    "title": "Pronto per iniziare?",
+    "subtitle": "Crea la tua prima attività e inizia a monitorare i tuoi progressi",
+    "button": "Crea Attività"
+  }
+}

package/dist/templates/contents/themes/starter/messages/it/navigation.json

@@ -0,0 +1,16 @@
+{
+  "dashboard": "Pannello di Controllo",
+  "home": "Home",
+  "tasks": "Attività",
+  "analytics": "Analisi",
+  "settings": "Impostazioni",
+  "profile": "Profilo",
+  "team": "Team",
+  "billing": "Fatturazione",
+  "help": "Aiuto",
+  "logout": "Esci",
+  "notifications": "Notifiche",
+  "search": "Cerca",
+  "quickCreate": "Creazione Rapida",
+  "viewAll": "Vedi Tutto"
+}

package/dist/templates/contents/themes/starter/messages/pt/analytics.json

@@ -0,0 +1,39 @@
+{
+  "title": "Análises",
+  "description": "Acompanhe a produtividade e conclusão de tarefas da sua equipe",
+  "stats": {
+    "totalTasks": "Total de Tarefas",
+    "completedToday": "Concluídas Hoje",
+    "overdue": "Atrasadas",
+    "avgCompletionTime": "Tempo Médio de Conclusão"
+  },
+  "chart": {
+    "title": "Progresso Semanal",
+    "completed": "Concluídas",
+    "created": "Criadas",
+    "note": "Atividade de tarefas dos últimos 7 dias"
+  },
+  "charts": {
+    "weeklyProgress": "Progresso Semanal",
+    "tasksByStatus": "Tarefas por Status",
+    "tasksByPriority": "Tarefas por Prioridade",
+    "completionRate": "Taxa de Conclusão"
+  },
+  "activity": {
+    "title": "Atividade Recente",
+    "empty": "Nenhuma atividade recente",
+    "actions": {
+      "created": "criou",
+      "completed": "concluiu",
+      "updated": "atualizou",
+      "deleted": "excluiu"
+    }
+  },
+  "timeRanges": {
+    "today": "Hoje",
+    "thisWeek": "Esta Semana",
+    "thisMonth": "Este Mês",
+    "last30Days": "Últimos 30 Dias",
+    "custom": "Período Personalizado"
+  }
+}

package/dist/templates/contents/themes/starter/messages/pt/common.json

@@ -0,0 +1,33 @@
+{
+  "appName": "Starter",
+  "loading": "Carregando...",
+  "error": "Ocorreu um erro",
+  "retry": "Tentar novamente",
+  "cancel": "Cancelar",
+  "save": "Salvar",
+  "delete": "Excluir",
+  "edit": "Editar",
+  "create": "Criar",
+  "search": "Pesquisar...",
+  "noResults": "Nenhum resultado encontrado",
+  "confirm": "Confirmar",
+  "back": "Voltar",
+  "next": "Próximo",
+  "previous": "Anterior",
+  "close": "Fechar",
+  "open": "Abrir",
+  "yes": "Sim",
+  "no": "Não",
+  "all": "Todos",
+  "none": "Nenhum",
+  "selected": "{count} selecionados",
+  "showing": "Mostrando {from} a {to} de {total}",
+  "itemsPerPage": "Itens por página",
+  "sortBy": "Ordenar por",
+  "filterBy": "Filtrar por",
+  "clearFilters": "Limpar filtros",
+  "export": "Exportar",
+  "import": "Importar",
+  "download": "Baixar",
+  "upload": "Enviar"
+}

package/dist/templates/contents/themes/starter/messages/pt/home.json

@@ -0,0 +1,30 @@
+{
+  "hero": {
+    "title": "Bem-vindo ao Starter",
+    "subtitle": "Um tema NextSpark minimalista para iniciar seu projeto",
+    "cta": "Começar"
+  },
+  "features": {
+    "title": "Funcionalidades",
+    "subtitle": "Tudo o que você precisa para construir sua aplicação",
+    "items": {
+      "tasks": {
+        "title": "Gestão de Tarefas",
+        "description": "Organize e acompanhe suas tarefas com eficiência"
+      },
+      "analytics": {
+        "title": "Painel de Análises",
+        "description": "Monitore a produtividade da sua equipe"
+      },
+      "teams": {
+        "title": "Colaboração em Equipe",
+        "description": "Trabalhe em conjunto sem problemas"
+      }
+    }
+  },
+  "cta": {
+    "title": "Pronto para começar?",
+    "subtitle": "Crie sua primeira tarefa e comece a acompanhar seu progresso",
+    "button": "Criar Tarefa"
+  }
+}

package/dist/templates/contents/themes/starter/messages/pt/navigation.json

@@ -0,0 +1,16 @@
+{
+  "dashboard": "Painel",
+  "home": "Início",
+  "tasks": "Tarefas",
+  "analytics": "Análises",
+  "settings": "Configurações",
+  "profile": "Perfil",
+  "team": "Equipe",
+  "billing": "Faturamento",
+  "help": "Ajuda",
+  "logout": "Sair",
+  "notifications": "Notificações",
+  "search": "Pesquisar",
+  "quickCreate": "Criação Rápida",
+  "viewAll": "Ver Tudo"
+}

package/dist/templates/contents/themes/starter/migrations/001_starter_users.sql

@@ -0,0 +1,17 @@
+-- Starter Theme: Sample Users for Development
+-- These users work with the DevKeyring for quick login during development
+
+-- Note: Core users (superadmin, developer) are created by core migrations
+-- This file creates theme-specific demo users
+
+-- Insert sample users for the starter theme
+-- Password: Test1234 (hashed)
+INSERT INTO "user" (id, name, email, email_verified, created_at, updated_at)
+VALUES
+  ('starter-owner-001', 'Owner User', 'owner@starter.dev', true, NOW(), NOW()),
+  ('starter-admin-001', 'Admin User', 'admin@starter.dev', true, NOW(), NOW()),
+  ('starter-member-001', 'Member User', 'member@starter.dev', true, NOW(), NOW())
+ON CONFLICT (email) DO NOTHING;
+
+-- Note: Actual password hashes should be generated by the auth system
+-- The DevKeyring handles authentication in development mode

package/dist/templates/contents/themes/starter/migrations/README.md

@@ -0,0 +1,19 @@
+# Theme Migrations
+
+This folder contains database migrations specific to this theme.
+
+## Migration Files
+
+- `001_starter_users.sql` - Creates sample users for development
+
+## Running Migrations
+
+```bash
+pnpm db:migrate
+```
+
+## Creating New Migrations
+
+1. Create a new SQL file with the next number prefix
+2. Follow the naming convention: `NNN_description.sql`
+3. Include proper comments explaining the migration

package/dist/templates/contents/themes/starter/public/theme/blocks/hero/thumbnail.png

@@ -0,0 +1 @@
+Placeholder thumbnail for hero block

package/dist/templates/contents/themes/starter/styles/components.css

@@ -0,0 +1,16 @@
+/* Starter Theme Component Styles */
+
+/* Hero block styles */
+.hero-section {
+  @apply relative min-h-[60vh] flex items-center justify-center;
+}
+
+/* Stats card styles */
+.stats-card {
+  @apply transition-shadow hover:shadow-md;
+}
+
+/* Analytics chart container */
+.chart-container {
+  @apply w-full h-[300px];
+}

package/dist/templates/contents/themes/starter/styles/globals.css

@@ -0,0 +1,20 @@
+/* Starter Theme Global Styles */
+
+/* Import base styles from core */
+@import '@nextsparkjs/core/styles/globals.css';
+
+/* Theme-specific CSS variables */
+:root {
+  /* Custom spacing */
+  --spacing-xs: 0.125rem;
+  --spacing-sm: 0.25rem;
+  --spacing-md: 0.5rem;
+  --spacing-lg: 1rem;
+  --spacing-xl: 1.5rem;
+  --spacing-2xl: 2rem;
+}
+
+/* Dark mode overrides if needed */
+.dark {
+  /* Custom dark mode variables */
+}

package/dist/templates/contents/themes/starter/templates/(dashboard)/analytics/_hooks/useAnalyticsData.ts

@@ -0,0 +1,41 @@
+'use client'
+
+import { useQuery } from '@tanstack/react-query'
+import { useTeamContext } from '@nextsparkjs/core/contexts/TeamContext'
+
+interface WeeklyProgress {
+  day: string
+  completed: number
+  created: number
+}
+
+interface ActivityItem {
+  id: string
+  action: 'created' | 'completed' | 'updated'
+  task: string
+  time: string
+}
+
+interface AnalyticsData {
+  totalTasks: number
+  completedToday: number
+  overdue: number
+  avgCompletionTime: number
+  weeklyProgress: WeeklyProgress[]
+  recentActivity: ActivityItem[]
+}
+
+export function useAnalyticsData() {
+  const { currentTeam } = useTeamContext()
+
+  return useQuery({
+    queryKey: ['analytics', currentTeam?.id],
+    queryFn: async (): Promise<AnalyticsData> => {
+      const res = await fetch(`/api/v1/analytics?teamId=${currentTeam?.id}`)
+      if (!res.ok) throw new Error('Failed to fetch analytics')
+      return res.json()
+    },
+    enabled: !!currentTeam?.id,
+    staleTime: 1000 * 60 * 5, // 5 minutes
+  })
+}

package/dist/templates/contents/themes/starter/templates/(dashboard)/analytics/components/RecentActivity.tsx

@@ -0,0 +1,78 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { Card, CardContent, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
+import { cn } from '@nextsparkjs/core/lib/utils'
+import { CheckCircle, Plus, Pencil, type LucideIcon } from 'lucide-react'
+
+interface ActivityItem {
+  id: string
+  action: 'created' | 'completed' | 'updated'
+  task: string
+  time: string
+}
+
+// Sample activity data
+const recentActivities: ActivityItem[] = [
+  { id: '1', action: 'completed', task: 'Update user authentication flow', time: '5 minutes ago' },
+  { id: '2', action: 'created', task: 'Design new dashboard layout', time: '12 minutes ago' },
+  { id: '3', action: 'updated', task: 'Fix pagination bug in reports', time: '28 minutes ago' },
+  { id: '4', action: 'completed', task: 'Write API documentation', time: '1 hour ago' },
+  { id: '5', action: 'created', task: 'Implement dark mode toggle', time: '2 hours ago' },
+  { id: '6', action: 'completed', task: 'Code review for PR #42', time: '3 hours ago' },
+]
+
+const actionConfig: Record<ActivityItem['action'], { icon: LucideIcon; color: string }> = {
+  completed: {
+    icon: CheckCircle,
+    color: 'text-green-600 dark:text-green-400 bg-green-100 dark:bg-green-900/30',
+  },
+  created: {
+    icon: Plus,
+    color: 'text-blue-600 dark:text-blue-400 bg-blue-100 dark:bg-blue-900/30',
+  },
+  updated: {
+    icon: Pencil,
+    color: 'text-orange-600 dark:text-orange-400 bg-orange-100 dark:bg-orange-900/30',
+  },
+}
+
+export function RecentActivity() {
+  const t = useTranslations('analytics')
+
+  return (
+    <Card data-cy="recent-activity">
+      <CardHeader>
+        <CardTitle>{t('activity.title')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          {recentActivities.map((activity) => {
+            const config = actionConfig[activity.action]
+            const Icon = config.icon
+
+            return (
+              <div
+                key={activity.id}
+                className="flex items-start gap-3"
+                data-cy="activity-item"
+              >
+                <div className={cn('p-1.5 rounded-full', config.color)}>
+                  <Icon className="h-3 w-3" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <p className="text-sm font-medium leading-tight truncate">
+                    {activity.task}
+                  </p>
+                  <p className="text-xs text-muted-foreground mt-0.5">
+                    {t(`activity.actions.${activity.action}`)} - {activity.time}
+                  </p>
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}

package/dist/templates/contents/themes/starter/templates/(dashboard)/analytics/components/StatsCard.tsx

@@ -0,0 +1,58 @@
+'use client'
+
+import { Card, CardContent, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
+import { cn } from '@nextsparkjs/core/lib/utils'
+import {
+  CheckSquare,
+  CheckCircle,
+  AlertCircle,
+  Clock,
+  TrendingUp,
+  TrendingDown,
+  type LucideIcon,
+} from 'lucide-react'
+
+const iconMap: Record<string, LucideIcon> = {
+  CheckSquare,
+  CheckCircle,
+  AlertCircle,
+  Clock,
+}
+
+interface StatsCardProps {
+  title: string
+  value: string
+  change: string
+  trend: 'up' | 'down'
+  icon: keyof typeof iconMap
+}
+
+export function StatsCard({ title, value, change, trend, icon }: StatsCardProps) {
+  const Icon = iconMap[icon] || CheckSquare
+  const TrendIcon = trend === 'up' ? TrendingUp : TrendingDown
+  const isPositive = trend === 'up'
+
+  return (
+    <Card data-cy="stats-card">
+      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+        <CardTitle className="text-sm font-medium">{title}</CardTitle>
+        <Icon className="h-4 w-4 text-muted-foreground" />
+      </CardHeader>
+      <CardContent>
+        <div className="text-2xl font-bold">{value}</div>
+        <p className="text-xs text-muted-foreground">
+          <span
+            className={cn(
+              'inline-flex items-center gap-1',
+              isPositive ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'
+            )}
+          >
+            <TrendIcon className="h-3 w-3" />
+            {change}
+          </span>{' '}
+          from last period
+        </p>
+      </CardContent>
+    </Card>
+  )
+}

package/dist/templates/contents/themes/starter/templates/(dashboard)/analytics/components/TasksChart.tsx

@@ -0,0 +1,80 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { Card, CardContent, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
+import { cn } from '@nextsparkjs/core/lib/utils'
+
+// Sample data for the chart
+const weeklyData = [
+  { day: 'Mon', completed: 12, created: 8 },
+  { day: 'Tue', completed: 18, created: 14 },
+  { day: 'Wed', completed: 15, created: 12 },
+  { day: 'Thu', completed: 22, created: 16 },
+  { day: 'Fri', completed: 28, created: 20 },
+  { day: 'Sat', completed: 8, created: 4 },
+  { day: 'Sun', completed: 5, created: 2 },
+]
+
+// Calculate max value for scaling
+const maxValue = Math.max(...weeklyData.flatMap((d) => [d.completed, d.created]))
+
+export function TasksChart() {
+  const t = useTranslations('analytics')
+
+  return (
+    <Card data-cy="tasks-chart">
+      <CardHeader>
+        <CardTitle>{t('chart.title')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          {/* Legend */}
+          <div className="flex items-center gap-4 text-sm">
+            <div className="flex items-center gap-2">
+              <div className="h-3 w-3 rounded-full bg-primary" />
+              <span className="text-muted-foreground">{t('chart.completed')}</span>
+            </div>
+            <div className="flex items-center gap-2">
+              <div className="h-3 w-3 rounded-full bg-muted-foreground/40" />
+              <span className="text-muted-foreground">{t('chart.created')}</span>
+            </div>
+          </div>
+
+          {/* Simple Bar Chart */}
+          <div className="flex items-end gap-2 h-[200px]">
+            {weeklyData.map((data) => (
+              <div key={data.day} className="flex-1 flex flex-col items-center gap-1">
+                <div className="flex items-end gap-0.5 h-[160px] w-full">
+                  {/* Completed bar */}
+                  <div
+                    className={cn(
+                      'flex-1 bg-primary rounded-t-sm transition-all duration-300',
+                      'hover:bg-primary/80'
+                    )}
+                    style={{ height: `${(data.completed / maxValue) * 100}%` }}
+                    title={`${t('chart.completed')}: ${data.completed}`}
+                  />
+                  {/* Created bar */}
+                  <div
+                    className={cn(
+                      'flex-1 bg-muted-foreground/40 rounded-t-sm transition-all duration-300',
+                      'hover:bg-muted-foreground/60'
+                    )}
+                    style={{ height: `${(data.created / maxValue) * 100}%` }}
+                    title={`${t('chart.created')}: ${data.created}`}
+                  />
+                </div>
+                <span className="text-xs text-muted-foreground">{data.day}</span>
+              </div>
+            ))}
+          </div>
+
+          {/* Chart note */}
+          <p className="text-xs text-muted-foreground text-center">
+            {t('chart.note')}
+          </p>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}

package/dist/templates/contents/themes/starter/templates/(dashboard)/analytics/page.tsx

@@ -0,0 +1,45 @@
+import { Metadata } from 'next'
+import { getTranslations } from 'next-intl/server'
+import { StatsCard } from './components/StatsCard'
+import { TasksChart } from './components/TasksChart'
+import { RecentActivity } from './components/RecentActivity'
+
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations('analytics')
+  return {
+    title: t('title'),
+    description: t('description'),
+  }
+}
+
+export default async function AnalyticsPage() {
+  const t = await getTranslations('analytics')
+
+  return (
+    <div className="space-y-6" data-cy="analytics-page">
+      {/* Page Header */}
+      <div>
+        <h1 className="text-2xl font-bold tracking-tight">{t('title')}</h1>
+        <p className="text-muted-foreground">{t('description')}</p>
+      </div>
+
+      {/* Stats Grid - 4 cards */}
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <StatsCard title={t('stats.totalTasks')} value="128" change="+12%" trend="up" icon="CheckSquare" />
+        <StatsCard title={t('stats.completedToday')} value="24" change="+8%" trend="up" icon="CheckCircle" />
+        <StatsCard title={t('stats.overdue')} value="3" change="-25%" trend="down" icon="AlertCircle" />
+        <StatsCard title={t('stats.avgCompletionTime')} value="2.4h" change="-10%" trend="down" icon="Clock" />
+      </div>
+
+      {/* Charts Row */}
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-7">
+        <div className="col-span-4">
+          <TasksChart />
+        </div>
+        <div className="col-span-3">
+          <RecentActivity />
+        </div>
+      </div>
+    </div>
+  )
+}

package/dist/templates/contents/themes/starter/templates/(public)/layout.tsx

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react'
+
+interface PublicLayoutProps {
+  children: ReactNode
+}
+
+export default function PublicLayout({ children }: PublicLayoutProps) {
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Add public header/nav here if needed */}
+      {children}
+      {/* Add public footer here if needed */}
+    </div>
+  )
+}