@almadar/cli-linux-x64 1.5.3 → 1.5.4

package/shells/almadar-shell/almadar-shell/packages/client/src/features/auth/components/ProtectedRoute.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Navigate } from 'react-router-dom';
+import { useAuthContext } from '../AuthContext';
+
+interface ProtectedRouteProps {
+  children: React.ReactNode;
+}
+
+const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children }) => {
+  const { user, loading } = useAuthContext();
+
+  if (loading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-indigo-600" />
+      </div>
+    );
+  }
+
+  if (!user) {
+    return <Navigate to="/login" replace />;
+  }
+
+  return <>{children}</>;
+};
+
+export default ProtectedRoute;

package/shells/almadar-shell/almadar-shell/packages/client/src/features/auth/components/UserProfile.tsx

@@ -0,0 +1,68 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { useAuthContext } from '../AuthContext';
+
+const UserProfile: React.FC = () => {
+  const { user, loading, signOut } = useAuthContext();
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const handleClickOutside = (e: MouseEvent) => {
+      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+
+  if (!user) return null;
+
+  const handleSignOut = async () => {
+    setOpen(false);
+    await signOut();
+  };
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        onClick={() => setOpen(!open)}
+        className="flex items-center space-x-2 hover:opacity-80 transition-opacity"
+      >
+        {user.photoURL ? (
+          <img
+            className="h-8 w-8 rounded-full ring-2 ring-gray-200 dark:ring-gray-700"
+            src={user.photoURL}
+            alt={user.displayName || 'User'}
+          />
+        ) : (
+          <div className="h-8 w-8 rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center text-sm font-medium text-gray-600 dark:text-gray-300">
+            {(user.displayName || user.email || 'U')[0].toUpperCase()}
+          </div>
+        )}
+      </button>
+
+      {open && (
+        <div className="absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-gray-800 ring-1 ring-black/5 dark:ring-white/10 z-50">
+          <div className="px-4 py-3 border-b border-gray-100 dark:border-gray-700">
+            <p className="text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
+              {user.displayName || 'User'}
+            </p>
+            <p className="text-sm text-gray-500 dark:text-gray-400 truncate">
+              {user.email}
+            </p>
+          </div>
+          <div className="py-1">
+            <button
+              onClick={handleSignOut}
+              disabled={loading}
+              className="w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+            >
+              Sign Out
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default UserProfile;

package/shells/almadar-shell/almadar-shell/packages/client/src/features/auth/components/index.ts

@@ -0,0 +1,3 @@
+export { default as Login } from './Login';
+export { default as UserProfile } from './UserProfile';
+export { default as ProtectedRoute } from './ProtectedRoute';

package/shells/almadar-shell/almadar-shell/packages/client/src/features/auth/index.ts

@@ -0,0 +1,13 @@
+// Context
+export { AuthProvider, useAuthContext } from './AuthContext';
+
+// Components
+export { default as Login } from './components/Login';
+export { default as UserProfile } from './components/UserProfile';
+export { default as ProtectedRoute } from './components/ProtectedRoute';
+
+// Service
+export { authService } from './authService';
+
+// Types
+export type { AuthContextType, LoginCredentials, SignUpCredentials } from './types';

package/shells/almadar-shell/almadar-shell/packages/client/src/features/auth/types.ts

@@ -0,0 +1,24 @@
+import { User } from 'firebase/auth';
+
+export interface LoginCredentials {
+  email: string;
+  password: string;
+}
+
+export interface SignUpCredentials extends LoginCredentials {
+  displayName?: string;
+}
+
+export interface AuthContextType {
+  user: User | null;
+  loading: boolean;
+  error: string | null;
+  signInWithGoogle: () => Promise<void>;
+  signOut: () => Promise<void>;
+  signInWithEmail: (email: string, password: string) => Promise<void>;
+  signUpWithEmail: (email: string, password: string, displayName?: string) => Promise<void>;
+  sendSignInLinkToEmail: (email: string) => Promise<void>;
+  signInWithEmailLink: (email: string, emailLink: string) => Promise<void>;
+  isSignInWithEmailLink: (emailLink: string) => boolean;
+  clearError: () => void;
+}

package/shells/almadar-shell/almadar-shell/packages/client/src/generated/index.ts

@@ -0,0 +1,13 @@
+/**
+ * Generated Code Placeholder
+ *
+ * This directory receives compiler output:
+ * - Trait state machines
+ * - Entity schemas
+ * - Event handlers
+ *
+ * DO NOT EDIT - Contents are overwritten by compiler
+ */
+
+// {{GENERATED_EXPORTS}}
+export {};

package/shells/almadar-shell/almadar-shell/packages/client/src/index.css

@@ -0,0 +1,6 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Import Almadar theme */
+@import '@almadar/ui/themes/almadar.css';

package/shells/almadar-shell/almadar-shell/packages/client/src/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/shells/almadar-shell/almadar-shell/packages/client/src/navigation/index.ts

@@ -0,0 +1,55 @@
+/**
+ * Navigation Module for Compiled Shells
+ *
+ * Re-exports schema-driven navigation from @almadar/ui/renderer.
+ * This module provides unified navigation that:
+ * - Finds pages by path pattern (supports :id params)
+ * - Switches active page via NavigationContext
+ * - Fires INIT events with merged payload (route params + explicit)
+ * - Optionally updates browser URL via history.pushState
+ *
+ * Usage in generated pages:
+ * ```tsx
+ * import { useNavigateTo, useInitPayload } from '../navigation';
+ *
+ * function InspectionsPage() {
+ *   const navigateTo = useNavigateTo();
+ *   const initPayload = useInitPayload();
+ *
+ *   const handleRowClick = (item) => {
+ *     navigateTo(`/inspection/${item.id}`, { id: item.id });
+ *   };
+ *
+ *   // Use initPayload for INIT event handling
+ * }
+ * ```
+ *
+ * @packageDocumentation
+ */
+
+// Re-export all navigation utilities from @almadar/ui/renderer
+export {
+  // Context and Provider
+  NavigationProvider,
+  useNavigation,
+  useNavigateTo,
+  useNavigationState,
+  useInitPayload,
+  useActivePage,
+  useNavigationId,
+  // Path utilities
+  matchPath,
+  extractRouteParams,
+  pathMatches,
+  // Page finding utilities
+  findPageByPath,
+  findPageByName,
+  getDefaultPage,
+  getAllPages,
+} from '@almadar/ui/renderer';
+
+export type {
+  NavigationState,
+  NavigationContextValue,
+  NavigationProviderProps,
+} from '@almadar/ui/renderer';

package/shells/almadar-shell/almadar-shell/packages/client/src/pages/index.ts

@@ -0,0 +1,12 @@
+/**
+ * Pages Placeholder
+ *
+ * This directory receives generated page components:
+ * - Route pages from OrbitalSchema
+ * - Layout components
+ *
+ * DO NOT EDIT - Contents are overwritten by compiler
+ */
+
+// {{GENERATED_PAGE_EXPORTS}}
+export {};

package/shells/almadar-shell/almadar-shell/packages/client/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "../../node_modules/@almadar/ui/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

package/shells/almadar-shell/almadar-shell/packages/client/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@generated/*": ["./src/generated/*"],
+      "@pages/*": ["./src/pages/*"],
+      "@app/shared": ["../shared/src/index.ts"],
+      "@app/shared/*": ["../shared/src/*"],
+      "@shared/*": ["../shared/src/*"],
+      "@design-system": ["../../../design-system/index.ts"],
+      "@design-system/*": ["../../../design-system/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist", "src/**/__tests__", "src/**/*.stories.ts", "src/**/*.stories.tsx"]
+}

package/shells/almadar-shell/almadar-shell/packages/client/vite.config.ts

@@ -0,0 +1,49 @@
+import { defineConfig, loadEnv } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const backendUrl = env.VITE_API_URL || 'http://localhost:3030';
+  const wsUrl = backendUrl.replace('http://', 'ws://').replace('https://', 'wss://');
+
+  return {
+    plugins: [react()],
+
+    resolve: {
+      alias: {
+        '@design-system': path.resolve(__dirname, '../../../design-system'),
+        '@': path.resolve(__dirname, './src'),
+        '@generated': path.resolve(__dirname, './src/generated'),
+        '@pages': path.resolve(__dirname, './src/pages'),
+        '@app/shared': path.resolve(__dirname, '../shared/src'),
+        '@shared': path.resolve(__dirname, '../shared/src'),
+      },
+    },
+
+    server: {
+      host: true,
+      port: 5173,
+      proxy: {
+        '/api': {
+          target: backendUrl,
+          changeOrigin: true,
+        },
+        '/ws': {
+          target: wsUrl,
+          ws: true,
+        },
+      },
+    },
+
+    build: {
+      outDir: 'dist',
+      sourcemap: true,
+    },
+
+    test: {
+      environment: 'jsdom',
+      globals: true,
+    },
+  };
+});

package/shells/almadar-shell/almadar-shell/packages/server/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@almadar/shell-server",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@almadar/server": "^1.3.1",
+    "@almadar/evaluator": "^1.0.0",
+    "@almadar/core": "^1.0.0",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.0",
+    "express": "^4.21.0",
+    "firebase-admin": "^12.0.0"
+  },
+  "devDependencies": {
+    "@types/cors": "^2.8.17",
+    "@types/express": "^5.0.0",
+    "@types/node": "^20.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.7.0",
+    "vitest": "^2.1.0"
+  }
+}

package/shells/almadar-shell/almadar-shell/packages/server/src/app.ts

@@ -0,0 +1,36 @@
+/**
+ * Express Application Setup
+ */
+
+import express from 'express';
+import cors from 'cors';
+import {
+  env,
+  logger,
+  errorHandler,
+  notFoundHandler,
+  debugEventsRouter,
+} from '@almadar/server';
+import { registerRoutes } from './routes.js';
+
+export const app = express();
+
+// Middleware
+app.use(cors({ origin: true, credentials: true }));
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+
+// Health check
+app.get('/health', (_req, res) => {
+  res.json({ status: 'ok' });
+});
+
+// Debug event bus endpoints (dev-only, no-op in production)
+app.use('/api/debug', debugEventsRouter());
+
+// Register generated routes
+registerRoutes(app);
+
+// Error handling
+app.use(notFoundHandler);
+app.use(errorHandler);

package/shells/almadar-shell/almadar-shell/packages/server/src/index.ts

@@ -0,0 +1,16 @@
+/**
+ * Server Entry Point
+ */
+
+import { initializeFirebase, env, logger } from '@almadar/server';
+
+// Initialize Firebase before anything else uses it
+initializeFirebase();
+
+import { app } from './app.js';
+
+const PORT = env.PORT || 3030;
+
+app.listen(PORT, () => {
+  logger.info(`Server running on port ${PORT}`);
+});

package/shells/almadar-shell/almadar-shell/packages/server/src/routes.ts

@@ -0,0 +1,11 @@
+/**
+ * Route Registration
+ *
+ * Compiler generates route registration code here.
+ */
+
+import type { Express } from 'express';
+
+export function registerRoutes(app: Express): void {
+  // {{GENERATED_ROUTE_REGISTRATION}}
+}

package/shells/almadar-shell/almadar-shell/packages/server/src/types/express.d.ts

@@ -0,0 +1,15 @@
+declare global {
+  namespace Express {
+    interface Request {
+      firebaseUser?: {
+        uid: string;
+        email?: string;
+        name?: string;
+        picture?: string;
+        [key: string]: unknown;
+      };
+    }
+  }
+}
+
+export {};

package/shells/almadar-shell/almadar-shell/packages/server/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "outDir": "./dist",
+    "strict": true,
+    "strictNullChecks": false,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@app/shared": ["../shared/src/index.ts"],
+      "@app/shared/*": ["../shared/src/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

package/shells/almadar-shell/almadar-shell/packages/shared/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@app/shared",
+  "version": "1.0.0",
+  "private": true,
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "dependencies": {
+    "zod": "^3.22.0"
+  }
+}

package/shells/almadar-shell/almadar-shell/packages/shared/src/index.ts

@@ -0,0 +1,2 @@
+// Placeholder — the compiler generates actual shared types here.
+export {};

package/shells/almadar-shell/almadar-shell/turbo.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "dev": {
+      "cache": false,
+      "persistent": true
+    },
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**"]
+    },
+    "typecheck": {
+      "dependsOn": ["^typecheck"]
+    },
+    "lint": {}
+  }
+}

package/shells/almadar-shell/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@almadar/shell",
+  "version": "1.0.14",
+  "private": true,
+  "description": "Minimal full-stack shell template for Almadar applications",
+  "workspaces": [
+    "packages/*"
+  ],
+  "scripts": {
+    "dev": "npx concurrently -n client,server -c blue,green \"npm run dev -w packages/client\" \"npm run dev -w packages/server\"",
+    "build": "npm run build --workspaces --if-present",
+    "typecheck": "turbo run typecheck",
+    "lint": "turbo run lint"
+  },
+  "devDependencies": {
+    "concurrently": "^8.2.0",
+    "turbo": "^2.0.0"
+  }
+}

package/shells/almadar-shell/packages/client/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Almadar App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/shells/almadar-shell/packages/client/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@almadar/shell-client",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "preview": "vite preview",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@almadar/ui": "^1.0.0",
+    "@almadar/evaluator": "^1.0.0",
+    "@almadar/patterns": "^1.0.0",
+    "@almadar/core": "^1.0.0",
+    "firebase": "^11.0.0",
+    "@tanstack/react-query": "^5.62.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.1.0",
+    "zustand": "^5.0.2",
+    "react-markdown": "^9.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
+    "rehype-katex": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "react-force-graph-2d": "^1.25.0",
+    "@monaco-editor/react": "^4.6.0",
+    "monaco-editor": "^0.52.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "jsdom": "^25.0.0",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0",
+    "vitest": "^2.1.0"
+  }
+}

package/shells/almadar-shell/packages/client/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}