@octo-cyber/ai 0.5.6 → 0.5.7

package/web/dynamic-entry.tsx

@@ -0,0 +1,94 @@
+/**
+ * AI Dynamic IIFE Entry Point
+ *
+ * Built by `pnpm build:web` into web/dist/module.iife.js.
+ * Loaded at runtime by the universal renderer at /m/ai/[...path].
+ *
+ * React is externalized — uses window.__OCTO_REACT.React from the host app.
+ * Registers as window.__OCTO_MODULES['ai'] = { mount, unmount }.
+ */
+import * as React from 'react';
+import type { Root } from 'react-dom/client';
+import AiCliToolsPage from './pages/AiCliToolsPage';
+import WorkspacesPage from './pages/WorkspacesPage';
+import SkillsPage from './pages/SkillsPage';
+import SkillMarketPage from './pages/SkillMarketPage';
+import AgentRunsPage from './pages/AgentRunsPage';
+import AgentsPage from './pages/AgentsPage';
+import ApprovalsPage from './pages/ApprovalsPage';
+import SessionsPage from './pages/SessionsPage';
+import AgentMarketPage from './pages/AgentMarketPage';
+import OrchestratorPage from './pages/OrchestratorPage';
+
+// ── Route Table ─────────────────────────────────────────────────────────────
+
+const ROUTE_TABLE: Record<string, React.ComponentType> = {
+  '/':               AiCliToolsPage,
+  '/workspaces':     WorkspacesPage,
+  '/skills':         SkillsPage,
+  '/skill-market':   SkillMarketPage,
+  '/agent-runs':     AgentRunsPage,
+  '/agents':         AgentsPage,
+  '/approvals':      ApprovalsPage,
+  '/sessions':       SessionsPage,
+  '/agent-market':   AgentMarketPage,
+  '/orchestrator':   OrchestratorPage,
+};
+
+// ── Module Shell ─────────────────────────────────────────────────────────────
+
+function AiShell({ path }: { path: string }) {
+  const Component = ROUTE_TABLE[path] ?? ROUTE_TABLE['/'];
+  return React.createElement(Component);
+}
+
+// ── IIFE Module API ──────────────────────────────────────────────────────────
+
+interface OctoReact {
+  React: typeof React;
+  ReactDOMClient: { createRoot: (el: Element) => Root };
+}
+
+declare global {
+  interface Window {
+    __OCTO_REACT?: OctoReact;
+    __OCTO_MODULES?: Record<string, OctoModule>;
+  }
+}
+
+interface OctoModule {
+  mount(container: Element, props: MountProps): void;
+  unmount(container: Element): void;
+}
+
+interface MountProps {
+  path: string;
+  locale?: string;
+}
+
+const roots = new WeakMap<Element, Root>();
+
+function mount(container: Element, { path }: MountProps): void {
+  const octo = window.__OCTO_REACT;
+  if (!octo) {
+    console.error('[octo-ai] window.__OCTO_REACT not found — host app must expose it');
+    return;
+  }
+  let root = roots.get(container);
+  if (!root) {
+    root = octo.ReactDOMClient.createRoot(container);
+    roots.set(container, root);
+  }
+  root.render(React.createElement(AiShell, { path }));
+}
+
+function unmount(container: Element): void {
+  const root = roots.get(container);
+  if (root) {
+    root.unmount();
+    roots.delete(container);
+  }
+}
+
+window.__OCTO_MODULES ??= {};
+window.__OCTO_MODULES['ai'] = { mount, unmount };