whale-code 6.4.0

package/dist/server/handlers/creations.js

@@ -0,0 +1,479 @@
+// server/handlers/creations.ts — Creation management (TV menus, landing pages, dashboards)
+// CRUD, AI generation via LLM, screenshot previews via browser, collection management
+import { sanitizeFilterValue } from "../lib/utils.js";
+import { MODELS } from "../../shared/constants.js";
+import { handleLLM } from "./llm-providers.js";
+import { handleBrowser } from "./browser.js";
+// ============================================================================
+// HELPERS
+// ============================================================================
+function slugify(text) {
+    return text
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .substring(0, 80)
+        + "-" + Math.random().toString(36).substring(2, 8);
+}
+// ============================================================================
+// CONSTANTS
+// ============================================================================
+const STOREFRONT_URL = process.env.STOREFRONT_URL || "https://floradistro.com";
+const CREATION_LIST_COLS = "id, name, creation_type, status, slug, display_mode, visibility, location_id, thumbnail_url, created_at, updated_at";
+const CREATION_FULL_COLS = "id, name, creation_type, status, slug, display_mode, visibility, location_id, thumbnail_url, description, react_code, data_config, theme_config, layout_config, created_at, updated_at";
+// ============================================================================
+// GENERATION SYSTEM PROMPT
+// ============================================================================
+const GENERATION_SYSTEM_PROMPT = `You are a React component generator for a digital signage / storefront creation platform.
+
+## Output Format
+Return ONLY the React component code. No markdown fences, no explanation, no imports.
+The code will be rendered inside an iframe with these globals already available:
+- React, ReactDOM (via CDN)
+- Tailwind CSS (via CDN)
+- Recharts (for charts/graphs)
+- Three.js + @react-three/fiber (for 3D)
+- Framer Motion (for animations)
+- GSAP (for complex animations)
+- Lucide React (for icons)
+
+## Component Pattern
+Write a single default export function component:
+\`\`\`
+export default function Creation() {
+  // Use React.useState, React.useEffect etc.
+  return <div>...</div>;
+}
+\`\`\`
+
+## Data Access
+The component receives store data via the useStore hook:
+\`\`\`
+const { products, store, categories } = useStore();
+\`\`\`
+
+Product shape:
+{ id, name, sku, description, short_description, status, type,
+  cost_price, wholesale_price, stock_quantity, featured,
+  field_values: { thca_percentage, strain_type, terpenes, effects, cbd_total, ... },
+  pricing_data: { mode, tiers: [{ label, quantity, unit, price }] },
+  category: { id, name } }
+
+Store shape:
+{ name, logo_url, primary_color, secondary_color }
+
+## Design Conventions
+- Dark theme by default (bg-gray-900/950, text-white)
+- Use Tailwind utility classes
+- Responsive design with grid/flex layouts
+- Smooth animations with Framer Motion or CSS transitions
+- Professional typography with clear hierarchy
+- Brand colors from store.primary_color / store.secondary_color when available
+
+## Types of Creations
+- display: Full-screen menu display for TV monitors, auto-rotating categories
+- landing: Marketing/promotional landing page
+- dashboard: Analytics or status display
+- component: Reusable UI component
+- artifact: Standalone interactive piece`;
+// ============================================================================
+// HANDLER
+// ============================================================================
+export async function handleCreations(sb, args, storeId) {
+    const sid = storeId;
+    const action = args.action;
+    switch (action) {
+        // ================================================================
+        // FIND — search/list creations
+        // ================================================================
+        case "find": {
+            const limit = Math.min(args.limit || 25, 100);
+            let q = sb
+                .from("creations")
+                .select(CREATION_LIST_COLS)
+                .eq("store_id", sid)
+                .order("updated_at", { ascending: false })
+                .limit(limit);
+            if (args.query) {
+                const sq = sanitizeFilterValue(String(args.query));
+                q = q.or(`name.ilike.%${sq}%,slug.ilike.%${sq}%`);
+            }
+            if (args.creation_type)
+                q = q.eq("creation_type", args.creation_type);
+            if (args.status)
+                q = q.eq("status", args.status);
+            if (args.location_id)
+                q = q.eq("location_id", args.location_id);
+            if (args.visibility)
+                q = q.eq("visibility", args.visibility);
+            const { data, error } = await q;
+            if (error)
+                return { success: false, error: error.message };
+            return { success: true, data: { count: data?.length || 0, creations: data } };
+        }
+        // ================================================================
+        // GET — full creation details with code + collections
+        // ================================================================
+        case "get": {
+            const creationId = args.creation_id;
+            if (!creationId)
+                return { success: false, error: "creation_id is required" };
+            const { data: creation, error } = await sb
+                .from("creations")
+                .select(CREATION_FULL_COLS)
+                .eq("id", creationId)
+                .eq("store_id", sid)
+                .single();
+            if (error)
+                return { success: false, error: error.message };
+            // Fetch collection memberships
+            const { data: memberships } = await sb
+                .from("creation_collection_items")
+                .select("id, collection_id, position, label, collection:creation_collections!collection_id(id, name)")
+                .eq("creation_id", creationId);
+            return {
+                success: true,
+                data: {
+                    ...creation,
+                    collections: memberships?.map((m) => ({
+                        item_id: m.id,
+                        collection_id: m.collection_id,
+                        collection_name: m.collection?.name,
+                        position: m.position,
+                        label: m.label,
+                    })) || [],
+                    storefront_url: `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`,
+                },
+            };
+        }
+        // ================================================================
+        // CREATE — manual creation with code
+        // ================================================================
+        case "create": {
+            const name = args.name;
+            if (!name)
+                return { success: false, error: "name is required" };
+            const insert = {
+                store_id: sid,
+                name,
+                slug: args.slug || slugify(name),
+                creation_type: args.creation_type || "display",
+                status: args.status || "draft",
+            };
+            if (args.react_code)
+                insert.react_code = args.react_code;
+            if (args.description)
+                insert.description = args.description;
+            if (args.display_mode)
+                insert.display_mode = args.display_mode;
+            if (args.visibility)
+                insert.visibility = args.visibility;
+            if (args.location_id)
+                insert.location_id = args.location_id;
+            if (args.data_config)
+                insert.data_config = args.data_config;
+            if (args.theme_config)
+                insert.theme_config = args.theme_config;
+            if (args.layout_config)
+                insert.layout_config = args.layout_config;
+            if (args.thumbnail_url)
+                insert.thumbnail_url = args.thumbnail_url;
+            const { data, error } = await sb
+                .from("creations")
+                .insert(insert)
+                .select(CREATION_LIST_COLS)
+                .single();
+            if (error)
+                return { success: false, error: error.message };
+            return {
+                success: true,
+                data: {
+                    ...data,
+                    storefront_url: `${STOREFRONT_URL}/creations/${data.slug || data.id}`,
+                },
+            };
+        }
+        // ================================================================
+        // UPDATE — modify any fields
+        // ================================================================
+        case "update": {
+            const creationId = args.creation_id;
+            if (!creationId)
+                return { success: false, error: "creation_id is required" };
+            const update = { updated_at: new Date().toISOString() };
+            if (args.name !== undefined)
+                update.name = args.name;
+            if (args.react_code !== undefined)
+                update.react_code = args.react_code;
+            if (args.description !== undefined)
+                update.description = args.description;
+            if (args.creation_type !== undefined)
+                update.creation_type = args.creation_type;
+            if (args.status !== undefined)
+                update.status = args.status;
+            if (args.slug !== undefined)
+                update.slug = args.slug;
+            if (args.display_mode !== undefined)
+                update.display_mode = args.display_mode;
+            if (args.visibility !== undefined)
+                update.visibility = args.visibility;
+            if (args.location_id !== undefined)
+                update.location_id = args.location_id;
+            if (args.data_config !== undefined)
+                update.data_config = args.data_config;
+            if (args.theme_config !== undefined)
+                update.theme_config = args.theme_config;
+            if (args.layout_config !== undefined)
+                update.layout_config = args.layout_config;
+            if (args.thumbnail_url !== undefined)
+                update.thumbnail_url = args.thumbnail_url;
+            const { data, error } = await sb
+                .from("creations")
+                .update(update)
+                .eq("id", creationId)
+                .eq("store_id", sid)
+                .select(CREATION_LIST_COLS)
+                .single();
+            if (error)
+                return { success: false, error: error.message };
+            return { success: true, data };
+        }
+        // ================================================================
+        // DELETE — archive (default) or hard delete
+        // ================================================================
+        case "delete": {
+            const creationId = args.creation_id;
+            if (!creationId)
+                return { success: false, error: "creation_id is required" };
+            const hard = args.hard === true;
+            if (hard) {
+                // Remove collection memberships first
+                await sb
+                    .from("creation_collection_items")
+                    .delete()
+                    .eq("creation_id", creationId);
+                const { error } = await sb
+                    .from("creations")
+                    .delete()
+                    .eq("id", creationId)
+                    .eq("store_id", sid);
+                if (error)
+                    return { success: false, error: error.message };
+                return { success: true, data: { deleted: creationId, hard: true } };
+            }
+            const { error } = await sb
+                .from("creations")
+                .update({ status: "archived", updated_at: new Date().toISOString() })
+                .eq("id", creationId)
+                .eq("store_id", sid);
+            if (error)
+                return { success: false, error: error.message };
+            return { success: true, data: { archived: creationId } };
+        }
+        // ================================================================
+        // DUPLICATE — clone an existing creation
+        // ================================================================
+        case "duplicate": {
+            const creationId = args.creation_id;
+            if (!creationId)
+                return { success: false, error: "creation_id is required" };
+            const { data: original, error: fetchErr } = await sb
+                .from("creations")
+                .select(CREATION_FULL_COLS)
+                .eq("id", creationId)
+                .eq("store_id", sid)
+                .single();
+            if (fetchErr)
+                return { success: false, error: fetchErr.message };
+            const newName = args.name || `${original.name} (copy)`;
+            const { data: clone, error: insertErr } = await sb
+                .from("creations")
+                .insert({
+                store_id: sid,
+                name: newName,
+                slug: slugify(newName),
+                creation_type: original.creation_type,
+                status: "draft",
+                display_mode: original.display_mode,
+                visibility: original.visibility,
+                description: original.description,
+                react_code: original.react_code,
+                data_config: original.data_config,
+                theme_config: original.theme_config,
+                layout_config: original.layout_config,
+            })
+                .select(CREATION_LIST_COLS)
+                .single();
+            if (insertErr)
+                return { success: false, error: insertErr.message };
+            return {
+                success: true,
+                data: {
+                    ...clone,
+                    cloned_from: creationId,
+                    storefront_url: `${STOREFRONT_URL}/creations/${clone.slug || clone.id}`,
+                },
+            };
+        }
+        // ================================================================
+        // GENERATE — AI-powered creation from prompt
+        // ================================================================
+        case "generate": {
+            const prompt = args.prompt;
+            if (!prompt)
+                return { success: false, error: "prompt is required" };
+            const creationType = args.creation_type || "display";
+            const name = args.name || `AI: ${prompt.substring(0, 60)}`;
+            // Generate React code via LLM handler
+            const llmResult = await handleLLM(sb, {
+                action: "complete",
+                prompt: `Create a ${creationType} React component for: ${prompt}`,
+                system: GENERATION_SYSTEM_PROMPT,
+                provider: "anthropic",
+                model: MODELS.SONNET,
+                max_tokens: 8192,
+                temperature: 0.7,
+            }, storeId);
+            if (!llmResult.success) {
+                return { success: false, error: `Code generation failed: ${llmResult.error}` };
+            }
+            const llmData = llmResult.data;
+            let reactCode = llmData.text;
+            // Strip markdown code fences if present
+            reactCode = reactCode
+                .replace(/^```(?:jsx?|tsx?|react)?\s*\n?/m, "")
+                .replace(/\n?```\s*$/m, "")
+                .trim();
+            // Save as draft creation
+            const { data: creation, error: createErr } = await sb
+                .from("creations")
+                .insert({
+                store_id: sid,
+                name,
+                slug: slugify(name),
+                creation_type: creationType,
+                status: "draft",
+                react_code: reactCode,
+                description: `AI-generated from prompt: ${prompt}`,
+            })
+                .select(CREATION_LIST_COLS)
+                .single();
+            if (createErr)
+                return { success: false, error: createErr.message };
+            return {
+                success: true,
+                data: {
+                    ...creation,
+                    storefront_url: `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`,
+                    tokens_used: llmData.tokens,
+                    code_length: reactCode.length,
+                },
+            };
+        }
+        // ================================================================
+        // ADD_TO_COLLECTION — link creation to a collection
+        // ================================================================
+        case "add_to_collection": {
+            const creationId = args.creation_id;
+            const collectionId = args.collection_id;
+            if (!creationId || !collectionId) {
+                return { success: false, error: "creation_id and collection_id are required" };
+            }
+            const insert = {
+                creation_id: creationId,
+                collection_id: collectionId,
+            };
+            if (args.position !== undefined)
+                insert.position = args.position;
+            if (args.label)
+                insert.label = args.label;
+            const { data, error } = await sb
+                .from("creation_collection_items")
+                .insert(insert)
+                .select("id, creation_id, collection_id, position, label")
+                .single();
+            if (error)
+                return { success: false, error: error.message };
+            return { success: true, data };
+        }
+        // ================================================================
+        // REMOVE_FROM_COLLECTION — unlink creation from a collection
+        // ================================================================
+        case "remove_from_collection": {
+            const creationId = args.creation_id;
+            const collectionId = args.collection_id;
+            if (!creationId || !collectionId) {
+                return { success: false, error: "creation_id and collection_id are required" };
+            }
+            const { error } = await sb
+                .from("creation_collection_items")
+                .delete()
+                .eq("creation_id", creationId)
+                .eq("collection_id", collectionId);
+            if (error)
+                return { success: false, error: error.message };
+            return { success: true, data: { removed: true, creation_id: creationId, collection_id: collectionId } };
+        }
+        // ================================================================
+        // PREVIEW — screenshot via Playwright, upload as thumbnail
+        // ================================================================
+        case "preview": {
+            const creationId = args.creation_id;
+            if (!creationId)
+                return { success: false, error: "creation_id is required" };
+            // Get creation to build URL
+            const { data: creation, error: fetchErr } = await sb
+                .from("creations")
+                .select("id, slug, name")
+                .eq("id", creationId)
+                .eq("store_id", sid)
+                .single();
+            if (fetchErr)
+                return { success: false, error: fetchErr.message };
+            const previewUrl = `${STOREFRONT_URL}/creations/${creation.slug || creation.id}`;
+            // Take screenshot via browser handler
+            const browserResult = await handleBrowser(sb, {
+                action: "screenshot",
+                url: previewUrl,
+            }, storeId);
+            if (!browserResult.success) {
+                return { success: false, error: `Screenshot failed: ${browserResult.error}` };
+            }
+            const screenshotData = browserResult.data;
+            // Upload to Supabase storage
+            const fileName = `creation-${creationId}.png`;
+            const storagePath = `creations/${sid}/${fileName}`;
+            const buffer = Buffer.from(screenshotData.screenshot_base64, "base64");
+            const { error: uploadErr } = await sb.storage
+                .from("product-images")
+                .upload(storagePath, buffer, {
+                contentType: "image/png",
+                upsert: true,
+            });
+            if (uploadErr) {
+                return { success: false, error: `Upload failed: ${uploadErr.message}` };
+            }
+            const { data: urlData } = sb.storage.from("product-images").getPublicUrl(storagePath);
+            const thumbnailUrl = urlData.publicUrl;
+            // Update creation with thumbnail
+            await sb
+                .from("creations")
+                .update({ thumbnail_url: thumbnailUrl, updated_at: new Date().toISOString() })
+                .eq("id", creationId)
+                .eq("store_id", sid);
+            return {
+                success: true,
+                data: {
+                    creation_id: creationId,
+                    thumbnail_url: thumbnailUrl,
+                    size_bytes: buffer.length,
+                },
+            };
+        }
+        default:
+            return {
+                success: false,
+                error: `Unknown creations action: ${action}. Valid: find, get, create, update, delete, duplicate, generate, add_to_collection, remove_from_collection, preview`,
+            };
+    }
+}

package/dist/server/handlers/crm.d.ts

@@ -0,0 +1,89 @@
+import type { SupabaseClient } from "@supabase/supabase-js";
+export declare function handleCustomers(sb: SupabaseClient, args: Record<string, unknown>, storeId?: string): Promise<{
+    success: boolean;
+    error: string;
+    count?: undefined;
+    data?: undefined;
+    note?: undefined;
+    linked?: undefined;
+} | {
+    success: boolean;
+    count: number;
+    data: {
+        id: any;
+        platform_user_id: any;
+        first_name: any;
+        last_name: any;
+        email: any;
+        phone: any;
+        loyalty_points: any;
+        loyalty_tier: any;
+        total_spent: any;
+        total_orders: any;
+        lifetime_value: any;
+        is_active: any;
+        created_at: any;
+    }[];
+    error?: undefined;
+    note?: undefined;
+    linked?: undefined;
+} | {
+    success: boolean;
+    data: any;
+    error?: undefined;
+    count?: undefined;
+    note?: undefined;
+    linked?: undefined;
+} | {
+    success: boolean;
+    data: any;
+    note: string;
+    error?: undefined;
+    count?: undefined;
+    linked?: undefined;
+} | {
+    success: boolean;
+    count: number;
+    data: {
+        id: any;
+        order_number: any;
+        status: any;
+        total_amount: any;
+        subtotal: any;
+        tax_amount: any;
+        payment_status: any;
+        fulfillment_status: any;
+        payment_method: any;
+        created_at: any;
+    }[];
+    error?: undefined;
+    note?: undefined;
+    linked?: undefined;
+} | {
+    success: boolean;
+    linked: {
+        customer_id: string;
+        channel_type: string;
+        sender_id: string;
+    };
+    error?: undefined;
+    count?: undefined;
+    data?: undefined;
+    note?: undefined;
+}>;
+export declare function handleOrders(sb: SupabaseClient, args: Record<string, unknown>, storeId?: string): Promise<{
+    success: boolean;
+    error: string;
+    count?: undefined;
+    data?: undefined;
+} | {
+    success: boolean;
+    count: number;
+    data: any[];
+    error?: undefined;
+} | {
+    success: boolean;
+    data: any;
+    error?: undefined;
+    count?: undefined;
+}>;