create-lunar-kit 0.1.1 → 0.1.3

package/README.MD

@@ -0,0 +1,359 @@
+# create-lunar-kit
+
+Scaffold a new React Native app with Lunar Kit and NativeWind pre-configured - the fastest way to start building beautiful mobile apps.
+
+## Quick Start
+
+Create a new Lunar Kit project with a single command:
+
+```bash
+npm create lunar-kit@latest
+# or
+pnpm create lunar-kit
+# or
+yarn create lunar-kit
+```
+
+## What You Get
+
+A fully configured React Native + Expo project with:
+
+✅ **Lunar Kit** - Component library pre-installed  
+✅ **NativeWind v4** - Tailwind CSS for React Native  
+✅ **Expo Router** - File-based routing  
+✅ **TypeScript** - Full type safety (optional)  
+✅ **Dark Mode** - Theme system built-in  
+✅ **Best Practices** - Organized folder structure  
+
+## Interactive Setup
+
+When you run the command, you'll be prompted to configure your project:
+
+```bash
+? Project name: › my-app
+? Select a template: › 
+  ❯ Default (Expo Router + NativeWind)
+    Minimal (Basic setup)
+? Use TypeScript? › Yes / No
+? Install dependencies? › Yes / No
+? Package manager: › 
+  ❯ pnpm
+    npm
+    yarn
+```
+
+## Project Structure
+
+After scaffolding, your project will look like:
+
+```
+my-app/
+├── app/                    # Expo Router pages
+│   ├── _layout.tsx         # Root layout
+│   ├── index.tsx           # Home screen
+│   └── (tabs)/             # Tab navigation
+├── src/
+│   ├── components/         # Shared components
+│   │   └── ui/            # Lunar Kit UI components
+│   ├── lib/               # Utilities
+│   │   └── utils.ts       # Helper functions (cn)
+│   ├── hooks/             # Custom hooks
+│   ├── contexts/          # React contexts
+│   └── providers/         # App providers
+├── assets/                # Images, fonts, etc.
+├── tailwind.config.js     # Tailwind configuration
+├── nativewind-env.d.ts    # NativeWind types
+├── app.json               # Expo configuration
+└── package.json
+```
+
+## Templates
+
+### Default Template (Recommended)
+
+Full-featured setup with:
+- Expo Router with tab navigation
+- NativeWind configured
+- Theme provider with dark mode
+- Example components and screens
+- TypeScript ready
+
+### Minimal Template
+
+Bare-bones setup with:
+- Basic Expo Router setup
+- NativeWind configured
+- Essential utilities only
+- Clean slate for custom architecture
+
+## What Happens During Scaffolding
+
+1. **Project Creation**
+   - Creates project directory
+   - Copies template files
+   - Sets up package.json
+
+2. **Dependencies Installation** (if selected)
+   - Installs Expo and React Native
+   - Installs NativeWind and dependencies
+   - Installs Lunar Kit packages
+   - Installs development tools
+
+3. **Configuration**
+   - Configures TypeScript (if selected)
+   - Sets up tailwind.config.js
+   - Configures NativeWind
+   - Initializes Git repository
+
+4. **Post-Setup**
+   - Generates type definitions
+   - Creates necessary directories
+   - Copies base components
+
+## After Creation
+
+Once your project is created, navigate to it and start developing:
+
+```bash
+cd my-app
+
+# Start the development server
+npm start
+# or
+pnpm start
+# or
+yarn start
+```
+
+Then press:
+- `i` for iOS simulator
+- `a` for Android emulator
+- Scan QR code for Expo Go on your device
+
+## Adding More Components
+
+After setup, use the Lunar Kit CLI to add more components:
+
+```bash
+# Install the CLI globally (if not already)
+pnpm add -g @lunar-kit/cli
+
+# Add components to your project
+lunar-kit add button card dialog
+
+# Or add all components
+lunar-kit add --all
+```
+
+## Example Usage
+
+After creation, you can start building immediately:
+
+```typescript
+// app/index.tsx
+import { View } from 'react-native';
+import { Button } from '@/components/ui/button';
+import { Card } from '@/components/ui/card';
+import { Text } from '@/components/ui/text';
+
+export default function HomeScreen() {
+  return (
+    <View className="flex-1 items-center justify-center p-4">
+      <Card className="w-full">
+        <Card.Header>
+          <Card.Title>Welcome to Lunar Kit!</Card.Title>
+          <Card.Description>
+            Start building your app with beautiful components
+          </Card.Description>
+        </Card.Header>
+        <Card.Content>
+          <Text>
+            This project is powered by Lunar Kit and NativeWind.
+          </Text>
+        </Card.Content>
+        <Card.Footer>
+          <Button variant="default">
+            Get Started
+          </Button>
+        </Card.Footer>
+      </Card>
+    </View>
+  );
+}
+```
+
+## CLI Options
+
+Run with options to skip interactive prompts:
+
+```bash
+# Create with specific options
+npm create lunar-kit@latest my-app -- --template default --typescript
+
+# Available flags:
+--template <name>      Template to use (default|minimal)
+--typescript          Use TypeScript
+--no-typescript       Use JavaScript
+--install             Install dependencies
+--no-install          Skip dependency installation
+--packageManager      Package manager to use (pnpm|npm|yarn)
+```
+
+### Examples
+
+```bash
+# TypeScript project with pnpm
+npm create lunar-kit@latest my-app -- --typescript --packageManager pnpm
+
+# JavaScript project, skip install
+npm create lunar-kit@latest my-app -- --no-typescript --no-install
+
+# Minimal template
+npm create lunar-kit@latest my-app -- --template minimal
+```
+
+## Requirements
+
+- **Node.js**: >= 18.0.0
+- **Package Manager**: npm, pnpm, or yarn
+- **iOS**: Xcode 14.0+ (for iOS development)
+- **Android**: Android Studio with SDK (for Android development)
+
+## Features Included
+
+### NativeWind v4
+
+Tailwind CSS utilities work natively:
+
+```typescript
+<View className="flex-1 bg-white dark:bg-gray-900 p-4">
+  <Text className="text-2xl font-bold text-gray-900 dark:text-white">
+    Hello World
+  </Text>
+</View>
+```
+
+### Dark Mode
+
+Theme provider included:
+
+```typescript
+import { useTheme } from '@/hooks/useTheme';
+
+const { theme, toggleTheme } = useTheme();
+```
+
+### Type Safety
+
+Full TypeScript support with proper types:
+
+```typescript
+import type { ButtonProps } from '@/components/ui/button';
+```
+
+### File-based Routing
+
+Expo Router for intuitive navigation:
+
+```
+app/
+  index.tsx           → /
+  profile.tsx         → /profile
+  settings/
+    index.tsx         → /settings
+    account.tsx       → /settings/account
+```
+
+## Updating
+
+Keep your project up to date:
+
+```bash
+# Update Lunar Kit packages
+pnpm update @lunar-kit/cli @lunar-kit/core
+
+# Update Expo SDK
+npx expo install --fix
+```
+
+## Troubleshooting
+
+### Installation Fails
+
+```bash
+# Clear cache and retry
+pnpm store prune
+pnpm create lunar-kit
+
+# Or use npx with npm
+npx create-lunar-kit@latest
+```
+
+### NativeWind Not Working
+
+```bash
+# Regenerate NativeWind setup
+pnpm nativewind:check
+
+# Clear Metro cache
+pnpm start --clear
+```
+
+### Type Errors
+
+```bash
+# Regenerate types
+npx expo customize tsconfig.json
+
+# Check NativeWind types
+cat nativewind-env.d.ts
+```
+
+## Differences from create-expo-app
+
+`create-lunar-kit` extends Expo with:
+
+- ✅ Pre-configured component library
+- ✅ NativeWind (Tailwind CSS) setup
+- ✅ Theme system with dark mode
+- ✅ Better folder structure
+- ✅ Utility functions included
+- ✅ CLI tool for adding components
+
+## Examples & Demos
+
+Check out example apps in the [repository](https://github.com/yourusername/lunar-kit/tree/main/apps/example).
+
+## Support
+
+- [Documentation](https://github.com/yourusername/lunar-kit#readme)
+- [Discord Community](https://discord.gg/your-invite)
+- [GitHub Issues](https://github.com/yourusername/lunar-kit/issues)
+- [Stack Overflow](https://stackoverflow.com/questions/tagged/lunar-kit)
+
+## What's Next?
+
+After creating your project:
+
+1. **Explore Components**: Check `src/components/ui/`
+2. **Add More Components**: Use `lunar-kit add <component>`
+3. **Customize Theme**: Edit `tailwind.config.js`
+4. **Build Screens**: Add files to `app/` directory
+5. **Deploy**: Use Expo EAS Build
+
+## Related Packages
+
+- [@lunar-kit/cli](../cli) - CLI for managing components
+- [@lunar-kit/core](../core) - Core component registry
+
+## Contributing
+
+We welcome contributions! See [CONTRIBUTING.md](../../CONTRIBUTING.md) for guidelines.
+
+## License
+
+MIT © Dimas Maulana
+
+---
+
+**Made with 🌙 by the Lunar Kit team**

package/dist/index.js

@@ -1,12 +1,5 @@
 #!/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";
@@ -14,8 +7,8 @@ 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";
+import path2 from "path";
+import { fileURLToPath } from "url";
 
 // src/assets/logo.ts
 import chalk from "chalk";
@@ -64,9 +57,8 @@ var renderLogo = () => {
 
 // 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");
+import path from "path";
+import { LOCAL_COMPONENTS_PATH, LOCAL_SOURCE_PATH } from "@lunar-kit/core";
 async function createSrcStructure(projectPath, navigation) {
   const dirs = [
     "src/modules",
@@ -78,42 +70,42 @@ async function createSrcStructure(projectPath, navigation) {
     "src/types"
   ];
   for (const dir of dirs) {
-    await fs.ensureDir(path2.join(projectPath, dir));
+    await fs.ensureDir(path.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");
+  await createBarrelExport(path.join(projectPath, "src/components"), "index.ts");
+  await createBarrelExport(path.join(projectPath, "src/hooks"), "index.ts");
+  await createBarrelExport(path.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);
+  await fs.writeFile(path.join(dir, filename), content);
 }
 async function setupAppEntry(projectPath, navigation) {
   if (navigation === "expo-router") {
-    const appTsxPath = path2.join(projectPath, "App.tsx");
+    const appTsxPath = path.join(projectPath, "App.tsx");
     if (fs.existsSync(appTsxPath)) {
       await fs.remove(appTsxPath);
     }
-    const indexPath = path2.join(projectPath, "index.ts");
+    const indexPath = path.join(projectPath, "index.ts");
     if (fs.existsSync(indexPath)) {
       await fs.remove(indexPath);
     }
-    const indexJsPath = path2.join(projectPath, "index.js");
+    const indexJsPath = path.join(projectPath, "index.js");
     if (fs.existsSync(indexJsPath)) {
       await fs.remove(indexJsPath);
     }
-    const pkgPath = path2.join(projectPath, "package.json");
+    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 = path2.join(projectPath, "index.ts");
+    const indexPath = path.join(projectPath, "index.ts");
     if (fs.existsSync(indexPath)) {
       await fs.remove(indexPath);
     }
-    const indexJsPath = path2.join(projectPath, "index.js");
+    const indexJsPath = path.join(projectPath, "index.js");
     if (fs.existsSync(indexJsPath)) {
       await fs.remove(indexJsPath);
     }
@@ -122,14 +114,14 @@ async function setupAppEntry(projectPath, navigation) {
 export default function App() {
   return <Main />;
 }`;
-    await fs.writeFile(path2.join(projectPath, "App.tsx"), appContent);
-    const pkgPath = path2.join(projectPath, "package.json");
+    await fs.writeFile(path.join(projectPath, "App.tsx"), appContent);
+    const pkgPath = path.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");
+    const appJsonPath = path.join(projectPath, "app.json");
     if (fs.existsSync(appJsonPath)) {
       const appJson = await fs.readJson(appJsonPath);
       if (!appJson.expo) {
@@ -159,11 +151,11 @@ export default function Main() {
     </View>
   );
 }`;
-    await fs.writeFile(path2.join(projectPath, "src", "Main.tsx"), mainContent);
+    await fs.writeFile(path.join(projectPath, "src", "Main.tsx"), mainContent);
   }
 }
 async function setupExpoRouterSrc(projectPath) {
-  const appDir = path2.join(projectPath, "app");
+  const appDir = path.join(projectPath, "app");
   await fs.ensureDir(appDir);
   const layoutContent = `import React from 'react';
 import '../src/global.css';
@@ -189,7 +181,7 @@ export default function RootLayout() {
     </GestureHandlerRootView>
 );
 }`;
-  await fs.writeFile(path2.join(appDir, "_layout.tsx"), layoutContent);
+  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';
@@ -209,7 +201,7 @@ export default function IndexScreen() {
     </View>
   );
 }`;
-  await fs.writeFile(path2.join(appDir, "index.tsx"), indexContent);
+  await fs.writeFile(path.join(appDir, "index.tsx"), indexContent);
 }
 async function setupReactNavigationSrc(projectPath) {
   const navContent = `import { NavigationContainer } from '@react-navigation/native';
@@ -227,7 +219,7 @@ export default function Navigation() {
     </NavigationContainer>
   );
 }`;
-  await fs.writeFile(path2.join(projectPath, "src", "Navigation.tsx"), navContent);
+  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';
@@ -247,7 +239,7 @@ export default function HomeScreen() {
     </View>
   );
 }`;
-  await fs.writeFile(path2.join(projectPath, "src", "screens", "HomeScreen.tsx"), homeContent);
+  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';
@@ -261,10 +253,10 @@ export default function Main() {
     </>
   );
 }`;
-  await fs.writeFile(path2.join(projectPath, "src", "Main.tsx"), mainContent);
+  await fs.writeFile(path.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");
+  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';
@@ -277,16 +269,16 @@ export default function LoginScreen() {
     </View>
   );
 }`;
-  await fs.writeFile(path2.join(authDir, "login.tsx"), loginScreen);
+  await fs.writeFile(path.join(authDir, "login.tsx"), loginScreen);
 }
 async function setupDarkModeSrc(projectPath, navigation) {
   const themeProvider = fs.readFileSync(
-    path2.join(SOURCE, "providers", "theme-provider.tsx")
+    path.join(LOCAL_SOURCE_PATH, "providers", "theme-provider.tsx")
   );
   const themeStore = fs.readFileSync(
-    path2.join(SOURCE, "stores", "theme.ts")
+    path.join(LOCAL_SOURCE_PATH, "stores", "theme.ts")
   );
-  const storesIndexPath = path2.join(projectPath, "src", "stores", "index.ts");
+  const storesIndexPath = path.join(projectPath, "src", "stores", "index.ts");
   let storesIndexContent = `// Auto-generated barrel export
 // This file is managed by Lunar Kit CLI
 `;
@@ -296,32 +288,32 @@ async function setupDarkModeSrc(projectPath, navigation) {
   let toolbarContent;
   if (navigation === "expo-router") {
     toolbarContent = fs.readFileSync(
-      path2.join(SOURCE, "hooks", "useToolbar.tsx")
+      path.join(LOCAL_SOURCE_PATH, "hooks", "useToolbar.tsx")
     );
   } else {
     toolbarContent = fs.readFileSync(
-      path2.join(SOURCE, "hooks", "useToolbar.react-navigation.tsx")
+      path.join(LOCAL_SOURCE_PATH, "hooks", "useToolbar.react-navigation.tsx")
     );
   }
   const themeContent = fs.readFileSync(
-    path2.join(SOURCE, "hooks", "useTheme.ts")
+    path.join(LOCAL_SOURCE_PATH, "hooks", "useTheme.ts")
   );
   const themeColor = fs.readFileSync(
-    path2.join(SOURCE, "hooks", "useThemeColors.ts")
+    path.join(LOCAL_SOURCE_PATH, "hooks", "useThemeColors.ts")
   );
   const libTheme = fs.readFileSync(
-    path2.join(SOURCE, "lib", "theme.ts")
+    path.join(LOCAL_SOURCE_PATH, "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);
+  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);
+  await fs.ensureDir(path.join(projectPath, "src", "lib"));
+  await fs.writeFile(path.join(projectPath, "src", "lib", "theme.ts"), libTheme);
 }
 async function setupFormsSrc(projectPath) {
   const hookContent = `import { useState } from 'react';
@@ -350,17 +342,17 @@ export function useForm<T>(initialValues: T) {
 
   return { values, errors, handleChange, validate };
 }`;
-  await fs.writeFile(path2.join(projectPath, "src", "hooks", "useForm.ts"), hookContent);
+  await fs.writeFile(path.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);
+  await fs.writeFile(path.join(projectPath, "src", "global.css"), globalCss);
   const tailwindConfig = fs.readFileSync(
-    path2.join(SOURCE, "tailwind.config.js")
+    path.join(LOCAL_SOURCE_PATH, "tailwind.config.js")
   );
-  await fs.writeFile(path2.join(projectPath, "tailwind.config.js"), tailwindConfig);
+  await fs.writeFile(path.join(projectPath, "tailwind.config.js"), tailwindConfig);
   const metroConfig = `const { getDefaultConfig } = require('expo/metro-config');
 const { withNativeWind } = require('nativewind/metro');
 
@@ -369,7 +361,7 @@ const config = getDefaultConfig(__dirname);
 module.exports = withNativeWind(config, {
   input: './src/global.css',
 });`;
-  await fs.writeFile(path2.join(projectPath, "metro.config.js"), metroConfig);
+  await fs.writeFile(path.join(projectPath, "metro.config.js"), metroConfig);
   const babelConfig = `module.exports = function (api) {
   api.cache(true);
   return {
@@ -379,25 +371,25 @@ module.exports = withNativeWind(config, {
     ],
   };
 };`;
-  await fs.writeFile(path2.join(projectPath, "babel.config.js"), babelConfig);
+  await fs.writeFile(path.join(projectPath, "babel.config.js"), babelConfig);
   const nativewindEnv = `/// <reference types="nativewind/types" />`;
-  await fs.writeFile(path2.join(projectPath, "nativewind-env.d.ts"), nativewindEnv);
+  await fs.writeFile(path.join(projectPath, "nativewind-env.d.ts"), nativewindEnv);
   const utilsContent = fs.readFileSync(
-    path2.join(SOURCE, "lib", "utils.ts")
+    path.join(LOCAL_SOURCE_PATH, "lib", "utils.ts")
   );
   const colorsContent = fs.readFileSync(
-    path2.join(SOURCE, "lib", "theme.ts")
+    path.join(LOCAL_SOURCE_PATH, "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);
+  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(
-    path2.join(COMPONENTS_SOURCE, "ui", "button.tsx")
+    path.join(LOCAL_COMPONENTS_PATH, "ui", "button.tsx")
   );
   const textContent = fs.readFileSync(
-    path2.join(COMPONENTS_SOURCE, "ui", "text.tsx")
+    path.join(LOCAL_COMPONENTS_PATH, "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);
+  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": {
@@ -413,10 +405,10 @@ module.exports = withNativeWind(config, {
     }
   }
 }`;
-  await fs.writeFile(path2.join(projectPath, "tsconfig.json"), tsconfigContent);
+  await fs.writeFile(path.join(projectPath, "tsconfig.json"), tsconfigContent);
 }
 async function updatePackageJson(projectPath, navigation, features) {
-  const pkgPath = path2.join(projectPath, "package.json");
+  const pkgPath = path.join(projectPath, "package.json");
   const pkg = await fs.readJson(pkgPath);
   pkg.dependencies = {
     ...pkg.dependencies,
@@ -468,7 +460,6 @@ async function createConfig(projectPath, navigation, features, packageManager) {
     storesDir: "src/stores",
     uiComponentsDir: "src/components/ui",
     packageManager,
-    // DONE: Add this
     namingConvention: {
       files: "snake_case",
       exports: "PascalCase",
@@ -478,7 +469,7 @@ async function createConfig(projectPath, navigation, features, packageManager) {
     autoImport: true,
     autoBarrelExport: true
   };
-  await fs.writeJson(path2.join(projectPath, "kit.config.json"), config, { spaces: 2 });
+  await fs.writeJson(path.join(projectPath, "kit.config.json"), config, { spaces: 2 });
 }
 
 // src/res/close.ts
@@ -505,7 +496,7 @@ function closeInitProject(packageManager, name) {
 }
 
 // src/index.ts
-var __filename2 = fileURLToPath2(import.meta.url);
+var __filename2 = fileURLToPath(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();
@@ -559,7 +550,7 @@ program.name("create-lunar-kit").description("Create a new React Native app with
     console.log(chalk3.red("Project name is required"));
     process.exit(1);
   }
-  const projectPath = path3.join(process.cwd(), name);
+  const projectPath = path2.join(process.cwd(), name);
   if (fs2.existsSync(projectPath)) {
     console.log(chalk3.red(`Directory ${name} already exists`));
     process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lunar-kit",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Create a new React Native app with Lunar Kit and NativeWind pre-configured",
   "author": "Your Name",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "starter"
   ],
   "dependencies": {
-    "@lunar-kit/core": "0.1.0",
+    "@lunar-kit/core": "0.1.2",
     "chalk": "^5.4.1",
     "commander": "^12.1.0",
     "execa": "^9.6.1",