@jetstart/cli 1.2.0 → 1.5.0

package/src/utils/template.ts

@@ -25,9 +25,7 @@ export async function generateProjectTemplate(
   await generateGradleProperties(projectPath);
   await generateGradleWrapper(projectPath);
   await generateMainActivity(projectPath, packageName);
-  await generateHotReload(projectPath, packageName);
-  await generateDSLInterpreter(projectPath, packageName);
-  await generateDSLTypes(projectPath, packageName);
+  await generateJetStart(projectPath, packageName);
   await generateAndroidManifest(projectPath, options);
   await generateResourceFiles(projectPath, projectName);
   await generateLocalProperties(projectPath);
@@ -36,608 +34,509 @@ export async function generateProjectTemplate(
   await generateReadme(projectPath, projectName);
 }
 
-async function createDirectoryStructure(projectPath: string): Promise<void> {
-  const dirs = [
-    'app/src/main/java',
-    'app/src/main/res/layout',
-    'app/src/main/res/values',
-    'app/src/main/res/drawable',
-    'gradle/wrapper',
-  ];
-
-  for (const dir of dirs) {
-    await fs.ensureDir(path.join(projectPath, dir));
-  }
-}
-
-async function generateBuildGradle(
-  projectPath: string,
-  options: TemplateOptions
-): Promise<void> {
-  const content = `plugins {
-    id 'com.android.application'
-    id 'org.jetbrains.kotlin.android'
-}
-
-android {
-    namespace '${options.packageName}'
-    compileSdk ${TARGET_ANDROID_API_LEVEL}
-
-    defaultConfig {
-        applicationId "${options.packageName}"
-        minSdk ${MIN_ANDROID_API_LEVEL}
-        targetSdk ${TARGET_ANDROID_API_LEVEL}
-        versionCode 1
-        versionName "1.0.0"
-    }
-
-    buildTypes {
-        release {
-            minifyEnabled false
-        }
-    }
-
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_17
-        targetCompatibility JavaVersion.VERSION_17
-    }
-
-    kotlinOptions {
-        jvmTarget = '17'
-    }
-
-    buildFeatures {
-        compose true
-        buildConfig true  // Required for JetStart hot reload
-    }
-
-    composeOptions {
-        kotlinCompilerExtensionVersion = '1.5.6'
-    }
-}
-
-dependencies {
-    implementation 'androidx.core:core-ktx:1.12.0'
-    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.6.2'
-    implementation 'androidx.activity:activity-compose:1.8.1'
-    implementation platform('androidx.compose:compose-bom:2023.10.01')
-    implementation 'androidx.compose.ui:ui'
-    implementation 'androidx.compose.ui:ui-graphics'
-    implementation 'androidx.compose.ui:ui-tooling-preview'
-    implementation 'androidx.compose.material3:material3'
-
-    // JetStart Hot Reload dependencies
-    implementation 'com.squareup.okhttp3:okhttp:4.12.0'
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3'
-}`;
-
-  await fs.writeFile(path.join(projectPath, 'app/build.gradle'), content);
-}
-
-async function generateSettingsGradle(
-  projectPath: string,
-  projectName: string
-): Promise<void> {
-  const content = `rootProject.name = "${projectName}"
-include ':app'`;
-
-  await fs.writeFile(path.join(projectPath, 'settings.gradle'), content);
-}
-
-async function generateGradleProperties(projectPath: string): Promise<void> {
-  const content = `org.gradle.jvmargs=-Xmx2048m
-android.useAndroidX=true
-kotlin.code.style=official`;
-
-  await fs.writeFile(path.join(projectPath, 'gradle.properties'), content);
-}
-
-async function generateMainActivity(
+async function generateJetStart(
   projectPath: string,
   packageName: string
 ): Promise<void> {
   const packagePath = packageName.replace(/\./g, '/');
-  const activityPath = path.join(
+  const jetStartPath = path.join(
     projectPath,
     'app/src/main/java',
     packagePath,
-    'MainActivity.kt'
+    'JetStart.kt'
   );
 
   const content = `package ${packageName}
 
-import android.os.Bundle
-import androidx.activity.ComponentActivity
-import androidx.activity.compose.setContent
+// Android
+import android.app.Activity
+import android.content.Intent
+import android.net.Uri
+import android.os.Build
+import android.util.Log
+import androidx.core.content.FileProvider
+
+// Compose
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 
-class MainActivity : ComponentActivity() {
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-
-        // Initialize hot reload - reads from BuildConfig injected by jetstart dev
-        try {
-            val serverUrl = BuildConfig.JETSTART_SERVER_URL
-            val sessionId = BuildConfig.JETSTART_SESSION_ID
-            HotReload.connect(this, serverUrl, sessionId)
-        } catch (e: Exception) {
-            // BuildConfig not available yet, hot reload will be disabled
-            android.util.Log.w("MainActivity", "Hot reload not configured: \${e.message}")
-        }
-
-        setContent {
-            MaterialTheme {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.background
-                ) {
-                    // Check if we should render from DSL (hot reload mode)
-                    val dsl by DSLInterpreter.currentDSL.collectAsState()
+// Third-party
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import okhttp3.*
 
-                    if (dsl != null) {
-                        // Hot reload mode: render from DSL sent by server
-                        DSLInterpreter.RenderDSL(dsl!!)
-                    } else {
-                        // Normal mode: render actual Compose code
-                        AppContent()
-                    }
-                }
-            }
-        }
-    }
+// Standard library & JSON
+import org.json.JSONArray
+import org.json.JSONObject
+import java.io.File
+import java.io.IOException
 
-    override fun onDestroy() {
-        super.onDestroy()
-        HotReload.disconnect()
-    }
-}
+// ============================================================================
+// DSL Type Definitions
+// ============================================================================
 
 /**
- * Main App Content - REAL Kotlin Compose Code!
- * This gets parsed to DSL and sent via hot reload
+ * DSL Type Definitions
+ * Represents UI elements in JSON format that can be interpreted at runtime
  */
-@Composable
-fun AppContent() {
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
-        horizontalAlignment = Alignment.CenterHorizontally,
-        verticalArrangement = Arrangement.Center
-    ) {
-        Text(
-            text = "Welcome to JetStart! 🚀",
-            style = MaterialTheme.typography.headlineMedium
-        )
 
-        Spacer(modifier = Modifier.height(16.dp))
+data class UIDefinition(
+    val version: String = "1.0",
+    val screen: DSLElement
+)
 
-        Text(
-            text = "Edit this code and save to see hot reload!",
-            style = MaterialTheme.typography.bodyMedium
-        )
+data class DSLElement(
+    val type: String,
+    val text: String? = null,
+    val style: String? = null,
+    val color: String? = null,
+    val modifier: DSLModifier? = null,
+    val horizontalAlignment: String? = null,
+    val verticalArrangement: String? = null,
+    val contentAlignment: String? = null,
+    val height: Int? = null,
+    val width: Int? = null,
+    val onClick: String? = null,
+    val enabled: Boolean? = true,
+    val imageVector: String? = null,
+    val tint: String? = null,
+    val contentDescription: String? = null,
+    val children: List<DSLElement>? = null
+)
 
-        Spacer(modifier = Modifier.height(24.dp))
+data class DSLModifier(
+    val fillMaxSize: Boolean? = null,
+    val fillMaxWidth: Boolean? = null,
+    val fillMaxHeight: Boolean? = null,
+    val padding: Int? = null,
+    val paddingHorizontal: Int? = null,
+    val paddingVertical: Int? = null,
+    val size: Int? = null,
+    val height: Int? = null,
+    val width: Int? = null,
+    val weight: Float? = null
+)
 
-        Button(
-            onClick = { /* Handle click */ },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text("Click Me!")
-        }
-    }
-}`;
+/**
+ * Parse JSON string to UIDefinition
+ */
+fun parseUIDefinition(json: String): UIDefinition {
+    val obj = JSONObject(json)
+    val version = obj.optString("version", "1.0")
+    val screenObj = obj.getJSONObject("screen")
 
-  await fs.ensureDir(path.dirname(activityPath));
-  await fs.writeFile(activityPath, content);
+    return UIDefinition(
+        version = version,
+        screen = parseDSLElement(screenObj)
+    )
 }
 
-async function generateAndroidManifest(
-  projectPath: string,
-  options: TemplateOptions
-): Promise<void> {
-  const themeName = options.projectName.replace(/[^a-zA-Z0-9]/g, '');
-  const content = `<?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-
-    <uses-permission android:name="android.permission.INTERNET" />
+/**
+ * Parse JSONObject to DSLElement
+ */
+fun parseDSLElement(obj: JSONObject): DSLElement {
+    val children = if (obj.has("children")) {
+        val childrenArray = obj.getJSONArray("children")
+        List(childrenArray.length()) { i ->
+            parseDSLElement(childrenArray.getJSONObject(i))
+        }
+    } else null
 
-    <application
-        android:allowBackup="true"
-        android:label="@string/app_name"
-        android:theme="@style/Theme.${themeName}"
-        android:networkSecurityConfig="@xml/network_security_config">
-        <activity
-            android:name=".MainActivity"
-            android:exported="true">
-            <intent-filter>
-                <action android:name="android.intent.action.MAIN" />
-                <category android:name="android.intent.category.LAUNCHER" />
-            </intent-filter>
-        </activity>
-    </application>
-
-</manifest>`;
+    val modifier = if (obj.has("modifier")) {
+        val modObj = obj.getJSONObject("modifier")
+        DSLModifier(
+            fillMaxSize = modObj.optBoolean("fillMaxSize"),
+            fillMaxWidth = modObj.optBoolean("fillMaxWidth"),
+            fillMaxHeight = modObj.optBoolean("fillMaxHeight"),
+            padding = if (modObj.has("padding")) modObj.getInt("padding") else null,
+            paddingHorizontal = if (modObj.has("paddingHorizontal")) modObj.getInt("paddingHorizontal") else null,
+            paddingVertical = if (modObj.has("paddingVertical")) modObj.getInt("paddingVertical") else null,
+            size = if (modObj.has("size")) modObj.getInt("size") else null,
+            height = if (modObj.has("height")) modObj.getInt("height") else null,
+            width = if (modObj.has("width")) modObj.getInt("width") else null,
+            weight = if (modObj.has("weight")) modObj.getDouble("weight").toFloat() else null
+        )
+    } else null
 
-  await fs.writeFile(
-    path.join(projectPath, 'app/src/main/AndroidManifest.xml'),
-    content
-  );
+    return DSLElement(
+        type = obj.getString("type"),
+        text = if (obj.has("text")) obj.getString("text") else null,
+        style = if (obj.has("style")) obj.getString("style") else null,
+        color = if (obj.has("color")) obj.getString("color") else null,
+        modifier = modifier,
+        horizontalAlignment = if (obj.has("horizontalAlignment")) obj.getString("horizontalAlignment") else null,
+        verticalArrangement = if (obj.has("verticalArrangement")) obj.getString("verticalArrangement") else null,
+        contentAlignment = if (obj.has("contentAlignment")) obj.getString("contentAlignment") else null,
+        height = if (obj.has("height")) obj.getInt("height") else null,
+        width = if (obj.has("width")) obj.getInt("width") else null,
+        onClick = if (obj.has("onClick")) obj.getString("onClick") else null,
+        enabled = obj.optBoolean("enabled", true),
+        imageVector = if (obj.has("imageVector")) obj.getString("imageVector") else null,
+        tint = if (obj.has("tint")) obj.getString("tint") else null,
+        contentDescription = if (obj.has("contentDescription")) obj.getString("contentDescription") else null,
+        children = children
+    )
 }
 
-async function generateJetStartConfig(
-  projectPath: string,
-  options: TemplateOptions
-): Promise<void> {
-  const config = {
-    projectName: options.projectName,
-    packageName: options.packageName,
-    version: '1.0.0',
-    jetstart: {
-      version: '0.1.0',
-      enableHotReload: true,
-      enableLogs: true,
-      port: 8765,
-    },
-  };
+// ============================================================================
+// DSL Interpreter
+// ============================================================================
 
-  await fs.writeJSON(
-    path.join(projectPath, 'jetstart.config.json'),
-    config,
-    { spaces: 2 }
-  );
-}
+/**
+ * DSL Interpreter
+ * Converts JSON DSL to Compose UI at runtime
+ */
+object DSLInterpreter {
+    private const val TAG = "DSLInterpreter"
 
-async function generateGitignore(projectPath: string): Promise<void> {
-  const content = `# Build
-/build
-/app/build
-.gradle
-*.hprof
+    private val _currentDSL = MutableStateFlow<UIDefinition?>(null)
+    val currentDSL: StateFlow<UIDefinition?> = _currentDSL
 
-# IDE
-.idea
-*.iml
-.vscode
-.DS_Store
+    /**
+     * Update the current DSL definition
+     */
+    fun updateDSL(jsonString: String) {
+        try {
+            val definition = parseUIDefinition(jsonString)
+            _currentDSL.value = definition
+            Log.d(TAG, "DSL updated successfully")
+        } catch (e: Exception) {
+            Log.e(TAG, "Failed to parse DSL: \${e.message}", e)
+        }
+    }
 
-# Claude Code
-.claude
-.claude-worktrees
+    /**
+     * Render DSL as Compose UI
+     */
+    @Composable
+    fun RenderDSL(definition: UIDefinition) {
+        RenderElement(definition.screen)
+    }
 
-# JetStart
-.jetstart
+    /**
+     * Render individual DSL element
+     */
+    @Composable
+    fun RenderElement(element: DSLElement) {
+        when (element.type) {
+            "Column" -> RenderColumn(element)
+            "Row" -> RenderRow(element)
+            "Box" -> RenderBox(element)
+            "Text" -> RenderText(element)
+            "Button" -> RenderButton(element)
+            "Spacer" -> RenderSpacer(element)
+            else -> {
+                Log.w(TAG, "Unknown element type: \${element.type}")
+                Text("Unsupported: \${element.type}", color = Color.Red)
+            }
+        }
+    }
 
-# Android
-local.properties
-*.apk
-*.aab
-*.ap_
-*.dex
-*.class
-bin/
-gen/
-out/
-captures/
-.externalNativeBuild
-.cxx
+    @Composable
+    private fun RenderColumn(element: DSLElement) {
+        Column(
+            modifier = parseModifier(element.modifier),
+            horizontalAlignment = parseHorizontalAlignment(element.horizontalAlignment),
+            verticalArrangement = parseVerticalArrangement(element.verticalArrangement)
+        ) {
+            element.children?.forEach { child ->
+                RenderElement(child)
+            }
+        }
+    }
 
-# Log files
-*.log
+    @Composable
+    private fun RenderRow(element: DSLElement) {
+        Row(
+            modifier = parseModifier(element.modifier),
+            verticalAlignment = parseVerticalAlignment(element.horizontalAlignment),
+            horizontalArrangement = parseHorizontalArrangement(element.verticalArrangement)
+        ) {
+            element.children?.forEach { child ->
+                RenderElement(child)
+            }
+        }
+    }
 
-# Keystore files
-*.jks
-*.keystore`;
+    @Composable
+    private fun RenderBox(element: DSLElement) {
+        Box(
+            modifier = parseModifier(element.modifier),
+            contentAlignment = parseContentAlignment(element.contentAlignment)
+        ) {
+            element.children?.forEach { child ->
+                RenderElement(child)
+            }
+        }
+    }
 
-  await fs.writeFile(path.join(projectPath, '.gitignore'), content);
-}
+    @Composable
+    private fun RenderText(element: DSLElement) {
+        Text(
+            text = element.text ?: "",
+            style = parseTextStyle(element.style),
+            color = parseColor(element.color) ?: Color.Unspecified,
+            modifier = parseModifier(element.modifier)
+        )
+    }
 
-async function generateReadme(projectPath: string, projectName: string): Promise<void> {
-  const content = `# ${projectName}
+    @Composable
+    private fun RenderButton(element: DSLElement) {
+        Button(
+            onClick = { handleClick(element.onClick, element.text) },
+            modifier = parseModifier(element.modifier),
+            enabled = element.enabled ?: true
+        ) {
+            Text(element.text ?: "Button")
+        }
+    }
 
-A JetStart project with Kotlin and Jetpack Compose.
+    @Composable
+    private fun RenderSpacer(element: DSLElement) {
+        Spacer(
+            modifier = Modifier
+                .height(element.height?.dp ?: 0.dp)
+                .width(element.width?.dp ?: 0.dp)
+        )
+    }
 
-## Getting Started
+    /**
+     * Parse DSL modifier to Compose Modifier
+     */
+    private fun parseModifier(dslModifier: DSLModifier?): Modifier {
+        var modifier: Modifier = Modifier
 
-\`\`\`bash
-# Start development server
-jetstart dev
+        dslModifier?.let { m ->
+            if (m.fillMaxSize == true) modifier = modifier.fillMaxSize()
+            if (m.fillMaxWidth == true) modifier = modifier.fillMaxWidth()
+            if (m.fillMaxHeight == true) modifier = modifier.fillMaxHeight()
 
-# Build production APK
-jetstart build
+            m.padding?.let { modifier = modifier.padding(it.dp) }
+            m.paddingHorizontal?.let { modifier = modifier.padding(horizontal = it.dp) }
+            m.paddingVertical?.let { modifier = modifier.padding(vertical = it.dp) }
 
-# View logs
-jetstart logs
-\`\`\`
+            m.size?.let { modifier = modifier.size(it.dp) }
+            m.height?.let { modifier = modifier.height(it.dp) }
+            m.width?.let { modifier = modifier.width(it.dp) }
 
-## Project Structure
+            // Note: weight() is only available in RowScope/ColumnScope
+            // We'll handle it separately when needed
+        }
 
-\`\`\`
-${projectName}/
-├── app/
-│   └── src/
-│       └── main/
-│           ├── java/          # Kotlin source files
-│           └── res/           # Resources
-├── jetstart.config.json       # JetStart configuration
-└── build.gradle               # Gradle build file
-\`\`\`
+        return modifier
+    }
 
-## Learn More
+    /**
+     * Parse alignment strings
+     */
+    private fun parseHorizontalAlignment(alignment: String?): Alignment.Horizontal {
+        return when (alignment?.lowercase()) {
+            "start" -> Alignment.Start
+            "centerhorizontally", "center" -> Alignment.CenterHorizontally
+            "end" -> Alignment.End
+            else -> Alignment.Start
+        }
+    }
 
-- [JetStart Documentation](https://github.com/phantom/jetstart)
-- [Jetpack Compose](https://developer.android.com/jetpack/compose)
-`;
+    private fun parseVerticalAlignment(alignment: String?): Alignment.Vertical {
+        return when (alignment?.lowercase()) {
+            "top" -> Alignment.Top
+            "centervertically", "center" -> Alignment.CenterVertically
+            "bottom" -> Alignment.Bottom
+            else -> Alignment.Top
+        }
+    }
 
-  await fs.writeFile(path.join(projectPath, 'README.md'), content);
-}
+    private fun parseContentAlignment(alignment: String?): Alignment {
+        return when (alignment?.lowercase()) {
+            "center" -> Alignment.Center
+            "topcenter" -> Alignment.TopCenter
+            "topstart" -> Alignment.TopStart
+            "topend" -> Alignment.TopEnd
+            "bottomcenter" -> Alignment.BottomCenter
+            "bottomstart" -> Alignment.BottomStart
+            "bottomend" -> Alignment.BottomEnd
+            "centerstart" -> Alignment.CenterStart
+            "centerend" -> Alignment.CenterEnd
+            else -> Alignment.TopStart
+        }
+    }
 
-async function generateRootBuildGradle(projectPath: string): Promise<void> {
-  const content = `// Top-level build file
-buildscript {
-    ext {
-        kotlin_version = '1.9.21'
-        compose_version = '1.5.4'
+    private fun parseVerticalArrangement(arrangement: String?): Arrangement.Vertical {
+        return when (arrangement?.lowercase()) {
+            "top" -> Arrangement.Top
+            "center" -> Arrangement.Center
+            "bottom" -> Arrangement.Bottom
+            "spacebetween" -> Arrangement.SpaceBetween
+            "spacearound" -> Arrangement.SpaceAround
+            "spaceevenly" -> Arrangement.SpaceEvenly
+            else -> Arrangement.Top
+        }
     }
-    repositories {
-        google()
-        mavenCentral()
+
+    private fun parseHorizontalArrangement(arrangement: String?): Arrangement.Horizontal {
+        return when (arrangement?.lowercase()) {
+            "start" -> Arrangement.Start
+            "center" -> Arrangement.Center
+            "end" -> Arrangement.End
+            "spacebetween" -> Arrangement.SpaceBetween
+            "spacearound" -> Arrangement.SpaceAround
+            "spaceevenly" -> Arrangement.SpaceEvenly
+            else -> Arrangement.Start
+        }
     }
-    dependencies {
-        classpath 'com.android.tools.build:gradle:8.2.0'
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+
+    /**
+     * Parse text style
+     */
+    @Composable
+    private fun parseTextStyle(style: String?): androidx.compose.ui.text.TextStyle {
+        return when (style?.lowercase()) {
+            "headlinelarge" -> MaterialTheme.typography.headlineLarge
+            "headlinemedium" -> MaterialTheme.typography.headlineMedium
+            "headlinesmall" -> MaterialTheme.typography.headlineSmall
+            "titlelarge" -> MaterialTheme.typography.titleLarge
+            "titlemedium" -> MaterialTheme.typography.titleMedium
+            "titlesmall" -> MaterialTheme.typography.titleSmall
+            "bodylarge" -> MaterialTheme.typography.bodyLarge
+            "bodymedium" -> MaterialTheme.typography.bodyMedium
+            "bodysmall" -> MaterialTheme.typography.bodySmall
+            "labellarge" -> MaterialTheme.typography.labelLarge
+            "labelmedium" -> MaterialTheme.typography.labelMedium
+            "labelsmall" -> MaterialTheme.typography.labelSmall
+            else -> MaterialTheme.typography.bodyMedium
+        }
     }
-}
 
-allprojects {
-    repositories {
-        google()
-        mavenCentral()
+    /**
+     * Parse color from string
+     */
+    private fun parseColor(colorString: String?): Color? {
+        if (colorString == null) return null
+
+        return try {
+            when {
+                colorString.startsWith("#") -> {
+                    // Hex color
+                    Color(android.graphics.Color.parseColor(colorString))
+                }
+                else -> null
+            }
+        } catch (e: Exception) {
+            Log.w(TAG, "Failed to parse color: \$colorString")
+            null
+        }
     }
-}
 
-task clean(type: Delete) {
-    delete rootProject.buildDir
-}`;
+    /**
+     * Handle click events
+     */
+    private fun handleClick(action: String?, text: String?) {
+        if (action != null) {
+            Log.d(TAG, "Button clicked: \$action")
 
-  await fs.writeFile(path.join(projectPath, 'build.gradle'), content);
+            // Send click event to dev server
+            sendClickEvent(action, "Button", text)
+        }
+    }
+
+    /**
+     * Send click event to dev server via WebSocket
+     */
+    private fun sendClickEvent(action: String, elementType: String, elementText: String?) {
+        try {
+            val ws = HotReload.getWebSocket()
+            if (ws != null) {
+                val message = JSONObject().apply {
+                    put("type", "client:click")
+                    put("timestamp", System.currentTimeMillis())
+                    put("action", action)
+                    put("elementType", elementType)
+                    elementText?.let { put("elementText", it) }
+                }
+
+                ws.send(message.toString())
+                Log.d(TAG, "Sent click event to server: \$action")
+            } else {
+                Log.w(TAG, "WebSocket not available, cannot send click event")
+            }
+        } catch (e: Exception) {
+            Log.e(TAG, "Failed to send click event: \${e.message}")
+        }
+    }
 }
 
-async function generateGradleWrapper(projectPath: string): Promise<void> {
-  // Use system Gradle to initialize proper wrapper
-  // This generates:
-  // - gradle/wrapper/gradle-wrapper.jar
-  // - gradle/wrapper/gradle-wrapper.properties
-  // - gradlew (Unix shell script)
-  // - gradlew.bat (Windows batch script)
+// ============================================================================
+// Hot Reload Manager
+// ============================================================================
 
-  return new Promise<void>((resolve) => {
-    // Try to use system gradle to generate wrapper
-    const gradleCmd = process.platform === 'win32' ? 'gradle.bat' : 'gradle';
+/**
+ * Hot Reload Manager
+ * Connects to JetStart dev server and automatically reloads the app when code changes
+ */
+object HotReload {
+    private const val TAG = "HotReload"
+    private var webSocket: WebSocket? = null
+    private var activity: Activity? = null
+    private var connectionTime: Long = 0
+    private var ignoreFirstBuild = true
+    private val httpClient = OkHttpClient()
 
-    const gradleProcess = spawn(gradleCmd, ['wrapper', '--gradle-version', '8.2'], {
-      cwd: projectPath,
-      shell: true,
-    });
+    /**
+     * Get the current WebSocket connection (for sending messages)
+     */
+    fun getWebSocket(): WebSocket? = webSocket
 
-    gradleProcess.on('close', (code) => {
-      // Continue regardless of success/failure
-      // If gradle wrapper command fails, the build will fall back to system gradle
-      resolve();
-    });
+    fun connect(activity: Activity, serverUrl: String, sessionId: String) {
+        this.activity = activity
 
-    gradleProcess.on('error', () => {
-      // Continue even if gradle command not found
-      resolve();
-    });
+        val wsUrl = serverUrl.replace("http://", "ws://").replace("https://", "wss://")
+        Log.d(TAG, "Connecting to dev server: \$wsUrl")
 
-    // Timeout after 30 seconds
-    setTimeout(() => {
-      gradleProcess.kill();
-      resolve();
-    }, 30000);
-  });
-}
+        val client = OkHttpClient()
+        val request = Request.Builder()
+            .url(wsUrl)
+            .build()
 
-async function generateResourceFiles(
-  projectPath: string,
-  projectName: string
-): Promise<void> {
-  // Generate strings.xml
-  const stringsXml = `<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <string name="app_name">${projectName}</string>
-</resources>`;
+        webSocket = client.newWebSocket(request, object : WebSocketListener() {
+            override fun onOpen(webSocket: WebSocket, response: Response) {
+                Log.d(TAG, "WebSocket connected")
+                connectionTime = System.currentTimeMillis()
+                ignoreFirstBuild = true // Ignore the first build-complete after connecting
 
-  await fs.writeFile(
-    path.join(projectPath, 'app/src/main/res/values/strings.xml'),
-    stringsXml
-  );
+                // Send connect message
+                val connectMsg = JSONObject().apply {
+                    put("type", "client:connect")
+                    put("sessionId", sessionId)
+                    put("clientType", "test-app")
+                }
+                webSocket.send(connectMsg.toString())
+            }
 
-  // Generate colors.xml
-  const colorsXml = `<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
-    <color name="black">#FF000000</color>
-    <color name="white">#FFFFFFFF</color>
-</resources>`;
+            override fun onMessage(webSocket: WebSocket, text: String) {
+                Log.d(TAG, "Received: \$text")
 
-  await fs.writeFile(
-    path.join(projectPath, 'app/src/main/res/values/colors.xml'),
-    colorsXml
-  );
+                try {
+                    val json = JSONObject(text)
+                    val type = json.getString("type")
 
-  // Generate themes.xml
-  const themesXml = `<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <style name="Theme.${projectName.replace(/[^a-zA-Z0-9]/g, '')}" parent="android:Theme.Material.Light.NoActionBar" />
-</resources>`;
+                    when (type) {
+                        "core:ui-update" -> {
+                            // DSL-based hot reload (FAST)
+                            if (ignoreFirstBuild) {
+                                Log.d(TAG, "Ignoring first UI update (old build)")
+                                ignoreFirstBuild = false
+                                return@onMessage
+                            }
 
-  await fs.writeFile(
-    path.join(projectPath, 'app/src/main/res/values/themes.xml'),
-    themesXml
-  );
-
-  // Generate network_security_config.xml for development (allows cleartext traffic)
-  const networkSecurityConfig = `<?xml version="1.0" encoding="utf-8"?>
-<network-security-config>
-    <base-config cleartextTrafficPermitted="true">
-        <trust-anchors>
-            <certificates src="system" />
-        </trust-anchors>
-    </base-config>
-</network-security-config>`;
-
-  await fs.ensureDir(path.join(projectPath, 'app/src/main/res/xml'));
-  await fs.writeFile(
-    path.join(projectPath, 'app/src/main/res/xml/network_security_config.xml'),
-    networkSecurityConfig
-  );
-}
-
-async function generateLocalProperties(projectPath: string): Promise<void> {
-  // Auto-detect Android SDK location
-  let androidSdkPath: string | undefined;
-
-  // Check environment variables first
-  androidSdkPath = process.env.ANDROID_HOME || process.env.ANDROID_SDK_ROOT;
-
-  // If not found, check common Windows locations
-  if (!androidSdkPath && process.platform === 'win32') {
-    const commonPaths = [
-      'C:\\Android',
-      path.join(require('os').homedir(), 'AppData', 'Local', 'Android', 'Sdk'),
-      'C:\\Android\\Sdk',
-      'C:\\Program Files (x86)\\Android\\android-sdk',
-    ];
-
-    for (const p of commonPaths) {
-      if (fs.existsSync(p)) {
-        androidSdkPath = p;
-        break;
-      }
-    }
-  }
-
-  // If not found on macOS/Linux, check common paths
-  if (!androidSdkPath && process.platform !== 'win32') {
-    const commonPaths = [
-      path.join(require('os').homedir(), 'Android', 'Sdk'),
-      path.join(require('os').homedir(), 'Library', 'Android', 'sdk'),
-      '/opt/android-sdk',
-    ];
-
-    for (const p of commonPaths) {
-      if (fs.existsSync(p)) {
-        androidSdkPath = p;
-        break;
-      }
-    }
-  }
-
-  if (!androidSdkPath) {
-    console.warn('[Warning] Android SDK not found. You may need to set ANDROID_HOME or create local.properties manually.');
-    return;
-  }
-
-  // Create local.properties with SDK path
-  const content = `# Auto-generated by JetStart
-sdk.dir=${androidSdkPath.replace(/\\/g, '\\\\')}
-`;
-
-  await fs.writeFile(path.join(projectPath, 'local.properties'), content);
-  console.log(`[JetStart] Created local.properties with SDK: ${androidSdkPath}`);
-}
-async function generateHotReload(
-  projectPath: string,
-  packageName: string
-): Promise<void> {
-  const packagePath = packageName.replace(/\./g, '/');
-  const hotReloadPath = path.join(
-    projectPath,
-    'app/src/main/java',
-    packagePath,
-    'HotReload.kt'
-  );
-
-  const content = `package ${packageName}
-
-import android.app.Activity
-import android.content.Intent
-import android.net.Uri
-import android.os.Build
-import android.util.Log
-import androidx.core.content.FileProvider
-import okhttp3.*
-import org.json.JSONObject
-import java.io.File
-import java.io.IOException
-
-/**
- * Hot Reload Manager
- * Connects to JetStart dev server and automatically reloads the app when code changes
- */
-object HotReload {
-    private const val TAG = "HotReload"
-    private var webSocket: WebSocket? = null
-    private var activity: Activity? = null
-    private var connectionTime: Long = 0
-    private var ignoreFirstBuild = true
-    private val httpClient = OkHttpClient()
-
-    fun connect(activity: Activity, serverUrl: String, sessionId: String) {
-        this.activity = activity
-
-        val wsUrl = serverUrl.replace("http://", "ws://").replace("https://", "wss://")
-        Log.d(TAG, "Connecting to dev server: \$wsUrl")
-
-        val client = OkHttpClient()
-        val request = Request.Builder()
-            .url(wsUrl)
-            .build()
-
-        webSocket = client.newWebSocket(request, object : WebSocketListener() {
-            override fun onOpen(webSocket: WebSocket, response: Response) {
-                Log.d(TAG, "WebSocket connected")
-                connectionTime = System.currentTimeMillis()
-                ignoreFirstBuild = true // Ignore the first build-complete after connecting
-
-                // Send connect message
-                val connectMsg = JSONObject().apply {
-                    put("type", "client:connect")
-                    put("sessionId", sessionId)
-                    put("clientType", "test-app")
-                }
-                webSocket.send(connectMsg.toString())
-            }
-
-            override fun onMessage(webSocket: WebSocket, text: String) {
-                Log.d(TAG, "Received: \$text")
-
-                try {
-                    val json = JSONObject(text)
-                    val type = json.getString("type")
-
-                    when (type) {
-                        "core:ui-update" -> {
-                            // DSL-based hot reload (FAST)
-                            if (ignoreFirstBuild) {
-                                Log.d(TAG, "Ignoring first UI update (old build)")
-                                ignoreFirstBuild = false
-                                return@onMessage
-                            }
-
-                            val timestamp = json.optLong("timestamp", 0)
-                            val dslContent = json.optString("dslContent", "")
+                            val timestamp = json.optLong("timestamp", 0)
+                            val dslContent = json.optString("dslContent", "")
 
                             Log.d(TAG, "UI update received at \$timestamp, connection at \$connectionTime")
 
@@ -791,419 +690,528 @@ object HotReload {
 }
 `;
 
-  await fs.ensureDir(path.dirname(hotReloadPath));
-  await fs.writeFile(hotReloadPath, content);
+  await fs.ensureDir(path.dirname(jetStartPath));
+  await fs.writeFile(jetStartPath, content);
+}
+
+async function createDirectoryStructure(projectPath: string): Promise<void> {
+  const dirs = [
+    'app/src/main/java',
+    'app/src/main/res/layout',
+    'app/src/main/res/values',
+    'app/src/main/res/drawable',
+    'gradle/wrapper',
+  ];
+
+  for (const dir of dirs) {
+    await fs.ensureDir(path.join(projectPath, dir));
+  }
+}
+
+async function generateBuildGradle(
+  projectPath: string,
+  options: TemplateOptions
+): Promise<void> {
+  const content = `plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    namespace '${options.packageName}'
+    compileSdk ${TARGET_ANDROID_API_LEVEL}
+
+    defaultConfig {
+        applicationId "${options.packageName}"
+        minSdk ${MIN_ANDROID_API_LEVEL}
+        targetSdk ${TARGET_ANDROID_API_LEVEL}
+        versionCode 1
+        versionName "1.0.0"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+        }
+    }
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
+    }
+
+    kotlinOptions {
+        jvmTarget = '17'
+    }
+
+    buildFeatures {
+        compose true
+        buildConfig true  // Required for JetStart hot reload
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion = '1.5.6'
+    }
+}
+
+dependencies {
+    implementation 'androidx.core:core-ktx:1.12.0'
+    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.6.2'
+    implementation 'androidx.activity:activity-compose:1.8.1'
+    implementation platform('androidx.compose:compose-bom:2023.10.01')
+    implementation 'androidx.compose.ui:ui'
+    implementation 'androidx.compose.ui:ui-graphics'
+    implementation 'androidx.compose.ui:ui-tooling-preview'
+    implementation 'androidx.compose.material3:material3'
+
+    // JetStart Hot Reload dependencies
+    implementation 'com.squareup.okhttp3:okhttp:4.12.0'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3'
+}`;
+
+  await fs.writeFile(path.join(projectPath, 'app/build.gradle'), content);
+}
+
+async function generateSettingsGradle(
+  projectPath: string,
+  projectName: string
+): Promise<void> {
+  const content = `rootProject.name = "${projectName}"
+include ':app'`;
+
+  await fs.writeFile(path.join(projectPath, 'settings.gradle'), content);
+}
+
+async function generateGradleProperties(projectPath: string): Promise<void> {
+  const content = `org.gradle.jvmargs=-Xmx2048m
+android.useAndroidX=true
+kotlin.code.style=official`;
+
+  await fs.writeFile(path.join(projectPath, 'gradle.properties'), content);
 }
 
-async function generateDSLInterpreter(
+async function generateMainActivity(
   projectPath: string,
   packageName: string
 ): Promise<void> {
   const packagePath = packageName.replace(/\./g, '/');
-  const interpreterPath = path.join(
+  const activityPath = path.join(
     projectPath,
     'app/src/main/java',
     packagePath,
-    'DSLInterpreter.kt'
+    'MainActivity.kt'
   );
 
   const content = `package ${packageName}
 
-import android.util.Log
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
 
-/**
- * DSL Interpreter
- * Converts JSON DSL to Compose UI at runtime
- */
-object DSLInterpreter {
-    private const val TAG = "DSLInterpreter"
-
-    private val _currentDSL = MutableStateFlow<UIDefinition?>(null)
-    val currentDSL: StateFlow<UIDefinition?> = _currentDSL
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
 
-    /**
-     * Update the current DSL definition
-     */
-    fun updateDSL(jsonString: String) {
+        // Initialize hot reload - reads from BuildConfig injected by jetstart dev
         try {
-            val definition = parseUIDefinition(jsonString)
-            _currentDSL.value = definition
-            Log.d(TAG, "DSL updated successfully")
+            val serverUrl = BuildConfig.JETSTART_SERVER_URL
+            val sessionId = BuildConfig.JETSTART_SESSION_ID
+            HotReload.connect(this, serverUrl, sessionId)
         } catch (e: Exception) {
-            Log.e(TAG, "Failed to parse DSL: \${e.message}", e)
+            // BuildConfig not available yet, hot reload will be disabled
+            android.util.Log.w("MainActivity", "Hot reload not configured: \${e.message}")
         }
-    }
 
-    /**
-     * Render DSL as Compose UI
-     */
-    @Composable
-    fun RenderDSL(definition: UIDefinition) {
-        RenderElement(definition.screen)
-    }
+        setContent {
+            MaterialTheme {
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colorScheme.background
+                ) {
+                    // Check if we should render from DSL (hot reload mode)
+                    val dsl by DSLInterpreter.currentDSL.collectAsState()
 
-    /**
-     * Render individual DSL element
-     */
-    @Composable
-    fun RenderElement(element: DSLElement) {
-        when (element.type) {
-            "Column" -> RenderColumn(element)
-            "Row" -> RenderRow(element)
-            "Box" -> RenderBox(element)
-            "Text" -> RenderText(element)
-            "Button" -> RenderButton(element)
-            "Spacer" -> RenderSpacer(element)
-            else -> {
-                Log.w(TAG, "Unknown element type: \${element.type}")
-                Text("Unsupported: \${element.type}", color = Color.Red)
+                    if (dsl != null) {
+                        // Hot reload mode: render from DSL sent by server
+                        DSLInterpreter.RenderDSL(dsl!!)
+                    } else {
+                        // Normal mode: render actual Compose code
+                        AppContent()
+                    }
+                }
             }
         }
     }
 
-    @Composable
-    private fun RenderColumn(element: DSLElement) {
-        Column(
-            modifier = parseModifier(element.modifier),
-            horizontalAlignment = parseHorizontalAlignment(element.horizontalAlignment),
-            verticalArrangement = parseVerticalArrangement(element.verticalArrangement)
-        ) {
-            element.children?.forEach { child ->
-                RenderElement(child)
-            }
-        }
+    override fun onDestroy() {
+        super.onDestroy()
+        HotReload.disconnect()
     }
+}
 
-    @Composable
-    private fun RenderRow(element: DSLElement) {
-        Row(
-            modifier = parseModifier(element.modifier),
-            verticalAlignment = parseVerticalAlignment(element.horizontalAlignment),
-            horizontalArrangement = parseHorizontalArrangement(element.verticalArrangement)
-        ) {
-            element.children?.forEach { child ->
-                RenderElement(child)
-            }
-        }
-    }
+/**
+ * Main App Content - REAL Kotlin Compose Code!
+ * This gets parsed to DSL and sent via hot reload
+ */
+@Composable
+fun AppContent() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Center
+    ) {
+        Text(
+            text = "Welcome to JetStart! 🚀",
+            style = MaterialTheme.typography.headlineMedium
+        )
 
-    @Composable
-    private fun RenderBox(element: DSLElement) {
-        Box(
-            modifier = parseModifier(element.modifier),
-            contentAlignment = parseContentAlignment(element.contentAlignment)
-        ) {
-            element.children?.forEach { child ->
-                RenderElement(child)
-            }
-        }
-    }
+        Spacer(modifier = Modifier.height(16.dp))
 
-    @Composable
-    private fun RenderText(element: DSLElement) {
         Text(
-            text = element.text ?: "",
-            style = parseTextStyle(element.style),
-            color = parseColor(element.color) ?: Color.Unspecified,
-            modifier = parseModifier(element.modifier)
+            text = "Edit this code and save to see hot reload!",
+            style = MaterialTheme.typography.bodyMedium
         )
-    }
 
-    @Composable
-    private fun RenderButton(element: DSLElement) {
+        Spacer(modifier = Modifier.height(24.dp))
+
         Button(
-            onClick = { handleClick(element.onClick) },
-            modifier = parseModifier(element.modifier),
-            enabled = element.enabled ?: true
+            onClick = { /* Handle click */ },
+            modifier = Modifier.fillMaxWidth()
         ) {
-            Text(element.text ?: "Button")
+            Text("Click Me!")
         }
     }
+}`;
 
-    @Composable
-    private fun RenderSpacer(element: DSLElement) {
-        Spacer(
-            modifier = Modifier
-                .height(element.height?.dp ?: 0.dp)
-                .width(element.width?.dp ?: 0.dp)
-        )
-    }
+  await fs.ensureDir(path.dirname(activityPath));
+  await fs.writeFile(activityPath, content);
+}
 
-    /**
-     * Parse DSL modifier to Compose Modifier
-     */
-    private fun parseModifier(dslModifier: DSLModifier?): Modifier {
-        var modifier: Modifier = Modifier
+async function generateAndroidManifest(
+  projectPath: string,
+  options: TemplateOptions
+): Promise<void> {
+  const themeName = options.projectName.replace(/[^a-zA-Z0-9]/g, '');
+  const content = `<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
-        dslModifier?.let { m ->
-            if (m.fillMaxSize == true) modifier = modifier.fillMaxSize()
-            if (m.fillMaxWidth == true) modifier = modifier.fillMaxWidth()
-            if (m.fillMaxHeight == true) modifier = modifier.fillMaxHeight()
+    <uses-permission android:name="android.permission.INTERNET" />
 
-            m.padding?.let { modifier = modifier.padding(it.dp) }
-            m.paddingHorizontal?.let { modifier = modifier.padding(horizontal = it.dp) }
-            m.paddingVertical?.let { modifier = modifier.padding(vertical = it.dp) }
+    <application
+        android:allowBackup="true"
+        android:label="@string/app_name"
+        android:theme="@style/Theme.${themeName}"
+        android:networkSecurityConfig="@xml/network_security_config">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
 
-            m.size?.let { modifier = modifier.size(it.dp) }
-            m.height?.let { modifier = modifier.height(it.dp) }
-            m.width?.let { modifier = modifier.width(it.dp) }
+</manifest>`;
 
-            // Note: weight() is only available in RowScope/ColumnScope
-            // We'll handle it separately when needed
-        }
+  await fs.writeFile(
+    path.join(projectPath, 'app/src/main/AndroidManifest.xml'),
+    content
+  );
+}
 
-        return modifier
-    }
+async function generateJetStartConfig(
+  projectPath: string,
+  options: TemplateOptions
+): Promise<void> {
+  const config = {
+    projectName: options.projectName,
+    packageName: options.packageName,
+    version: '1.0.0',
+    jetstart: {
+      version: '0.1.0',
+      enableHotReload: true,
+      enableLogs: true,
+      port: 8765,
+    },
+  };
 
-    /**
-     * Parse alignment strings
-     */
-    private fun parseHorizontalAlignment(alignment: String?): Alignment.Horizontal {
-        return when (alignment?.lowercase()) {
-            "start" -> Alignment.Start
-            "centerhorizontally", "center" -> Alignment.CenterHorizontally
-            "end" -> Alignment.End
-            else -> Alignment.Start
-        }
-    }
+  await fs.writeJSON(
+    path.join(projectPath, 'jetstart.config.json'),
+    config,
+    { spaces: 2 }
+  );
+}
 
-    private fun parseVerticalAlignment(alignment: String?): Alignment.Vertical {
-        return when (alignment?.lowercase()) {
-            "top" -> Alignment.Top
-            "centervertically", "center" -> Alignment.CenterVertically
-            "bottom" -> Alignment.Bottom
-            else -> Alignment.Top
-        }
-    }
+async function generateGitignore(projectPath: string): Promise<void> {
+  const content = `# Build
+/build
+/app/build
+.gradle
+*.hprof
 
-    private fun parseContentAlignment(alignment: String?): Alignment {
-        return when (alignment?.lowercase()) {
-            "center" -> Alignment.Center
-            "topcenter" -> Alignment.TopCenter
-            "topstart" -> Alignment.TopStart
-            "topend" -> Alignment.TopEnd
-            "bottomcenter" -> Alignment.BottomCenter
-            "bottomstart" -> Alignment.BottomStart
-            "bottomend" -> Alignment.BottomEnd
-            "centerstart" -> Alignment.CenterStart
-            "centerend" -> Alignment.CenterEnd
-            else -> Alignment.TopStart
-        }
-    }
+# IDE
+.idea
+*.iml
+.vscode
+.DS_Store
 
-    private fun parseVerticalArrangement(arrangement: String?): Arrangement.Vertical {
-        return when (arrangement?.lowercase()) {
-            "top" -> Arrangement.Top
-            "center" -> Arrangement.Center
-            "bottom" -> Arrangement.Bottom
-            "spacebetween" -> Arrangement.SpaceBetween
-            "spacearound" -> Arrangement.SpaceAround
-            "spaceevenly" -> Arrangement.SpaceEvenly
-            else -> Arrangement.Top
-        }
-    }
+# Claude Code
+.claude
+.claude-worktrees
 
-    private fun parseHorizontalArrangement(arrangement: String?): Arrangement.Horizontal {
-        return when (arrangement?.lowercase()) {
-            "start" -> Arrangement.Start
-            "center" -> Arrangement.Center
-            "end" -> Arrangement.End
-            "spacebetween" -> Arrangement.SpaceBetween
-            "spacearound" -> Arrangement.SpaceAround
-            "spaceevenly" -> Arrangement.SpaceEvenly
-            else -> Arrangement.Start
-        }
-    }
+# JetStart
+.jetstart
 
-    /**
-     * Parse text style
-     */
-    @Composable
-    private fun parseTextStyle(style: String?): androidx.compose.ui.text.TextStyle {
-        return when (style?.lowercase()) {
-            "headlinelarge" -> MaterialTheme.typography.headlineLarge
-            "headlinemedium" -> MaterialTheme.typography.headlineMedium
-            "headlinesmall" -> MaterialTheme.typography.headlineSmall
-            "titlelarge" -> MaterialTheme.typography.titleLarge
-            "titlemedium" -> MaterialTheme.typography.titleMedium
-            "titlesmall" -> MaterialTheme.typography.titleSmall
-            "bodylarge" -> MaterialTheme.typography.bodyLarge
-            "bodymedium" -> MaterialTheme.typography.bodyMedium
-            "bodysmall" -> MaterialTheme.typography.bodySmall
-            "labellarge" -> MaterialTheme.typography.labelLarge
-            "labelmedium" -> MaterialTheme.typography.labelMedium
-            "labelsmall" -> MaterialTheme.typography.labelSmall
-            else -> MaterialTheme.typography.bodyMedium
-        }
-    }
+# Android
+local.properties
+*.apk
+*.aab
+*.ap_
+*.dex
+*.class
+bin/
+gen/
+out/
+captures/
+.externalNativeBuild
+.cxx
 
-    /**
-     * Parse color from string
-     */
-    private fun parseColor(colorString: String?): Color? {
-        if (colorString == null) return null
+# Log files
+*.log
 
-        return try {
-            when {
-                colorString.startsWith("#") -> {
-                    // Hex color
-                    Color(android.graphics.Color.parseColor(colorString))
-                }
-                else -> null
-            }
-        } catch (e: Exception) {
-            Log.w(TAG, "Failed to parse color: \$colorString")
-            null
-        }
+# Keystore files
+*.jks
+*.keystore`;
+
+  await fs.writeFile(path.join(projectPath, '.gitignore'), content);
+}
+
+async function generateReadme(projectPath: string, projectName: string): Promise<void> {
+  const content = `# ${projectName}
+
+A JetStart project with Kotlin and Jetpack Compose.
+
+## Getting Started
+
+\`\`\`bash
+# Start development server
+jetstart dev
+
+# Build production APK
+jetstart build
+
+# View logs
+jetstart logs
+\`\`\`
+
+## Project Structure
+
+\`\`\`
+${projectName}/
+├── app/
+│   └── src/
+│       └── main/
+│           ├── java/          # Kotlin source files
+│           └── res/           # Resources
+├── jetstart.config.json       # JetStart configuration
+└── build.gradle               # Gradle build file
+\`\`\`
+
+## Learn More
+
+- [JetStart Documentation](https://github.com/phantom/jetstart)
+- [Jetpack Compose](https://developer.android.com/jetpack/compose)
+`;
+
+  await fs.writeFile(path.join(projectPath, 'README.md'), content);
+}
+
+async function generateRootBuildGradle(projectPath: string): Promise<void> {
+  const content = `// Top-level build file
+buildscript {
+    ext {
+        kotlin_version = '1.9.21'
+        compose_version = '1.5.4'
+    }
+    repositories {
+        google()
+        mavenCentral()
     }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.2.0'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+    }
+}
 
-    /**
-     * Handle click events
-     */
-    private fun handleClick(action: String?) {
-        if (action != null) {
-            Log.d(TAG, "Button clicked: \$action")
-            // TODO: Implement action handling
-        }
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
     }
 }
-`;
 
-  await fs.ensureDir(path.dirname(interpreterPath));
-  await fs.writeFile(interpreterPath, content);
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}`;
+
+  await fs.writeFile(path.join(projectPath, 'build.gradle'), content);
+}
+
+async function generateGradleWrapper(projectPath: string): Promise<void> {
+  // Use system Gradle to initialize proper wrapper
+  // This generates:
+  // - gradle/wrapper/gradle-wrapper.jar
+  // - gradle/wrapper/gradle-wrapper.properties
+  // - gradlew (Unix shell script)
+  // - gradlew.bat (Windows batch script)
+
+  return new Promise<void>((resolve) => {
+    // Try to use system gradle to generate wrapper
+    const gradleCmd = process.platform === 'win32' ? 'gradle.bat' : 'gradle';
+
+    const gradleProcess = spawn(gradleCmd, ['wrapper', '--gradle-version', '8.2'], {
+      cwd: projectPath,
+      shell: true,
+    });
+
+    gradleProcess.on('close', (code) => {
+      // Continue regardless of success/failure
+      // If gradle wrapper command fails, the build will fall back to system gradle
+      resolve();
+    });
+
+    gradleProcess.on('error', () => {
+      // Continue even if gradle command not found
+      resolve();
+    });
+
+    // Timeout after 30 seconds
+    setTimeout(() => {
+      gradleProcess.kill();
+      resolve();
+    }, 30000);
+  });
 }
 
-async function generateDSLTypes(
+async function generateResourceFiles(
   projectPath: string,
-  packageName: string
+  projectName: string
 ): Promise<void> {
-  const packagePath = packageName.replace(/\./g, '/');
-  const typesPath = path.join(
-    projectPath,
-    'app/src/main/java',
-    packagePath,
-    'DSLTypes.kt'
+  // Generate strings.xml
+  const stringsXml = `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="app_name">${projectName}</string>
+</resources>`;
+
+  await fs.writeFile(
+    path.join(projectPath, 'app/src/main/res/values/strings.xml'),
+    stringsXml
   );
 
-  const content = `package ${packageName}
+  // Generate colors.xml
+  const colorsXml = `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>`;
 
-import org.json.JSONArray
-import org.json.JSONObject
+  await fs.writeFile(
+    path.join(projectPath, 'app/src/main/res/values/colors.xml'),
+    colorsXml
+  );
 
-/**
- * DSL Type Definitions
- * Represents UI elements in JSON format that can be interpreted at runtime
- */
+  // Generate themes.xml
+  const themesXml = `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.${projectName.replace(/[^a-zA-Z0-9]/g, '')}" parent="android:Theme.Material.Light.NoActionBar" />
+</resources>`;
 
-data class UIDefinition(
-    val version: String = "1.0",
-    val screen: DSLElement
-)
+  await fs.writeFile(
+    path.join(projectPath, 'app/src/main/res/values/themes.xml'),
+    themesXml
+  );
 
-data class DSLElement(
-    val type: String,
-    val text: String? = null,
-    val style: String? = null,
-    val color: String? = null,
-    val modifier: DSLModifier? = null,
-    val horizontalAlignment: String? = null,
-    val verticalArrangement: String? = null,
-    val contentAlignment: String? = null,
-    val height: Int? = null,
-    val width: Int? = null,
-    val onClick: String? = null,
-    val enabled: Boolean? = true,
-    val imageVector: String? = null,
-    val tint: String? = null,
-    val contentDescription: String? = null,
-    val children: List<DSLElement>? = null
-)
+  // Generate network_security_config.xml for development (allows cleartext traffic)
+  const networkSecurityConfig = `<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true">
+        <trust-anchors>
+            <certificates src="system" />
+        </trust-anchors>
+    </base-config>
+</network-security-config>`;
 
-data class DSLModifier(
-    val fillMaxSize: Boolean? = null,
-    val fillMaxWidth: Boolean? = null,
-    val fillMaxHeight: Boolean? = null,
-    val padding: Int? = null,
-    val paddingHorizontal: Int? = null,
-    val paddingVertical: Int? = null,
-    val size: Int? = null,
-    val height: Int? = null,
-    val width: Int? = null,
-    val weight: Float? = null
-)
+  await fs.ensureDir(path.join(projectPath, 'app/src/main/res/xml'));
+  await fs.writeFile(
+    path.join(projectPath, 'app/src/main/res/xml/network_security_config.xml'),
+    networkSecurityConfig
+  );
+}
 
-/**
- * Parse JSON string to UIDefinition
- */
-fun parseUIDefinition(json: String): UIDefinition {
-    val obj = JSONObject(json)
-    val version = obj.optString("version", "1.0")
-    val screenObj = obj.getJSONObject("screen")
+async function generateLocalProperties(projectPath: string): Promise<void> {
+  // Auto-detect Android SDK location
+  let androidSdkPath: string | undefined;
 
-    return UIDefinition(
-        version = version,
-        screen = parseDSLElement(screenObj)
-    )
-}
+  // Check environment variables first
+  androidSdkPath = process.env.ANDROID_HOME || process.env.ANDROID_SDK_ROOT;
 
-/**
- * Parse JSONObject to DSLElement
- */
-fun parseDSLElement(obj: JSONObject): DSLElement {
-    val children = if (obj.has("children")) {
-        val childrenArray = obj.getJSONArray("children")
-        List(childrenArray.length()) { i ->
-            parseDSLElement(childrenArray.getJSONObject(i))
-        }
-    } else null
+  // If not found, check common Windows locations
+  if (!androidSdkPath && process.platform === 'win32') {
+    const commonPaths = [
+      'C:\\Android',
+      path.join(require('os').homedir(), 'AppData', 'Local', 'Android', 'Sdk'),
+      'C:\\Android\\Sdk',
+      'C:\\Program Files (x86)\\Android\\android-sdk',
+    ];
 
-    val modifier = if (obj.has("modifier")) {
-        val modObj = obj.getJSONObject("modifier")
-        DSLModifier(
-            fillMaxSize = modObj.optBoolean("fillMaxSize"),
-            fillMaxWidth = modObj.optBoolean("fillMaxWidth"),
-            fillMaxHeight = modObj.optBoolean("fillMaxHeight"),
-            padding = if (modObj.has("padding")) modObj.getInt("padding") else null,
-            paddingHorizontal = if (modObj.has("paddingHorizontal")) modObj.getInt("paddingHorizontal") else null,
-            paddingVertical = if (modObj.has("paddingVertical")) modObj.getInt("paddingVertical") else null,
-            size = if (modObj.has("size")) modObj.getInt("size") else null,
-            height = if (modObj.has("height")) modObj.getInt("height") else null,
-            width = if (modObj.has("width")) modObj.getInt("width") else null,
-            weight = if (modObj.has("weight")) modObj.getDouble("weight").toFloat() else null
-        )
-    } else null
+    for (const p of commonPaths) {
+      if (fs.existsSync(p)) {
+        androidSdkPath = p;
+        break;
+      }
+    }
+  }
 
-    return DSLElement(
-        type = obj.getString("type"),
-        text = if (obj.has("text")) obj.getString("text") else null,
-        style = if (obj.has("style")) obj.getString("style") else null,
-        color = if (obj.has("color")) obj.getString("color") else null,
-        modifier = modifier,
-        horizontalAlignment = if (obj.has("horizontalAlignment")) obj.getString("horizontalAlignment") else null,
-        verticalArrangement = if (obj.has("verticalArrangement")) obj.getString("verticalArrangement") else null,
-        contentAlignment = if (obj.has("contentAlignment")) obj.getString("contentAlignment") else null,
-        height = if (obj.has("height")) obj.getInt("height") else null,
-        width = if (obj.has("width")) obj.getInt("width") else null,
-        onClick = if (obj.has("onClick")) obj.getString("onClick") else null,
-        enabled = obj.optBoolean("enabled", true),
-        imageVector = if (obj.has("imageVector")) obj.getString("imageVector") else null,
-        tint = if (obj.has("tint")) obj.getString("tint") else null,
-        contentDescription = if (obj.has("contentDescription")) obj.getString("contentDescription") else null,
-        children = children
-    )
-}
+  // If not found on macOS/Linux, check common paths
+  if (!androidSdkPath && process.platform !== 'win32') {
+    const commonPaths = [
+      path.join(require('os').homedir(), 'Android', 'Sdk'),
+      path.join(require('os').homedir(), 'Library', 'Android', 'sdk'),
+      '/opt/android-sdk',
+    ];
+
+    for (const p of commonPaths) {
+      if (fs.existsSync(p)) {
+        androidSdkPath = p;
+        break;
+      }
+    }
+  }
+
+  if (!androidSdkPath) {
+    console.warn('[Warning] Android SDK not found. You may need to set ANDROID_HOME or create local.properties manually.');
+    return;
+  }
+
+  // Create local.properties with SDK path
+  const content = `# Auto-generated by JetStart
+sdk.dir=${androidSdkPath.replace(/\\/g, '\\\\')}
 `;
 
-  await fs.ensureDir(path.dirname(typesPath));
-  await fs.writeFile(typesPath, content);
-}
+  await fs.writeFile(path.join(projectPath, 'local.properties'), content);
+  console.log(`[JetStart] Created local.properties with SDK: ${androidSdkPath}`);
+}