@nebulit/embuilder 0.1.45 → 0.1.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebulit/embuilder",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "description": "Event-model driven development toolkit for Claude Code",
   "type": "module",
   "bin": {

package/templates/.claude/skills/slice-state-view/SKILL.md

@@ -11,12 +11,6 @@ If the processors-array in the slice json is not empty. Treat this as an AUTOMAT
 
 ## Critical Requirements
 
-### Restaurant ID Requirement
-- **CRITICAL**: ALL database tables MUST have a `restaurant_id` column (snake_case)
-- **CRITICAL**: ALL events MUST have `restaurantId` in their metadata (camelCase)
-- **NEVER** use `locationId` or `location_id` - these are outdated and forbidden
-- This ensures proper multi-tenancy and data isolation
-
 ## Implementation Steps
 
 When creating a state-view slice, you MUST create the following files:

package/templates/frontend/prompt.md

@@ -77,7 +77,7 @@ Slice C: { groupId: "123", sliceType: "STATE_CHANGE", title: "Cancel Event" }
 ```typescript
 // AuthContext: user, session, restaurantId
 import { useAuth } from "@/contexts/AuthContext";
-const { user, session, restaurantId } = useAuth();
+const { user, session } = useAuth();
 
 // ApiContext: token, restaurantId, userId (auto-injected into headers)
 import { useApiContext } from "@/hooks/useApiContext";

package/templates/frontend/setup-env.sh

@@ -0,0 +1,43 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+prompt() {
+  local var_name="$1"
+  local prompt_text="$2"
+  local value
+  read -rp "$prompt_text: " value
+  if [[ -z "$value" ]]; then
+    echo "Error: $var_name cannot be empty." >&2
+    exit 1
+  fi
+  echo "$value"
+}
+
+prompt_secret() {
+  local var_name="$1"
+  local prompt_text="$2"
+  local value
+  read -rsp "$prompt_text: " value
+  echo "" >&2
+  if [[ -z "$value" ]]; then
+    echo "Error: $var_name cannot be empty." >&2
+    exit 1
+  fi
+  echo "$value"
+}
+
+echo "=== Supabase .env setup ==="
+echo ""
+
+PROJECT_ID=$(prompt SUPABASE_PROJECT_ID "Supabase Project ID")
+DB_PASSWORD=$(prompt_secret SUPABASE_DB_PASSWORD "Database Password")
+PUBLISHABLE_KEY=$(prompt_secret SUPABASE_PUBLISHABLE_KEY "Supabase Publishable Key")
+#SECRET_KEY=$(prompt_secret SUPABASE_SECRET_KEY "Supabase Secret Key")
+
+cat > .env.development <<EOF
+VITE_SUPABASE_URL=https://${PROJECT_ID}.supabase.co
+VITE_SUPABASE_PUBLISHABLE_KEY=${PUBLISHABLE_KEY}
+VITE_SUPABASE_DB_URL=postgresql://postgres.${PROJECT_ID}:${DB_PASSWORD}@aws-1-eu-central-1.pooler.supabase.com:5432/postgres?prepareThreshold=0
+
+echo ""
+echo ".env.development created successfully."

package/templates/frontend/src/App.tsx

@@ -6,12 +6,6 @@ import {AuthProvider} from "@/contexts/AuthContext";
 import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
 import {BrowserRouter, Routes, Route} from "react-router-dom";
 import Dashboard from "./pages/Dashboard";
-import Tables from "./pages/Tables";
-import Staff from "./pages/Staff";
-import Shifts from "./pages/Shifts";
-import Tasks from "./pages/Tasks";
-import Menus from "./pages/Menus";
-import Vacations from "./pages/Vacations";
 import NotFound from "./pages/NotFound";
 import Auth from "@/pages/Auth.tsx";
 import Register from "@/pages/Register.tsx";
@@ -22,24 +16,18 @@ const queryClient = new QueryClient();
 const App = () => (
     <QueryClientProvider client={queryClient}>
         <AuthProvider>
-        <TooltipProvider>
-            <Toaster/>
-            <Sonner/>
-            <BrowserRouter>
-                <Routes>
-                    <Route path="/register" element={<Register/>}/>
-                    <Route path="/auth" element={<Auth/>}/>
-                    <Route path="/" element={<ProtectedRoute><Dashboard/></ProtectedRoute>}/>
-                    <Route path="/tables" element={<ProtectedRoute><Tables/></ProtectedRoute>}/>
-                    <Route path="/staff" element={<ProtectedRoute><Staff/></ProtectedRoute>}/>
-                    <Route path="/shifts" element={<ProtectedRoute><Shifts/></ProtectedRoute>}/>
-                    <Route path="/tasks" element={<ProtectedRoute><Tasks/></ProtectedRoute>}/>
-                    <Route path="/menus" element={<ProtectedRoute><Menus/></ProtectedRoute>}/>
-                    <Route path="/vacations" element={<ProtectedRoute><Vacations/></ProtectedRoute>}/>
-                    <Route path="*" element={<NotFound/>}/>
-                </Routes>
-            </BrowserRouter>
-        </TooltipProvider>
+            <TooltipProvider>
+                <Toaster/>
+                <Sonner/>
+                <BrowserRouter>
+                    <Routes>
+                        <Route path="/register" element={<Register/>}/>
+                        <Route path="/auth" element={<Auth/>}/>
+                        <Route path="/" element={<ProtectedRoute><Dashboard/></ProtectedRoute>}/>
+                        <Route path="*" element={<NotFound/>}/>
+                    </Routes>
+                </BrowserRouter>
+            </TooltipProvider>
         </AuthProvider>
     </QueryClientProvider>
 );

package/templates/frontend/src/pages/Dashboard.tsx

@@ -1,168 +1,31 @@
 import {DashboardLayout} from "@/components/layout/DashboardLayout";
-import {StatCard} from "@/components/ui/stat-card";
-import {Users, Calendar, ClipboardList} from "lucide-react";
-import {mockClerks} from "@/data/mock-data";
+import {Calendar, ClipboardList} from "lucide-react";
 import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card";
-import {Badge} from "@/components/ui/badge";
-import {useActiveShiftsForDashboard} from "@/hooks/api/useShifts";
-import {useActiveTasksForDashboard} from "@/hooks/api/useTasks";
-import {useClerks} from "@/hooks/api/useClerks";
-import {useUpcomingReservations} from "@/hooks/api/useReservations";
-import {format} from "date-fns";
-import {DashboardCalendar, CalendarEntry} from "@/components/calendar/Calendar";
-import {useMemo, useCallback} from "react";
 import {useApiContext} from "@/hooks/useApiContext";
-import {registerNoShow, registerShowUp} from "@/lib/api";
 
 export default function Dashboard() {
     const ctx = useApiContext();
-    const {data: activeShifts = [], isLoading: shiftsLoading} = useActiveShiftsForDashboard();
-    const {data: activeTasks = [], isLoading: tasksLoading} = useActiveTasksForDashboard();
-    const {data: clerks = []} = useClerks();
-    const {data: upcomingReservations = []} = useUpcomingReservations();
-    const activeStaff = mockClerks.filter((c) => c.active).length;
+    //const {data: activeShifts = [], isLoading: shiftsLoading} = useActiveShiftsForDashboard();
 
-    const getClerkName = (clerkId: string) => {
-        const clerk = clerks.find((c) => c.clerkId === clerkId);
-        return clerk ? `${clerk.name} ${clerk.surname}` : clerkId;
-    };
-
-    const calendarEntries = useMemo<CalendarEntry[]>(() => {
-        return upcomingReservations.map((r) => ({
-            type: "reservation",
-            id: r.reservation_id,
-            title: r.name || r.reservation_id,
-            description: r.description,
-            start: r.start_date,
-            email: r.email,
-            phone: r.phone,
-            end: r.end_date,
-            showupRegistered: r.showup_registered,
-        }));
-    }, [upcomingReservations]);
-
-    const handleNoShow = useCallback((reservationId: string) => {
+    /*const handleNoShow = useCallback((reservationId: string) => {
         registerNoShow(reservationId, ctx).catch(console.error);
-    }, [ctx]);
-
-    const handleShowUp = useCallback((reservationId: string) => {
-        registerShowUp(reservationId, ctx).catch(console.error);
-    }, [ctx]);
+    }, [ctx]);*/
 
     return (
         <DashboardLayout title="Overview" subtitle="Welcome back! Here is your summary.">
-            {/* Stats Grid */}
-            <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
-                <StatCard
-                    title="Active Staff"
-                    value={activeStaff}
-                    icon={Users}
-                    change={`${mockClerks.length - activeStaff} inactive`}
-                    changeType="neutral"
-                />
-            </div>
-
-            {/* Quick Actions & Recent Activity */}
+            <div></div>
+            {/* Quick Actions & Recent Activity
             <div className="mt-8 grid gap-6 lg:grid-cols-2">
-                {/* Active Shifts */}
                 <Card className="animate-fade-in">
                     <CardHeader>
                         <CardTitle className="flex items-center gap-2 text-lg">
                             <Calendar className="h-5 w-5 text-primary"/>
-                            Active Shifts Today
                         </CardTitle>
                     </CardHeader>
                     <CardContent>
-                        <div className="space-y-4">
-                            {shiftsLoading ? (
-                                <p className="text-sm text-muted-foreground">Loading...</p>
-                            ) : activeShifts.length === 0 ? (
-                                <p className="text-sm text-muted-foreground">No active shifts</p>
-                            ) : (
-                                activeShifts.map((shift) => (
-                                    <div
-                                        key={shift.shiftId}
-                                        className="flex items-center justify-between rounded-lg border border-border bg-muted/30 p-4"
-                                    >
-                                        <div>
-                                            <p className="font-medium text-foreground">{shift.name}</p>
-                                            <p className="text-sm text-muted-foreground">{shift.fromTo}</p>
-                                            {shift.assignees.length > 0 && (
-                                                <p className="mt-1 text-xs text-muted-foreground">
-                                                    {shift.assignees.map(getClerkName).join(", ")}
-                                                </p>
-                                            )}
-                                        </div>
-                                        <Badge variant="secondary" className="bg-success/10 text-success">
-                                            Active
-                                        </Badge>
-                                    </div>
-                                ))
-                            )}
-                        </div>
                     </CardContent>
                 </Card>
-            </div>
-
-            {/* Pending Tasks */}
-            <Card className="mt-6 animate-fade-in">
-                <CardHeader>
-                    <CardTitle className="flex items-center gap-2 text-lg">
-                        <ClipboardList className="h-5 w-5 text-primary"/>
-                        Pending Tasks
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    {tasksLoading ? (
-                        <p className="text-sm text-muted-foreground">Loading...</p>
-                    ) : activeTasks.length === 0 ? (
-                        <p className="text-sm text-muted-foreground">No active tasks</p>
-                    ) : (
-                        <div className="overflow-x-auto">
-                            <table className="w-full">
-                                <thead>
-                                <tr className="border-b border-border">
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Task</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Assigned to</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Due date</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Recurrence</th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                {activeTasks.map((task) => (
-                                    <tr key={task.taskId} className="border-b border-border/50 last:border-0">
-                                        <td className="py-4">
-                                            <p className="font-medium text-foreground">{task.title}</p>
-                                            <p className="text-sm text-muted-foreground">{task.description}</p>
-                                        </td>
-                                        <td className="py-4 text-foreground">
-                                            {task.assignedClerk ? getClerkName(task.assignedClerk) : "Unassigned"}
-                                        </td>
-                                        <td className="py-4 text-foreground">
-                                            {task.date ? format(new Date(task.date), "MM/dd/yyyy") : "–"}
-                                        </td>
-                                        <td className="py-4">
-                                            {task.repeats ? (
-                                                <Badge variant="outline">{task.repeats}</Badge>
-                                            ) : (
-                                                <span className="text-sm text-muted-foreground">Once</span>
-                                            )}
-                                        </td>
-                                    </tr>
-                                ))}
-                                </tbody>
-                            </table>
-                        </div>
-                    )}
-                </CardContent>
-            </Card>
-
-            <DashboardCalendar
-                entries={calendarEntries}
-                onAppointmentClick={() => {}}
-                onNoShow={handleNoShow}
-                onShowUp={handleShowUp}
-            />
+            </div>*/}
         </DashboardLayout>
     );
 }

package/templates/.claude/skills/sample-slices/templates/.slices/Library/addbook/code-slice.json

@@ -1,124 +0,0 @@
-{
-  "id": "3458764661593137476",
-  "title": "slice: Add Book",
-  "specifications": [
-    {
-      "vertical": false,
-      "id": "GENERATED-SPEC-001",
-      "sliceName": "slice: Add Book",
-      "type": "COMMAND",
-      "title": "should create BookAdded event when adding a book",
-      "given": [],
-      "when": [
-        {
-          "id": "GENERATED-WHEN-001",
-          "linkedId": "3458764661591564785",
-          "title": "Add Book",
-          "type": "COMMAND",
-          "fields": [
-            {
-              "name": "title",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "Harry Potter",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "author",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "J.K. Rowling",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "description",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "A magical adventure",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "isbn",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "1234567890",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "user",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "john@example.com",
-              "subfields": [],
-              "idAttribute": false
-            }
-          ]
-        }
-      ],
-      "then": [
-        {
-          "id": "GENERATED-THEN-001",
-          "linkedId": "3458764661586330620",
-          "title": "Book added",
-          "type": "SPEC_EVENT",
-          "fields": [
-            {
-              "name": "id",
-              "type": "String",
-              "cardinality": "Single",
-              "subfields": [],
-              "idAttribute": false,
-              "generated": true
-            },
-            {
-              "name": "title",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "Harry Potter",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "author",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "J.K. Rowling",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "description",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "A magical adventure",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "isbn",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "1234567890",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "user",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "john@example.com",
-              "subfields": [],
-              "idAttribute": false
-            }
-          ]
-        }
-      ],
-      "comments": [],
-      "linkedId": "GENERATED-SPEC-001"
-    }
-  ]
-}