create-lunar-kit 0.1.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,613 @@
+#!/usr/bin/env node
+
+// ../../node_modules/.pnpm/tsup@8.5.1_jiti@1.21.7_postcss@8.4.49_typescript@5.9.3_yaml@2.8.2/node_modules/tsup/assets/esm_shims.js
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+
+// src/index.ts
+import { Command } from "commander";
+import prompts from "prompts";
+import chalk3 from "chalk";
+import ora from "ora";
+import { execa } from "execa";
+import fs2 from "fs-extra";
+import path3 from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+
+// src/assets/logo.ts
+import chalk from "chalk";
+var renderLogo = () => {
+  console.log(
+    chalk.cyan(`                   .............                 ............                   
+                 .................           .................                 
+                ......    ..........       ..........    ......                
+               ......         .........  ........         .....                
+               .....             .............             .....               
+               .....               ........                .....               
+               .....                .......                .....               
+               .....              ...........              .....               
+               .....             ......  ......            .....               
+               .....           ......     ......           .....               
+                .....   ..............................    .....                
+              .................................................                
+          .......................             .......................          
+      .................   ......               ......    ...............       
+    ...........   .....  ......    ...          ......  .....   ...........    
+  ........        ............    ....           ............        ........  
+ ......            ..........   .....              .........            ...... 
+.....               .......     ......              .......               .....
+....                 ......     .......              .....                 ....
+....                .......     ..........   ..     .......               .....
+ .....             .........     ..............    .........             ..... 
+  ......           ..........     ............    ..........          .......  
+   .........      ..... ......      .......      ...... .....      ........    
+      .................   .....                 .....   ................       
+         ................  .....               ......................          
+              ..................................................               
+                ................................................               
+               .....          ...................         ......               
+               .....            ......   ......            .....               
+               .....             ...... ......             .....               
+               .....               .........               .....               
+               .....                .......                .....               
+               .....              ...........              .....               
+               .....            .......  .......           .....               
+                .....       .........      ........       .....                
+                 .................           .................                 
+                  .............                 .............                                
+`)
+  );
+};
+
+// src/commands/init.ts
+import fs from "fs-extra";
+import path2 from "path";
+var COMPONENTS_SOURCE = path2.join(__dirname, "../..", "src", "components");
+var SOURCE = path2.join(__dirname, "../..", "src");
+async function createSrcStructure(projectPath, navigation) {
+  const dirs = [
+    "src/modules",
+    "src/components/ui",
+    "src/lib",
+    "src/hooks",
+    "src/providers",
+    "src/stores",
+    "src/types"
+  ];
+  for (const dir of dirs) {
+    await fs.ensureDir(path2.join(projectPath, dir));
+  }
+  await createBarrelExport(path2.join(projectPath, "src/components"), "index.ts");
+  await createBarrelExport(path2.join(projectPath, "src/hooks"), "index.ts");
+  await createBarrelExport(path2.join(projectPath, "src/stores"), "index.ts");
+}
+async function createBarrelExport(dir, filename) {
+  const content = `// Auto-generated barrel export
+// This file is managed by Lunar Kit CLI
+`;
+  await fs.writeFile(path2.join(dir, filename), content);
+}
+async function setupAppEntry(projectPath, navigation) {
+  if (navigation === "expo-router") {
+    const appTsxPath = path2.join(projectPath, "App.tsx");
+    if (fs.existsSync(appTsxPath)) {
+      await fs.remove(appTsxPath);
+    }
+    const indexPath = path2.join(projectPath, "index.ts");
+    if (fs.existsSync(indexPath)) {
+      await fs.remove(indexPath);
+    }
+    const indexJsPath = path2.join(projectPath, "index.js");
+    if (fs.existsSync(indexJsPath)) {
+      await fs.remove(indexJsPath);
+    }
+    const pkgPath = path2.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 = path2.join(projectPath, "index.ts");
+    if (fs.existsSync(indexPath)) {
+      await fs.remove(indexPath);
+    }
+    const indexJsPath = path2.join(projectPath, "index.js");
+    if (fs.existsSync(indexJsPath)) {
+      await fs.remove(indexJsPath);
+    }
+    const appContent = `import Main from './src/Main';
+
+export default function App() {
+  return <Main />;
+}`;
+    await fs.writeFile(path2.join(projectPath, "App.tsx"), appContent);
+    const pkgPath = path2.join(projectPath, "package.json");
+    const pkg = await fs.readJson(pkgPath);
+    if (pkg.main) {
+      delete pkg.main;
+    }
+    await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+    const appJsonPath = path2.join(projectPath, "app.json");
+    if (fs.existsSync(appJsonPath)) {
+      const appJson = await fs.readJson(appJsonPath);
+      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(path2.join(projectPath, "src", "Main.tsx"), mainContent);
+  }
+}
+async function setupExpoRouterSrc(projectPath) {
+  const appDir = path2.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(path2.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(path2.join(appDir, "index.tsx"), indexContent);
+}
+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(path2.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(path2.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(path2.join(projectPath, "src", "Main.tsx"), mainContent);
+}
+async function setupAuthSrc(projectPath, navigation) {
+  const authDir = navigation === "expo-router" ? path2.join(projectPath, "app", "(auth)") : path2.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(path2.join(authDir, "login.tsx"), loginScreen);
+}
+async function setupDarkModeSrc(projectPath, navigation) {
+  const themeProvider = fs.readFileSync(
+    path2.join(SOURCE, "providers", "theme-provider.tsx")
+  );
+  const themeStore = fs.readFileSync(
+    path2.join(SOURCE, "stores", "theme.ts")
+  );
+  const storesIndexPath = path2.join(projectPath, "src", "stores", "index.ts");
+  let storesIndexContent = `// Auto-generated barrel export
+// This file is managed by Lunar Kit CLI
+`;
+  storesIndexContent += `export * from './theme';
+`;
+  await fs.writeFile(storesIndexPath, storesIndexContent);
+  let toolbarContent;
+  if (navigation === "expo-router") {
+    toolbarContent = fs.readFileSync(
+      path2.join(SOURCE, "hooks", "useToolbar.tsx")
+    );
+  } else {
+    toolbarContent = fs.readFileSync(
+      path2.join(SOURCE, "hooks", "useToolbar.react-navigation.tsx")
+    );
+  }
+  const themeContent = fs.readFileSync(
+    path2.join(SOURCE, "hooks", "useTheme.ts")
+  );
+  const themeColor = fs.readFileSync(
+    path2.join(SOURCE, "hooks", "useThemeColors.ts")
+  );
+  const libTheme = fs.readFileSync(
+    path2.join(SOURCE, "lib", "theme.ts")
+  );
+  await fs.ensureDir(path2.join(projectPath, "src", "providers"));
+  await fs.writeFile(path2.join(projectPath, "src", "providers", "theme-provider.tsx"), themeProvider);
+  await fs.ensureDir(path2.join(projectPath, "src", "stores"));
+  await fs.writeFile(path2.join(projectPath, "src", "stores", "theme.ts"), themeStore);
+  await fs.ensureDir(path2.join(projectPath, "src", "hooks"));
+  await fs.writeFile(path2.join(projectPath, "src", "hooks", "useToolbar.tsx"), toolbarContent);
+  await fs.writeFile(path2.join(projectPath, "src", "hooks", "useTheme.ts"), themeContent);
+  await fs.writeFile(path2.join(projectPath, "src", "hooks", "useThemeColors.ts"), themeColor);
+  await fs.ensureDir(path2.join(projectPath, "src", "lib"));
+  await fs.writeFile(path2.join(projectPath, "src", "lib", "theme.ts"), libTheme);
+}
+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(path2.join(projectPath, "src", "hooks", "useForm.ts"), hookContent);
+}
+async function setupNativeWind(projectPath) {
+  const globalCss = `@tailwind base;
+@tailwind components;
+@tailwind utilities;`;
+  await fs.writeFile(path2.join(projectPath, "src", "global.css"), globalCss);
+  const tailwindConfig = fs.readFileSync(
+    path2.join(SOURCE, "tailwind.config.js")
+  );
+  await fs.writeFile(path2.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(path2.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(path2.join(projectPath, "babel.config.js"), babelConfig);
+  const nativewindEnv = `/// <reference types="nativewind/types" />`;
+  await fs.writeFile(path2.join(projectPath, "nativewind-env.d.ts"), nativewindEnv);
+  const utilsContent = fs.readFileSync(
+    path2.join(SOURCE, "lib", "utils.ts")
+  );
+  const colorsContent = fs.readFileSync(
+    path2.join(SOURCE, "lib", "theme.ts")
+  );
+  await fs.writeFile(path2.join(projectPath, "src", "lib", "utils.ts"), utilsContent);
+  await fs.writeFile(path2.join(projectPath, "src", "lib", "theme.ts"), colorsContent);
+  const buttonContent = fs.readFileSync(
+    path2.join(COMPONENTS_SOURCE, "ui", "button.tsx")
+  );
+  const textContent = fs.readFileSync(
+    path2.join(COMPONENTS_SOURCE, "ui", "text.tsx")
+  );
+  await fs.writeFile(path2.join(projectPath, "src", "components", "ui", "button.tsx"), buttonContent);
+  await fs.writeFile(path2.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(path2.join(projectPath, "tsconfig.json"), tsconfigContent);
+}
+async function updatePackageJson(projectPath, navigation, features) {
+  const pkgPath = path2.join(projectPath, "package.json");
+  const pkg = await fs.readJson(pkgPath);
+  pkg.dependencies = {
+    ...pkg.dependencies,
+    "nativewind": "^4.2.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.4.0",
+    "class-variance-authority": "^0.7.1",
+    "@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-safe-area-context": "^5.6.2",
+    "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";
+  }
+  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("forms")) {
+    pkg.dependencies["react-hook-form"] = "^7.54.2";
+    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",
+    "react-native-css-interop": "^0.2.1"
+  };
+  await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+}
+async function createConfig(projectPath, navigation, features, packageManager) {
+  const config = {
+    navigation,
+    features,
+    architecture: "modular",
+    srcDir: "src",
+    modulesDir: "src/modules",
+    componentsDir: "src/components",
+    hooksDir: "src/hooks",
+    storesDir: "src/stores",
+    uiComponentsDir: "src/components/ui",
+    packageManager,
+    // DONE: Add this
+    namingConvention: {
+      files: "snake_case",
+      exports: "PascalCase",
+      hooks: "camelCase"
+    },
+    autoRouting: true,
+    autoImport: true,
+    autoBarrelExport: true
+  };
+  await fs.writeJson(path2.join(projectPath, "kit.config.json"), config, { spaces: 2 });
+}
+
+// src/res/close.ts
+import chalk2 from "chalk";
+function closeInitProject(packageManager, name) {
+  console.log("\n" + chalk2.bold("Project structure:\n"));
+  console.log(chalk2.dim(`${name}/`));
+  console.log(chalk2.cyan("  src/"));
+  console.log(chalk2.cyan("    components/ui/    # UI components"));
+  console.log(chalk2.cyan("    screens/          # App screens"));
+  console.log(chalk2.cyan("    lib/              # Utilities"));
+  console.log(chalk2.cyan("    stores/           # State management"));
+  console.log(chalk2.cyan("    hooks/            # Custom hooks"));
+  console.log("\n" + chalk2.bold("Next steps:\n"));
+  console.log(chalk2.cyan(`  cd ${name}`));
+  console.log(chalk2.cyan(`  ${packageManager === "npm" ? "npm start" : `${packageManager} start`}`));
+  console.log("\n" + chalk2.bold("Generate code:\n"));
+  console.log(chalk2.cyan("  pnpm dlx lk g screen Profile"));
+  console.log(chalk2.cyan("  pnpm dlx lk g component UserCard"));
+  console.log("\n" + chalk2.bold("Add UI components:\n"));
+  console.log(chalk2.cyan("  pnpm dlx lk add card"));
+  console.log(chalk2.cyan("  pnpm dlx lk add input"));
+  console.log(chalk2.dim("\nHappy coding! \u{1F319}\n"));
+}
+
+// src/index.ts
+var __filename2 = fileURLToPath2(import.meta.url);
+var program = new Command();
+program.name("create-lunar-kit").description("Create a new React Native app with Lunar Kit").argument("[project-name]", "Name of your project").action(async (projectName) => {
+  renderLogo();
+  console.log(chalk3.bold.cyan("\n\u{1F319} Create Lunar Kit App\n"));
+  const response = await prompts([
+    {
+      type: projectName ? null : "text",
+      name: "projectName",
+      message: "What is your project named?",
+      initial: "my-lunar-app",
+      validate: (value) => /^[a-z0-9-]+$/.test(value) || "Project name must be lowercase and use hyphens"
+    },
+    {
+      type: "select",
+      name: "navigation",
+      message: "Which navigation library?",
+      choices: [
+        { title: "Expo Router (File-based routing)", value: "expo-router" },
+        { title: "React Navigation (Stack-based)", value: "react-navigation" },
+        { title: "None (I'll add it later)", value: "none" }
+      ],
+      initial: 0
+    },
+    {
+      type: "multiselect",
+      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 },
+      ]
+    },
+    {
+      type: "select",
+      name: "packageManager",
+      message: "Which package manager?",
+      choices: [
+        { title: "pnpm", value: "pnpm" },
+        { title: "npm", value: "npm" },
+        { title: "yarn", value: "yarn" }
+      ],
+      initial: 0
+    }
+  ]);
+  const name = projectName || response.projectName;
+  const { navigation, features, packageManager } = response;
+  if (!name) {
+    console.log(chalk3.red("Project name is required"));
+    process.exit(1);
+  }
+  const projectPath = path3.join(process.cwd(), name);
+  if (fs2.existsSync(projectPath)) {
+    console.log(chalk3.red(`Directory ${name} already exists`));
+    process.exit(1);
+  }
+  const spinner = ora("Creating project...").start();
+  try {
+    spinner.text = "Creating Expo app...";
+    const template = navigation === "expo-router" ? "blank-typescript" : "blank-typescript";
+    await execa("npx", [
+      "create-expo-app@latest",
+      name,
+      "--template",
+      template,
+      "--no-install"
+    ]);
+    spinner.text = "Setting up project structure...";
+    await createSrcStructure(projectPath, navigation);
+    await setupAppEntry(projectPath, navigation);
+    if (navigation === "expo-router") {
+      spinner.text = "Setting up Expo Router...";
+      await setupExpoRouterSrc(projectPath);
+    } else if (navigation === "react-navigation") {
+      spinner.text = "Setting up React Navigation...";
+      await setupReactNavigationSrc(projectPath);
+    }
+    if (features.includes("auth")) {
+      spinner.text = "Setting up authentication...";
+      await setupAuthSrc(projectPath, navigation);
+    }
+    await setupDarkModeSrc(projectPath, navigation);
+    if (features.includes("forms")) {
+      spinner.text = "Setting up forms...";
+      await setupFormsSrc(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 installArgs = packageManager === "npm" ? ["install"] : packageManager === "yarn" ? [] : ["install"];
+    await execa(installCmd, installArgs, { cwd: projectPath });
+    spinner.succeed(chalk3.green("Project created successfully! \u{1F389}"));
+    closeInitProject(packageManager, name);
+  } catch (error) {
+    spinner.fail("Failed to create project");
+    console.error(error);
+    process.exit(1);
+  }
+});
+program.parse();

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "create-lunar-kit",
+  "version": "0.1.0",
+  "description": "Create a new React Native app with Lunar Kit and NativeWind pre-configured",
+  "author": "Your Name",
+  "license": "MIT",
+  "bin": {
+    "create-lunar-kit": "./dist/index.js"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "nativewind",
+    "create-app",
+    "starter"
+  ],
+  "dependencies": {
+    "@lunar-kit/core": "workspace:*",
+    "chalk": "^5.4.1",
+    "commander": "^12.1.0",
+    "execa": "^9.6.1",
+    "fs-extra": "^11.2.0",
+    "ora": "^8.1.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.3"
+  }
+}

package/templates/base/.prettierrc.js

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,21 @@
+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

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

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

@@ -0,0 +1,55 @@
+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

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

package/templates/base/lib/utils.ts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,6 @@
+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

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

package/templates/base/tailwind.config.js

@@ -0,0 +1,14 @@
+/** @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: [],
+}
+