insforge 1.3.0 → 1.4.8

package/frontend/src/features/database/templates/ecommerce-platform.ts

@@ -94,7 +94,7 @@ export const ecommercePlatformTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: true,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -340,7 +340,7 @@ CREATE TABLE products (
 -- Customers table (extends users with customer-specific data)
 CREATE TABLE customers (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  user_id UUID UNIQUE NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID UNIQUE NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   first_name VARCHAR(100) NOT NULL,
   last_name VARCHAR(100) NOT NULL,
   phone VARCHAR(50),

package/frontend/src/features/database/templates/instagram-clone.ts

@@ -17,7 +17,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -70,7 +70,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -103,7 +103,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -142,7 +142,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -155,7 +155,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -176,7 +176,7 @@ export const instagramCloneTemplate: DatabaseTemplate = {
 -- Posts table
 CREATE TABLE posts (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   image_url VARCHAR(500) NOT NULL,
   caption TEXT,
   created_at TIMESTAMP DEFAULT NOW()
@@ -186,7 +186,7 @@ CREATE TABLE posts (
 CREATE TABLE comments (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   post_id UUID NOT NULL REFERENCES posts(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   content TEXT NOT NULL,
   created_at TIMESTAMP DEFAULT NOW()
 );
@@ -194,7 +194,7 @@ CREATE TABLE comments (
 -- Likes table
 CREATE TABLE likes (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   post_id UUID NOT NULL REFERENCES posts(id) ON UPDATE CASCADE ON DELETE CASCADE,
   created_at TIMESTAMP DEFAULT NOW(),
   UNIQUE(user_id, post_id)
@@ -203,8 +203,8 @@ CREATE TABLE likes (
 -- Follows table
 CREATE TABLE follows (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  follower_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  following_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  follower_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  following_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   created_at TIMESTAMP DEFAULT NOW(),
   UNIQUE(follower_id, following_id),
   CHECK (follower_id != following_id)

package/frontend/src/features/database/templates/notion-clone.ts

@@ -24,7 +24,7 @@ export const notionCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -90,7 +90,7 @@ export const notionCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -178,7 +178,7 @@ export const notionCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -224,7 +224,7 @@ export const notionCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -275,7 +275,7 @@ export const notionCloneTemplate: DatabaseTemplate = {
 CREATE TABLE workspaces (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   name VARCHAR(200) NOT NULL,
-  owner_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  owner_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   icon VARCHAR(100),
   created_at TIMESTAMP DEFAULT NOW(),
   updated_at TIMESTAMP DEFAULT NOW()
@@ -286,7 +286,7 @@ CREATE TABLE pages (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   workspace_id UUID NOT NULL REFERENCES workspaces(id) ON UPDATE CASCADE ON DELETE CASCADE,
   parent_page_id UUID REFERENCES pages(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  creator_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  creator_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   title VARCHAR(500) NOT NULL CHECK (LENGTH(TRIM(title)) > 0),
   content TEXT,
   icon VARCHAR(100),
@@ -301,7 +301,7 @@ CREATE TABLE pages (
 CREATE TABLE page_shares (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   page_id UUID NOT NULL REFERENCES pages(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   permission VARCHAR(20) NOT NULL CHECK (permission IN ('view', 'edit', 'admin')),
   created_at TIMESTAMP DEFAULT NOW(),
   UNIQUE(page_id, user_id)
@@ -311,7 +311,7 @@ CREATE TABLE page_shares (
 CREATE TABLE attachments (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   page_id UUID NOT NULL REFERENCES pages(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   file_name VARCHAR(255) NOT NULL,
   file_url VARCHAR(500) NOT NULL,
   file_size INTEGER,

package/frontend/src/features/database/templates/reddit-clone.ts

@@ -38,7 +38,7 @@ export const redditCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -91,7 +91,7 @@ export const redditCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -172,7 +172,7 @@ export const redditCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -232,7 +232,7 @@ export const redditCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -304,7 +304,7 @@ export const redditCloneTemplate: DatabaseTemplate = {
           isNullable: false,
           isUnique: false,
           foreignKey: {
-            referenceTable: 'users',
+            referenceTable: 'auth.users',
             referenceColumn: 'id',
             onDelete: 'CASCADE',
             onUpdate: 'CASCADE',
@@ -336,7 +336,7 @@ CREATE TABLE communities (
   name VARCHAR(100) UNIQUE NOT NULL CHECK (name ~ '^[a-zA-Z0-9_]+$'),
   display_name VARCHAR(200) NOT NULL,
   description TEXT,
-  creator_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  creator_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   is_active BOOLEAN DEFAULT true,
   created_at TIMESTAMP DEFAULT NOW(),
   updated_at TIMESTAMP DEFAULT NOW()
@@ -346,7 +346,7 @@ CREATE TABLE communities (
 CREATE TABLE posts (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   community_id UUID NOT NULL REFERENCES communities(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   title VARCHAR(300) NOT NULL CHECK (LENGTH(TRIM(title)) > 0),
   content TEXT,
   link_url VARCHAR(500),
@@ -365,7 +365,7 @@ CREATE TABLE posts (
 CREATE TABLE comments (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   post_id UUID NOT NULL REFERENCES posts(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   parent_comment_id UUID REFERENCES comments(id) ON UPDATE CASCADE ON DELETE CASCADE,
   content TEXT NOT NULL CHECK (LENGTH(TRIM(content)) > 0),
   is_active BOOLEAN DEFAULT true,
@@ -376,7 +376,7 @@ CREATE TABLE comments (
 -- Votes table (for both posts and comments)
 CREATE TABLE votes (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   post_id UUID REFERENCES posts(id) ON UPDATE CASCADE ON DELETE CASCADE,
   comment_id UUID REFERENCES comments(id) ON UPDATE CASCADE ON DELETE CASCADE,
   vote_type INTEGER NOT NULL CHECK (vote_type IN (-1, 1)),
@@ -393,7 +393,7 @@ CREATE TABLE votes (
 CREATE TABLE community_members (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   community_id UUID NOT NULL REFERENCES communities(id) ON UPDATE CASCADE ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES users(id) ON UPDATE CASCADE ON DELETE CASCADE,
+  user_id UUID NOT NULL REFERENCES auth.users(id) ON UPDATE CASCADE ON DELETE CASCADE,
   role VARCHAR(20) NOT NULL DEFAULT 'member' CHECK (role IN ('member', 'moderator', 'admin')),
   created_at TIMESTAMP DEFAULT NOW(),
   UNIQUE(community_id, user_id)

package/frontend/src/features/deployments/components/DeploymentRow.tsx

@@ -0,0 +1,93 @@
+import { cn, formatTime } from '@/lib/utils/utils';
+import type { DeploymentSchema } from '../services/deployments.service';
+
+interface DeploymentRowProps {
+  deployment: DeploymentSchema;
+  onClick: () => void;
+  className?: string;
+}
+
+const statusColors: Record<string, string> = {
+  WAITING: 'bg-yellow-600',
+  UPLOADING: 'bg-blue-600',
+  QUEUED: 'bg-purple-600',
+  BUILDING: 'bg-sky-600',
+  READY: 'bg-green-600',
+  ERROR: 'bg-red-600',
+  CANCELED: 'bg-gray-500',
+};
+
+export function DeploymentRow({ deployment, onClick, className }: DeploymentRowProps) {
+  const statusColor = statusColors[deployment.status] || 'bg-gray-500';
+
+  return (
+    <div
+      className={cn(
+        'group h-14 px-3 bg-white hover:bg-neutral-100 dark:bg-[#333333] dark:hover:bg-neutral-700 rounded-[8px] transition-all cursor-pointer',
+        className
+      )}
+      onClick={onClick}
+    >
+      <div className="grid grid-cols-12 h-full items-center">
+        {/* ID Column */}
+        <div className="col-span-3 min-w-0 px-3 py-1.5">
+          <p
+            className="text-sm text-zinc-950 dark:text-white truncate font-mono"
+            title={deployment.id}
+          >
+            {deployment.id}
+          </p>
+        </div>
+
+        {/* Status Column */}
+        <div className="col-span-2 px-3 py-1.5">
+          <span
+            className={cn(
+              'inline-flex items-center justify-center h-5 px-2 rounded-sm text-xs font-medium text-white',
+              statusColor
+            )}
+          >
+            {deployment.status}
+          </span>
+        </div>
+
+        {/* Provider Column */}
+        <div className="col-span-2 min-w-0 px-3 py-1.5">
+          <span className="text-sm text-muted-foreground dark:text-neutral-400 capitalize">
+            {deployment.provider}
+          </span>
+        </div>
+
+        {/* URL Column */}
+        <div className="col-span-3 min-w-0 px-3 py-1.5">
+          {deployment.url ? (
+            <a
+              href={
+                deployment.url.startsWith('http') ? deployment.url : `https://${deployment.url}`
+              }
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-sm text-blue-600 dark:text-blue-400 hover:underline truncate block"
+              onClick={(e) => e.stopPropagation()}
+              title={deployment.url}
+            >
+              {deployment.url}
+            </a>
+          ) : (
+            <span className="text-sm text-muted-foreground dark:text-neutral-400">—</span>
+          )}
+        </div>
+
+        {/* Created Column */}
+        <div className="col-span-2 px-3 py-1.5">
+          <span
+            className="text-sm text-muted-foreground dark:text-neutral-400 truncate"
+            title={deployment.createdAt}
+          >
+            {formatTime(deployment.createdAt)}
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+}

package/frontend/src/features/deployments/components/DeploymentsEmptyState.tsx

@@ -0,0 +1,15 @@
+import { Rocket } from 'lucide-react';
+
+export default function DeploymentsEmptyState() {
+  return (
+    <div className="flex flex-col items-center justify-center py-8 text-center gap-3 rounded-[8px] bg-neutral-100 dark:bg-[#333333]">
+      <Rocket size={40} className="text-neutral-400 dark:text-neutral-600" />
+      <div className="flex flex-col items-center justify-center gap-1">
+        <p className="text-sm font-medium text-zinc-950 dark:text-white">No deployments yet</p>
+        <p className="text-neutral-500 dark:text-neutral-400 text-xs">
+          Deployments will appear here when you deploy your application
+        </p>
+      </div>
+    </div>
+  );
+}

package/frontend/src/features/deployments/hooks/useDeployments.ts

@@ -0,0 +1,157 @@
+import { useState, useCallback } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { deploymentsService, type DeploymentSchema } from '../services/deployments.service';
+import { useToast } from '@/lib/hooks/useToast';
+import type { StartDeploymentRequest } from '@insforge/shared-schemas';
+
+export function useDeployments() {
+  const queryClient = useQueryClient();
+  const { showToast } = useToast();
+  const [selectedDeployment, setSelectedDeployment] = useState<DeploymentSchema | null>(null);
+
+  // ============================================================================
+  // Pagination State
+  // ============================================================================
+
+  const [paginationParams, setPaginationParams] = useState({
+    limit: 50,
+    offset: 0,
+  });
+
+  // ============================================================================
+  // Deployments Query
+  // ============================================================================
+
+  const {
+    data: deploymentsData,
+    isLoading: isLoadingDeployments,
+    error: deploymentsError,
+    refetch: refetchDeployments,
+  } = useQuery({
+    queryKey: ['deployments', paginationParams],
+    queryFn: () =>
+      deploymentsService.listDeployments(paginationParams.limit, paginationParams.offset),
+    staleTime: 30 * 1000, // 30 seconds - deployments status can change
+  });
+
+  const deployments = deploymentsData?.data ?? [];
+  const totalDeployments = deploymentsData?.pagination?.total ?? 0;
+
+  // ============================================================================
+  // Mutations
+  // ============================================================================
+
+  const createDeploymentMutation = useMutation({
+    mutationFn: () => deploymentsService.createDeployment(),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['deployments'] });
+      showToast('Deployment created successfully', 'success');
+    },
+    onError: (error: Error) => {
+      showToast(error.message || 'Failed to create deployment', 'error');
+    },
+  });
+
+  const startDeploymentMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data?: StartDeploymentRequest }) =>
+      deploymentsService.startDeployment(id, data),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ['deployments'] });
+      showToast('Deployment started successfully', 'success');
+    },
+    onError: (error: Error) => {
+      showToast(error.message || 'Failed to start deployment', 'error');
+    },
+  });
+
+  const syncDeploymentMutation = useMutation({
+    mutationFn: (id: string) => deploymentsService.syncDeployment(id),
+    onSuccess: (updatedDeployment) => {
+      void queryClient.invalidateQueries({ queryKey: ['deployments'] });
+      // Update selected deployment if it's the one being synced
+      if (selectedDeployment?.id === updatedDeployment.id) {
+        setSelectedDeployment(updatedDeployment);
+      }
+      showToast('Deployment synced successfully', 'success');
+    },
+    onError: (error: Error) => {
+      showToast(error.message || 'Failed to sync deployment', 'error');
+    },
+  });
+
+  const cancelDeploymentMutation = useMutation({
+    mutationFn: (id: string) => deploymentsService.cancelDeployment(id),
+    onSuccess: (_, id) => {
+      void queryClient.invalidateQueries({ queryKey: ['deployments'] });
+      showToast('Deployment cancelled successfully', 'success');
+      if (selectedDeployment?.id === id) {
+        setSelectedDeployment(null);
+      }
+    },
+    onError: (error: Error) => {
+      showToast(error.message || 'Failed to cancel deployment', 'error');
+    },
+  });
+
+  // ============================================================================
+  // Actions
+  // ============================================================================
+
+  const selectDeployment = useCallback((deployment: DeploymentSchema | null) => {
+    setSelectedDeployment(deployment);
+  }, []);
+
+  const clearSelection = useCallback(() => {
+    setSelectedDeployment(null);
+  }, []);
+
+  const setPage = useCallback((page: number) => {
+    setPaginationParams((prev) => ({
+      ...prev,
+      offset: (page - 1) * prev.limit,
+    }));
+  }, []);
+
+  // ============================================================================
+  // Computed Values
+  // ============================================================================
+
+  const deploymentsCount = deployments.length;
+  const pageSize = paginationParams.limit;
+  const currentPage = Math.floor(paginationParams.offset / pageSize) + 1;
+  const totalPages = Math.ceil(totalDeployments / pageSize) || 1;
+
+  return {
+    // Deployments
+    deployments,
+    deploymentsCount,
+    totalDeployments,
+    selectedDeployment,
+    isLoadingDeployments,
+    deploymentsError,
+
+    // Pagination
+    pageSize,
+    currentPage,
+    totalPages,
+    setPage,
+
+    // Loading states
+    isLoading: isLoadingDeployments,
+
+    // Mutations states
+    isCreating: createDeploymentMutation.isPending,
+    isStarting: startDeploymentMutation.isPending,
+    isSyncing: syncDeploymentMutation.isPending,
+    isCancelling: cancelDeploymentMutation.isPending,
+
+    // Actions
+    selectDeployment,
+    clearSelection,
+    createDeployment: createDeploymentMutation.mutateAsync,
+    startDeployment: startDeploymentMutation.mutate,
+    syncDeployment: syncDeploymentMutation.mutate,
+    cancelDeployment: cancelDeploymentMutation.mutate,
+    refetchDeployments,
+  };
+}