@jetstart/cli 1.1.4 → 1.4.0

package/dist/utils/template.js

@@ -23,9 +23,7 @@ async function generateProjectTemplate(projectPath, options) {
     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);
@@ -33,457 +31,438 @@ async function generateProjectTemplate(projectPath, options) {
     await generateGitignore(projectPath);
     await generateReadme(projectPath, projectName);
 }
-async function createDirectoryStructure(projectPath) {
-    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_extra_1.default.ensureDir(path_1.default.join(projectPath, dir));
-    }
-}
-async function generateBuildGradle(projectPath, options) {
-    const content = `plugins {
-    id 'com.android.application'
-    id 'org.jetbrains.kotlin.android'
-}
-
-android {
-    namespace '${options.packageName}'
-    compileSdk ${shared_1.TARGET_ANDROID_API_LEVEL}
-
-    defaultConfig {
-        applicationId "${options.packageName}"
-        minSdk ${shared_1.MIN_ANDROID_API_LEVEL}
-        targetSdk ${shared_1.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_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/build.gradle'), content);
-}
-async function generateSettingsGradle(projectPath, projectName) {
-    const content = `rootProject.name = "${projectName}"
-include ':app'`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'settings.gradle'), content);
-}
-async function generateGradleProperties(projectPath) {
-    const content = `org.gradle.jvmargs=-Xmx2048m
-android.useAndroidX=true
-kotlin.code.style=official`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'gradle.properties'), content);
-}
-async function generateMainActivity(projectPath, packageName) {
+async function generateJetStart(projectPath, packageName) {
     const packagePath = packageName.replace(/\./g, '/');
-    const activityPath = path_1.default.join(projectPath, 'app/src/main/java', packagePath, 'MainActivity.kt');
+    const jetStartPath = path_1.default.join(projectPath, 'app/src/main/java', packagePath, '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!")
-        }
-    }
-}`;
-    await fs_extra_1.default.ensureDir(path_1.default.dirname(activityPath));
-    await fs_extra_1.default.writeFile(activityPath, content);
-}
-async function generateAndroidManifest(projectPath, options) {
-    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">
+/**
+ * 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")
 
-    <uses-permission android:name="android.permission.INTERNET" />
+    return UIDefinition(
+        version = version,
+        screen = parseDSLElement(screenObj)
+    )
+}
 
-    <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>
+/**
+ * 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
 
-</manifest>`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/AndroidManifest.xml'), content);
-}
-async function generateJetStartConfig(projectPath, options) {
-    const config = {
-        projectName: options.projectName,
-        packageName: options.packageName,
-        version: '1.0.0',
-        jetstart: {
-            version: '0.1.0',
-            enableHotReload: true,
-            enableLogs: true,
-            port: 8765,
-        },
-    };
-    await fs_extra_1.default.writeJSON(path_1.default.join(projectPath, 'jetstart.config.json'), config, { spaces: 2 });
+    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
+
+    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 generateGitignore(projectPath) {
-    const content = `# Build
-/build
-/app/build
-.gradle
-*.hprof
 
-# IDE
-.idea
-*.iml
-.vscode
-.DS_Store
+// ============================================================================
+// DSL Interpreter
+// ============================================================================
 
-# Claude Code
-.claude
-.claude-worktrees
+/**
+ * DSL Interpreter
+ * Converts JSON DSL to Compose UI at runtime
+ */
+object DSLInterpreter {
+    private const val TAG = "DSLInterpreter"
 
-# JetStart
-.jetstart
+    private val _currentDSL = MutableStateFlow<UIDefinition?>(null)
+    val currentDSL: StateFlow<UIDefinition?> = _currentDSL
 
-# Android
-local.properties
-*.apk
-*.aab
-*.ap_
-*.dex
-*.class
-bin/
-gen/
-out/
-captures/
-.externalNativeBuild
-.cxx
+    /**
+     * 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)
+        }
+    }
 
-# Log files
-*.log
+    /**
+     * Render DSL as Compose UI
+     */
+    @Composable
+    fun RenderDSL(definition: UIDefinition) {
+        RenderElement(definition.screen)
+    }
 
-# Keystore files
-*.jks
-*.keystore`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.gitignore'), content);
-}
-async function generateReadme(projectPath, projectName) {
-    const content = `# ${projectName}
+    /**
+     * 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)
+            }
+        }
+    }
 
-A JetStart project with Kotlin and Jetpack Compose.
+    @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)
+            }
+        }
+    }
 
-## Getting Started
+    @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)
+            }
+        }
+    }
 
-\`\`\`bash
-# Start development server
-jetstart dev
+    @Composable
+    private fun RenderBox(element: DSLElement) {
+        Box(
+            modifier = parseModifier(element.modifier),
+            contentAlignment = parseContentAlignment(element.contentAlignment)
+        ) {
+            element.children?.forEach { child ->
+                RenderElement(child)
+            }
+        }
+    }
 
-# Build production APK
-jetstart build
+    @Composable
+    private fun RenderText(element: DSLElement) {
+        Text(
+            text = element.text ?: "",
+            style = parseTextStyle(element.style),
+            color = parseColor(element.color) ?: Color.Unspecified,
+            modifier = parseModifier(element.modifier)
+        )
+    }
 
-# View logs
-jetstart logs
-\`\`\`
+    @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")
+        }
+    }
 
-## Project Structure
+    @Composable
+    private fun RenderSpacer(element: DSLElement) {
+        Spacer(
+            modifier = Modifier
+                .height(element.height?.dp ?: 0.dp)
+                .width(element.width?.dp ?: 0.dp)
+        )
+    }
 
-\`\`\`
-${projectName}/
-├── app/
-│   └── src/
-│       └── main/
-│           ├── java/          # Kotlin source files
-│           └── res/           # Resources
-├── jetstart.config.json       # JetStart configuration
-└── build.gradle               # Gradle build file
-\`\`\`
+    /**
+     * Parse DSL modifier to Compose Modifier
+     */
+    private fun parseModifier(dslModifier: DSLModifier?): Modifier {
+        var modifier: Modifier = Modifier
 
-## Learn More
+        dslModifier?.let { m ->
+            if (m.fillMaxSize == true) modifier = modifier.fillMaxSize()
+            if (m.fillMaxWidth == true) modifier = modifier.fillMaxWidth()
+            if (m.fillMaxHeight == true) modifier = modifier.fillMaxHeight()
 
-- [JetStart Documentation](https://github.com/phantom/jetstart)
-- [Jetpack Compose](https://developer.android.com/jetpack/compose)
-`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'README.md'), content);
-}
-async function generateRootBuildGradle(projectPath) {
-    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"
-    }
-}
+            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) }
 
-allprojects {
-    repositories {
-        google()
-        mavenCentral()
-    }
-}
+            m.size?.let { modifier = modifier.size(it.dp) }
+            m.height?.let { modifier = modifier.height(it.dp) }
+            m.width?.let { modifier = modifier.width(it.dp) }
 
-task clean(type: Delete) {
-    delete rootProject.buildDir
-}`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'build.gradle'), content);
-}
-async function generateGradleWrapper(projectPath) {
-    // 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((resolve) => {
-        // Try to use system gradle to generate wrapper
-        const gradleCmd = process.platform === 'win32' ? 'gradle.bat' : 'gradle';
-        const gradleProcess = (0, child_process_1.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 generateResourceFiles(projectPath, projectName) {
-    // Generate strings.xml
-    const stringsXml = `<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <string name="app_name">${projectName}</string>
-</resources>`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/values/strings.xml'), stringsXml);
-    // 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>`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/values/colors.xml'), colorsXml);
-    // 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>`;
-    await fs_extra_1.default.writeFile(path_1.default.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_extra_1.default.ensureDir(path_1.default.join(projectPath, 'app/src/main/res/xml'));
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/xml/network_security_config.xml'), networkSecurityConfig);
-}
-async function generateLocalProperties(projectPath) {
-    // Auto-detect Android SDK location
-    let androidSdkPath;
-    // 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_1.default.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_extra_1.default.existsSync(p)) {
-                androidSdkPath = p;
-                break;
-            }
+            // Note: weight() is only available in RowScope/ColumnScope
+            // We'll handle it separately when needed
         }
+
+        return modifier
     }
-    // If not found on macOS/Linux, check common paths
-    if (!androidSdkPath && process.platform !== 'win32') {
-        const commonPaths = [
-            path_1.default.join(require('os').homedir(), 'Android', 'Sdk'),
-            path_1.default.join(require('os').homedir(), 'Library', 'Android', 'sdk'),
-            '/opt/android-sdk',
-        ];
-        for (const p of commonPaths) {
-            if (fs_extra_1.default.existsSync(p)) {
-                androidSdkPath = p;
-                break;
+
+    /**
+     * 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
+        }
+    }
+
+    private fun parseVerticalAlignment(alignment: String?): Alignment.Vertical {
+        return when (alignment?.lowercase()) {
+            "top" -> Alignment.Top
+            "centervertically", "center" -> Alignment.CenterVertically
+            "bottom" -> Alignment.Bottom
+            else -> Alignment.Top
+        }
+    }
+
+    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
+        }
+    }
+
+    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
+        }
+    }
+
+    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
+        }
+    }
+
+    /**
+     * 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
+        }
+    }
+
+    /**
+     * 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
         }
     }
-    if (!androidSdkPath) {
-        console.warn('[Warning] Android SDK not found. You may need to set ANDROID_HOME or create local.properties manually.');
-        return;
+
+    /**
+     * Handle click events
+     */
+    private fun handleClick(action: String?, text: String?) {
+        if (action != null) {
+            Log.d(TAG, "Button clicked: \$action")
+
+            // 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}")
+        }
     }
-    // Create local.properties with SDK path
-    const content = `# Auto-generated by JetStart
-sdk.dir=${androidSdkPath.replace(/\\/g, '\\\\')}
-`;
-    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'local.properties'), content);
-    console.log(`[JetStart] Created local.properties with SDK: ${androidSdkPath}`);
 }
-async function generateHotReload(projectPath, packageName) {
-    const packagePath = packageName.replace(/\./g, '/');
-    const hotReloadPath = path_1.default.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
+// ============================================================================
 
 /**
  * Hot Reload Manager
@@ -497,6 +476,11 @@ object HotReload {
     private var ignoreFirstBuild = true
     private val httpClient = OkHttpClient()
 
+    /**
+     * Get the current WebSocket connection (for sending messages)
+     */
+    fun getWebSocket(): WebSocket? = webSocket
+
     fun connect(activity: Activity, serverUrl: String, sessionId: String) {
         this.activity = activity
 
@@ -693,398 +677,443 @@ object HotReload {
     }
 }
 `;
-    await fs_extra_1.default.ensureDir(path_1.default.dirname(hotReloadPath));
-    await fs_extra_1.default.writeFile(hotReloadPath, content);
+    await fs_extra_1.default.ensureDir(path_1.default.dirname(jetStartPath));
+    await fs_extra_1.default.writeFile(jetStartPath, content);
 }
-async function generateDSLInterpreter(projectPath, packageName) {
-    const packagePath = packageName.replace(/\./g, '/');
-    const interpreterPath = path_1.default.join(projectPath, 'app/src/main/java', packagePath, 'DSLInterpreter.kt');
-    const content = `package ${packageName}
-
-import android.util.Log
-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
-
-    /**
-     * 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)
-        }
-    }
-
-    /**
-     * Render DSL as Compose UI
-     */
-    @Composable
-    fun RenderDSL(definition: UIDefinition) {
-        RenderElement(definition.screen)
+async function createDirectoryStructure(projectPath) {
+    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_extra_1.default.ensureDir(path_1.default.join(projectPath, dir));
     }
+}
+async function generateBuildGradle(projectPath, options) {
+    const content = `plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
 
-    /**
-     * 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 {
+    namespace '${options.packageName}'
+    compileSdk ${shared_1.TARGET_ANDROID_API_LEVEL}
 
-    @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)
-            }
-        }
+    defaultConfig {
+        applicationId "${options.packageName}"
+        minSdk ${shared_1.MIN_ANDROID_API_LEVEL}
+        targetSdk ${shared_1.TARGET_ANDROID_API_LEVEL}
+        versionCode 1
+        versionName "1.0.0"
     }
 
-    @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)
-            }
+    buildTypes {
+        release {
+            minifyEnabled false
         }
     }
 
-    @Composable
-    private fun RenderBox(element: DSLElement) {
-        Box(
-            modifier = parseModifier(element.modifier),
-            contentAlignment = parseContentAlignment(element.contentAlignment)
-        ) {
-            element.children?.forEach { child ->
-                RenderElement(child)
-            }
-        }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
     }
 
-    @Composable
-    private fun RenderText(element: DSLElement) {
-        Text(
-            text = element.text ?: "",
-            style = parseTextStyle(element.style),
-            color = parseColor(element.color) ?: Color.Unspecified,
-            modifier = parseModifier(element.modifier)
-        )
+    kotlinOptions {
+        jvmTarget = '17'
     }
 
-    @Composable
-    private fun RenderButton(element: DSLElement) {
-        Button(
-            onClick = { handleClick(element.onClick) },
-            modifier = parseModifier(element.modifier),
-            enabled = element.enabled ?: true
-        ) {
-            Text(element.text ?: "Button")
-        }
+    buildFeatures {
+        compose true
+        buildConfig true  // Required for JetStart hot reload
     }
 
-    @Composable
-    private fun RenderSpacer(element: DSLElement) {
-        Spacer(
-            modifier = Modifier
-                .height(element.height?.dp ?: 0.dp)
-                .width(element.width?.dp ?: 0.dp)
-        )
+    composeOptions {
+        kotlinCompilerExtensionVersion = '1.5.6'
     }
+}
 
-    /**
-     * Parse DSL modifier to Compose Modifier
-     */
-    private fun parseModifier(dslModifier: DSLModifier?): Modifier {
-        var modifier: Modifier = Modifier
+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'
 
-        dslModifier?.let { m ->
-            if (m.fillMaxSize == true) modifier = modifier.fillMaxSize()
-            if (m.fillMaxWidth == true) modifier = modifier.fillMaxWidth()
-            if (m.fillMaxHeight == true) modifier = modifier.fillMaxHeight()
+    // JetStart Hot Reload dependencies
+    implementation 'com.squareup.okhttp3:okhttp:4.12.0'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3'
+}`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/build.gradle'), content);
+}
+async function generateSettingsGradle(projectPath, projectName) {
+    const content = `rootProject.name = "${projectName}"
+include ':app'`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'settings.gradle'), content);
+}
+async function generateGradleProperties(projectPath) {
+    const content = `org.gradle.jvmargs=-Xmx2048m
+android.useAndroidX=true
+kotlin.code.style=official`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'gradle.properties'), content);
+}
+async function generateMainActivity(projectPath, packageName) {
+    const packagePath = packageName.replace(/\./g, '/');
+    const activityPath = path_1.default.join(projectPath, 'app/src/main/java', packagePath, 'MainActivity.kt');
+    const content = `package ${packageName}
 
-            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) }
+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.unit.dp
 
-            m.size?.let { modifier = modifier.size(it.dp) }
-            m.height?.let { modifier = modifier.height(it.dp) }
-            m.width?.let { modifier = modifier.width(it.dp) }
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
 
-            // Note: weight() is only available in RowScope/ColumnScope
-            // We'll handle it separately when needed
+        // 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}")
         }
 
-        return modifier
-    }
+        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()
 
-    /**
-     * 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
+                    if (dsl != null) {
+                        // Hot reload mode: render from DSL sent by server
+                        DSLInterpreter.RenderDSL(dsl!!)
+                    } else {
+                        // Normal mode: render actual Compose code
+                        AppContent()
+                    }
+                }
+            }
         }
     }
 
-    private fun parseVerticalAlignment(alignment: String?): Alignment.Vertical {
-        return when (alignment?.lowercase()) {
-            "top" -> Alignment.Top
-            "centervertically", "center" -> Alignment.CenterVertically
-            "bottom" -> Alignment.Bottom
-            else -> Alignment.Top
-        }
+    override fun onDestroy() {
+        super.onDestroy()
+        HotReload.disconnect()
     }
+}
 
-    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
-        }
-    }
+/**
+ * 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
+        )
 
-    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
-        }
-    }
+        Spacer(modifier = Modifier.height(16.dp))
 
-    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
-        }
-    }
+        Text(
+            text = "Edit this code and save to see hot reload!",
+            style = MaterialTheme.typography.bodyMedium
+        )
 
-    /**
-     * 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
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Button(
+            onClick = { /* Handle click */ },
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text("Click Me!")
         }
     }
+}`;
+    await fs_extra_1.default.ensureDir(path_1.default.dirname(activityPath));
+    await fs_extra_1.default.writeFile(activityPath, content);
+}
+async function generateAndroidManifest(projectPath, options) {
+    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">
 
-    /**
-     * Parse color from string
-     */
-    private fun parseColor(colorString: String?): Color? {
-        if (colorString == null) return null
+    <uses-permission android:name="android.permission.INTERNET" />
 
-        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
-        }
-    }
+    <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>
 
-    /**
-     * Handle click events
-     */
-    private fun handleClick(action: String?) {
-        if (action != null) {
-            Log.d(TAG, "Button clicked: \$action")
-            // TODO: Implement action handling
-        }
-    }
+</manifest>`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/AndroidManifest.xml'), content);
 }
-`;
-    await fs_extra_1.default.ensureDir(path_1.default.dirname(interpreterPath));
-    await fs_extra_1.default.writeFile(interpreterPath, content);
+async function generateJetStartConfig(projectPath, options) {
+    const config = {
+        projectName: options.projectName,
+        packageName: options.packageName,
+        version: '1.0.0',
+        jetstart: {
+            version: '0.1.0',
+            enableHotReload: true,
+            enableLogs: true,
+            port: 8765,
+        },
+    };
+    await fs_extra_1.default.writeJSON(path_1.default.join(projectPath, 'jetstart.config.json'), config, { spaces: 2 });
 }
-async function generateDSLTypes(projectPath, packageName) {
-    const packagePath = packageName.replace(/\./g, '/');
-    const typesPath = path_1.default.join(projectPath, 'app/src/main/java', packagePath, 'DSLTypes.kt');
-    const content = `package ${packageName}
-
-import org.json.JSONArray
-import org.json.JSONObject
+async function generateGitignore(projectPath) {
+    const content = `# Build
+/build
+/app/build
+.gradle
+*.hprof
 
-/**
- * DSL Type Definitions
- * Represents UI elements in JSON format that can be interpreted at runtime
- */
+# IDE
+.idea
+*.iml
+.vscode
+.DS_Store
 
-data class UIDefinition(
-    val version: String = "1.0",
-    val screen: DSLElement
-)
+# Claude Code
+.claude
+.claude-worktrees
 
-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
-)
+# JetStart
+.jetstart
 
-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
-)
+# Android
+local.properties
+*.apk
+*.aab
+*.ap_
+*.dex
+*.class
+bin/
+gen/
+out/
+captures/
+.externalNativeBuild
+.cxx
 
-/**
- * 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")
+# Log files
+*.log
 
-    return UIDefinition(
-        version = version,
-        screen = parseDSLElement(screenObj)
-    )
+# Keystore files
+*.jks
+*.keystore`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.gitignore'), content);
 }
+async function generateReadme(projectPath, projectName) {
+    const content = `# ${projectName}
 
-/**
- * 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
+A JetStart project with Kotlin and Jetpack Compose.
 
-    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
+## Getting Started
 
-    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
-    )
+\`\`\`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_extra_1.default.writeFile(path_1.default.join(projectPath, 'README.md'), content);
+}
+async function generateRootBuildGradle(projectPath) {
+    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"
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'build.gradle'), content);
+}
+async function generateGradleWrapper(projectPath) {
+    // 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((resolve) => {
+        // Try to use system gradle to generate wrapper
+        const gradleCmd = process.platform === 'win32' ? 'gradle.bat' : 'gradle';
+        const gradleProcess = (0, child_process_1.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 generateResourceFiles(projectPath, projectName) {
+    // Generate strings.xml
+    const stringsXml = `<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="app_name">${projectName}</string>
+</resources>`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/values/strings.xml'), stringsXml);
+    // 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>`;
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/values/colors.xml'), colorsXml);
+    // 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>`;
+    await fs_extra_1.default.writeFile(path_1.default.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_extra_1.default.ensureDir(path_1.default.join(projectPath, 'app/src/main/res/xml'));
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'app/src/main/res/xml/network_security_config.xml'), networkSecurityConfig);
+}
+async function generateLocalProperties(projectPath) {
+    // Auto-detect Android SDK location
+    let androidSdkPath;
+    // 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_1.default.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_extra_1.default.existsSync(p)) {
+                androidSdkPath = p;
+                break;
+            }
+        }
+    }
+    // If not found on macOS/Linux, check common paths
+    if (!androidSdkPath && process.platform !== 'win32') {
+        const commonPaths = [
+            path_1.default.join(require('os').homedir(), 'Android', 'Sdk'),
+            path_1.default.join(require('os').homedir(), 'Library', 'Android', 'sdk'),
+            '/opt/android-sdk',
+        ];
+        for (const p of commonPaths) {
+            if (fs_extra_1.default.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_extra_1.default.ensureDir(path_1.default.dirname(typesPath));
-    await fs_extra_1.default.writeFile(typesPath, content);
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'local.properties'), content);
+    console.log(`[JetStart] Created local.properties with SDK: ${androidSdkPath}`);
 }
 //# sourceMappingURL=template.js.map