create-lunar-kit 0.1.4 → 0.1.7

package/dist/index.js

@@ -58,7 +58,15 @@ var renderLogo = () => {
 // src/commands/init.ts
 import fs from "fs-extra";
 import path from "path";
-import { LOCAL_COMPONENTS_PATH, LOCAL_SOURCE_PATH } from "@lunar-kit/core";
+import { LOCAL_COMPONENTS_PATH, LOCAL_SOURCE_PATH, LOCAL_TEMPLATES_PATH } from "@lunar-kit/core";
+function copyTemplate(templatePath, destPath) {
+  const content = fs.readFileSync(path.join(LOCAL_TEMPLATES_PATH, templatePath));
+  fs.writeFileSync(destPath, content);
+}
+function copySource(sourcePath, destPath) {
+  const content = fs.readFileSync(path.join(LOCAL_SOURCE_PATH, sourcePath));
+  fs.writeFileSync(destPath, content);
+}
 async function createSrcStructure(projectPath, navigation) {
   const dirs = [
     "src/modules",
@@ -69,6 +77,9 @@ async function createSrcStructure(projectPath, navigation) {
     "src/stores",
     "src/types"
   ];
+  if (navigation === "react-navigation") {
+    dirs.push("src/screens");
+  }
   for (const dir of dirs) {
     await fs.ensureDir(path.join(projectPath, dir));
   }
@@ -84,328 +95,89 @@ async function createBarrelExport(dir, filename) {
 }
 async function setupAppEntry(projectPath, navigation) {
   if (navigation === "expo-router") {
-    const appTsxPath = path.join(projectPath, "App.tsx");
-    if (fs.existsSync(appTsxPath)) {
-      await fs.remove(appTsxPath);
-    }
-    const indexPath = path.join(projectPath, "index.ts");
-    if (fs.existsSync(indexPath)) {
-      await fs.remove(indexPath);
-    }
-    const indexJsPath = path.join(projectPath, "index.js");
-    if (fs.existsSync(indexJsPath)) {
-      await fs.remove(indexJsPath);
+    for (const file of ["App.tsx", "index.ts", "index.js"]) {
+      const filePath = path.join(projectPath, file);
+      if (fs.existsSync(filePath)) await fs.remove(filePath);
     }
     const pkgPath = path.join(projectPath, "package.json");
     const pkg = await fs.readJson(pkgPath);
     pkg.main = "expo-router/entry";
     await fs.writeJson(pkgPath, pkg, { spaces: 2 });
   } else {
-    const indexPath = path.join(projectPath, "index.ts");
-    if (fs.existsSync(indexPath)) {
-      await fs.remove(indexPath);
-    }
-    const indexJsPath = path.join(projectPath, "index.js");
-    if (fs.existsSync(indexJsPath)) {
-      await fs.remove(indexJsPath);
+    for (const file of ["index.ts", "index.js"]) {
+      const filePath = path.join(projectPath, file);
+      if (fs.existsSync(filePath)) await fs.remove(filePath);
     }
-    const appContent = `import Main from './src/Main';
-
-export default function App() {
-  return <Main />;
-}`;
-    await fs.writeFile(path.join(projectPath, "App.tsx"), appContent);
+    copyTemplate("scaffolding/App.tsx", path.join(projectPath, "App.tsx"));
     const pkgPath = path.join(projectPath, "package.json");
     const pkg = await fs.readJson(pkgPath);
-    if (pkg.main) {
-      delete pkg.main;
-    }
+    if (pkg.main) delete pkg.main;
     await fs.writeJson(pkgPath, pkg, { spaces: 2 });
     const appJsonPath = path.join(projectPath, "app.json");
     if (fs.existsSync(appJsonPath)) {
       const appJson = await fs.readJson(appJsonPath);
-      if (!appJson.expo) {
-        appJson.expo = {};
-      }
+      if (!appJson.expo) appJson.expo = {};
       appJson.expo.entryPoint = "./App.tsx";
       await fs.writeJson(appJsonPath, appJson, { spaces: 2 });
     }
-    const mainContent = `import './global.css';
-import { StatusBar } from 'expo-status-bar';
-import { View, Text } from 'react-native';
-import { Button } from './components/ui/button';
-
-export default function Main() {
-  return (
-    <View className="flex-1 items-center justify-center">
-      <Text className="text-3xl font-bold text-slate-900 mb-2">
-        \u{1F319} Lunar Kit
-      </Text>
-      <Text className="text-slate-600 mb-8">
-        Your app is ready!
-      </Text>
-      <Button onPress={() => alert('Hello Lunar Kit!')}>
-        Get Started
-      </Button>
-      <StatusBar style="auto" />
-    </View>
-  );
-}`;
-    await fs.writeFile(path.join(projectPath, "src", "Main.tsx"), mainContent);
+    copyTemplate("scaffolding/Main.tsx", path.join(projectPath, "src", "Main.tsx"));
   }
 }
 async function setupExpoRouterSrc(projectPath) {
   const appDir = path.join(projectPath, "app");
   await fs.ensureDir(appDir);
-  const layoutContent = `import React from 'react';
-import '../src/global.css';
-import { Stack } from 'expo-router';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { ThemeProvider } from '@/providers/theme-provider';
-import { useColorScheme } from 'nativewind';
-import { useThemeColors } from '@/hooks/useThemeColors';
-
-export default function RootLayout() {
-  const { colorScheme } = useColorScheme();
-  const { colors } = useThemeColors()
-  return (<GestureHandlerRootView style={{ flex: 1 }}>
-      <ThemeProvider>
-        <Stack screenOptions={{
-          headerShown: false,
-          contentStyle: {
-            backgroundColor: colors.background,
-            
-          },
-        }} key={colorScheme} />
-      </ThemeProvider>
-    </GestureHandlerRootView>
-);
-}`;
-  await fs.writeFile(path.join(appDir, "_layout.tsx"), layoutContent);
-  const indexContent = `import React from 'react';
-import { View, Text } from 'react-native';
-import { Button } from '@/components/ui/button';
-
-export default function IndexScreen() {
-  return (
-    <View className="flex-1 items-center justify-center">
-      <Text className="text-3xl font-bold text-slate-900 mb-2">
-        \u{1F319} Lunar Kit
-      </Text>
-      <Text className="text-slate-600 mb-8">
-        Your app is ready!
-      </Text>
-      <Button onPress={() => alert('Hello Lunar Kit!')}>
-        Get Started
-      </Button>
-    </View>
-  );
-}`;
-  await fs.writeFile(path.join(appDir, "index.tsx"), indexContent);
+  copyTemplate("expo-router/_layout.tsx", path.join(appDir, "_layout.tsx"));
+  copyTemplate("expo-router/index.tsx", path.join(appDir, "index.tsx"));
 }
 async function setupReactNavigationSrc(projectPath) {
-  const navContent = `import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import HomeScreen from './screens/HomeScreen';
-
-const Stack = createNativeStackNavigator();
-
-export default function Navigation() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ headerShown: false }}>
-        <Stack.Screen name="Home" component={HomeScreen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}`;
-  await fs.writeFile(path.join(projectPath, "src", "Navigation.tsx"), navContent);
-  const homeContent = `import React from 'react';
-import { View, Text } from 'react-native';
-import { Button } from '../components/ui/button';
-
-export default function HomeScreen() {
-  return (
-    <View className="flex-1 items-center justify-center">
-      <Text className="text-3xl font-bold text-slate-900 mb-2">
-        \u{1F319} Lunar Kit
-      </Text>
-      <Text className="text-slate-600 mb-8">
-        Your app is ready!
-      </Text>
-      <Button onPress={() => alert('Hello Lunar Kit!')}>
-        Get Started
-      </Button>
-    </View>
-  );
-}`;
-  await fs.writeFile(path.join(projectPath, "src", "screens", "HomeScreen.tsx"), homeContent);
-  const mainContent = `import React from 'react';
-import './global.css';
-import { StatusBar } from 'expo-status-bar';
-import Navigation from './Navigation';
-
-export default function Main() {
-  return (
-    <>
-      <Navigation />
-      <StatusBar style="auto" />
-    </>
-  );
-}`;
-  await fs.writeFile(path.join(projectPath, "src", "Main.tsx"), mainContent);
+  copyTemplate("react-navigation/Navigation.tsx", path.join(projectPath, "src", "Navigation.tsx"));
+  await fs.ensureDir(path.join(projectPath, "src", "screens"));
+  copyTemplate("react-navigation/HomeScreen.tsx", path.join(projectPath, "src", "screens", "HomeScreen.tsx"));
+  copyTemplate("scaffolding/Main.react-navigation.tsx", path.join(projectPath, "src", "Main.tsx"));
 }
 async function setupAuthSrc(projectPath, navigation) {
   const authDir = navigation === "expo-router" ? path.join(projectPath, "app", "(auth)") : path.join(projectPath, "src", "screens", "auth");
   await fs.ensureDir(authDir);
-  const loginScreen = `import { View, Text } from 'react-native';
-import { Button } from '@/src/components/ui/button';
-
-export default function LoginScreen() {
-  return (
-    <View className="flex-1 items-center justify-center p-4">
-      <Text className="text-2xl font-bold mb-4">Login</Text>
-      <Button className="w-full">Sign In</Button>
-    </View>
-  );
-}`;
-  await fs.writeFile(path.join(authDir, "login.tsx"), loginScreen);
+  copyTemplate("auth/login.tsx", path.join(authDir, "login.tsx"));
 }
 async function setupDarkModeSrc(projectPath, navigation) {
-  const themeProvider = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "providers", "theme-provider.tsx")
-  );
-  const themeStore = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "stores", "theme.ts")
-  );
+  await fs.ensureDir(path.join(projectPath, "src", "providers"));
+  copySource("providers/theme-provider.tsx", path.join(projectPath, "src", "providers", "theme-provider.tsx"));
+  await fs.ensureDir(path.join(projectPath, "src", "stores"));
+  copySource("stores/theme.ts", path.join(projectPath, "src", "stores", "theme.ts"));
   const storesIndexPath = path.join(projectPath, "src", "stores", "index.ts");
-  let storesIndexContent = `// Auto-generated barrel export
+  const storesIndexContent = `// Auto-generated barrel export
 // This file is managed by Lunar Kit CLI
-`;
-  storesIndexContent += `export * from './theme';
+export * from './theme';
 `;
   await fs.writeFile(storesIndexPath, storesIndexContent);
-  let toolbarContent;
-  if (navigation === "expo-router") {
-    toolbarContent = fs.readFileSync(
-      path.join(LOCAL_SOURCE_PATH, "hooks", "useToolbar.tsx")
-    );
-  } else {
-    toolbarContent = fs.readFileSync(
-      path.join(LOCAL_SOURCE_PATH, "hooks", "useToolbar.react-navigation.tsx")
-    );
-  }
-  const themeContent = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "hooks", "useTheme.ts")
-  );
-  const themeColor = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "hooks", "useThemeColors.ts")
-  );
-  const libTheme = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "lib", "theme.ts")
-  );
-  await fs.ensureDir(path.join(projectPath, "src", "providers"));
-  await fs.writeFile(path.join(projectPath, "src", "providers", "theme-provider.tsx"), themeProvider);
-  await fs.ensureDir(path.join(projectPath, "src", "stores"));
-  await fs.writeFile(path.join(projectPath, "src", "stores", "theme.ts"), themeStore);
   await fs.ensureDir(path.join(projectPath, "src", "hooks"));
-  await fs.writeFile(path.join(projectPath, "src", "hooks", "useToolbar.tsx"), toolbarContent);
-  await fs.writeFile(path.join(projectPath, "src", "hooks", "useTheme.ts"), themeContent);
-  await fs.writeFile(path.join(projectPath, "src", "hooks", "useThemeColors.ts"), themeColor);
+  const toolbarSource = navigation === "expo-router" ? "hooks/useToolbar.tsx" : "hooks/useToolbar.react-navigation.tsx";
+  copySource(toolbarSource, path.join(projectPath, "src", "hooks", "useToolbar.tsx"));
+  copySource("hooks/useTheme.ts", path.join(projectPath, "src", "hooks", "useTheme.ts"));
+  copySource("hooks/useThemeColors.ts", path.join(projectPath, "src", "hooks", "useThemeColors.ts"));
   await fs.ensureDir(path.join(projectPath, "src", "lib"));
-  await fs.writeFile(path.join(projectPath, "src", "lib", "theme.ts"), libTheme);
+  copySource("lib/theme.ts", path.join(projectPath, "src", "lib", "theme.ts"));
 }
 async function setupFormsSrc(projectPath) {
-  const hookContent = `import { useState } from 'react';
-
-export function useForm<T>(initialValues: T) {
-  const [values, setValues] = useState<T>(initialValues);
-  const [errors, setErrors] = useState<Partial<Record<keyof T, string>>>({});
-
-  const handleChange = (name: keyof T, value: any) => {
-    setValues(prev => ({ ...prev, [name]: value }));
-  };
-
-  const validate = (validationRules: Partial<Record<keyof T, (value: any) => string | undefined>>) => {
-    const newErrors: Partial<Record<keyof T, string>> = {};
-    
-    Object.keys(validationRules).forEach((key) => {
-      const error = validationRules[key as keyof T]?.(values[key as keyof T]);
-      if (error) {
-        newErrors[key as keyof T] = error;
-      }
-    });
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  return { values, errors, handleChange, validate };
-}`;
-  await fs.writeFile(path.join(projectPath, "src", "hooks", "useForm.ts"), hookContent);
+  await fs.ensureDir(path.join(projectPath, "src", "hooks"));
+  copyTemplate("forms/useForm.ts", path.join(projectPath, "src", "hooks", "useForm.ts"));
 }
 async function setupNativeWind(projectPath) {
-  const globalCss = `@tailwind base;
-@tailwind components;
-@tailwind utilities;`;
-  await fs.writeFile(path.join(projectPath, "src", "global.css"), globalCss);
-  const tailwindConfig = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "tailwind.config.js")
-  );
-  await fs.writeFile(path.join(projectPath, "tailwind.config.js"), tailwindConfig);
-  const metroConfig = `const { getDefaultConfig } = require('expo/metro-config');
-const { withNativeWind } = require('nativewind/metro');
-
-const config = getDefaultConfig(__dirname);
-
-module.exports = withNativeWind(config, {
-  input: './src/global.css',
-});`;
-  await fs.writeFile(path.join(projectPath, "metro.config.js"), metroConfig);
-  const babelConfig = `module.exports = function (api) {
-  api.cache(true);
-  return {
-    presets: [
-      ['babel-preset-expo', { jsxImportSource: 'nativewind' }],
-      'nativewind/babel'
-    ],
-  };
-};`;
-  await fs.writeFile(path.join(projectPath, "babel.config.js"), babelConfig);
-  const nativewindEnv = `/// <reference types="nativewind/types" />`;
-  await fs.writeFile(path.join(projectPath, "nativewind-env.d.ts"), nativewindEnv);
-  const utilsContent = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "lib", "utils.ts")
-  );
-  const colorsContent = fs.readFileSync(
-    path.join(LOCAL_SOURCE_PATH, "lib", "theme.ts")
-  );
-  await fs.writeFile(path.join(projectPath, "src", "lib", "utils.ts"), utilsContent);
-  await fs.writeFile(path.join(projectPath, "src", "lib", "theme.ts"), colorsContent);
-  const buttonContent = fs.readFileSync(
-    path.join(LOCAL_COMPONENTS_PATH, "ui", "button.tsx")
-  );
-  const textContent = fs.readFileSync(
-    path.join(LOCAL_COMPONENTS_PATH, "ui", "text.tsx")
-  );
+  copyTemplate("config/global.css", path.join(projectPath, "src", "global.css"));
+  copyTemplate("config/metro.config.js", path.join(projectPath, "metro.config.js"));
+  copyTemplate("config/babel.config.js", path.join(projectPath, "babel.config.js"));
+  copyTemplate("config/nativewind-env.d.ts", path.join(projectPath, "nativewind-env.d.ts"));
+  copyTemplate("config/tsconfig.json", path.join(projectPath, "tsconfig.json"));
+  copySource("tailwind.config.js", path.join(projectPath, "tailwind.config.js"));
+  await fs.ensureDir(path.join(projectPath, "src", "lib"));
+  copySource("lib/utils.ts", path.join(projectPath, "src", "lib", "utils.ts"));
+  copySource("lib/theme.ts", path.join(projectPath, "src", "lib", "theme.ts"));
+  await fs.ensureDir(path.join(projectPath, "src", "components", "ui"));
+  const buttonContent = fs.readFileSync(path.join(LOCAL_COMPONENTS_PATH, "ui", "button.tsx"));
+  const textContent = fs.readFileSync(path.join(LOCAL_COMPONENTS_PATH, "ui", "text.tsx"));
   await fs.writeFile(path.join(projectPath, "src", "components", "ui", "button.tsx"), buttonContent);
   await fs.writeFile(path.join(projectPath, "src", "components", "ui", "text.tsx"), textContent);
-  const tsconfigContent = `{
-  "extends": "expo/tsconfig.base",
-  "compilerOptions": {
-    "strict": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@modules/*": ["./src/modules/*"],
-      "@components/*": ["./src/components/*"],
-      "@hooks/*": ["./src/hooks/*"],
-      "@stores/*": ["./src/stores/*"],
-      "@lib/*": ["./src/lib/*"]
-    }
-  }
-}`;
-  await fs.writeFile(path.join(projectPath, "tsconfig.json"), tsconfigContent);
 }
 async function updatePackageJson(projectPath, navigation, features) {
   const pkgPath = path.join(projectPath, "package.json");
@@ -419,31 +191,34 @@ async function updatePackageJson(projectPath, navigation, features) {
     "@react-native-async-storage/async-storage": "^2.2.0",
     "lucide-react-native": "^0.562.0",
     "react-native-gesture-handler": "^2.28.0",
-    "react-native-reanimated": "^4.1.6",
+    "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "^5.6.2",
-    "react-native-worklets": "^0.5.1",
+    "react-native-screens": "~4.16.0",
+    "react-native-worklets": "0.5.1",
     "zustand": "^5.0.3"
   };
   if (navigation === "expo-router") {
-    pkg.dependencies["expo-router"] = "^6.0.22";
-    pkg.dependencies["react-native-screens"] = "~4.16.0";
-    pkg.dependencies["react-native-safe-area-context"] = "^5.6.2";
+    pkg.dependencies["expo-router"] = "^6.0.23";
   }
   if (navigation === "react-navigation") {
     pkg.dependencies["@react-navigation/native"] = "^7.0.14";
     pkg.dependencies["@react-navigation/native-stack"] = "^7.1.10";
-    pkg.dependencies["react-native-screens"] = "~4.4.0";
-    pkg.dependencies["react-native-safe-area-context"] = "4.16.0";
+  }
+  if (features.includes("api")) {
+    pkg.dependencies["axios"] = "^1.9.0";
+  }
+  if (features.includes("env")) {
+    pkg.dependencies["expo-constants"] = "~18.0.8";
   }
   if (features.includes("forms")) {
-    pkg.dependencies["react-hook-form"] = "^7.54.2";
+    pkg.dependencies["react-hook-form"] = "^7.71.1";
     pkg.dependencies["@hookform/resolvers"] = "^5.2.2";
     pkg.dependencies["zod"] = "^4.3.6";
   }
   pkg.devDependencies = {
     ...pkg.devDependencies,
     "tailwindcss": "3.4.17",
-    "@expo/metro-config": "^0.20.3",
+    "@expo/metro-config": "^54.0.14",
     "react-native-css-interop": "^0.2.1"
   };
   await fs.writeJson(pkgPath, pkg, { spaces: 2 });
@@ -469,8 +244,55 @@ async function createConfig(projectPath, navigation, features, packageManager) {
     autoImport: true,
     autoBarrelExport: true
   };
+  if (features.includes("localization")) {
+    config.localization = {
+      defaultLocale: "en",
+      locales: ["en"],
+      localesDir: "src/locales"
+    };
+  }
   await fs.writeJson(path.join(projectPath, "kit.config.json"), config, { spaces: 2 });
 }
+async function setupLocalizationSrc(projectPath) {
+  const localesDir = path.join(projectPath, "src", "locales");
+  await fs.ensureDir(localesDir);
+  copySource("locales/index.ts", path.join(localesDir, "index.ts"));
+  copySource("locales/en.ts", path.join(localesDir, "en.ts"));
+  await fs.ensureDir(path.join(projectPath, "src", "stores"));
+  copySource("locales/locale-store.ts", path.join(projectPath, "src", "stores", "locale.ts"));
+  const indexPath = path.join(localesDir, "index.ts");
+  let indexFile = await fs.readFile(indexPath, "utf-8");
+  indexFile += `
+registerLocale('en', () => import('./en'));
+`;
+  await fs.writeFile(indexPath, indexFile);
+}
+async function setupEnvConfig(projectPath) {
+  const envContent = `# App Environment
+EXPO_PUBLIC_APP_ENV=development
+EXPO_PUBLIC_API_URL=http://localhost:3000
+`;
+  await fs.writeFile(path.join(projectPath, ".env"), envContent);
+  const envExampleContent = `# Copy this file to .env and fill in your values
+EXPO_PUBLIC_APP_ENV=development
+EXPO_PUBLIC_API_URL=http://localhost:3000
+`;
+  await fs.writeFile(path.join(projectPath, ".env.example"), envExampleContent);
+  await fs.ensureDir(path.join(projectPath, "src", "lib"));
+  copyTemplate("env.ts", path.join(projectPath, "src", "lib", "env.ts"));
+  const gitignorePath = path.join(projectPath, ".gitignore");
+  if (fs.existsSync(gitignorePath)) {
+    let gitignore = await fs.readFile(gitignorePath, "utf-8");
+    if (!gitignore.includes(".env")) {
+      gitignore += "\n# Environment\n.env\n.env.local\n";
+      await fs.writeFile(gitignorePath, gitignore);
+    }
+  }
+}
+async function setupApiClient(projectPath) {
+  await fs.ensureDir(path.join(projectPath, "src", "lib"));
+  copyTemplate("api.ts", path.join(projectPath, "src", "lib", "api.ts"));
+}
 
 // src/res/close.ts
 import chalk2 from "chalk";
@@ -525,11 +347,11 @@ program.name("create-lunar-kit").description("Create a new React Native app with
       name: "features",
       message: "Select features to include:",
       choices: [
-        // TODO: need to add these features
-        { title: "Authentication screens", value: "auth", selected: false },
-        // { title: 'Dark mode support', value: 'dark-mode', selected: true },
-        { title: "Form validation (react-hook-form)", value: "forms", selected: false }
-        // { title: 'State management (Zustand)', value: 'state', selected: false },
+        { title: "\u{1F30D} Localization (i18n)", value: "localization", selected: false },
+        { title: "\u{1F510} Environment config (.env)", value: "env", selected: false },
+        { title: "\u{1F4E1} API client (axios)", value: "api", selected: false },
+        { title: "\u{1F511} Authentication screens", value: "auth", selected: false },
+        { title: "\u{1F4DD} Form validation (react-hook-form)", value: "forms", selected: false }
       ]
     },
     {
@@ -537,6 +359,7 @@ program.name("create-lunar-kit").description("Create a new React Native app with
       name: "packageManager",
       message: "Which package manager?",
       choices: [
+        { title: "bun", value: "bun" },
         { title: "pnpm", value: "pnpm" },
         { title: "npm", value: "npm" },
         { title: "yarn", value: "yarn" }
@@ -585,12 +408,24 @@ program.name("create-lunar-kit").description("Create a new React Native app with
       spinner.text = "Setting up forms...";
       await setupFormsSrc(projectPath);
     }
+    if (features.includes("localization")) {
+      spinner.text = "Setting up localization...";
+      await setupLocalizationSrc(projectPath);
+    }
+    if (features.includes("env")) {
+      spinner.text = "Setting up environment config...";
+      await setupEnvConfig(projectPath);
+    }
+    if (features.includes("api")) {
+      spinner.text = "Setting up API client...";
+      await setupApiClient(projectPath);
+    }
     await setupNativeWind(projectPath);
     spinner.text = "Updating dependencies...";
     await updatePackageJson(projectPath, navigation, features);
     await createConfig(projectPath, navigation, features, packageManager);
     spinner.text = `Installing dependencies with ${packageManager}...`;
-    const installCmd = packageManager === "yarn" ? "yarn" : packageManager;
+    const installCmd = packageManager === "yarn" ? "yarn" : packageManager === "bun" ? "bun" : packageManager;
     const installArgs = packageManager === "npm" ? ["install"] : packageManager === "yarn" ? [] : ["install"];
     await execa(installCmd, installArgs, { cwd: projectPath });
     spinner.succeed(chalk3.green("Project created successfully! \u{1F389}"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lunar-kit",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Create a new React Native app with Lunar Kit and NativeWind pre-configured",
   "author": "Your Name",
   "license": "MIT",
@@ -9,12 +9,12 @@
   },
   "type": "module",
   "files": [
-    "dist",
-    "templates"
+    "dist"
   ],
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "prepublishOnly": "bun run build"
   },
   "keywords": [
     "react-native",
@@ -24,7 +24,7 @@
     "starter"
   ],
   "dependencies": {
-    "@lunar-kit/core": "0.1.2",
+    "@lunar-kit/core": "0.1.4",
     "chalk": "^5.4.1",
     "commander": "^12.1.0",
     "execa": "^9.6.1",

package/templates/base/.prettierrc.js

@@ -1,21 +0,0 @@
-module.exports = {
-  arrowParens: "always",
-  bracketSameLine: true,
-  bracketSpacing: true,
-  embeddedLanguageFormatting: "auto",
-  experimentalTernaries: false,
-  htmlWhitespaceSensitivity: "css",
-  insertPragma: false,
-  jsxSingleQuote: true,
-  printWidth: 80,
-  proseWrap: "preserve",
-  quoteProps: "as-needed",
-  requirePragma: false,
-  semi: false,
-  singleAttributePerLine: false,
-  singleQuote: true,
-  tabWidth: 2,
-  trailingComma: "es5",
-  useTabs: false,
-  vueIndentScriptAndStyle: false,
-};

package/templates/base/App.tsx

@@ -1,21 +0,0 @@
-import './global.css';
-import { StatusBar } from 'expo-status-bar';
-import { View, Text } from 'react-native';
-import { Button } from './components/ui/button';
-
-export default function App() {
-  return (
-    <View className="flex-1 items-center justify-center bg-white">
-      <Text className="text-3xl font-bold text-slate-900 mb-2">
-        🌙 Lunar Kit
-      </Text>
-      <Text className="text-slate-600 mb-8">
-        Your app is ready!
-      </Text>
-      <Button onPress={() => alert('Hello Lunar Kit!')}>
-        Get Started
-      </Button>
-      <StatusBar style="auto" />
-    </View>
-  );
-}

package/templates/base/babel.config.js

@@ -1,9 +0,0 @@
-module.exports = function (api) {
-    api.cache(true);
-    return {
-        presets: [
-            ["babel-preset-expo", { jsxImportSource: "nativewind" }],
-            "nativewind/babel",
-        ],
-    };
-};

package/templates/base/components/ui/button.tsx

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import { Pressable, Text } from 'react-native';
-import { cn } from '../../lib/utils';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  variant?: 'default' | 'outline' | 'ghost';
-  size?: 'default' | 'sm' | 'lg';
-  onPress?: () => void;
-  className?: string;
-}
-
-export function Button({
-  children,
-  variant = 'default',
-  size = 'default',
-  onPress,
-  className,
-}: ButtonProps) {
-  return (
-    <Pressable
-      onPress={onPress}
-      className={cn(
-        'items-center justify-center rounded-md',
-        {
-          'bg-slate-900': variant === 'default',
-          'border border-slate-200': variant === 'outline',
-          'bg-transparent': variant === 'ghost',
-        },
-        {
-          'h-10 px-4': size === 'default',
-          'h-9 px-3': size === 'sm',
-          'h-11 px-8': size === 'lg',
-        },
-        className
-      )}
-    >
-      <Text
-        className={cn(
-          'font-medium',
-          {
-            'text-slate-50': variant === 'default',
-            'text-slate-900': variant === 'outline' || variant === 'ghost',
-          },
-          {
-            'text-sm': size === 'default' || size === 'sm',
-            'text-base': size === 'lg',
-          }
-        )}
-      >
-        {children}
-      </Text>
-    </Pressable>
-  );
-}

package/templates/base/global.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/templates/base/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/templates/base/metro.config.js

@@ -1,6 +0,0 @@
-const { getDefaultConfig } = require("expo/metro-config");
-const { withNativeWind } = require('nativewind/metro');
-
-const config = getDefaultConfig(__dirname)
-
-module.exports = withNativeWind(config, { input: './global.css' })

package/templates/base/nativewind-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="nativewind/types" />

package/templates/base/tailwind.config.js

@@ -1,14 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./App.{js,jsx,ts,tsx}",
-    "./components/**/*.{js,jsx,ts,tsx}",
-    "../../components/**/*.{js,jsx,ts,tsx}"
-  ],
-  theme: {
-    extend: {},
-  },
-  presets: [require("nativewind/preset")],
-  plugins: [],
-}
-