chore: update package for bolt

Author: younes200

README.md

@@ -1,5 +1,7 @@
 # Expo Local-first Template  [![Twitter](https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social&label=Follow%20%40expostarter)](https://twitter.com/expostarter)
 
+[Open in Bolt.new](https://bolt.new/~github.com/expo-starter/expo-local-first-template)
+
 <p align="center">
   <a href="https://expostarter.com/"><img src="assets/github-banner.png?raw=true" alt="Expo Starter Kit"></a>
 </p>

app.config.ts

@@ -32,19 +32,10 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   },
   web: {
     bundler: "metro",
-    output: "server",
+    output: "static",
     favicon: "./assets/images/favicon.png",
   },
-  plugins: [
-    [
-      "expo-router",
-      {
-        origin: "https://n",
-      },
-    ],
-    ["expo-sqlite"],
-    ["expo-font"],
-  ],
+  plugins: [["expo-router"], ["expo-sqlite"], ["expo-font"]],
   experiments: {
     typedRoutes: true,
     baseUrl: "/expo-local-first-template",

app/(tabs)/index.tsx

@@ -1,22 +1,19 @@
-import {View, Pressable} from "react-native";
-import {useScrollToTop} from "@react-navigation/native";
-import {FlashList} from "@shopify/flash-list";
-import {eq} from "drizzle-orm";
-import {Link, Stack} from "expo-router";
+import { View, Pressable, Platform } from "react-native";
+import { useScrollToTop } from "@react-navigation/native";
+import { FlashList } from "@shopify/flash-list";
+import { eq } from "drizzle-orm";
+import { Link, Stack } from "expo-router";
 import * as React from "react";
-import {useLiveQuery} from "drizzle-orm/expo-sqlite";
-
-
-import {Text} from "@/components/ui/text";
-import {habitTable} from "@/db/schema";
-import {Plus} from "@/components/Icons";
-import {useMigrationHelper} from "@/db/drizzle";
-import {useDatabase} from "@/db/provider";
-import {HabitCard} from "@/components/habit";
-import type {Habit} from "@/lib/storage";
+import { useLiveQuery } from "drizzle-orm/expo-sqlite";
+import { Text } from "@/components/ui/text";
+import { habitTable, type Habit } from "@/db/schema";
+import { Plus } from "@/components/Icons";
+import { useMigrationHelper } from "@/db/drizzle";
+import { useDatabase } from "@/db/provider";
+import { HabitCard } from "@/components/habit";
 
 export default function Home() {
-  const {success, error} = useMigrationHelper();
+  const { success, error } = useMigrationHelper();
 
   if (error) {
     return (
@@ -37,19 +34,28 @@ export default function Home() {
 }
 
 function ScreenContent() {
-  const {db} = useDatabase();
-  const {data: habits, error} = useLiveQuery(
-    db?.select().from(habitTable).where(eq(habitTable.archived, false)),
-  );
+  const { db } = useDatabase();
 
   const ref = React.useRef(null);
   useScrollToTop(ref);
 
   const renderItem = React.useCallback(
-    ({item}: {item: Habit}) => <HabitCard {...item} />,
+    ({ item }: { item: Habit }) => <HabitCard {...item} enableNotifications={item.enableNotifications ?? false} archived={item.archived ?? false} />,
     [],
   );
 
+  if (!db) {
+    return (
+      <View className="flex-1 items-center justify-center bg-secondary/30">
+        <Text>Loading database...</Text>
+      </View>
+    );
+  }
+
+  const { data: habits, error } = useLiveQuery(
+    db.select().from(habitTable).where(eq(habitTable.archived, false)),
+  );
+
   if (error) {
     return (
       <View className="flex-1 items-center justify-center bg-secondary/30">
@@ -76,7 +82,7 @@ function ScreenContent() {
             <Text className="text-sm">
               This example use sql.js on Web and expo/sqlite on native
             </Text>
-            <Text className="text-sm">
+            {Platform.OS !== "web" && <Text className="text-sm">
               If you change the schema, you need to run{" "}
               <Text className="text-sm font-mono text-muted-foreground bg-muted">
                 bun db:generate
@@ -87,13 +93,13 @@ function ScreenContent() {
               <Text className="text-sm font-mono text-muted-foreground bg-muted">
                 bun migrate
               </Text>
-            </Text>
+            </Text>}
           </View>
         )}
         ItemSeparatorComponent={() => <View className="p-2" />}
         data={habits}
         renderItem={renderItem}
-        keyExtractor={(_, index) => `item-${ index }`}
+        keyExtractor={(_, index) => `item-${index}`}
         ListFooterComponent={<View className="py-4" />}
       />
       <View className="absolute web:bottom-20 bottom-10 right-8">

biome.json

@@ -23,7 +23,8 @@
       },
       "style": {
         "useSelfClosingElements": "off",
-        "noUnusedTemplateLiteral": "off"
+        "noUnusedTemplateLiteral": "off",
+        "noNonNullAssertion": "off"
       }
     }
   },