kasy-cli 1.13.0 → 1.14.0

package/lib/utils/ui.js

@@ -13,6 +13,15 @@
  */
 
 const clack = require('@clack/prompts');
+const kleur = require('kleur');
+
+function formatElapsedSeconds(startTime) {
+  const elapsed = Math.floor((Date.now() - startTime) / 1000);
+  if (elapsed < 60) return `${elapsed}s`;
+  const m = Math.floor(elapsed / 60);
+  const s = elapsed % 60;
+  return `${m}m ${s}s`;
+}
 
 function handleCancel(result, onCancel) {
   if (clack.isCancel(result)) {
@@ -85,6 +94,109 @@ function cancel(message) { clack.cancel(message); }
  */
 function spinner() { return clack.spinner(); }
 
+/**
+ * Spinner with an automatic elapsed-time suffix that ticks every second.
+ * Same API as spinner() — useful for operations that take >30s so the user
+ * sees the clock moving even when the underlying tool emits no progress.
+ *
+ *   const s = ui.timedSpinner();
+ *   s.start('Deploying…');          // "Deploying…  [0s]"
+ *   // ... 73 seconds later
+ *   s.stop('Deploy done');          // "Deploy done  [1m 13s]"
+ */
+function timedSpinner() {
+  const s = clack.spinner();
+  let startTime = null;
+  let currentMessage = '';
+  let tick = null;
+
+  const render = (msg) => {
+    if (!msg) return '';
+    if (!startTime) return msg;
+    return `${msg}  ${kleur.dim(`[${formatElapsedSeconds(startTime)}]`)}`;
+  };
+
+  const stopTick = () => {
+    if (tick) { clearInterval(tick); tick = null; }
+  };
+
+  return {
+    start(msg) {
+      startTime = Date.now();
+      currentMessage = msg || '';
+      s.start(render(currentMessage));
+      tick = setInterval(() => {
+        if (currentMessage) s.message(render(currentMessage));
+      }, 1000);
+    },
+    message(msg) {
+      currentMessage = msg || '';
+      s.message(render(currentMessage));
+    },
+    stop(msg, code) {
+      stopTick();
+      const finalMsg = msg != null ? render(msg) : render(currentMessage);
+      s.stop(finalMsg, code);
+    },
+    error(msg) {
+      stopTick();
+      s.error(msg != null ? render(msg) : render(currentMessage));
+    },
+  };
+}
+
+/**
+ * Multi-step spinner where every step shows its own elapsed-time counter.
+ * Use for long sequential flows like Firebase project creation so the user
+ * can tell which steps are slow.
+ */
+function makeTimedStepper() {
+  let current = null;
+  let currentMsg = '';
+  return {
+    next(text) {
+      if (current) current.stop(currentMsg);
+      current = timedSpinner();
+      currentMsg = text;
+      current.start(text);
+    },
+    update(text) {
+      if (current) {
+        currentMsg = text;
+        current.message(text);
+      }
+    },
+    succeed(text) {
+      if (current) {
+        current.stop(text || currentMsg);
+        current = null;
+        currentMsg = '';
+      }
+    },
+    fail(text) {
+      if (current) {
+        current.error(text || currentMsg);
+        current = null;
+        currentMsg = '';
+      }
+    },
+    warn(text) {
+      if (current) {
+        current.stop(`⚠ ${text || currentMsg}`);
+        current = null;
+        currentMsg = '';
+      }
+    },
+    stop() {
+      if (current) {
+        current.stop(currentMsg);
+        current = null;
+        currentMsg = '';
+      }
+    },
+  };
+}
+
 /**
  * Multi-step spinner: each .next(text) succeeds the previous step
  * with the previous message, then starts a new step with `text`.
@@ -166,7 +278,9 @@ module.exports = {
   note,
   cancel,
   spinner,
+  timedSpinner,
   makeStepper,
+  makeTimedStepper,
   taskLog,
   progress,
   log,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kasy-cli",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "CLI for scaffolding production-ready Flutter SaaS apps with Firebase, Supabase, or API REST backends.",
   "bin": {
     "kasy": "./bin/kasy.js"
@@ -51,7 +51,6 @@
     "fs-extra": "^11.2.0",
     "gradient-string": "^1.2.0",
     "kleur": "^4.1.5",
-    "ora": "^8.0.1",
     "prompts": "^2.4.2",
     "yaml": "^2.4.2"
   }

package/templates/firebase/README.en.md

@@ -1,4 +1,4 @@
-# AppFirebase
+# Kasy App
 
 Flutter app with Firebase backend — generated by kasy.
 

package/templates/firebase/README.es.md

@@ -1,4 +1,4 @@
-# AppFirebase
+# Kasy App
 
 App Flutter con backend Firebase — generado por kasy.
 

package/templates/firebase/README.md

@@ -1,4 +1,4 @@
-# AppFirebase
+# Kasy App
 
 Flutter app com backend Firebase — gerado pelo kasy.
 

package/templates/firebase/android/app/build.gradle.kts

@@ -76,5 +76,14 @@ flutter {
 dependencies {
   coreLibraryDesugaring("com.android.tools:desugar_jdk_libs:2.1.5")
   implementation("com.google.android.gms:play-services-ads-identifier:18.1.0")
-  implementation("androidx.glance:glance-appwidget:1.1.1")
+  // strictly() blocks Gradle from upgrading via transitive resolution —
+  // the home_widget plugin declares `1.+` and would otherwise pick the
+  // latest alpha (1.3.0-alpha01 at time of writing), which requires
+  // compileSdk 37 + AGP 9.x and breaks the build.
+  implementation("androidx.glance:glance-appwidget") {
+    version {
+      strictly("1.1.1")
+    }
+  }
+  implementation("androidx.appcompat:appcompat:1.7.0")
 }

package/templates/firebase/android/app/src/main/AndroidManifest.xml

@@ -16,7 +16,7 @@
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
 
     <application
-        android:label="AppFirebase"
+        android:label="Kasy App"
         android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher"
         android:localeConfig="@xml/locales_config">

package/templates/firebase/android/app/src/main/kotlin/com/aicrus/firebase/kit/MainActivity.kt

@@ -1,5 +1,8 @@
 package com.aicrus.firebase.kit
-    
+
+import android.content.Context
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatDelegate
 import com.google.android.gms.ads.identifier.AdvertisingIdClient
 import io.flutter.embedding.android.FlutterActivity
 import io.flutter.embedding.engine.FlutterEngine
@@ -12,6 +15,27 @@ import kotlinx.coroutines.withContext
 class MainActivity : FlutterActivity() {
   private val CHANNEL = "kasy_kit/advertising_id"
 
+  override fun onCreate(savedInstanceState: Bundle?) {
+    applySavedThemeMode()
+    super.onCreate(savedInstanceState)
+  }
+
+  // Forces the night mode to match the user's saved theme preference (read
+  // from `shared_preferences`) so the native splash drawable selection
+  // (drawable-night vs drawable) follows the in-app choice, not just the OS.
+  private fun applySavedThemeMode() {
+    val prefs = applicationContext.getSharedPreferences(
+      "FlutterSharedPreferences",
+      Context.MODE_PRIVATE,
+    )
+    val mode = when (prefs.getString("flutter.themeMode", null)) {
+      "dark" -> AppCompatDelegate.MODE_NIGHT_YES
+      "light" -> AppCompatDelegate.MODE_NIGHT_NO
+      else -> AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM
+    }
+    AppCompatDelegate.setDefaultNightMode(mode)
+  }
+
   override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
     super.configureFlutterEngine(flutterEngine)
     

package/templates/firebase/android/app/src/main/kotlin/com/aicrus/firebase/kit/MyWidget.kt

@@ -1,32 +1,50 @@
 package com.aicrus.firebase.kit
 
 import android.content.Context
+import android.content.Intent
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.glance.GlanceId
 import androidx.glance.GlanceModifier
+import androidx.glance.Image
+import androidx.glance.ImageProvider
+import androidx.glance.LocalSize
+import androidx.glance.action.clickable
 import androidx.glance.appwidget.GlanceAppWidget
+import androidx.glance.appwidget.SizeMode
+import androidx.glance.appwidget.action.actionStartActivity
 import androidx.glance.appwidget.provideContent
 import androidx.glance.background
 import androidx.glance.currentState
 import androidx.glance.layout.Alignment
 import androidx.glance.layout.Box
 import androidx.glance.layout.Column
+import androidx.glance.layout.ContentScale
+import androidx.glance.layout.Row
 import androidx.glance.layout.Spacer
 import androidx.glance.layout.fillMaxSize
+import androidx.glance.layout.fillMaxWidth
 import androidx.glance.layout.padding
+import androidx.glance.layout.size
 import androidx.glance.state.GlanceStateDefinition
+import androidx.glance.text.FontStyle
 import androidx.glance.text.FontWeight
 import androidx.glance.text.Text
 import androidx.glance.text.TextStyle
 import androidx.glance.unit.ColorProvider
 import es.antonborri.home_widget.HomeWidgetGlanceState
 import es.antonborri.home_widget.HomeWidgetGlanceStateDefinition
+import java.util.Calendar
+import java.util.Locale
 
 class MyWidgetWidget : GlanceAppWidget() {
 
+  // Recompose when the user resizes the widget so the layout can adapt
+  // between small (no "+", no quote) and large (everything visible).
+  override val sizeMode: SizeMode = SizeMode.Exact
+
   override val stateDefinition: GlanceStateDefinition<*>?
     get() = HomeWidgetGlanceStateDefinition()
 
@@ -39,22 +57,49 @@ class MyWidgetWidget : GlanceAppWidget() {
   @Composable
   private fun GlanceContent(context: Context, currentState: HomeWidgetGlanceState) {
     val prefs = currentState.preferences
-    val greeting = prefs.getString("greeting", "") ?: ""
-    val title = prefs.getString("title", "") ?: ""
+    val storedGreeting = prefs.getString("greeting", "") ?: ""
+    val storedTitle = prefs.getString("title", "") ?: ""
     val planText = prefs.getString("planText", "") ?: ""
     val isPro = prefs.getString("isPro", "false") == "true"
+    val quote = prefs.getString("quote", "") ?: ""
+
+    // Time/locale-based fallback used when Flutter has not pushed data yet —
+    // first install before the app opens. Keeps the widget from rendering
+    // blank in the gallery preview.
+    val defaults = defaultStrings()
+    val greeting = storedGreeting.ifEmpty { defaults.greeting }
+    val title = storedTitle.ifEmpty { defaults.hello }
+
+    val size = LocalSize.current
+    val isSmall = size.width < 200.dp
+    // Heuristic: tall enough to fit greeting + title + quote without crowding.
+    val isLarge = size.height >= 280.dp
 
-    val bgColor = Color(red = 0.08f, green = 0.03f, blue = 0.16f)
     val white = Color.White
     val whiteSubtle = Color(red = 1f, green = 1f, blue = 1f, alpha = 0.55f)
+    val whiteQuote = Color(red = 1f, green = 1f, blue = 1f, alpha = 0.65f)
     val gold = Color(red = 1f, green = 0.84f, blue = 0f)
-    val whiteVerySubtle = Color(red = 1f, green = 1f, blue = 1f, alpha = 0.40f)
+    val whiteVerySubtle = Color(red = 1f, green = 1f, blue = 1f, alpha = 0.45f)
 
+    // The gradient lives in its own Image at the bottom of the stack rather
+    // than as `.background(ImageProvider(...))`, because in some Glance
+    // versions the latter ends up rendered ABOVE the content — the widget
+    // shows just the gradient, no text. The explicit Image+Column layering
+    // here is deterministic.
     Box(
-      modifier = GlanceModifier.fillMaxSize().background(bgColor).padding(16.dp),
-      contentAlignment = Alignment.TopStart,
+      modifier = GlanceModifier
+        .fillMaxSize()
+        .clickable(actionStartActivity(launchAppIntent(context))),
     ) {
-      Column(modifier = GlanceModifier.fillMaxSize()) {
+      Image(
+        provider = ImageProvider(R.drawable.widget_gradient_inner),
+        contentDescription = null,
+        contentScale = ContentScale.FillBounds,
+        modifier = GlanceModifier.fillMaxSize(),
+      )
+      Column(
+        modifier = GlanceModifier.fillMaxSize().padding(16.dp),
+      ) {
         Text(
           text = greeting,
           style = TextStyle(
@@ -67,21 +112,125 @@ class MyWidgetWidget : GlanceAppWidget() {
           text = title,
           style = TextStyle(
             color = ColorProvider(white),
-            fontSize = 22.sp,
+            fontSize = if (isSmall) 20.sp else 24.sp,
             fontWeight = FontWeight.Bold,
           ),
           modifier = GlanceModifier.padding(top = 4.dp),
         )
+        if (isLarge && quote.isNotEmpty()) {
+          Text(
+            text = quote,
+            style = TextStyle(
+              color = ColorProvider(whiteQuote),
+              fontSize = 15.sp,
+              fontWeight = FontWeight.Normal,
+              fontStyle = FontStyle.Italic,
+            ),
+            maxLines = 4,
+            modifier = GlanceModifier.padding(top = 12.dp),
+          )
+        }
         Spacer(modifier = GlanceModifier.defaultWeight())
+        Row(
+          modifier = GlanceModifier.fillMaxWidth(),
+          verticalAlignment = Alignment.CenterVertically,
+        ) {
+          // Empty planText hides the pill (used in logged-out state).
+          if (planText.isNotEmpty()) {
+            PlanPill(
+              isPro = isPro,
+              planText = planText,
+              gold = gold,
+              whiteVerySubtle = whiteVerySubtle,
+            )
+          }
+          // Small intentionally drops the "+" so the layout breathes —
+          // the pill sits flush left like the original design.
+          if (!isSmall) {
+            Spacer(modifier = GlanceModifier.defaultWeight())
+            Image(
+              provider = ImageProvider(R.drawable.widget_add_button),
+              contentDescription = "Add",
+              modifier = GlanceModifier
+                .size(34.dp)
+                .clickable(actionStartActivity(launchAppIntent(context))),
+            )
+          }
+        }
+      }
+    }
+  }
+
+  @Composable
+  private fun PlanPill(
+    isPro: Boolean,
+    planText: String,
+    gold: Color,
+    whiteVerySubtle: Color,
+  ) {
+    if (isPro) {
+      Box(
+        modifier = GlanceModifier
+          .background(ImageProvider(R.drawable.widget_pro_pill_bg))
+          .padding(horizontal = 10.dp, vertical = 5.dp),
+      ) {
+        Text(
+          text = "⭐ $planText",
+          style = TextStyle(
+            color = ColorProvider(gold),
+            fontSize = 11.sp,
+            fontWeight = FontWeight.Bold,
+          ),
+        )
+      }
+    } else {
+      Box(
+        modifier = GlanceModifier
+          .background(ImageProvider(R.drawable.widget_plan_pill_bg))
+          .padding(horizontal = 10.dp, vertical = 5.dp),
+      ) {
         Text(
-          text = if (isPro) "⭐ $planText" else planText,
+          text = planText,
           style = TextStyle(
-            color = ColorProvider(if (isPro) gold else whiteVerySubtle),
+            color = ColorProvider(whiteVerySubtle),
             fontSize = 11.sp,
-            fontWeight = if (isPro) FontWeight.Bold else FontWeight.Medium,
+            fontWeight = FontWeight.Medium,
           ),
         )
       }
     }
   }
+
+  private data class DefaultStrings(val greeting: String, val hello: String)
+
+  private fun defaultStrings(): DefaultStrings {
+    val hour = Calendar.getInstance().get(Calendar.HOUR_OF_DAY)
+    val lang = Locale.getDefault().language
+    val morning: String; val afternoon: String; val evening: String; val hello: String
+    when (lang) {
+      "pt" -> { morning = "Bom dia"; afternoon = "Boa tarde"; evening = "Boa noite"; hello = "Olá!" }
+      "es" -> { morning = "Buenos días"; afternoon = "Buenas tardes"; evening = "Buenas noches"; hello = "¡Hola!" }
+      else -> { morning = "Good morning"; afternoon = "Good afternoon"; evening = "Good evening"; hello = "Hi there!" }
+    }
+    val greeting = when {
+      hour < 12 -> morning
+      hour < 18 -> afternoon
+      else -> evening
+    }
+    return DefaultStrings(greeting, hello)
+  }
+
+  /// Builds the same Intent the launcher would fire when the user taps the
+  /// app icon: ACTION_MAIN + CATEGORY_LAUNCHER. Without these flags, the
+  /// activity receives an empty Intent and go_router lands on the
+  /// errorBuilder (the "404 - Page not found" screen).
+  private fun launchAppIntent(context: Context): Intent {
+    return Intent(context, MainActivity::class.java).apply {
+      action = Intent.ACTION_MAIN
+      addCategory(Intent.CATEGORY_LAUNCHER)
+      flags = Intent.FLAG_ACTIVITY_NEW_TASK or
+              Intent.FLAG_ACTIVITY_CLEAR_TOP or
+              Intent.FLAG_ACTIVITY_SINGLE_TOP
+    }
+  }
 }

package/templates/firebase/android/app/src/main/res/drawable/widget_add_button.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="34dp"
+    android:height="34dp"
+    android:viewportWidth="34"
+    android:viewportHeight="34">
+    <path
+        android:pathData="M17,0 A17,17 0 1,0 17,34 A17,17 0 1,0 17,0 Z"
+        android:fillColor="#2EFFFFFF"/>
+    <path
+        android:pathData="M17,9 L17,25 M9,17 L25,17"
+        android:strokeColor="#FFFFFFFF"
+        android:strokeWidth="2.5"
+        android:strokeLineCap="round"/>
+</vector>

package/templates/firebase/android/app/src/main/res/drawable/widget_gradient_bg.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <gradient
+        android:angle="315"
+        android:startColor="#FF140829"
+        android:endColor="#FF33176B"
+        android:type="linear" />
+    <corners android:radius="24dp" />
+</shape>

package/templates/firebase/android/app/src/main/res/drawable/widget_gradient_inner.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Same gradient as widget_gradient_bg, but without rounded corners.
+     Used as the background of the Glance widget itself — the system
+     already clips the widget with the OS-provided corner radius, so
+     adding corners here would cause a visible double-radius edge. -->
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <gradient
+        android:angle="315"
+        android:startColor="#FF140829"
+        android:endColor="#FF33176B"
+        android:type="linear" />
+</shape>

package/templates/firebase/android/app/src/main/res/drawable/widget_plan_pill_bg.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <corners android:radius="999dp"/>
+    <solid android:color="#14FFFFFF"/>
+</shape>

package/templates/firebase/android/app/src/main/res/drawable/widget_preview_image.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Fallback preview shown in the widget gallery on launchers that don't
+     honor android:previewLayout (Android < 12, or some OEM launchers).
+     Layer list: rounded gradient + a hint star to suggest the PRO badge.
+     The actual widget overrides this once placed. -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="rectangle">
+            <gradient
+                android:angle="315"
+                android:startColor="#FF140829"
+                android:endColor="#FF33176B"
+                android:type="linear" />
+            <corners android:radius="24dp" />
+        </shape>
+    </item>
+</layer-list>

package/templates/firebase/android/app/src/main/res/drawable/widget_pro_pill_bg.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <corners android:radius="999dp"/>
+    <solid android:color="#2EFFD700"/>
+</shape>

package/templates/firebase/android/app/src/main/res/layout/widget_loading.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Brief-flash layout shown for ~200ms while Glance composes the real
+     widget. Just the gradient — no text — so the user never sees the
+     gray default loading layout from the home_widget library. -->
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@drawable/widget_gradient_bg" />

package/templates/firebase/android/app/src/main/res/layout/widget_preview.xml

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Static preview shown in the Android widget gallery (Android 12+).
+     Mirrors the real widget layout so the user can see what they're
+     adding before they drop it on the home screen. The Glance widget
+     replaces this once placed. -->
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@drawable/widget_gradient_bg"
+    android:orientation="vertical"
+    android:padding="16dp">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:fontFamily="sans-serif-medium"
+        android:text="Boa noite"
+        android:textColor="#8CFFFFFF"
+        android:textSize="11sp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="4dp"
+        android:text="Olá!"
+        android:textColor="#FFFFFFFF"
+        android:textSize="24sp"
+        android:textStyle="bold" />
+
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/widget_pro_pill_bg"
+        android:paddingHorizontal="10dp"
+        android:paddingVertical="5dp"
+        android:text="⭐ PRO"
+        android:textColor="#FFFFD700"
+        android:textSize="11sp"
+        android:textStyle="bold" />
+
+</LinearLayout>

package/templates/firebase/android/app/src/main/res/xml/mywidget_info.xml

@@ -1,11 +1,17 @@
 <?xml version="1.0" encoding="utf-8"?>
 <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
-    android:initialLayout="@layout/glance_default_loading_layout"
+    android:initialLayout="@layout/widget_loading"
+    android:previewLayout="@layout/widget_preview"
+    android:previewImage="@drawable/widget_preview_image"
     android:minWidth="180dp"
     android:minHeight="180dp"
+    android:minResizeWidth="120dp"
+    android:minResizeHeight="120dp"
+    android:maxResizeWidth="320dp"
+    android:maxResizeHeight="320dp"
     android:resizeMode="horizontal|vertical"
-    android:updatePeriodMillis="900000"
+    android:updatePeriodMillis="0"
     android:description="@string/widget_my_widget_description"
     android:targetCellWidth="2"
     android:targetCellHeight="2"
-     />
+    android:widgetCategory="home_screen|keyguard" />

package/templates/firebase/firestore.indexes.json

@@ -20,6 +20,16 @@
                     "queryScope": "COLLECTION_GROUP"
                 }
             ]
+        },
+        {
+            "collectionGroup": "devices",
+            "fieldPath": "token",
+            "indexes": [
+                {
+                    "order": "ASCENDING",
+                    "queryScope": "COLLECTION_GROUP"
+                }
+            ]
         }
     ]
 }