@notis_ai/cli 0.2.0 → 0.2.1

package/src/runtime/app-preview-server.js

@@ -1,272 +0,0 @@
-/**
- * Local preview server for built Notis app artifacts.
- *
- * Serves the static site from .notis/output/site/ with the Notis runtime
- * injected into HTML pages. The runtime provides mock implementations for
- * databases (seed data from manifest) and tool stubs.
- *
- * Usage: `notis apps preview [dir]` starts this server on localhost:8787.
- */
-
-import { createServer } from 'node:http';
-import { existsSync, readFileSync } from 'node:fs';
-import { extname, join, resolve } from 'node:path';
-
-import { readManifest } from './app-platform.js';
-
-// ---------------------------------------------------------------------------
-// Static file serving
-// ---------------------------------------------------------------------------
-
-function contentTypeFor(path) {
-  const types = {
-    '.html': 'text/html; charset=utf-8',
-    '.css': 'text/css; charset=utf-8',
-    '.js': 'text/javascript; charset=utf-8',
-    '.json': 'application/json; charset=utf-8',
-    '.svg': 'image/svg+xml',
-    '.png': 'image/png',
-    '.jpg': 'image/jpeg',
-    '.jpeg': 'image/jpeg',
-    '.ico': 'image/x-icon',
-    '.woff': 'font/woff',
-    '.woff2': 'font/woff2',
-  };
-  return types[extname(path)] || 'application/octet-stream';
-}
-
-function replacePlaceholders(content) {
-  return content
-    .replaceAll('/__NOTIS_APP_BASE__', '')
-    .replaceAll('__NOTIS_APP_BASE__', '')
-    .replaceAll('/__NOTIS_ASSET_BASE__', '')
-    .replaceAll('__NOTIS_ASSET_BASE__', '');
-}
-
-// ---------------------------------------------------------------------------
-// Mock runtime generation
-// ---------------------------------------------------------------------------
-
-function buildSeedValue(property, index) {
-  switch (property?.type) {
-    case 'number':
-      return (index + 1) * 180;
-    case 'checkbox':
-      return index % 2 === 0;
-    case 'date':
-      return `2026-04-0${Math.min(index + 2, 9)}`;
-    case 'select':
-    case 'status':
-      return property.options?.[index % (property.options?.length || 1)]?.name || 'Active';
-    case 'multi_select':
-      return (property.options || []).slice(0, 2).map((o) => o.name);
-    default:
-      return `${property?.name || 'Value'} ${index + 1}`;
-  }
-}
-
-function buildSeedDocuments(databases) {
-  const state = {};
-  for (const db of databases) {
-    const titleProp = db.properties?.find((p) => p.type === 'title')?.name || 'title';
-    state[db.slug] = Array.from({ length: 3 }, (_, i) => {
-      const properties = {};
-      for (const prop of db.properties || []) {
-        properties[prop.name] = prop.name === titleProp
-          ? `${db.title} ${i + 1}`
-          : buildSeedValue(prop, i);
-      }
-      return {
-        id: `${db.slug}-seed-${i + 1}`,
-        databaseSlug: db.slug,
-        title: properties[titleProp] || `${db.title} ${i + 1}`,
-        properties,
-        icon: db.icon || null,
-      };
-    });
-  }
-  return state;
-}
-
-function runtimeScript({ app, route, tools, databases }) {
-  const seedState = buildSeedDocuments(databases);
-  return `<script>
-(function() {
-  var DB = ${JSON.stringify(databases)};
-  var STATE = ${JSON.stringify(seedState)};
-  var COLLECTION = ${JSON.stringify(route.collection || null)};
-
-  function titleProp(slug) {
-    var db = DB.find(function(d) { return d.slug === slug; });
-    return db && db.properties ? (db.properties.find(function(p) { return p.type === 'title'; }) || {}).name || 'title' : 'title';
-  }
-
-  function dbSlug(v) { return v || (COLLECTION && COLLECTION.database) || null; }
-
-  window.__NOTIS_RUNTIME__ = {
-    app: ${JSON.stringify(app)},
-    route: ${JSON.stringify(route)},
-    databases: DB,
-
-    listTools: function() {
-      return Promise.resolve(${JSON.stringify(tools)});
-    },
-
-    callTool: function(name, args) {
-      console.log('[notis-preview] Tool call:', name, args);
-      return Promise.reject(new Error('Tool calls are not available in local preview. Deploy the app to use real tools.'));
-    },
-
-    queryDatabase: function(args) {
-      var slug = dbSlug(args && args.databaseSlug);
-      var docs = (STATE[slug] || []).slice(args && args.offset || 0);
-      return Promise.resolve({ documents: docs });
-    },
-
-    getDocument: function(args) {
-      var id = args && args.documentId;
-      for (var slug in STATE) {
-        var match = STATE[slug].find(function(d) { return d.id === id; });
-        if (match) return Promise.resolve(match);
-      }
-      return Promise.reject(new Error('Document not found in preview.'));
-    },
-
-    upsertDocument: function(args) {
-      var slug = dbSlug(args && args.databaseSlug);
-      if (!slug) return Promise.reject(new Error('No database for upsert.'));
-      var docs = STATE[slug] || [];
-      var tp = titleProp(slug);
-      var existing = docs.find(function(d) { return d.id === (args && args.documentId); });
-      var props = Object.assign({}, existing && existing.properties, args && args.properties);
-      if (args && args.title) props[tp] = args.title;
-      var doc = {
-        id: existing ? existing.id : slug + '-' + Date.now(),
-        databaseSlug: slug,
-        title: props[tp] || 'Untitled',
-        properties: props,
-        icon: null
-      };
-      if (existing) {
-        var idx = docs.indexOf(existing);
-        docs[idx] = doc;
-      } else {
-        docs.unshift(doc);
-      }
-      STATE[slug] = docs;
-      return Promise.resolve({ status: 'success', document: doc });
-    },
-
-    listCollectionItems: function(args) {
-      var slug = dbSlug(args && args.databaseSlug);
-      if (!slug) return Promise.resolve({ items: [] });
-      var tp = (args && args.titleProperty) || titleProp(slug);
-      var docs = (STATE[slug] || []).slice(0, (args && args.pageSize) || 100);
-      return Promise.resolve({
-        items: docs.map(function(d) {
-          return { id: d.id, title: (d.properties && d.properties[tp]) || d.title || 'Untitled', icon: d.icon };
-        })
-      });
-    },
-
-    request: function() {
-      return Promise.reject(new Error('Backend requests are not available in local preview.'));
-    }
-  };
-})();
-</script>`;
-}
-
-function injectRuntime(html, injection) {
-  if (html.includes('</head>')) {
-    return html.replace('</head>', injection + '\n</head>');
-  }
-  return injection + '\n' + html;
-}
-
-// ---------------------------------------------------------------------------
-// Server
-// ---------------------------------------------------------------------------
-
-function normalizePathname(pathname) {
-  if (!pathname || pathname === '/') return '/';
-  return pathname.endsWith('/') ? pathname.slice(0, -1) || '/' : pathname;
-}
-
-function entryHtmlPath(routePath) {
-  if (routePath === '/') return 'index.html';
-  return `${routePath.replace(/^\/+/, '')}/index.html`;
-}
-
-export async function startPreviewServer({ projectDir, port }) {
-  const manifest = readManifest(projectDir);
-  const siteDir = resolve(projectDir, '.notis/output/site');
-  const databases = (manifest.databases || []).filter((d) => d && typeof d.slug === 'string');
-  const routesByPath = new Map((manifest.routes || []).map((r) => [normalizePathname(r.path), r]));
-  const defaultRoute = (manifest.routes || []).find((r) => r.default) || manifest.routes?.[0];
-
-  if (!defaultRoute) {
-    throw new Error('Manifest contains no routes.');
-  }
-
-  const server = createServer((request, response) => {
-    const url = new URL(request.url || '/', `http://${request.headers.host || 'localhost'}`);
-    const pathname = normalizePathname(url.pathname);
-
-    // Redirect / to default route if it's not /
-    if (pathname === '/' && defaultRoute.path !== '/') {
-      response.writeHead(302, { Location: defaultRoute.path });
-      response.end();
-      return;
-    }
-
-    // Serve route HTML with runtime injection
-    const route = routesByPath.get(pathname);
-    if (route) {
-      const htmlPath = join(siteDir, entryHtmlPath(route.path));
-      if (!existsSync(htmlPath)) {
-        response.writeHead(404, { 'Content-Type': 'text/plain' });
-        response.end(`Route HTML not found: ${htmlPath}`);
-        return;
-      }
-
-      const raw = readFileSync(htmlPath, 'utf-8');
-      const html = injectRuntime(
-        replacePlaceholders(raw),
-        runtimeScript({
-          app: manifest.app,
-          route,
-          tools: (manifest.tools || []).map((name) => ({ name })),
-          databases,
-        }),
-      );
-      response.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'Cache-Control': 'no-store' });
-      response.end(html);
-      return;
-    }
-
-    // Serve static files
-    const filePath = join(siteDir, pathname.replace(/^\/+/, ''));
-    if (!existsSync(filePath)) {
-      response.writeHead(404, { 'Content-Type': 'text/plain' });
-      response.end('Not found');
-      return;
-    }
-
-    const isHtml = extname(filePath) === '.html';
-    const body = isHtml
-      ? replacePlaceholders(readFileSync(filePath, 'utf-8'))
-      : readFileSync(filePath);
-
-    response.writeHead(200, { 'Content-Type': contentTypeFor(filePath), 'Cache-Control': 'no-store' });
-    response.end(body);
-  });
-
-  await new Promise((resolveP, rejectP) => {
-    server.on('error', rejectP);
-    server.listen(port, '127.0.0.1', resolveP);
-  });
-
-  // Keep running until interrupted
-  await new Promise(() => {});
-}