newcandies 0.1.13 → 0.1.14

package/dist/index.js

@@ -8,38 +8,23 @@ import fs from "fs-extra";
 import path from "path";
 import { fileURLToPath } from "url";
 import { execa } from "execa";
-var TEMPLATE_MAP = {
-  "boilerplate/holidia": {
-    extraDeps: ["@tanstack/react-query", "@react-native-async-storage/async-storage"]
-  },
-  "boilerplate/supersimplenotes": {
-    extraDeps: ["@react-native-community/netinfo"]
-  },
-  "app-brief/react-query/sproutsy": {
-    extraDeps: ["@tanstack/react-query"]
-  }
-};
-var TEMPLATES = {
-  "boilerplate": [
-    { value: "holidia", label: "holidia" },
-    { value: "supersimplenotes", label: "supersimplenotes" }
-  ],
-  "mini-boilerplate": [
-    { value: "auth-mini", label: "Auth Mini" }
-  ],
-  "app-brief": {
-    categories: [
-      { value: "react-query", label: "react-query", variants: [{ value: "sproutsy", label: "sproutsy" }] }
-    ]
-  },
-  "mini-app-brief": { categories: [{ value: "forms", label: "forms", variants: [{ value: "lite", label: "lite" }] }] },
-  "default": [{ value: "default", label: "Default (Expo Router + Uniwind)" }]
-};
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+var REGISTRY_PATH = path.join(__dirname, "..", "templates", "registry.json");
 var program = new Command().name("newcandies").option("-t, --type <type>").option("--template <name>").option("--category <name>").option("--variant <name>").option("-y, --yes").option("--pm <pm>", "npm|pnpm|yarn|bun").option("--no-install").option("--no-prebuild").parse(process.argv);
 var opts = program.opts();
+function deepMerge(target, source) {
+  for (const key in source) {
+    if (source[key] instanceof Object && key in target) {
+      Object.assign(source[key], deepMerge(target[key], source[key]));
+    }
+  }
+  Object.assign(target || {}, source);
+  return target;
+}
 async function main() {
   console.clear();
   p.intro(pc.bgMagenta(pc.black(" newcandies ")));
+  const registry = await fs.readJSON(REGISTRY_PATH);
   const project = await p.group({
     name: () => p.text({
       message: "Project name?",
@@ -51,32 +36,44 @@ async function main() {
       return p.select({
         message: "Pick type",
         options: [
-          { value: "boilerplate", label: "Boilerplate (main projects)" },
-          { value: "mini-boilerplate", label: "Mini-boilerplate" },
-          { value: "app-brief", label: "App-brief (2 levels)" },
-          { value: "mini-app-brief", label: "Mini-app-brief (2 levels)" },
-          { value: "default", label: "Default" }
+          { value: "boilerplates", label: "Boilerplate (Full Projects)" },
+          { value: "mini-boilerplates", label: "Mini-boilerplate" },
+          { value: "app-briefs", label: "App-brief (2 levels)" },
+          { value: "mini-app-briefs", label: "Mini-app-brief (2 levels)" },
+          { value: "default", label: "Default (Base)" }
         ]
       });
     },
     template: async ({ results }) => {
-      if (results.type === "app-brief" || results.type === "mini-app-brief") return null;
+      const type = results.type;
+      if (type === "default" || type === "app-briefs" || type === "mini-app-briefs") return null;
       if (opts.template) return opts.template;
-      const list = TEMPLATESafe(results.type);
-      return p.select({ message: "Pick template", options: list });
+      const items = registry[type];
+      return p.select({
+        message: "Pick template",
+        options: items.map((i) => ({ value: i.name, label: `${i.name} - ${i.description}` }))
+      });
     },
     category: async ({ results }) => {
-      if (results.type !== "app-brief" && results.type !== "mini-app-brief") return null;
+      const type = results.type;
+      if (type !== "app-briefs" && type !== "mini-app-briefs") return null;
       if (opts.category) return opts.category;
-      const cats = TEMPLATES[results.type].categories;
-      return p.select({ message: "Pick category", options: cats });
+      const cats = registry[type];
+      return p.select({
+        message: "Pick category",
+        options: cats.map((c) => ({ value: c.category, label: c.category }))
+      });
     },
     variant: async ({ results }) => {
-      if (results.type !== "app-brief" && results.type !== "mini-app-brief") return null;
+      const type = results.type;
+      if (type !== "app-briefs" && type !== "mini-app-briefs") return null;
       if (opts.variant) return opts.variant;
-      const cats = TEMPLATES[results.type].categories;
-      const cat = cats.find((c) => c.value === results.category);
-      return p.select({ message: "Pick variant", options: cat.variants });
+      const cats = registry[type];
+      const cat = cats.find((c) => c.category === results.category);
+      return p.select({
+        message: "Pick variant",
+        options: cat.variants.map((v) => ({ value: v.name, label: `${v.name} - ${v.description}` }))
+      });
     },
     install: async () => {
       if (opts.yes !== void 0) return !!opts.yes;
@@ -103,22 +100,92 @@ async function main() {
   const dest = path.resolve(process.cwd(), project.name);
   const s = p.spinner();
   s.start("Scaffolding");
+  let selectedItem = null;
+  if (project.type === "default") {
+    selectedItem = { name: "default", path: "", description: "Default", strategy: "base" };
+  } else if (project.type === "boilerplates" || project.type === "mini-boilerplates") {
+    const list = registry[project.type];
+    selectedItem = list.find((i) => i.name === project.template) || null;
+  } else {
+    const type = project.type;
+    const cat = registry[type].find((c) => c.category === project.category);
+    selectedItem = cat?.variants.find((v) => v.name === project.variant) || null;
+  }
+  if (!selectedItem) {
+    s.stop("Error: Template not found");
+    process.exit(1);
+  }
   await fs.ensureDir(dest);
-  const withQuery = project.type === "app-brief" && project.category === "react-query" && project.variant === "sproutsy";
-  await writeBaseline({ dest, name: project.name, withQuery });
-  await applyTemplateOverlay({ dest, type: project.type, template: project.template, category: project.category, variant: project.variant });
+  const strategy = selectedItem.strategy || "base";
+  if (strategy === "base") {
+    const basePath = path.join(__dirname, "..", "templates", "_base");
+    await fs.copy(basePath, dest);
+  }
+  let basePkg = null;
+  let baseApp = null;
+  if (strategy === "base") {
+    const pkgPath2 = path.join(dest, "package.json");
+    const appPath = path.join(dest, "app.json");
+    if (await fs.pathExists(pkgPath2)) basePkg = await fs.readJSON(pkgPath2);
+    if (await fs.pathExists(appPath)) baseApp = await fs.readJSON(appPath);
+  }
+  if (selectedItem.path) {
+    const templatePath = path.join(__dirname, "..", "templates", selectedItem.path);
+    if (await fs.pathExists(templatePath)) {
+      await fs.copy(templatePath, dest, { overwrite: true });
+    }
+  }
+  if (strategy === "base" && basePkg) {
+    const templatePkgPath = path.join(__dirname, "..", "templates", selectedItem.path, "package.json");
+    const templateAppPath = path.join(__dirname, "..", "templates", selectedItem.path, "app.json");
+    if (await fs.pathExists(templatePkgPath)) {
+      const tmplPkg = await fs.readJSON(templatePkgPath);
+      basePkg.dependencies = { ...basePkg.dependencies, ...tmplPkg.dependencies };
+      basePkg.devDependencies = { ...basePkg.devDependencies, ...tmplPkg.devDependencies };
+      basePkg.scripts = { ...basePkg.scripts, ...tmplPkg.scripts };
+      await fs.writeJSON(path.join(dest, "package.json"), basePkg, { spaces: 2 });
+    }
+    if (await fs.pathExists(templateAppPath) && baseApp) {
+      const tmplApp = await fs.readJSON(templateAppPath);
+      const mergedApp = deepMerge(baseApp, tmplApp);
+      await fs.writeJSON(path.join(dest, "app.json"), mergedApp, { spaces: 2 });
+    }
+  }
+  const envPath = path.join(dest, "env");
+  if (await fs.pathExists(envPath)) {
+    await fs.move(envPath, path.join(dest, ".env"), { overwrite: true });
+  }
+  const pkgPath = path.join(dest, "package.json");
+  if (await fs.pathExists(pkgPath)) {
+    const pkg = await fs.readJSON(pkgPath);
+    pkg.name = project.name;
+    await fs.writeJSON(pkgPath, pkg, { spaces: 2 });
+  }
+  const appJsonPath = path.join(dest, "app.json");
+  if (await fs.pathExists(appJsonPath)) {
+    const appJson = await fs.readJSON(appJsonPath);
+    if (appJson.expo) {
+      appJson.expo.name = project.name;
+      appJson.expo.slug = String(project.name).toLowerCase().replace(/\s+/g, "-");
+      appJson.expo.scheme = appJson.expo.slug;
+    }
+    await fs.writeJSON(appJsonPath, appJson, { spaces: 2 });
+  }
   s.stop("Files ready");
-  const extraDeps = resolveExtraDeps({ type: project.type, template: project.template, category: project.category, variant: project.variant });
   if (project.install) {
     const si = p.spinner();
     si.start("Installing dependencies");
-    await installDeps(project.pm, dest, extraDeps);
+    await installDeps(project.pm, dest);
     si.stop("Installed");
     if (opts.prebuild !== false) {
       const sp = p.spinner();
       sp.start("Generating ios/android (expo prebuild)");
-      await execa("npx", ["expo", "prebuild"], { cwd: dest, stdio: "inherit", env: { ...process.env, CI: "1", EXPO_ROUTER_APP_ROOT: "src/app" } });
-      sp.stop("Native projects generated");
+      try {
+        await execa("npx", ["expo", "prebuild"], { cwd: dest, stdio: "inherit", env: { ...process.env, CI: "1", EXPO_ROUTER_APP_ROOT: "src/app" } });
+        sp.stop("Native projects generated");
+      } catch (e) {
+        sp.stop("Prebuild failed (check logs)");
+      }
     }
   }
   p.outro([
@@ -128,352 +195,7 @@ async function main() {
     `  ${project.pm} ${project.pm === "npm" ? "run " : ""}start`
   ].filter(Boolean).join("\n"));
 }
-function TEMPLATESafe(type) {
-  const t = TEMPLATES[type];
-  if (Array.isArray(t)) return t;
-  return [{ value: "default", label: "Default (Expo Router + Uniwind)" }];
-}
-async function writeBaseline({ dest, name, withQuery }) {
-  const baseDeps = {
-    // Expo core + platform libs
-    expo: "54.0.23",
-    "expo-constants": "~18.0.10",
-    "expo-font": "~14.0.9",
-    "expo-linking": "~8.0.8",
-    "expo-router": "~6.0.14",
-    "expo-splash-screen": "~31.0.10",
-    "expo-status-bar": "~3.0.8",
-    "expo-web-browser": "~15.0.9",
-    // React ecosystem
-    react: "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-web": "~0.21.0",
-    // RN libs
-    "react-native-reanimated": "~4.1.1",
-    "react-native-gesture-handler": "latest",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.16.0",
-    "react-native-worklets": "0.5.1",
-    // Styling
-    tailwindcss: "^4.1.16",
-    uniwind: "^1.0.0",
-    "@expo/vector-icons": "latest"
-  };
-  if (withQuery) {
-    baseDeps["@tanstack/react-query"] = "latest";
-  }
-  baseDeps["tailwind-merge"] = "latest";
-  baseDeps["react-native-keyboard-controller"] = "latest";
-  baseDeps["@gorhom/bottom-sheet"] = "latest";
-  baseDeps["sonner-native"] = "latest";
-  const pkg = {
-    name,
-    version: "0.0.0",
-    private: true,
-    main: "expo-router/entry",
-    scripts: {
-      start: "EXPO_ROUTER_APP_ROOT=src/app expo start",
-      android: "EXPO_ROUTER_APP_ROOT=src/app expo run:android",
-      ios: "EXPO_ROUTER_APP_ROOT=src/app expo run:ios",
-      prebuild: "EXPO_ROUTER_APP_ROOT=src/app expo prebuild"
-    },
-    dependencies: baseDeps,
-    devDependencies: {
-      "@types/react": "~19.1.0",
-      typescript: "~5.9.2",
-      "babel-plugin-module-resolver": "latest"
-    }
-  };
-  await fs.writeJSON(path.join(dest, "package.json"), pkg, { spaces: 2 });
-  const slug = String(name).toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
-  const pkgNameSegment = slug.replace(/-/g, "") || "app";
-  const bundleId = `com.example.${pkgNameSegment}`;
-  const appJson = {
-    expo: {
-      name,
-      slug,
-      version: "1.0.0",
-      orientation: "portrait",
-      icon: "./assets/images/icon.png",
-      scheme: slug,
-      userInterfaceStyle: "automatic",
-      newArchEnabled: true,
-      splash: {
-        image: "./assets/images/splash-icon.png",
-        resizeMode: "contain",
-        backgroundColor: "#ffffff"
-      },
-      ios: {
-        supportsTablet: true,
-        bundleIdentifier: bundleId
-      },
-      android: {
-        adaptiveIcon: {
-          foregroundImage: "./assets/images/adaptive-icon.png",
-          backgroundColor: "#ffffff"
-        },
-        edgeToEdgeEnabled: true,
-        predictiveBackGestureEnabled: false,
-        package: bundleId
-      },
-      web: {
-        bundler: "metro",
-        output: "static",
-        favicon: "./assets/images/favicon.png"
-      },
-      plugins: ["expo-router"],
-      experiments: {
-        typedRoutes: true
-      }
-    }
-  };
-  await fs.writeJSON(path.join(dest, "app.json"), appJson, { spaces: 2 });
-  const babel = `module.exports = function (api) {
-  api.cache(true);
-  return {
-    presets: ['babel-preset-expo'],
-    plugins: [
-      ['module-resolver', { alias: { '~': './' } }],
-      'react-native-reanimated/plugin'
-    ]
-  };
-};
-`;
-  await fs.writeFile(path.join(dest, "babel.config.js"), babel);
-  const metro = `const { getDefaultConfig } = require('expo/metro-config');
-const { withUniwindConfig } = require('uniwind/metro');
-
-const config = getDefaultConfig(__dirname);
-
-module.exports = withUniwindConfig(config, {
-  cssEntryFile: './global.css',
-  dtsFile: './uniwind-types.d.ts',
-});
-`;
-  await fs.writeFile(path.join(dest, "metro.config.js"), metro);
-  const tsconfig = {
-    extends: "expo/tsconfig.base",
-    compilerOptions: {
-      strict: true,
-      paths: {
-        "~/*": ["./*"]
-      }
-    },
-    include: [
-      "**/*.ts",
-      "**/*.tsx",
-      ".expo/types/**/*.ts",
-      "expo-env.d.ts",
-      "./uniwind-types.d.ts"
-    ]
-  };
-  await fs.writeJSON(path.join(dest, "tsconfig.json"), tsconfig, { spaces: 2 });
-  const expoEnv = `/// <reference types="expo" />
-/// <reference types="expo-router" />
-`;
-  await fs.writeFile(path.join(dest, "expo-env.d.ts"), expoEnv);
-  const srcDir = path.join(dest, "src");
-  const appDir = path.join(srcDir, "app");
-  await fs.ensureDir(appDir);
-  await fs.ensureDir(path.join(srcDir, "core"));
-  await fs.ensureDir(path.join(srcDir, "api"));
-  await fs.ensureDir(path.join(srcDir, "lib"));
-  await fs.ensureDir(path.join(srcDir, "types"));
-  await fs.ensureDir(path.join(srcDir, "components", "screens", "home"));
-  await fs.ensureDir(path.join(srcDir, "components", "screens", "profile"));
-  await fs.ensureDir(path.join(srcDir, "components", "core"));
-  const textCore = `import { Text as RNText, TextProps } from 'react-native';
-import { twMerge } from 'tailwind-merge';
-
-type TypographyVariant =
-  | 'title'
-  | 'subtitle'
-  | 'body'
-  | 'caption'
-  | 'button'
-  | 'display'
-  | 'caption-primary'
-  | 'body-primary'
-  | 'subtitle-primary';
-
-interface TextComponentProps extends TextProps {
-  className?: string;
-  variant?: TypographyVariant;
-}
-
-const variantStyles: Record<TypographyVariant, string> = {
-  title: 'text-2xl font-bold',
-  subtitle: 'text-xl font-semibold',
-  'subtitle-primary': 'text-xl font-semibold text-primary',
-  body: 'text-base',
-  'body-primary': 'text-base text-primary',
-  caption: 'text-sm font-medium',
-  'caption-primary': 'text-sm text-primary font-medium',
-  button: 'text-xl text-primary font-semibold text-white text-center',
-  display: 'text-3x font-bold',
-};
-
-const Text = ({ variant = 'body', children, className, ...props }: TextComponentProps) => {
-  const textStyle = twMerge('text-black', variantStyles[variant], className);
-  return (
-    <RNText className={textStyle} {...props}>
-      {children}
-    </RNText>
-  );
-};
-
-export default Text;
-`;
-  await fs.writeFile(path.join(srcDir, "components", "core", "text.tsx"), textCore);
-  const easJson = {
-    cli: { version: ">= 7.0.0" },
-    build: {
-      development: { android: { buildType: "apk" }, developmentClient: true, distribution: "internal" },
-      preview: { distribution: "internal" },
-      production: {}
-    },
-    submit: { production: {} }
-  };
-  await fs.writeJSON(path.join(dest, "eas.json"), easJson, { spaces: 2 });
-  const globalCss = `@import 'tailwindcss';
-@import 'uniwind';
-
-@layer theme {
-  :root {
-    @variant light {
-      --color-background: #ffffff;
-      --color-foreground: #111827;
-      --color-primary: #3b82f6;
-    }
-    @variant dark {
-      --color-background: #000000;
-      --color-foreground: #ffffff;
-      --color-primary: #60a5fa;
-    }
-  }
-}
-`;
-  await fs.writeFile(path.join(dest, "global.css"), globalCss);
-  {
-    const rootLayout = `import { Stack } from 'expo-router';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { KeyboardProvider } from 'react-native-keyboard-controller';
-import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-import { Toaster } from 'sonner-native';
-import 'react-native-reanimated';
-import '../../global.css';
-
-export default function RootLayout() {
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <KeyboardProvider>
-        <BottomSheetModalProvider>
-          <Stack>
-            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-          </Stack>
-          <Toaster />
-        </BottomSheetModalProvider>
-      </KeyboardProvider>
-    </GestureHandlerRootView>
-  );
-}
-`;
-    await fs.writeFile(path.join(appDir, "_layout.tsx"), rootLayout);
-    const tabsDir = path.join(appDir, "(tabs)");
-    await fs.ensureDir(tabsDir);
-    const layout = `import FontAwesome from '@expo/vector-icons/FontAwesome';
-import { Tabs } from 'expo-router';
-
-function TabBarIcon(props: { name: React.ComponentProps<typeof FontAwesome>['name']; color: string; }) {
-  return <FontAwesome size={28} style={{ marginBottom: -3 }} {...props} />;
-}
-
-export default function TabLayout() {
-  return (
-    <Tabs screenOptions={{ headerShown: false }}>
-      <Tabs.Screen
-        name="index"
-        options={{
-          title: 'Home',
-          tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
-        }}
-      />
-      <Tabs.Screen
-        name="two"
-        options={{
-          title: 'Explore',
-          tabBarIcon: ({ color }) => <TabBarIcon name="search" color={color} />,
-        }}
-      />
-    </Tabs>
-  );
-}
-`;
-    await fs.writeFile(path.join(tabsDir, "_layout.tsx"), layout);
-    const tabOne = `import { View, Text } from 'react-native';
-
-export default function Index() {
-  return (
-    <View className="flex-1 items-center justify-center bg-background">
-      <Text className="text-foreground text-xl">Tab One</Text>
-    </View>
-  );
-}
-`;
-    await fs.writeFile(path.join(tabsDir, "index.tsx"), tabOne);
-    const tabTwo = `import { View, Text } from 'react-native';
-
-export default function Two() {
-  return (
-    <View className="flex-1 items-center justify-center bg-background">
-      <Text className="text-foreground text-xl">Tab Two</Text>
-    </View>
-  );
-}
-`;
-    await fs.writeFile(path.join(tabsDir, "two.tsx"), tabTwo);
-    const modal = `import { View, Text } from 'react-native';
-
-export default function Modal() {
-  return (
-    <View className="flex-1 items-center justify-center bg-background">
-      <Text className="text-foreground text-xl">Modal screen</Text>
-    </View>
-  );
-}
-`;
-    await fs.writeFile(path.join(appDir, "modal.tsx"), modal);
-  }
-}
-async function applyTemplateOverlay({ dest, type, template, category, variant }) {
-  const __dirname = path.dirname(fileURLToPath(import.meta.url));
-  const defaultSrc = path.join(__dirname, "..", "templates", "default");
-  if (await fs.pathExists(defaultSrc)) {
-    await fs.copy(defaultSrc, dest, { overwrite: false, errorOnExist: false });
-  }
-  let src = null;
-  if (type === "app-brief" || type === "mini-app-brief") {
-    if (category && variant) {
-      src = path.join(__dirname, "..", "templates", type, category, variant);
-    }
-  } else if (type && template) {
-    src = path.join(__dirname, "..", "templates", type, template);
-  } else if (type === "default") {
-    src = path.join(__dirname, "..", "templates", "default");
-  }
-  if (src && await fs.pathExists(src)) {
-    await fs.copy(src, dest, { overwrite: true });
-  }
-}
-function resolveExtraDeps({ type, template, category, variant }) {
-  let key = null;
-  if (type === "boilerplate" && template) key = `${type}/${template}`;
-  if ((type === "app-brief" || type === "mini-app-brief") && category && variant) key = `${type}/${category}/${variant}`;
-  const spec = key ? TEMPLATE_MAP[key] : void 0;
-  return spec?.extraDeps ?? [];
-}
-async function installDeps(pm, cwd, _extraDeps) {
+async function installDeps(pm, cwd) {
   const cmd = pm === "bun" ? "bun" : pm;
   const args = pm === "bun" ? ["install"] : ["install"];
   await execa(cmd, args, { cwd, stdio: "inherit" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newcandies",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Scaffold Expo Router + Uniwind React Native apps with layered templates.",
   "type": "module",
   "bin": {

package/templates/_base/app.json

@@ -0,0 +1,40 @@
+{
+  "expo": {
+    "name": "Newcandies App",
+    "slug": "newcandies-app",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "newcandies-app",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/images/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.example.newcandiesapp"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "edgeToEdgeEnabled": true,
+      "predictiveBackGestureEnabled": false,
+      "package": "com.example.newcandiesapp"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": ["expo-router"],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}
+

package/templates/_base/babel.config.js

@@ -0,0 +1,11 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: [
+      ['module-resolver', { alias: { '~': './' } }],
+      'react-native-reanimated/plugin'
+    ]
+  };
+};
+

package/templates/_base/eas.json

@@ -0,0 +1,10 @@
+{
+  "cli": { "version": ">= 7.0.0" },
+  "build": {
+    "development": { "android": { "buildType": "apk" }, "developmentClient": true, "distribution": "internal" },
+    "preview": { "distribution": "internal" },
+    "production": {}
+  },
+  "submit": { "production": {} }
+}
+

package/templates/_base/expo-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="expo" />
+/// <reference types="expo-router" />
+

package/templates/_base/global.css

@@ -0,0 +1,18 @@
+@import 'tailwindcss';
+@import 'uniwind';
+
+@layer theme {
+  :root {
+    @variant light {
+      --color-background: #ffffff;
+      --color-foreground: #111827;
+      --color-primary: #3b82f6;
+    }
+    @variant dark {
+      --color-background: #000000;
+      --color-foreground: #ffffff;
+      --color-primary: #60a5fa;
+    }
+  }
+}
+

package/templates/_base/metro.config.js

@@ -0,0 +1,10 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const { withUniwindConfig } = require('uniwind/metro');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withUniwindConfig(config, {
+  cssEntryFile: './global.css',
+  dtsFile: './uniwind-types.d.ts',
+});
+