@mmapp/react-compiler 0.1.0-alpha.1 → 0.1.0-alpha.4

package/seed-blueprint-chat.mjs

@@ -1,444 +0,0 @@
-/**
- * Blueprint Chat — Compile + Seed Pipeline
- *
- * Compiles React views to JSON, composes the view tree, and seeds
- * the database with both the view tree and the blueprint manifest.
- *
- * Modes:
- *   node seed-blueprint-chat.mjs              → full (compile + seed)
- *   node seed-blueprint-chat.mjs --seed-only  → seed only (skip compile)
- *   node seed-blueprint-chat.mjs --compile-only → compile only (skip seed)
- *   node seed-blueprint-chat.mjs --watch      → watch mode (auto-recompile + reseed on file change)
- *   node seed-blueprint-chat.mjs --silent     → suppress non-error output
- *
- * The manifest is stored in metadata.blueprint_manifest on the definition,
- * which the frontend reads to detect full_bleed mode, routes, etc.
- * No hardcoded blueprint registrations needed in the frontend codebase.
- */
-import { readFileSync, readdirSync, watchFile, unwatchFile, existsSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-import { execSync } from 'child_process';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-// ---------------------------------------------------------------------------
-// CLI argument parsing
-// ---------------------------------------------------------------------------
-const args = process.argv.slice(2);
-const SEED_ONLY = args.includes('--seed-only');
-const COMPILE_ONLY = args.includes('--compile-only');
-const WATCH = args.includes('--watch');
-const SILENT = args.includes('--silent');
-
-function log(...msg) {
-  if (!SILENT) console.log(...msg);
-}
-
-const compiledDir = join(__dirname, '../frontend/src/workflows/compiled/blueprint-chat');
-const sourceDir = join(__dirname, '../blueprint-chat/app');
-const API = 'http://178.156.197.133:3010/api/v1';
-
-// ---------------------------------------------------------------------------
-// Blueprint Manifest — single source of truth
-// ---------------------------------------------------------------------------
-// This is what gets written to metadata.blueprint_manifest in the DB.
-// The frontend reads this to determine routing, full_bleed, auth, etc.
-const BLUEPRINT_MANIFEST = {
-  workflows: [{ slug: 'mm-chat-app', role: 'primary' }],
-  experience_id: 'mm-chat-app',
-  routes: [
-    {
-      path: '/mm-chat-app',
-      node: 'mm-chat-app',
-      label: 'Chat',
-      entityType: 'mm-chat-app',
-      entityIdSource: 'user',
-    },
-  ],
-  config: {
-    full_bleed: true,
-    default_mode: 'read',
-    auth_required: true,
-  },
-};
-
-// ---------------------------------------------------------------------------
-// Compiled view loading
-// ---------------------------------------------------------------------------
-function loadCompiledView(slug) {
-  const data = JSON.parse(readFileSync(join(compiledDir, `${slug}.json`), 'utf-8'));
-  return data.ir.views?.default || data.ir.metadata?.experience;
-}
-
-function loadCompiledMeta(slug) {
-  const data = JSON.parse(readFileSync(join(compiledDir, `${slug}.json`), 'utf-8'));
-  return data.ir.metadata || {};
-}
-
-// ---------------------------------------------------------------------------
-// Slot → Component mapping
-// ---------------------------------------------------------------------------
-const SLOT_TO_COMPONENT = {
-  sidebar: 'ChatSidebar',
-  search: 'ChatSearch',
-  thread: 'ChatThreadPanel',
-  call: 'ChatCallPanel',
-  'user-profile': 'ChatUserProfile',
-  'channel-info': 'ChatChannelInfo',
-};
-
-// ---------------------------------------------------------------------------
-// Tree composition
-// ---------------------------------------------------------------------------
-function composeTree(node, childrenComponent) {
-  if (!node) return node;
-
-  // Replace Slot nodes with component references
-  if (node.component === 'Slot' && node.config?.name) {
-    const componentId = SLOT_TO_COMPONENT[node.config.name];
-    if (componentId) {
-      const replacement = {
-        id: `composed-${node.config.name}`,
-        component: componentId,
-      };
-      if (node.bindings?.props) {
-        const propBindings = parseSlotProps(node.bindings.props);
-        if (Object.keys(propBindings).length > 0) {
-          replacement.bindings = propBindings;
-        }
-      }
-      return replacement;
-    }
-  }
-
-  // Replace $instance.children with the appropriate page component
-  // Inherit parent's flex/overflow config so the component fills available space.
-  if (node.component === 'Text' && node.bindings?.value === '$instance.children') {
-    if (childrenComponent) {
-      return { id: 'composed-children', component: childrenComponent, config: { flex: 1, overflow: 'hidden' } };
-    }
-  }
-
-  // For Stack/Row with $instance.children in text binding
-  if (node.bindings?.text === '$instance.children') {
-    if (childrenComponent) {
-      return {
-        id: node.id,
-        component: 'Stack',
-        config: { ...node.config, gap: 0 },
-        layout: 'stack',
-        children: [
-          { id: 'composed-message-thread', component: 'ChatMessageThread' },
-          { id: 'composed-message-input', component: 'ChatMessageInput' },
-        ],
-      };
-    }
-  }
-
-  if (node.children) {
-    node.children = node.children.map((child) => composeTree(child, childrenComponent));
-  }
-
-  return node;
-}
-
-// ---------------------------------------------------------------------------
-// Slot props parser
-// ---------------------------------------------------------------------------
-function parseSlotProps(propsStr) {
-  const bindings = {};
-  let inner = propsStr.trim();
-  if (inner.startsWith('{') && inner.endsWith('}')) {
-    inner = inner.slice(1, -1).trim();
-  }
-
-  let key = '';
-  let value = '';
-  let inValue = false;
-  let depth = 0;
-  let inString = false;
-  let stringChar = '';
-
-  for (let i = 0; i < inner.length; i++) {
-    const ch = inner[i];
-
-    if (inString) {
-      value += ch;
-      if (ch === stringChar && inner[i - 1] !== '\\') inString = false;
-      continue;
-    }
-
-    if (ch === '"' || ch === "'" || ch === '`') {
-      inString = true;
-      stringChar = ch;
-      if (inValue) value += ch;
-      else key += ch;
-      continue;
-    }
-
-    if (ch === '(' || ch === '{' || ch === '[') depth++;
-    if (ch === ')' || ch === '}' || ch === ']') depth--;
-
-    if (!inValue && ch === ':' && depth === 0) {
-      inValue = true;
-      continue;
-    }
-
-    if (inValue && ch === ',' && depth === 0) {
-      const k = key.trim();
-      const v = value.trim();
-      if (k && v) bindings[k] = v;
-      key = '';
-      value = '';
-      inValue = false;
-      continue;
-    }
-
-    if (inValue) value += ch;
-    else key += ch;
-  }
-
-  const k = key.trim();
-  const v = value.trim();
-  if (k && v) bindings[k] = v;
-
-  return bindings;
-}
-
-// ---------------------------------------------------------------------------
-// Compile step — runs the Babel compiler
-// ---------------------------------------------------------------------------
-function runCompile() {
-  log('\n--- Compiling blueprint-chat views ---');
-  try {
-    execSync('node compile-blueprint-chat.mjs', {
-      cwd: __dirname,
-      stdio: SILENT ? 'pipe' : 'inherit',
-    });
-    log('Compile complete.\n');
-    return true;
-  } catch (err) {
-    console.error('Compile failed:', err.message);
-    return false;
-  }
-}
-
-// ---------------------------------------------------------------------------
-// Seed step — compose tree + PATCH to DB (view + manifest)
-// ---------------------------------------------------------------------------
-async function runSeed() {
-  log('\n--- Seeding blueprint-chat to DB ---');
-
-  // Login
-  const loginRes = await fetch(API + '/auth/login', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ email: 'admin@mindmatrix.com', password: 'Admin123!' }),
-  });
-  const { token } = await loginRes.json();
-  log('Logged in');
-
-  // Load all compiled views
-  const files = readdirSync(compiledDir).filter((f) => f.endsWith('.json'));
-  log(`Found ${files.length} compiled views`);
-
-  const views = {};
-  const metas = {};
-  for (const f of files) {
-    const slug = f.replace('.json', '');
-    views[slug] = loadCompiledView(slug);
-    metas[slug] = loadCompiledMeta(slug);
-  }
-
-  // Compose root tree
-  const rootView = JSON.parse(JSON.stringify(views['chat-layout']));
-  if (!rootView) {
-    console.error('chat-layout view tree not found!');
-    return false;
-  }
-
-  const rootDs = metas['chat-layout'].dataSources || [];
-  if (rootDs.length > 0) rootView.dataSources = rootDs;
-
-  const composedRoot = composeTree(rootView, 'ChatChannelLayout');
-
-  // Log tree structure
-  let slotCount = 0;
-  let childrenCount = 0;
-  function countReplacements(node) {
-    if (node.id?.startsWith('composed-')) {
-      if (node.id === 'composed-children') childrenCount++;
-      else slotCount++;
-    }
-    (node.children || []).forEach(countReplacements);
-  }
-  countReplacements(composedRoot);
-  log(`  Replaced ${slotCount} slots, ${childrenCount} children placeholders`);
-
-  if (!SILENT) {
-    function logTree(node, depth = 0) {
-      const ds = node.dataSources?.length || 0;
-      const bind = Object.keys(node.bindings || {}).length;
-      const extra = [];
-      if (ds > 0) extra.push(`ds=${ds}`);
-      if (bind > 0) extra.push(`bind=${bind}`);
-      if (node.config?.localDefaults) extra.push('localDefaults');
-      const suffix = extra.length > 0 ? ` [${extra.join(', ')}]` : '';
-      console.log(`${'  '.repeat(depth)}${node.component} (${node.id})${suffix}`);
-      (node.children || []).forEach((c) => logTree(c, depth + 1));
-    }
-    console.log('\nComposed tree:');
-    logTree(composedRoot);
-  }
-
-  log(`\nTree size: ${JSON.stringify(composedRoot).length} bytes`);
-
-  // Get mm-chat-app definition
-  const defRes = await fetch(API + '/definitions/mm-chat-app', {
-    headers: { Authorization: 'Bearer ' + token },
-  });
-  const def = await defRes.json();
-  log(`Definition ID: ${def.id}`);
-
-  // Merge manifest into existing metadata (don't clobber other metadata keys)
-  const existingMetadata = def.metadata || {};
-  const updatedMetadata = {
-    ...existingMetadata,
-    blueprint_manifest: BLUEPRINT_MANIFEST,
-  };
-
-  // PATCH with BOTH view tree AND manifest metadata
-  const patchRes = await fetch(API + '/definitions/' + def.id, {
-    method: 'PATCH',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: 'Bearer ' + token,
-    },
-    body: JSON.stringify({
-      view: composedRoot,
-      metadata: updatedMetadata,
-    }),
-  });
-
-  if (!patchRes.ok) {
-    console.error('PATCH failed:', patchRes.status, await patchRes.text());
-    return false;
-  }
-  log('View tree + manifest updated');
-
-  // Verify
-  const verifyRes = await fetch(API + '/definitions/mm-chat-app', {
-    headers: { Authorization: 'Bearer ' + token },
-  });
-  const verified = await verifyRes.json();
-  const hasManifest = !!verified.metadata?.blueprint_manifest;
-  const hasFullBleed = verified.metadata?.blueprint_manifest?.config?.full_bleed === true;
-  const hasRoutes = verified.metadata?.blueprint_manifest?.routes?.length > 0;
-  log(`\nVerified:`);
-  log(`  view: ${JSON.stringify(verified.view).length} bytes, root=${verified.view?.component}`);
-  log(`  manifest: ${hasManifest ? 'present' : 'MISSING'}`);
-  log(`  full_bleed: ${hasFullBleed}`);
-  log(`  routes: ${hasRoutes ? verified.metadata.blueprint_manifest.routes.length : 0}`);
-
-  if (!hasManifest || !hasFullBleed) {
-    console.error('Manifest verification failed!');
-    return false;
-  }
-
-  log('\nSeed complete.');
-  return true;
-}
-
-// ---------------------------------------------------------------------------
-// Watch mode
-// ---------------------------------------------------------------------------
-function startWatch() {
-  log('\n--- Watch mode: monitoring blueprint-chat sources ---');
-  log(`  Source: ${sourceDir}`);
-  log(`  Compiled: ${compiledDir}`);
-  log('  Press Ctrl+C to stop.\n');
-
-  // Find all source files to watch
-  function findFiles(dir) {
-    const entries = readdirSync(dir, { withFileTypes: true });
-    const files = [];
-    for (const entry of entries) {
-      const full = join(dir, entry.name);
-      if (entry.isDirectory()) files.push(...findFiles(full));
-      else if (entry.name.endsWith('.tsx')) files.push(full);
-    }
-    return files;
-  }
-
-  const sourceFiles = existsSync(sourceDir) ? findFiles(sourceDir) : [];
-  log(`Watching ${sourceFiles.length} source files...`);
-
-  let debounceTimer = null;
-  let isRunning = false;
-
-  async function onChange(filename) {
-    if (isRunning) return;
-    if (debounceTimer) clearTimeout(debounceTimer);
-
-    debounceTimer = setTimeout(async () => {
-      isRunning = true;
-      const ts = new Date().toLocaleTimeString();
-      log(`\n[${ts}] Change detected: ${filename}`);
-
-      const compiled = runCompile();
-      if (compiled) {
-        await runSeed();
-      }
-
-      isRunning = false;
-      log(`\n[${new Date().toLocaleTimeString()}] Waiting for changes...`);
-    }, 500); // 500ms debounce
-  }
-
-  for (const file of sourceFiles) {
-    watchFile(file, { interval: 1000 }, () => onChange(file));
-  }
-
-  // Handle shutdown
-  process.on('SIGINT', () => {
-    log('\nStopping watch...');
-    for (const file of sourceFiles) unwatchFile(file);
-    process.exit(0);
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Main
-// ---------------------------------------------------------------------------
-async function main() {
-  log('Blueprint Chat Pipeline');
-  log(`  Mode: ${WATCH ? 'watch' : COMPILE_ONLY ? 'compile-only' : SEED_ONLY ? 'seed-only' : 'full'}`);
-
-  if (WATCH) {
-    // Initial full run, then watch
-    const compiled = runCompile();
-    if (compiled) await runSeed();
-    startWatch();
-    return; // watch mode keeps process alive
-  }
-
-  if (COMPILE_ONLY) {
-    runCompile();
-    return;
-  }
-
-  if (SEED_ONLY) {
-    await runSeed();
-    return;
-  }
-
-  // Full mode: compile + seed
-  const compiled = runCompile();
-  if (compiled) {
-    await runSeed();
-  }
-}
-
-main().catch((e) => console.error(e));