@notis_ai/cli 0.2.0 → 0.2.1

package/src/runtime/app-platform.js

@@ -3,22 +3,34 @@
  *
  * Handles project scaffolding, validation, building, and linking. This is the
  * CLI-side counterpart to @notis/sdk -- it reads notis.config.ts, runs the
- * Next.js build, and packages the artifact for deployment.
+ * Vite build, and packages the bundle for deployment.
  */
 
 import { spawn } from 'node:child_process';
-import { existsSync, mkdirSync, readFileSync, writeFileSync, cpSync, readdirSync } from 'node:fs';
+import { cpSync, existsSync, mkdirSync, readFileSync, writeFileSync, readdirSync, rmSync } from 'node:fs';
+import { createRequire } from 'node:module';
 import { dirname, join, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { createHash } from 'node:crypto';
+import { gunzipSync } from 'node:zlib';
 
 import { usageError } from './errors.js';
+import { validateArtifactBoundary, validateProjectBoundary } from './app-boundary-validator.js';
 
 const NOTIS_DIR = '.notis';
 const STATE_FILE = join(NOTIS_DIR, 'state.json');
 const OUTPUT_DIR = join(NOTIS_DIR, 'output');
-const SITE_DIR = join(OUTPUT_DIR, 'site');
+const BUNDLE_DIR = join(OUTPUT_DIR, 'bundle');
 const MANIFEST_FILE = join(OUTPUT_DIR, 'manifest.json');
+const SOURCE_COPY_EXCLUDES = new Set([
+  'node_modules',
+  '.notis',
+  '.git',
+  'dist',
+  'package-lock.json',
+  'tsconfig.tsbuildinfo',
+  '.DS_Store',
+]);
+let appConfigImportNonce = 0;
 
 // ---------------------------------------------------------------------------
 // Project directory resolution
@@ -28,15 +40,86 @@ export function resolveProjectDir(inputDir = '.') {
   return resolve(process.cwd(), inputDir);
 }
 
+export function getBundleDir(projectDir) {
+  return join(projectDir, BUNDLE_DIR);
+}
+
+export function resolveBuiltBundleDir(projectDir) {
+  const bundleDir = getBundleDir(projectDir);
+  if (existsSync(join(bundleDir, 'app.js'))) {
+    return bundleDir;
+  }
+  return null;
+}
+
+function normalizeShadowScopedCss(css) {
+  return css
+    // Tailwind preflight emits `html,:host` in v3. Inside a shadow tree we want
+    // the shadow host itself to carry those defaults.
+    .replace(/html\s*,\s*:host\s*\{/g, ':host{')
+    .replace(/:root\s*,\s*:host\s*\{/g, ':host{')
+    .replace(/:root\s*\{/g, ':host{')
+    .replace(/html\s*\{/g, ':host{')
+    // Shadow trees do not contain a body element. Route those defaults to the
+    // app root contract instead so authors still get the expected reset.
+    .replace(/body\s*\{/g, '[data-notis-app-root]{');
+}
+
+function normalizeBundleStylesheets(projectDir) {
+  const bundleDir = join(projectDir, BUNDLE_DIR);
+  if (!existsSync(bundleDir)) {
+    return;
+  }
+
+  for (const entry of readdirSync(bundleDir)) {
+    if (!entry.endsWith('.css')) {
+      continue;
+    }
+    const cssPath = join(bundleDir, entry);
+    const normalizedCss = normalizeShadowScopedCss(readFileSync(cssPath, 'utf-8'));
+    writeFileSync(cssPath, normalizedCss);
+  }
+}
+
 // ---------------------------------------------------------------------------
 // Config loading
 // ---------------------------------------------------------------------------
 
 /**
  * Load and parse notis.config.ts from a project directory. Uses a simple
- * approach: we read the file, transpile with a basic regex to strip types,
- * and evaluate. For production use this should use tsx or similar.
+ * approach: we read the file, transpile with the project's TypeScript compiler
+ * when available, then evaluate as ESM.
  */
+function stripNotisSdkImports(source) {
+  return source
+    .replace(/import\s+type\s+[\s\S]*?from\s+['"][^'"]*['"]\s*;?/g, '')
+    .replace(/import\s*{[\s\S]*?\bdefineNotisApp\b[\s\S]*?}\s+from\s+['"]@notis\/sdk\/config['"]\s*;?/g, '')
+    .replace(/defineNotisApp\s*\(/g, '(');
+}
+
+function transpileTsConfigSource(source, configPath) {
+  // Strip the @notis/sdk/config import unconditionally. The SDK package often
+  // points its `exports` at raw .ts source, which Node cannot import from the
+  // temp .mjs file we emit below. `defineNotisApp` is just an identity helper,
+  // so removing the import and replacing the call with a parens-wrapped
+  // expression preserves the config value without ever resolving the SDK.
+  const stripped = stripNotisSdkImports(source);
+  const requireFromConfig = createRequire(`file://${configPath}`);
+  try {
+    const ts = requireFromConfig('typescript');
+    const transpiled = ts.transpileModule(stripped, {
+      compilerOptions: {
+        module: ts.ModuleKind.ESNext,
+        target: ts.ScriptTarget.ES2020,
+      },
+      fileName: configPath,
+    });
+    return transpiled.outputText;
+  } catch {
+    return stripped;
+  }
+}
+
 export async function loadAppConfig(projectDir) {
   const configPaths = ['notis.config.ts', 'notis.config.js', 'notis.config.mjs'];
   let configPath = null;
@@ -54,24 +137,24 @@ export async function loadAppConfig(projectDir) {
   }
 
   // For .js/.mjs files, import directly. For .ts, we need transpilation.
-  // In the CLI context, we use a simple approach: read the file, strip TS
-  // syntax, and eval. This avoids requiring tsx as a dependency.
   if (configPath.endsWith('.ts')) {
     const source = readFileSync(configPath, 'utf-8');
-    // Strip import type annotations and type declarations
-    const jsSource = source
-      .replace(/import\s+type\s+{[^}]*}\s+from\s+['"][^'"]*['"]\s*;?/g, '')
-      .replace(/import\s+{[^}]*}\s+from\s+['"][^'"]*['"]\s*;?/g, '')
-      .replace(/export\s+default\s+/, 'export default ')
-      .replace(/defineNotisApp\s*\(/, '(');
-
-    // Write a temporary .mjs file and import it
-    const tmpPath = join(projectDir, '.notis', '_config_tmp.mjs');
+    const jsSource = transpileTsConfigSource(source, configPath);
+
+    const tmpPath = join(dirname(configPath), '._notis_config_tmp.mjs');
     mkdirSync(dirname(tmpPath), { recursive: true });
     writeFileSync(tmpPath, jsSource);
     try {
-      const mod = await import(`file://${tmpPath}`);
+      const mod = await import(`file://${tmpPath}?v=${appConfigImportNonce++}`);
       return mod.default || mod;
+    } catch (error) {
+      if (error instanceof SyntaxError) {
+        throw usageError(
+          `Failed to parse ${configPath}. Install project dependencies (including typescript) ` +
+          'or convert the config to plain JavaScript.',
+        );
+      }
+      throw error;
     } finally {
       try {
         const { unlinkSync } = await import('node:fs');
@@ -95,10 +178,10 @@ export function detectProjectProblems(projectDir) {
     problems.push('Missing package.json');
   }
 
-  const hasNextConfig = ['next.config.ts', 'next.config.mjs', 'next.config.js']
+  const hasViteConfig = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs']
     .some((name) => existsSync(join(projectDir, name)));
-  if (!hasNextConfig) {
-    problems.push('Missing next.config file');
+  if (!hasViteConfig) {
+    problems.push('Missing vite.config file');
   }
 
   if (!existsSync(join(projectDir, 'app'))) {
@@ -128,7 +211,7 @@ export function detectProjectWarnings(projectDir, appConfig = null) {
   }
 
   if (appConfig && (!Array.isArray(appConfig.databases) || appConfig.databases.length === 0)) {
-    warnings.push('No databases declared in notis.config.ts.');
+    warnings.push('No database references declared in notis.config.ts.');
   }
 
   return warnings;
@@ -156,6 +239,31 @@ export async function runProjectScript({ projectDir, scriptName, env = {}, stdio
   });
 }
 
+/**
+ * Derive an export name from a route path.
+ * '/' -> 'index', '/inbox' -> 'inbox', '/my-tasks' -> 'myTasks'
+ */
+export function exportNameFromPath(routePath) {
+  if (routePath === '/') return 'index';
+  const slug = routePath.replace(/^\//, '').replace(/\//g, '-');
+  const identifier = slug
+    .split(/[^A-Za-z0-9_$]+/)
+    .filter(Boolean)
+    .map((part, index) => {
+      const lower = part.toLowerCase();
+      if (index === 0) return lower;
+      return lower.charAt(0).toUpperCase() + lower.slice(1);
+    })
+    .join('');
+  if (!identifier) return 'route';
+  return /^[A-Za-z_$]/.test(identifier) ? identifier : `r${identifier}`;
+}
+
+function slugFromPath(routePath) {
+  if (routePath === '/') return 'index';
+  return routePath.replace(/^\//, '').replace(/\//g, '-');
+}
+
 /**
  * Auto-detect routes from the app/ directory by scanning for page.tsx files.
  */
@@ -174,13 +282,13 @@ function autoDetectRoutes(projectDir) {
         scan(join(dir, entry.name), `${pathPrefix}/${entry.name}`);
       } else if (entry.name === 'page.tsx' || entry.name === 'page.jsx' || entry.name === 'page.js') {
         const routePath = pathPrefix || '/';
-        const slug = routePath === '/' ? 'index' : routePath.replace(/^\//, '').replace(/\//g, '-');
+        const slug = slugFromPath(routePath);
         routes.push({
           path: routePath,
           slug,
           name: slug === 'index' ? 'Home' : slug.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase()),
           default: routePath === '/',
-          entry_html: routePath === '/' ? 'index.html' : `${routePath.replace(/^\//, '')}/index.html`,
+          export_name: exportNameFromPath(routePath),
         });
       }
     }
@@ -190,89 +298,192 @@ function autoDetectRoutes(projectDir) {
   return routes;
 }
 
-function slugFromPath(routePath) {
-  if (routePath === '/') return 'index';
-  return routePath.replace(/^\//, '').replace(/\//g, '-');
+function validateConfiguredRoutes(routes) {
+  if (routes.length === 0) {
+    return;
+  }
+
+  const slugSet = new Set();
+  let defaultCount = 0;
+
+  for (const route of routes) {
+    if (!route.slug || typeof route.slug !== 'string') {
+      throw usageError(`Route "${route.path}" must define a slug.`);
+    }
+    if (slugSet.has(route.slug)) {
+      throw usageError(`Duplicate route slug "${route.slug}".`);
+    }
+    slugSet.add(route.slug);
+    if (route.default) {
+      defaultCount += 1;
+    }
+  }
+
+  if (defaultCount !== 1) {
+    throw usageError(`Expected exactly one default route, received ${defaultCount}.`);
+  }
+
+  for (const route of routes) {
+    if (route.parentSlug && !slugSet.has(route.parentSlug)) {
+      throw usageError(
+        `Route "${route.slug}" references unknown parentSlug "${route.parentSlug}".`,
+      );
+    }
+    const collection = route.collection || null;
+    if (
+      collection?.sidebar?.mode === 'tree' &&
+      (!collection.parentProperty || typeof collection.parentProperty !== 'string')
+    ) {
+      throw usageError(
+        `Tree collection route "${route.slug}" must define collection.parentProperty.`,
+      );
+    }
+  }
+
+  const childrenByParent = new Map();
+  for (const route of routes) {
+    if (!route.parentSlug) {
+      continue;
+    }
+    const children = childrenByParent.get(route.parentSlug) || [];
+    children.push(route.slug);
+    childrenByParent.set(route.parentSlug, children);
+  }
+
+  for (const route of routes) {
+    const seen = new Set([route.slug]);
+    let current = route.parentSlug || null;
+    while (current) {
+      if (seen.has(current)) {
+        throw usageError(`Route parent cycle detected at "${route.slug}".`);
+      }
+      seen.add(current);
+      current = routes.find((candidate) => candidate.slug === current)?.parentSlug || null;
+    }
+  }
+
+  for (const route of routes) {
+    if (
+      route.collection?.sidebar?.mode === 'tree' &&
+      (childrenByParent.get(route.slug) || []).length > 0
+    ) {
+      throw usageError(
+        `Tree collection route "${route.slug}" cannot also define static child routes.`,
+      );
+    }
+  }
+}
+
+function resolveConfiguredRoutes(appConfig, projectDir) {
+  const configuredRoutes = Array.isArray(appConfig.routes) ? appConfig.routes : [];
+  validateConfiguredRoutes(configuredRoutes);
+  const routes = configuredRoutes.map((route) => ({
+    ...route,
+    slug: route.slug,
+    export_name: route.exportName || route.export_name || exportNameFromPath(route.path),
+  }));
+  return routes.length > 0 ? routes : autoDetectRoutes(projectDir);
 }
 
-function entryHtmlFromPath(routePath) {
-  if (routePath === '/') return 'index.html';
-  return `${routePath.replace(/^\//, '')}/index.html`;
+/**
+ * Generate the _entry.tsx file that re-exports each route's page component.
+ */
+function generateEntryFile(projectDir, routes) {
+  const entryDir = join(projectDir, NOTIS_DIR);
+  mkdirSync(entryDir, { recursive: true });
+
+  // Also re-export the layout if it exists
+  const lines = [];
+  const layoutPath = join(projectDir, 'app', 'layout.tsx');
+  if (existsSync(layoutPath)) {
+    lines.push(`export { default as __AppShell } from '../app/layout';`);
+  }
+
+  for (const route of routes) {
+    const pagePath = route.path === '/' ? '../app/page' : `../app${route.path}/page`;
+    lines.push(`export { default as ${route.export_name} } from '${pagePath}';`);
+  }
+
+  const entryPath = join(entryDir, '_entry.tsx');
+  writeFileSync(entryPath, lines.join('\n') + '\n');
+  return entryPath;
 }
 
 /**
  * Generate the manifest from app config and build output.
  */
-function generateManifest(appConfig, projectDir) {
-  const routes = (appConfig.routes || autoDetectRoutes(projectDir)).map((route) => ({
-    path: route.path,
-    slug: route.slug || slugFromPath(route.path),
-    name: route.name,
-    icon: route.icon || null,
-    default: route.default || false,
-    entry_html: route.entry_html || entryHtmlFromPath(route.path),
-    collection: route.collection || null,
-  }));
+export function generateManifest(appConfig, projectDir) {
+  const routes = resolveConfiguredRoutes(appConfig, projectDir).map((route) => {
+    const entry = {
+      path: route.path,
+      slug: route.slug,
+      name: route.name,
+      icon: route.icon || null,
+      parentSlug: route.parentSlug || null,
+      default: route.default || false,
+      export_name: route.exportName || route.export_name || exportNameFromPath(route.path),
+      collection: route.collection || null,
+    };
+    if (route.tool_access) {
+      entry.tool_access = route.tool_access;
+    }
+    return entry;
+  });
 
-  const databases = (appConfig.databases || []).map((db) => ({
-    slug: db.slug,
-    title: db.title,
-    description: db.description || null,
-    icon: db.icon || null,
-    properties: (db.properties || []).map((prop) => ({
-      name: prop.name,
-      type: prop.type,
-      description: prop.description || null,
-      options: prop.options
-        ? prop.options.map((opt) => typeof opt === 'string' ? { name: opt } : opt)
-        : null,
-    })),
-  }));
+  const databases = appConfig.databases || [];
 
   return {
     version: 1,
-    spec_version: 2,
+    spec_version: 3,
     app: {
       name: appConfig.name,
       description: appConfig.description || null,
       icon: appConfig.icon || null,
     },
     routes,
+    bundle: {
+      js: 'bundle/app.js',
+      css: 'bundle/app.css',
+    },
     databases,
     tools: appConfig.tools || [],
   };
 }
 
 /**
- * Build the app artifact: run `next build`, then package into .notis/output/.
+ * Build the app bundle: generate entry file, run `vite build`, package into .notis/output/.
  */
 export async function buildArtifact(projectDir) {
+  validateProjectBoundary(projectDir);
   const appConfig = await loadAppConfig(projectDir);
 
-  // Run the Next.js build
+  // Auto-detect or use configured routes
+  const detectedRoutes = resolveConfiguredRoutes(appConfig, projectDir);
+
+  // Generate the entry file that re-exports all route page components
+  generateEntryFile(projectDir, detectedRoutes);
+
+  // Run Vite build
   await runProjectScript({
     projectDir,
     scriptName: 'build',
-    env: {
-      NOTIS_BUILD: '1',
-      NOTIS_APP_BASE_PATH: '/__NOTIS_APP_BASE__',
-      NOTIS_ASSET_PREFIX: '/__NOTIS_ASSET_BASE__',
-    },
   });
 
-  // Copy the static export into .notis/output/site/
-  const nextOutDir = join(projectDir, 'out');
-  if (!existsSync(nextOutDir)) {
-    throw usageError('Next.js build did not produce an `out/` directory. Ensure `output: "export"` is set (withNotis does this automatically).');
+  // Verify the canonical `.notis/output/bundle` packaging contract.
+  const builtBundleDir = resolveBuiltBundleDir(projectDir);
+  if (!builtBundleDir) {
+    throw usageError(
+      'Vite build did not produce app.js in .notis/output/bundle. Check your vite.config.ts.',
+    );
   }
+  normalizeBundleStylesheets(projectDir);
 
-  const outputSiteDir = join(projectDir, SITE_DIR);
-  mkdirSync(outputSiteDir, { recursive: true });
-  cpSync(nextOutDir, outputSiteDir, { recursive: true });
+  validateArtifactBoundary(readArtifactFiles(projectDir));
 
   // Generate manifest
   const manifest = generateManifest(appConfig, projectDir);
   const manifestPath = join(projectDir, MANIFEST_FILE);
+  mkdirSync(dirname(manifestPath), { recursive: true });
   writeFileSync(manifestPath, JSON.stringify(manifest, null, 2) + '\n');
 
   return { manifest, outputDir: join(projectDir, OUTPUT_DIR) };
@@ -322,11 +533,11 @@ export function requireLinkedAppId(projectDir, explicitAppId) {
 export function scaffoldProject({ projectDir, appName }) {
   const templateDir = resolve(
     dirname(fileURLToPath(import.meta.url)),
-    '../../../../packages/notis-sdk/template',
+    '../../template',
   );
 
   if (!existsSync(templateDir)) {
-    throw usageError(`SDK template not found at ${templateDir}. Ensure @notis/sdk is installed.`);
+    throw usageError(`SDK template not found at ${templateDir}. Ensure @notis_ai/cli is installed correctly.`);
   }
 
   mkdirSync(projectDir, { recursive: true });
@@ -364,6 +575,8 @@ export function collectArtifactFiles(projectDir) {
     throw usageError('No build output found. Run "notis apps build" first.');
   }
 
+  validateArtifactBoundary(readArtifactFiles(projectDir));
+
   const files = {};
 
   function walk(dir, prefix) {
@@ -382,3 +595,365 @@ export function collectArtifactFiles(projectDir) {
   walk(outputDir, '');
   return files;
 }
+
+function shouldExcludeSourceEntry(name) {
+  return SOURCE_COPY_EXCLUDES.has(name) || name.startsWith('.env');
+}
+
+function readSourceFiles(projectDir) {
+  const files = {};
+
+  function walk(dir, prefix) {
+    const entries = readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (shouldExcludeSourceEntry(entry.name) || entry.isSymbolicLink()) {
+        continue;
+      }
+      const fullPath = join(dir, entry.name);
+      const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;
+      if (entry.isDirectory()) {
+        walk(fullPath, relPath);
+      } else if (entry.isFile()) {
+        files[relPath] = readFileSync(fullPath);
+      }
+    }
+  }
+
+  walk(projectDir, '');
+  return files;
+}
+
+export function collectSourceFiles(projectDir) {
+  const files = readSourceFiles(projectDir);
+  const encoded = {};
+  for (const [relPath, content] of Object.entries(files)) {
+    encoded[relPath] = content.toString('base64');
+  }
+  return encoded;
+}
+
+function cleanTarPath(name) {
+  const cleaned = String(name || '').replace(/\\/g, '/').replace(/^\/+/, '');
+  const parts = cleaned.split('/').filter(Boolean);
+  if (!parts.length || parts.includes('..')) {
+    throw usageError(`Refusing to extract unsafe path from source archive: ${name}`);
+  }
+  return parts.join('/');
+}
+
+function extractTarGz(buffer, targetDir) {
+  const tar = gunzipSync(buffer);
+  let offset = 0;
+  while (offset + 512 <= tar.length) {
+    const header = tar.subarray(offset, offset + 512);
+    offset += 512;
+    if (header.every((byte) => byte === 0)) {
+      break;
+    }
+
+    const name = header.subarray(0, 100).toString('utf-8').replace(/\0.*$/, '');
+    const prefix = header.subarray(345, 500).toString('utf-8').replace(/\0.*$/, '');
+    const fullName = prefix ? `${prefix}/${name}` : name;
+    const sizeRaw = header.subarray(124, 136).toString('utf-8').replace(/\0.*$/, '').trim();
+    const size = Number.parseInt(sizeRaw || '0', 8);
+    const typeFlag = header[156];
+    const relPath = cleanTarPath(fullName);
+    const outputPath = join(targetDir, relPath);
+
+    if (typeFlag === 53) {
+      mkdirSync(outputPath, { recursive: true });
+    } else {
+      mkdirSync(dirname(outputPath), { recursive: true });
+      writeFileSync(outputPath, tar.subarray(offset, offset + size));
+    }
+
+    offset += Math.ceil(size / 512) * 512;
+  }
+}
+
+export async function pullAppSource({
+  apiBase,
+  jwt,
+  appId,
+  targetDir,
+  version = 'latest',
+  force = false,
+}) {
+  if (existsSync(targetDir) && readdirSync(targetDir).length > 0) {
+    if (!force) {
+      throw usageError(`Target directory is not empty: ${targetDir}. Pass --force to overwrite it.`);
+    }
+    rmSync(targetDir, { recursive: true, force: true });
+  }
+  mkdirSync(targetDir, { recursive: true });
+
+  const params = new URLSearchParams({ app_id: appId, version: String(version || 'latest') });
+  const response = await fetch(`${apiBase.replace(/\/$/, '')}/portal_apps/source?${params.toString()}`, {
+    headers: { Authorization: `Bearer ${jwt}` },
+  });
+  if (!response.ok) {
+    const data = await response.json().catch(() => ({}));
+    throw usageError(typeof data?.error === 'string' ? data.error : `Failed to pull app source (${response.status}).`);
+  }
+
+  const contentDisposition = response.headers.get('content-disposition') || '';
+  const versionMatch = /-v(\d+)\.tar\.gz/i.exec(contentDisposition);
+  const pulledVersion = versionMatch ? Number.parseInt(versionMatch[1], 10) : null;
+  extractTarGz(Buffer.from(await response.arrayBuffer()), targetDir);
+  writeLinkedState(targetDir, {
+    app_id: appId,
+    linked_at: new Date().toISOString(),
+  });
+
+  return { projectDir: targetDir, version: pulledVersion || version };
+}
+
+function readArtifactFiles(projectDir) {
+  const outputDir = join(projectDir, OUTPUT_DIR);
+  if (!existsSync(outputDir)) {
+    throw usageError('No build output found. Run "notis apps build" first.');
+  }
+
+  const files = {};
+
+  function walk(dir, prefix) {
+    const entries = readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = join(dir, entry.name);
+      const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;
+      if (entry.isDirectory()) {
+        walk(fullPath, relPath);
+      } else {
+        files[relPath] = readFileSync(fullPath);
+      }
+    }
+  }
+
+  walk(outputDir, '');
+  return files;
+}
+
+// ---------------------------------------------------------------------------
+// Direct deploy (bypasses backend server)
+// ---------------------------------------------------------------------------
+
+/**
+ * Resolve Supabase credentials from the server/.env file in the repo workspace.
+ * Falls back to environment variables.
+ */
+function resolveSupabaseCredentials() {
+  const envPaths = [
+    resolve(process.cwd(), 'server/.env'),
+    resolve(process.cwd(), '../server/.env'),
+    resolve(process.cwd(), '../../server/.env'),
+  ];
+
+  let supabaseUrl = process.env.SUPABASE_URL;
+  let supabaseSubdomain = process.env.SUPABASE_SUBDOMAIN;
+  let supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY || process.env.SUPABASE_SERVICE_KEY;
+
+  for (const envPath of envPaths) {
+    if (existsSync(envPath)) {
+      const content = readFileSync(envPath, 'utf-8');
+      for (const line of content.split('\n')) {
+        const trimmed = line.trim();
+        if (trimmed.startsWith('#') || !trimmed.includes('=')) continue;
+        const eqIdx = trimmed.indexOf('=');
+        const key = trimmed.slice(0, eqIdx).trim();
+        let value = trimmed.slice(eqIdx + 1).trim();
+        if ((value.startsWith('"') && value.endsWith('"')) || (value.startsWith("'") && value.endsWith("'"))) {
+          value = value.slice(1, -1);
+        }
+        if (key === 'SUPABASE_URL' && !supabaseUrl) supabaseUrl = value;
+        if (key === 'SUPABASE_SUBDOMAIN' && !supabaseSubdomain) supabaseSubdomain = value;
+        if ((key === 'SUPABASE_SERVICE_ROLE_KEY' || key === 'SUPABASE_SERVICE_KEY') && !supabaseKey) supabaseKey = value;
+      }
+      break;
+    }
+  }
+
+  // Derive URL from subdomain if needed
+  if (!supabaseUrl && supabaseSubdomain) {
+    supabaseUrl = `https://${supabaseSubdomain}.supabase.co`;
+  }
+
+  if (!supabaseUrl || !supabaseKey) {
+    throw usageError(
+      'Cannot resolve Supabase credentials for direct deploy. ' +
+      'Ensure server/.env exists with SUPABASE_SUBDOMAIN (or SUPABASE_URL) and SUPABASE_SERVICE_KEY, ' +
+      'or set them as environment variables.',
+    );
+  }
+
+  return { supabaseUrl, supabaseKey };
+}
+
+/**
+ * Upload a file to Supabase Storage with upsert.
+ */
+async function uploadToStorage(supabaseUrl, supabaseKey, bucket, storagePath, content, contentType) {
+  const url = `${supabaseUrl}/storage/v1/object/${bucket}/${storagePath}`;
+  const response = await fetch(url, {
+    method: 'POST',
+    headers: {
+      'Authorization': `Bearer ${supabaseKey}`,
+      'Content-Type': contentType,
+      'x-upsert': 'true',
+    },
+    body: content,
+  });
+
+  if (!response.ok) {
+    const text = await response.text().catch(() => '');
+    throw new Error(`Storage upload failed (${response.status}): ${text}`);
+  }
+}
+
+async function ensureStorageBucket(supabaseUrl, supabaseKey, bucket, options = {}) {
+  const encodedBucket = encodeURIComponent(bucket);
+  const headers = {
+    'Authorization': `Bearer ${supabaseKey}`,
+    'apikey': supabaseKey,
+  };
+  const inspectResponse = await fetch(`${supabaseUrl}/storage/v1/bucket/${encodedBucket}`, {
+    headers,
+  });
+  if (inspectResponse.ok) {
+    return;
+  }
+  if (inspectResponse.status !== 404) {
+    const text = await inspectResponse.text().catch(() => '');
+    throw new Error(`Failed to inspect storage bucket ${bucket} (${inspectResponse.status}): ${text}`);
+  }
+
+  const createResponse = await fetch(`${supabaseUrl}/storage/v1/bucket`, {
+    method: 'POST',
+    headers: {
+      ...headers,
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      id: bucket,
+      name: bucket,
+      public: Boolean(options.public),
+    }),
+  });
+  if (createResponse.ok) {
+    return;
+  }
+
+  const text = await createResponse.text().catch(() => '');
+  if (createResponse.status === 409 || /already exists|duplicate/i.test(text)) {
+    return;
+  }
+  throw new Error(`Failed to create storage bucket ${bucket} (${createResponse.status}): ${text}`);
+}
+
+/**
+ * Get the current app manifest version from the apps table.
+ */
+async function getAppCurrentVersion(supabaseUrl, supabaseKey, appId) {
+  const encodedAppId = encodeURIComponent(appId);
+  const url = `${supabaseUrl}/rest/v1/apps?id=eq.${encodedAppId}&select=manifest`;
+  const response = await fetch(url, {
+    headers: {
+      'Authorization': `Bearer ${supabaseKey}`,
+      'apikey': supabaseKey,
+    },
+  });
+  if (!response.ok) throw new Error(`Failed to get app version: ${response.status}`);
+  const rows = await response.json();
+  if (!rows.length) throw usageError(`App ${appId} not found.`);
+  const manifest = rows[0].manifest || {};
+  return { currentVersion: manifest.version || 0, manifest };
+}
+
+/**
+ * Update the app manifest in the apps table.
+ */
+async function updateAppVersion(supabaseUrl, supabaseKey, appId, newVersion, manifest) {
+  const encodedAppId = encodeURIComponent(appId);
+  const url = `${supabaseUrl}/rest/v1/apps?id=eq.${encodedAppId}`;
+  const response = await fetch(url, {
+    method: 'PATCH',
+    headers: {
+      'Authorization': `Bearer ${supabaseKey}`,
+      'apikey': supabaseKey,
+      'Content-Type': 'application/json',
+      'Prefer': 'return=minimal',
+    },
+    body: JSON.stringify({
+      manifest: { ...manifest, version: newVersion },
+      updated_at: new Date().toISOString(),
+    }),
+  });
+  if (!response.ok) {
+    const text = await response.text().catch(() => '');
+    throw new Error(`Failed to update app version: ${response.status} ${text}`);
+  }
+}
+
+const CONTENT_TYPE_MAP = {
+  '.js': 'application/javascript',
+  '.css': 'text/css',
+  '.json': 'application/json',
+  '.html': 'text/html',
+};
+
+/**
+ * Deploy app bundle directly to Supabase storage, bypassing the backend server.
+ */
+export async function directDeploy(projectDir, appId) {
+  const { supabaseUrl, supabaseKey } = resolveSupabaseCredentials();
+  const manifest = readManifest(projectDir);
+  const artifactFiles = readArtifactFiles(projectDir);
+  const sourceFiles = readSourceFiles(projectDir);
+  validateArtifactBoundary(artifactFiles);
+
+  // Get current version and increment
+  const { currentVersion } = await getAppCurrentVersion(supabaseUrl, supabaseKey, appId);
+  const newVersion = currentVersion + 1;
+
+  // Upload all files from the output directory
+  const bucket = 'app-code';
+  await ensureStorageBucket(supabaseUrl, supabaseKey, bucket, { public: false });
+  await ensureStorageBucket(supabaseUrl, supabaseKey, 'app-source', { public: false });
+
+  async function uploadDir(dir, prefix) {
+    const entries = readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = join(dir, entry.name);
+      const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;
+      if (entry.isDirectory()) {
+        await uploadDir(fullPath, relPath);
+      } else {
+        const ext = entry.name.includes('.') ? '.' + entry.name.split('.').pop() : '';
+        const contentType = CONTENT_TYPE_MAP[ext] || 'application/octet-stream';
+        const content = readFileSync(fullPath);
+        const storagePath = `${appId}/v${newVersion}/${relPath}`;
+        await uploadToStorage(supabaseUrl, supabaseKey, bucket, storagePath, content, contentType);
+      }
+    }
+  }
+
+  await uploadDir(join(projectDir, OUTPUT_DIR), '');
+
+  for (const [relPath, content] of Object.entries(sourceFiles)) {
+    const ext = relPath.includes('.') ? `.${relPath.split('.').pop()}` : '';
+    const contentType = CONTENT_TYPE_MAP[ext] || 'application/octet-stream';
+    const storagePath = `${appId}/v${newVersion}/${relPath}`;
+    await uploadToStorage(supabaseUrl, supabaseKey, 'app-source', storagePath, content, contentType);
+  }
+
+  // Update the app record -- include storage_prefix so the portal can resolve bundle URLs
+  const storagePrefix = `${appId}/v${newVersion}/`;
+  const deployManifest = {
+    ...manifest,
+    version: newVersion,
+    storage_bucket: bucket,
+    storage_prefix: storagePrefix,
+  };
+  await updateAppVersion(supabaseUrl, supabaseKey, appId, newVersion, deployManifest);
+
+  return { version: newVersion };
+}