insforge 0.3.3 → 1.3.0

package/frontend/src/lib/utils/menuItems.ts

@@ -0,0 +1,207 @@
+import {
+  type LucideIcon,
+  Home,
+  Database,
+  Lock,
+  HardDrive,
+  Code2,
+  Radio,
+  Sparkles,
+  ChartLine,
+  BookOpen,
+  GitFork,
+  Users,
+  Table,
+  ChartBarBig,
+} from 'lucide-react';
+import { postMessageToParent } from './cloudMessaging';
+
+export interface SecondaryMenuItem {
+  id: string;
+  label: string;
+  href: string;
+  sectionEnd?: boolean; // Add support for separator after the item
+}
+
+export interface PrimaryMenuItem {
+  id: string;
+  label: string;
+  href: string;
+  icon: LucideIcon;
+  secondaryMenu?: SecondaryMenuItem[];
+  onClick?: () => void;
+  external?: boolean;
+  sectionEnd?: boolean;
+}
+
+/**
+ * Static menu items configuration
+ * Primary menu items appear as icons in the left sidebar
+ * Secondary menu items appear in a collapsed sidebar when a primary item is selected
+ */
+export const staticMenuItems: PrimaryMenuItem[] = [
+  {
+    id: 'dashboard',
+    label: 'Dashboard',
+    href: '/dashboard',
+    icon: Home,
+  },
+  {
+    id: 'users',
+    label: 'Users',
+    href: '/dashboard/users',
+    icon: Users,
+  },
+  {
+    id: 'tables',
+    label: 'Tables',
+    href: '/dashboard/tables',
+    icon: Table,
+    sectionEnd: true,
+  },
+  {
+    id: 'authentication',
+    label: 'Authentication',
+    href: '/dashboard/authentication',
+    icon: Lock,
+    secondaryMenu: [
+      {
+        id: 'auth-methods',
+        label: 'Auth Methods',
+        href: '/dashboard/authentication/auth-methods',
+      },
+      {
+        id: 'configuration',
+        label: 'Configurations',
+        href: '/dashboard/authentication/config',
+      },
+    ],
+  },
+  {
+    id: 'database',
+    label: 'Database',
+    href: '/dashboard/database',
+    icon: Database,
+    secondaryMenu: [
+      {
+        id: 'indexes',
+        label: 'Indexes',
+        href: '/dashboard/database/indexes',
+      },
+      {
+        id: 'functions',
+        label: 'Functions',
+        href: '/dashboard/database/functions',
+      },
+      {
+        id: 'triggers',
+        label: 'Triggers',
+        href: '/dashboard/database/triggers',
+      },
+      {
+        id: 'policies',
+        label: 'Policies',
+        href: '/dashboard/database/policies',
+      },
+      {
+        id: 'sql-editor',
+        label: 'SQL Editor',
+        href: '/dashboard/database/sql-editor',
+      },
+      {
+        id: 'templates',
+        label: 'Templates',
+        href: '/dashboard/database/templates',
+        sectionEnd: true,
+      },
+    ],
+  },
+  {
+    id: 'storage',
+    label: 'Storage',
+    href: '/dashboard/storage',
+    icon: HardDrive,
+  },
+  {
+    id: 'functions',
+    label: 'Functions',
+    href: '/dashboard/functions',
+    icon: Code2,
+    secondaryMenu: [
+      {
+        id: 'functions-list',
+        label: 'Functions',
+        href: '/dashboard/functions/list',
+      },
+      {
+        id: 'secrets',
+        label: 'Secrets',
+        href: '/dashboard/functions/secrets',
+      },
+    ],
+  },
+  {
+    id: 'realtime',
+    label: 'Realtime',
+    href: '/dashboard/realtime',
+    icon: Radio,
+    secondaryMenu: [
+      {
+        id: 'channels',
+        label: 'Channels',
+        href: '/dashboard/realtime/channels',
+      },
+      {
+        id: 'messages',
+        label: 'Messages',
+        href: '/dashboard/realtime/messages',
+      },
+      {
+        id: 'permissions',
+        label: 'Permissions',
+        href: '/dashboard/realtime/permissions',
+      },
+    ],
+  },
+  {
+    id: 'ai',
+    label: 'AI',
+    href: '/dashboard/ai',
+    icon: Sparkles,
+    sectionEnd: true,
+  },
+  {
+    id: 'logs',
+    label: 'Logs',
+    href: '/dashboard/logs',
+    icon: ChartLine,
+    // Secondary menu is populated dynamically in AppSidebar using useLogSources
+  },
+  {
+    id: 'visualizer',
+    label: 'Visualizer',
+    href: '/dashboard/visualizer',
+    icon: GitFork,
+  },
+];
+
+/**
+ * Bottom menu items that may be conditionally shown
+ */
+export const documentationMenuItem: PrimaryMenuItem = {
+  id: 'documentation',
+  label: 'Documentation',
+  href: 'https://docs.insforge.dev',
+  icon: BookOpen,
+  external: true,
+};
+
+export const usageMenuItem: PrimaryMenuItem = {
+  id: 'usage',
+  label: 'Usage',
+  href: '',
+  icon: ChartBarBig,
+  onClick: () => {
+    postMessageToParent({ type: 'NAVIGATE_TO_USAGE' }, '*');
+  },
+};

package/frontend/src/lib/utils/{validation-schemas.ts → schemaValidations.ts}

@@ -106,7 +106,7 @@ export const jsonSchema = z
       }
     }),
     z.object({}).passthrough(),
-    z.array(z.any()),
+    z.array(z.unknown()),
     z.null(),
   ])
   .catch(() => {
@@ -115,12 +115,17 @@ export const jsonSchema = z
 
 export const stringSchema = z.union([z.string(), z.null()]);
 
-export const emailSchema = z.string().email('Invalid email address');
-export const passwordSchema = z.string().min(8, 'Password must be at least 8 characters');
+// Auth validation schemas
+export const emailSchema = z
+  .string()
+  .min(1, 'Email is required')
+  .email('Please enter a valid email address')
+  .toLowerCase()
+  .trim();
 
 export const loginFormSchema = z.object({
   email: emailSchema,
-  password: passwordSchema,
+  password: z.string(),
 });
 
-export type LoginFormData = z.infer<typeof loginFormSchema>;
+export type LoginForm = z.infer<typeof loginFormSchema>;

package/frontend/src/lib/utils/utils.ts

@@ -12,7 +12,7 @@ import {
   dateTimeSchema,
   jsonSchema,
   stringSchema,
-} from './validation-schemas';
+} from './schemaValidations';
 import { v4 as uuidv4 } from 'uuid';
 import type { ConvertedValue, DisplayValue, ValueConversionResult } from '@/components/datagrid';
 
@@ -163,3 +163,34 @@ export const getBackendUrl = () => {
   const isHttp = window.location.protocol === 'http:';
   return isHttp ? 'http://localhost:7130' : window.location.origin;
 };
+
+export const isIframe = () => {
+  return window.self !== window.top;
+};
+
+/**
+ * Formats a timestamp string to a human-readable format with time
+ * Used consistently across the application for displaying timestamps
+ * @param timestamp - ISO timestamp string
+ * @returns Formatted date string (e.g., "Jan 15, 2025, 03:30 PM")
+ */
+export function formatTime(timestamp: string): string {
+  const date = parseISO(timestamp);
+  if (!isValid(date)) {
+    return timestamp; // Return original if invalid
+  }
+  return format(date, 'MMM dd, yyyy, hh:mm a');
+}
+
+/**
+ * Formats a timestamp string to a date-only format
+ * @param timestamp - ISO timestamp string
+ * @returns Formatted date string (e.g., "Jan 15, 2025")
+ */
+export function formatDate(timestamp: string): string {
+  const date = parseISO(timestamp);
+  if (!isValid(date)) {
+    return timestamp; // Return original if invalid
+  }
+  return format(date, 'MMM dd, yyyy');
+}

package/frontend/src/vite-env.d.ts

@@ -4,6 +4,7 @@
 interface ImportMetaEnv {
   readonly VITE_DEBUG_MODE?: string;
   readonly VITE_API_BASE_URL?: string;
+  readonly VITE_PUBLIC_POSTHOG_KEY?: string;
   // add more env variables as needed
 }
 

package/frontend/tsconfig.json

@@ -1,26 +1,26 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@insforge/shared-schemas": ["../shared-schemas/src/index.ts"],
-    }
-  },
-  "include": ["src", "src/vite-env.d.ts", "../shared-schemas"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@insforge/shared-schemas": ["../shared-schemas/src/index.ts"],
+    }
+  },
+  "include": ["src", "src/vite-env.d.ts", "../shared-schemas"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

package/frontend/tsconfig.node.json

@@ -1,10 +1,10 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
 }

package/frontend/vite.config.ts

@@ -4,6 +4,8 @@ import svgr from 'vite-plugin-svgr';
 import tailwindcss from '@tailwindcss/vite';
 import path from 'path';
 
+const BACKEND_URL = process.env.VITE_API_BASE_URL || 'http://localhost:7130';
+
 export default defineConfig({
   plugins: [react(), tailwindcss(), svgr()],
   resolve: {
@@ -17,15 +19,15 @@ export default defineConfig({
     port: 7131,
     proxy: {
       '/api': {
-        target: 'http://localhost:7130',
+        target: BACKEND_URL,
         changeOrigin: true,
       },
       '/functions': {
-        target: 'http://localhost:7130',
+        target: BACKEND_URL,
         changeOrigin: true,
       },
       '/socket.io': {
-        target: 'http://localhost:7130',
+        target: BACKEND_URL,
         ws: true,
         changeOrigin: true,
       },

package/functions/deno.json

@@ -1,25 +1,25 @@
-{
-  "compilerOptions": {
-    "lib": ["deno.window", "deno.worker"],
-    "strict": true
-  },
-  "lint": {
-    "files": {
-      "include": ["./**/*.ts", "./**/*.js"]
-    },
-    "rules": {
-      "tags": ["recommended"]
-    }
-  },
-  "fmt": {
-    "files": {
-      "include": ["./**/*.ts", "./**/*.js"]
-    },
-    "options": {
-      "useTabs": false,
-      "lineWidth": 100,
-      "indentWidth": 2,
-      "singleQuote": true
-    }
-  }
+{
+  "compilerOptions": {
+    "lib": ["deno.window", "deno.worker"],
+    "strict": true
+  },
+  "lint": {
+    "files": {
+      "include": ["./**/*.ts", "./**/*.js"]
+    },
+    "rules": {
+      "tags": ["recommended"]
+    }
+  },
+  "fmt": {
+    "files": {
+      "include": ["./**/*.ts", "./**/*.js"]
+    },
+    "options": {
+      "useTabs": false,
+      "lineWidth": 100,
+      "indentWidth": 2,
+      "singleQuote": true
+    }
+  }
 }