@codeyam/codeyam-cli 0.1.0-staging.dbc742d → 0.1.0-staging.df25827

package/codeyam-cli/templates/expo-react-native/gitignore

@@ -2,6 +2,8 @@ node_modules/
 .expo/
 dist/
 web-build/
+ios/
+android/
 *.jks
 *.p8
 *.p12

package/codeyam-cli/templates/expo-react-native/global.css

@@ -1,3 +1,10 @@
+/* NativeWind / Tailwind utility layer.
+ *
+ * Design tokens are defined in lib/theme.ts — that is the single source
+ * of truth for colors, spacing, typography, and border radius.
+ * Do NOT define CSS custom properties here for design tokens.
+ * React Native components cannot read CSS variables.
+ */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

package/codeyam-cli/templates/expo-react-native/lib/theme.ts

@@ -0,0 +1,73 @@
+/**
+ * Design tokens — single source of truth for all styling.
+ *
+ * When a design system is selected (via .codeyam/design-system.md),
+ * populate these values from the design system's color palette,
+ * typography scale, and spacing rhythm.
+ *
+ * Import in every component:
+ *   import { theme } from '@/lib/theme';
+ *   <View style={{ backgroundColor: theme.colors.bgBase }}>
+ *
+ * Do NOT use CSS custom properties (var(--token)) in React Native.
+ * Do NOT hardcode color strings or pixel values in components.
+ */
+
+export const theme = {
+  colors: {
+    bgBase: '#f8fafc',
+    bgSurface: '#ffffff',
+    bgSurfaceRaised: '#ffffff',
+    bgInverse: '#1e293b',
+
+    textPrimary: '#0f172a',
+    textSecondary: '#475569',
+    textMuted: '#94a3b8',
+
+    border: '#e2e8f0',
+
+    accent: '#005C75',
+    accentLight: '#e0f2fe',
+  },
+
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    '2xl': 32,
+    '3xl': 48,
+  },
+
+  fontSize: {
+    xs: 12,
+    sm: 14,
+    base: 16,
+    lg: 18,
+    xl: 20,
+    '2xl': 24,
+    '3xl': 30,
+    '4xl': 36,
+  },
+
+  fontWeight: {
+    normal: '400' as const,
+    medium: '500' as const,
+    semibold: '600' as const,
+    bold: '700' as const,
+  },
+
+  fontFamily: {
+    sans: 'System',
+    mono: 'monospace',
+  },
+
+  borderRadius: {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    full: 9999,
+  },
+};

package/codeyam-cli/templates/expo-react-native/package.json

@@ -7,32 +7,48 @@
     "setup": "npm install",
     "dev": "expo start --web",
     "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "build:web": "expo export --platform web"
+    "android": "expo run:android",
+    "ios": "expo run:ios",
+    "build:web": "expo export --platform web",
+    "test": "jest",
+    "postinstall": "patch-package"
   },
   "dependencies": {
-    "expo": "~55.0.5",
-    "expo-router": "~55.0.4",
-    "expo-status-bar": "~55.0.4",
-    "expo-linking": "~55.0.7",
-    "expo-constants": "~55.0.7",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-native": "0.83.2",
+    "expo": "~54.0.0",
+    "expo-router": "~6.0.23",
+    "expo-status-bar": "~3.0.9",
+    "expo-linking": "~8.0.11",
+    "expo-constants": "~18.0.13",
+    "expo-font": "~14.0.11",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
     "react-native-web": "^0.21.0",
     "react-native-safe-area-context": "~5.6.2",
-    "react-native-screens": "~4.23.0",
+    "react-native-screens": "~4.16.0",
+    "react-native-reanimated": "^4.3.0",
+    "react-native-worklets": "^0.8.1",
+    "react-refresh": "^0.18.0",
     "@react-navigation/native": "^7.1.33",
     "@expo/vector-icons": "^15.0.2",
     "@react-native-async-storage/async-storage": "2.2.0",
     "nativewind": "^4.2.2",
     "tailwindcss": "^3.4.19",
-    "react-native-reanimated": "4.2.1"
+    "patch-package": "^8.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.2",
-    "babel-preset-expo": "^55.0.10",
-    "typescript": "~5.9.2"
+    "@types/react": "~19.1.10",
+    "babel-preset-expo": "~54.0.10",
+    "sharp": "^0.33.0",
+    "typescript": "~5.9.2",
+    "jest": "^29.7.0",
+    "jest-expo": "~54.0.17",
+    "@testing-library/react-native": "^13.2.0"
+  },
+  "jest": {
+    "preset": "jest-expo",
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|nativewind|react-native-reanimated|react-native-worklets)"
+    ]
   }
 }

package/codeyam-cli/templates/expo-react-native/patches/expo-modules-autolinking+3.0.24.patch

@@ -0,0 +1,29 @@
+diff --git a/node_modules/expo-modules-autolinking/build/platforms/apple/apple.js b/node_modules/expo-modules-autolinking/build/platforms/apple/apple.js
+index 47487c0..58a6069 100644
+--- a/node_modules/expo-modules-autolinking/build/platforms/apple/apple.js
++++ b/node_modules/expo-modules-autolinking/build/platforms/apple/apple.js
+@@ -113,7 +113,7 @@ async function generatePackageListFileContentAsync(modules, className, entitleme
+  * but only these that are written in Swift and use the new API for creating Expo modules.
+  */
+
+-import ExpoModulesCore
++public import ExpoModulesCore
+ ${generateCommonImportList(swiftModules)}
+ ${generateDebugOnlyImportList(debugOnlySwiftModules)}
+ @objc(${className})
+@@ -137,13 +137,13 @@ ${generateReactDelegateHandlers(reactDelegateHandlerModules, debugOnlyReactDeleg
+ `;
+ }
+ function generateCommonImportList(swiftModules) {
+-    return swiftModules.map((moduleName) => `import ${moduleName}`).join('\n');
++    return swiftModules.map((moduleName) => `public import ${moduleName}`).join('\n');
+ }
+ function generateDebugOnlyImportList(swiftModules) {
+     if (!swiftModules.length) {
+         return '';
+     }
+-    return (wrapInDebugConfigurationCheck(0, swiftModules.map((moduleName) => `import ${moduleName}`).join('\n')) + '\n');
++    return (wrapInDebugConfigurationCheck(0, swiftModules.map((moduleName) => `public import ${moduleName}`).join('\n')) + '\n');
+ }
+ function generateModuleClasses(classNames, debugOnlyClassName) {
+     const commonClassNames = formatArrayOfClassNames(classNames);

package/codeyam-cli/templates/isolation-route/expo-router.tsx.template

@@ -0,0 +1,54 @@
+/**
+ * CodeYam Isolation Route — Expo Router
+ *
+ * Place this file at: app/isolated-components/ComponentName.tsx
+ * URL: /isolated-components/ComponentName?s=ScenarioName
+ *
+ * This route renders a single component with scenario-specific props,
+ * enabling isolated component preview and screenshot capture.
+ */
+
+import { useLocalSearchParams } from 'expo-router';
+import { View, Text } from 'react-native';
+import { theme } from '@/lib/theme';
+// import YourComponent from '@/app/components/YourComponent';
+
+// Define scenarios: map scenario names to component props
+const scenarios: Record<string, Record<string, unknown>> = {
+  Default: {
+    // props for the default scenario
+  },
+  // Add more scenarios here
+};
+
+export default function ComponentIsolation() {
+  const { s } = useLocalSearchParams<{ s: string }>();
+  const scenarioName = s || 'Default';
+  const props = scenarios[scenarioName];
+
+  if (!props) {
+    return (
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+        <Text style={{ fontFamily: theme.fontFamily.mono, color: '#e74c3c' }}>
+          Unknown scenario: {scenarioName}
+        </Text>
+      </View>
+    );
+  }
+
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: theme.colors.bgBase,
+      }}
+    >
+      <View nativeID="codeyam-capture" style={{ maxWidth: 384 }}>
+        {/* <YourComponent {...props} /> */}
+        <Text>Replace with your component</Text>
+      </View>
+    </View>
+  );
+}

package/codeyam-cli/templates/nextjs-prisma-sqlite/gitignore

@@ -55,6 +55,7 @@ dev.db-journal
 .codeyam/editor-user-prompt.txt
 .codeyam/editor-mode-context.md
 .codeyam/dev-mode-context.md
+.codeyam/handoff-context.md
 .codeyam/logs/
 .codeyam/llm-calls/
 .codeyam/captures/

package/codeyam-cli/templates/nextjs-prisma-sqlite/package.json

@@ -18,7 +18,7 @@
     "@prisma/adapter-better-sqlite3": "^7.4.1",
     "@prisma/client": "^7.4.1",
     "better-sqlite3": "^12.6.2",
-    "next": "^15.3.3",
+    "next": "^16.1.7",
     "prisma": "^7.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"

package/codeyam-cli/templates/nextjs-prisma-sqlite/seed-adapter.ts

@@ -17,7 +17,7 @@
  */
 
 import 'dotenv/config';
-import { PrismaClient } from '@prisma/client';
+import { PrismaClient, Prisma } from '@prisma/client';
 import { PrismaBetterSqlite3 } from '@prisma/adapter-better-sqlite3';
 import * as fs from 'fs';
 
@@ -37,56 +37,104 @@ async function main() {
   const data = JSON.parse(raw);
   const seed = data.seed || data;
 
-  console.log(`Seeding tables: ${Object.keys(seed).join(', ')}`);
+  // Discover ALL models from the Prisma schema — not just the tables in the seed data.
+  // This ensures FK-dependent tables (e.g., Passenger → Flight) are cleared even when
+  // the seed only contains the parent table's data.
+  const allModels = Prisma.dmmf.datamodel.models.map(
+    (m) => m.name.charAt(0).toLowerCase() + m.name.slice(1),
+  );
 
-  // Wipe all tables in reverse order (to respect foreign keys)
-  const tableNames = Object.keys(seed);
-  for (const table of [...tableNames].reverse()) {
-    try {
-      await (prisma as any)[table].deleteMany();
-      console.log(`  Cleared ${table}`);
-    } catch (err) {
-      console.warn(
-        `  Could not clear ${table}: ${err instanceof Error ? err.message : err}`,
-      );
+  // Run everything in a single transaction for atomicity and speed.
+  // SQLite auto-commits each statement by default — wrapping in a transaction
+  // avoids per-statement fsync and is significantly faster for bulk operations.
+  await prisma.$transaction(async (tx) => {
+    // Disable foreign key checks during wipe+insert — allows deleting in any
+    // order and avoids FK constraint errors during the brief window between
+    // clearing parent and child tables.
+    await tx.$executeRawUnsafe('PRAGMA foreign_keys = OFF');
+
+    // Wipe ALL tables in the schema (not just seeded ones)
+    for (const table of [...allModels].reverse()) {
+      try {
+        await (tx as any)[table].deleteMany();
+      } catch {
+        // Table may not exist in current schema — skip
+      }
     }
-  }
 
-  // Reset auto-increment counters so IDs start from 1 after each re-seed.
-  // Without this, SQLite IDs keep climbing (1, 2, ... then 9, 10, ...)
-  // across scenario switches, causing hardcoded URLs like /drinks/1 to 404.
-  for (const table of tableNames) {
+    // Batch-reset auto-increment counters for ALL tables.
+    // Without this, SQLite IDs keep climbing across scenario switches,
+    // causing hardcoded URLs like /drinks/1 to 404.
+    const seqNames = allModels
+      .flatMap((t) => [`'${t}'`, `'${t.charAt(0).toUpperCase() + t.slice(1)}'`])
+      .join(', ');
     try {
-      // Prisma uses PascalCase model names; sqlite_sequence stores the actual table name.
-      // Try both the seed key (which matches the Prisma model) and common casings.
-      await prisma.$executeRawUnsafe(
-        `DELETE FROM sqlite_sequence WHERE name = '${table}' OR name = '${table.charAt(0).toUpperCase() + table.slice(1)}'`,
+      await tx.$executeRawUnsafe(
+        `DELETE FROM sqlite_sequence WHERE name IN (${seqNames})`,
       );
     } catch {
-      // sqlite_sequence may not exist if no autoincrement columns — safe to ignore
+      // sqlite_sequence may not exist — safe to ignore
+    }
+
+    // Insert seed data
+    for (const [table, rows] of Object.entries(seed)) {
+      if (!Array.isArray(rows) || rows.length === 0) continue;
+      try {
+        await (tx as any)[table].createMany({ data: rows });
+        console.log(`  Seeded ${rows.length} rows into ${table}`);
+      } catch (err) {
+        console.error(
+          `  Failed to seed ${table}: ${err instanceof Error ? err.message : err}`,
+        );
+        process.exit(1);
+      }
     }
-  }
 
-  // Insert seed data
-  for (const [table, rows] of Object.entries(seed)) {
-    if (!Array.isArray(rows) || rows.length === 0) continue;
+    // Re-enable foreign key checks
+    await tx.$executeRawUnsafe('PRAGMA foreign_keys = ON');
+  });
+
+  console.log('Seed complete');
+}
+
+/**
+ * Export mode: dump current database state to a JSON file.
+ * Used by CodeYam to save interactive changes back to scenario seed data.
+ *
+ * Usage: npx tsx .codeyam/seed-adapter.ts --export <output-path.json>
+ */
+async function exportData(outputPath: string) {
+  const modelNames = Prisma.dmmf.datamodel.models.map((m) => m.name);
+
+  const seed: Record<string, unknown[]> = {};
+  for (const model of modelNames) {
+    const camelCase = model.charAt(0).toLowerCase() + model.slice(1);
     try {
-      await (prisma as any)[table].createMany({ data: rows });
-      console.log(`  Seeded ${rows.length} rows into ${table}`);
-    } catch (err) {
-      console.error(
-        `  Failed to seed ${table}: ${err instanceof Error ? err.message : err}`,
-      );
-      process.exit(1);
+      const rows = await (prisma as any)[camelCase].findMany();
+      if (rows.length > 0) {
+        seed[camelCase] = rows;
+      }
+    } catch {
+      // Skip tables that can't be queried
     }
   }
 
-  console.log('Seed complete');
+  fs.writeFileSync(outputPath, JSON.stringify(seed, null, 2));
+  console.log(`Exported ${Object.keys(seed).length} tables`);
 }
 
-main()
-  .then(() => prisma.$disconnect())
-  .catch((e) => {
-    console.error('Seed adapter error:', e);
-    process.exit(1);
-  });
+if (process.argv[2] === '--export') {
+  exportData(process.argv[3])
+    .then(() => prisma.$disconnect())
+    .catch((e) => {
+      console.error('Seed adapter export error:', e);
+      process.exit(1);
+    });
+} else {
+  main()
+    .then(() => prisma.$disconnect())
+    .catch((e) => {
+      console.error('Seed adapter error:', e);
+      process.exit(1);
+    });
+}

package/codeyam-cli/templates/nextjs-prisma-supabase/package.json

@@ -16,7 +16,7 @@
     "@prisma/adapter-pg": "^7.4.1",
     "@prisma/client": "^7.4.1",
     "@supabase/supabase-js": "^2.49.4",
-    "next": "^15.3.3",
+    "next": "^16.1.7",
     "pg": "^8.16.0",
     "prisma": "^7.4.1",
     "react": "^19.1.0",