create-croissant 0.1.47 → 0.1.49

package/template/apps/mobile/constants/theme.ts

@@ -3,26 +3,26 @@
  * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
  */
 
-import { Platform } from "react-native";
+import { Platform } from 'react-native';
 
-const tintColorLight = "#0a7ea4";
-const tintColorDark = "#fff";
+const tintColorLight = '#0a7ea4';
+const tintColorDark = '#fff';
 
 export const Colors = {
   light: {
-    text: "#11181C",
-    background: "#fff",
+    text: '#11181C',
+    background: '#fff',
     tint: tintColorLight,
-    icon: "#687076",
-    tabIconDefault: "#687076",
+    icon: '#687076',
+    tabIconDefault: '#687076',
     tabIconSelected: tintColorLight,
   },
   dark: {
-    text: "#ECEDEE",
-    background: "#151718",
+    text: '#ECEDEE',
+    background: '#151718',
     tint: tintColorDark,
-    icon: "#9BA1A6",
-    tabIconDefault: "#9BA1A6",
+    icon: '#9BA1A6',
+    tabIconDefault: '#9BA1A6',
     tabIconSelected: tintColorDark,
   },
 };
@@ -30,19 +30,19 @@ export const Colors = {
 export const Fonts = Platform.select({
   ios: {
     /** iOS `UIFontDescriptorSystemDesignDefault` */
-    sans: "system-ui",
+    sans: 'system-ui',
     /** iOS `UIFontDescriptorSystemDesignSerif` */
-    serif: "ui-serif",
+    serif: 'ui-serif',
     /** iOS `UIFontDescriptorSystemDesignRounded` */
-    rounded: "ui-rounded",
+    rounded: 'ui-rounded',
     /** iOS `UIFontDescriptorSystemDesignMonospaced` */
-    mono: "ui-monospace",
+    mono: 'ui-monospace',
   },
   default: {
-    sans: "normal",
-    serif: "serif",
-    rounded: "normal",
-    mono: "monospace",
+    sans: 'normal',
+    serif: 'serif',
+    rounded: 'normal',
+    mono: 'monospace',
   },
   web: {
     sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",

package/template/apps/mobile/hooks/use-color-scheme.ts

@@ -1 +1 @@
-export { useColorScheme } from "react-native";
+export { useColorScheme } from 'react-native';

package/template/apps/mobile/hooks/use-color-scheme.web.ts

@@ -1,5 +1,5 @@
-import { useEffect, useState } from "react";
-import { useColorScheme as useRNColorScheme } from "react-native";
+import { useEffect, useState } from 'react';
+import { useColorScheme as useRNColorScheme } from 'react-native';
 
 /**
  * To support static rendering, this value needs to be re-calculated on the client side for web
@@ -17,5 +17,5 @@ export function useColorScheme() {
     return colorScheme;
   }
 
-  return "light";
+  return 'light';
 }

package/template/apps/mobile/hooks/use-theme-color.ts

@@ -3,14 +3,14 @@
  * https://docs.expo.dev/guides/color-schemes/
  */
 
-import { Colors } from "@/constants/theme";
-import { useColorScheme } from "@/hooks/use-color-scheme";
+import { Colors } from '@/constants/theme';
+import { useColorScheme } from '@/hooks/use-color-scheme';
 
 export function useThemeColor(
   props: { light?: string; dark?: string },
-  colorName: keyof typeof Colors.light & keyof typeof Colors.dark,
+  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
 ) {
-  const theme = useColorScheme() ?? "light";
+  const theme = useColorScheme() ?? 'light';
   const colorFromProps = props[theme];
 
   if (colorFromProps) {

package/template/apps/mobile/package.json

@@ -1,57 +1,45 @@
 {
   "name": "mobile",
-  "version": "1.0.0",
-  "private": true,
   "main": "expo-router/entry",
+  "version": "1.0.0",
   "scripts": {
     "dev": "expo start",
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web",
-    "build": "expo export --output-dir .output"
+    "web": "expo start --web"
   },
   "dependencies": {
-    "@better-auth/expo": "^1.6.9",
     "@expo/vector-icons": "^15.0.3",
-    "@orpc/client": "^1.14.0",
-    "@orpc/server": "^1.14.0",
-    "@orpc/tanstack-query": "^1.14.0",
     "@react-navigation/bottom-tabs": "^7.4.0",
     "@react-navigation/elements": "^2.6.3",
     "@react-navigation/native": "^7.1.8",
-    "@tanstack/react-form": "^1.29.1",
-    "@tanstack/react-query": "^5.100.5",
-    "@workspace/orpc": "workspace:*",
-    "@workspace/ui": "workspace:*",
-    "better-auth": "^1.6.9",
-    "expo": "^55.0.17",
-    "expo-constants": "~55.0.15",
-    "expo-font": "~55.0.6",
-    "expo-haptics": "~55.0.14",
-    "expo-image": "~55.0.9",
-    "expo-linking": "~55.0.14",
-    "expo-network": "^55.0.13",
-    "expo-router": "~55.0.13",
-    "expo-secure-store": "^55.0.13",
-    "expo-splash-screen": "~55.0.19",
-    "expo-status-bar": "~55.0.5",
-    "expo-symbols": "~55.0.7",
-    "expo-system-ui": "~55.0.16",
-    "expo-web-browser": "~55.0.14",
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
-    "react-native": "0.83.6",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-reanimated": "4.2.1",
+    "expo": "~54.0.33",
+    "expo-constants": "~18.0.13",
+    "expo-font": "~14.0.11",
+    "expo-haptics": "~15.0.8",
+    "expo-image": "~3.0.11",
+    "expo-linking": "~8.0.11",
+    "expo-router": "~6.0.23",
+    "expo-splash-screen": "~31.0.13",
+    "expo-status-bar": "~3.0.9",
+    "expo-symbols": "~1.0.8",
+    "expo-system-ui": "~6.0.9",
+    "expo-web-browser": "~15.0.10",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-worklets": "0.5.1",
+    "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.23.0",
-    "react-native-web": "~0.21.0",
-    "react-native-worklets": "0.7.4"
+    "react-native-screens": "~4.16.0",
+    "react-native-web": "~0.21.0"
   },
   "devDependencies": {
-    "babel-plugin-transform-import-meta": "^2.3.3",
-    "metro-react-native-babel-transformer": "^0.77.0"
-  }
+    "@workspace/config-typescript": "workspace:*",
+    "@types/react": "~19.1.0"
+  },
+  "private": true
 }

package/template/apps/mobile/scripts/reset-project.js

@@ -91,7 +91,7 @@ const moveDirectories = async (userInput) => {
         userInput === "y"
           ? `\n3. Delete the /${exampleDir} directory when you're done referencing it.`
           : ""
-      }`,
+      }`
     );
   } catch (error) {
     console.error(`❌ Error during script execution: ${error.message}`);
@@ -108,5 +108,5 @@ rl.question(
       console.log("❌ Invalid input. Please enter 'Y' or 'N'.");
       rl.close();
     }
-  },
+  }
 );

package/template/apps/mobile/tsconfig.json

@@ -6,8 +6,15 @@
   "compilerOptions": {
     "strict": true,
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts"
+  ]
 }

package/template/apps/platform/src/routes/api/auth/$.ts

@@ -2,7 +2,7 @@ import { auth } from "@workspace/auth/lib/auth";
 import { createFileRoute } from "@tanstack/react-router";
 
 const CORS_HEADERS = {
-  "Access-Control-Allow-Origin": "http://localhost:8081",
+  "Access-Control-Allow-Origin": "*",
   "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
   "Access-Control-Allow-Headers": "Content-Type, Authorization",
   "Access-Control-Allow-Credentials": "true",

package/template/apps/platform/src/routes/api/rpc.$.ts

@@ -28,7 +28,7 @@ export const Route = createFileRoute("/api/rpc/$")({
         });
 
         if (response) {
-          response.headers.set("Access-Control-Allow-Origin", "http://localhost:8081");
+          response.headers.set("Access-Control-Allow-Origin", "*");
           response.headers.set("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
           response.headers.set("Access-Control-Allow-Headers", "Content-Type, Authorization");
           response.headers.set("Access-Control-Allow-Credentials", "true");
@@ -40,7 +40,7 @@ export const Route = createFileRoute("/api/rpc/$")({
         return new Response(null, {
           status: 204,
           headers: {
-            "Access-Control-Allow-Origin": "http://localhost:8081",
+            "Access-Control-Allow-Origin": "*",
             "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
             "Access-Control-Allow-Headers": "Content-Type, Authorization",
             "Access-Control-Allow-Credentials": "true",

package/template/package.json

@@ -13,9 +13,6 @@
     "quality": "turbo quality",
     "quality:fix": "turbo quality:fix",
     "typecheck": "turbo typecheck",
-    "dev:mobile": "turbo run dev --filter=mobile",
-    "dev:ios": "turbo run dev --filter=mobile -- --ios",
-    "dev:android": "turbo run dev --filter=mobile -- --android",
     "ci": "pnpm run lint && pnpm run typecheck && pnpm run build",
     "db:up": "docker compose up -d",
     "db:down": "docker compose down",
@@ -25,14 +22,13 @@
   },
   "dependencies": {
     "react": "19.2.5",
-    "react-dom": "19.2.5",
-    "react-native": "0.83.6"
+    "react-dom": "19.2.5"
   },
   "devDependencies": {
     "@better-auth/core": "^1.6.9",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "husky": "^9.1.7",
+    "husky": "latest",
     "oxfmt": "latest",
     "oxlint": "latest",
     "portless": "^0.11.0",
@@ -42,16 +38,18 @@
     "zod": "4.3.6"
   },
   "pnpm": {
-    "overrides": {
-      "@noble/ciphers": "2.2.0",
-      "drizzle-orm": "^0.45.2",
-      "react": "19.2.5",
-      "react-dom": "19.2.5",
-      "react-native": "0.83.6"
-    }
+    "onlyBuiltDependencies": [
+      "@prisma/client",
+      "better-sqlite3",
+      "electron-winstaller",
+      "electron",
+      "esbuild",
+      "msw",
+      "unrs-resolver"
+    ]
   },
   "engines": {
     "node": ">=20"
   },
-  "packageManager": "pnpm@9.15.0"
+  "packageManager": "pnpm@11.1.0"
 }

package/template/pnpm-workspace.yaml

@@ -1,3 +1,11 @@
 packages:
   - 'apps/*'
   - 'packages/*'
+allowBuilds:
+  '@prisma/client': true
+  better-sqlite3: true
+  electron: true
+  electron-winstaller: true
+  esbuild: true
+  msw: true
+  unrs-resolver: true

package/template/tsconfig.json

@@ -5,6 +5,5 @@
     "moduleResolution": "bundler",
     "skipLibCheck": true,
     "strict": true
-  },
-  "extends": "expo/tsconfig.base"
+  }
 }

package/template/apps/mobile/app/(tabs)/account.tsx

@@ -1,147 +0,0 @@
-import { useState, useEffect } from "react";
-import { View, Text, StyleSheet, ScrollView, Alert, ActivityIndicator } from "react-native";
-import { useRouter } from "expo-router";
-import { authClient } from "@/lib/auth-client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-
-export default function AccountScreen() {
-  const router = useRouter();
-  const { data: session, isPending } = authClient.useSession();
-  const [updating, setUpdating] = useState(false);
-
-  // Form states
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
-
-  useEffect(() => {
-    if (!isPending && !session) {
-      router.replace("/login");
-      return;
-    }
-
-    if (session) {
-      setName(session.user.name);
-      setEmail(session.user.email);
-    }
-  }, [session, isPending, router]);
-
-  const handleUpdateProfile = async () => {
-    if (!name) {
-      Alert.alert("Error", "Name is required");
-      return;
-    }
-
-    setUpdating(true);
-    try {
-      const { error } = await authClient.updateUser({
-        name,
-      });
-
-      if (error) {
-        Alert.alert("Error", error.message || "Failed to update profile");
-      } else {
-        Alert.alert("Success", "Profile updated successfully");
-      }
-    } catch (err) {
-      Alert.alert("Error", "An unexpected error occurred");
-    } finally {
-      setUpdating(false);
-    }
-  };
-
-  if (isPending) {
-    return (
-      <View style={styles.center}>
-        <ActivityIndicator size="large" color="#000" />
-      </View>
-    );
-  }
-
-  return (
-    <ScrollView style={styles.container} contentContainerStyle={styles.content}>
-      <Text style={styles.title}>Account Settings</Text>
-      
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Profile Information</Text>
-        <View style={styles.form}>
-          <Input
-            label="Name"
-            value={name}
-            onChangeText={setName}
-            placeholder="Your name"
-          />
-          <Input
-            label="Email"
-            value={email}
-            editable={false}
-            style={styles.disabledInput}
-          />
-          <Button 
-            onPress={handleUpdateProfile} 
-            loading={updating}
-            style={styles.button}
-          >
-            Update Profile
-          </Button>
-        </View>
-      </View>
-
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Security</Text>
-        <Text style={styles.infoText}>
-          Password management and other security settings are currently available on the web platform.
-        </Text>
-      </View>
-    </ScrollView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  content: {
-    padding: 24,
-  },
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  title: {
-    fontSize: 28,
-    fontWeight: "bold",
-    marginBottom: 24,
-  },
-  section: {
-    marginBottom: 32,
-  },
-  sectionTitle: {
-    fontSize: 18,
-    fontWeight: "600",
-    marginBottom: 16,
-    color: "#333",
-  },
-  form: {
-    gap: 16,
-  },
-  disabledInput: {
-    backgroundColor: "#f5f5f5",
-    color: "#888",
-  },
-  button: {
-    marginTop: 8,
-  },
-  infoText: {
-    fontSize: 14,
-    color: "#666",
-    lineHeight: 20,
-    backgroundColor: "#f9f9f9",
-    padding: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: "#eee",
-  },
-});

package/template/apps/mobile/app/index.tsx

@@ -1,129 +0,0 @@
-import { View, Text, StyleSheet, ScrollView } from "react-native";
-import { useRouter } from "expo-router";
-import { Button } from "@/components/ui/button";
-import { usePlanets, useHello } from "@workspace/orpc/react";
-
-export default function LandingScreen() {
-  const router = useRouter();
-  const { data: helloData, isLoading: isHelloLoading } = useHello("Croissant Stack Mobile");
-  const { data: planets = [], isLoading: isPlanetsLoading } = usePlanets();
-
-  return (
-    <ScrollView style={styles.container} contentContainerStyle={styles.content}>
-      <View style={styles.header}>
-        <Text style={styles.title}>Project ready!</Text>
-        <Text style={styles.subtitle}>
-          oRPC integration: <Text style={styles.bold}>
-            {isHelloLoading ? "Loading..." : helloData?.message}
-          </Text>
-        </Text>
-      </View>
-
-      <View style={styles.section}>
-        <Text style={styles.sectionTitle}>Planets from Database:</Text>
-        {isPlanetsLoading ? (
-          <Text style={styles.loading}>Loading planets...</Text>
-        ) : planets.length === 0 ? (
-          <Text style={styles.empty}>
-            No planets found in the database. Run `db:push` and seed data if needed.
-          </Text>
-        ) : (
-          planets.map((planet: any) => (
-            <View key={planet.id} style={styles.planetCard}>
-              <Text style={styles.planetName}>{planet.name}</Text>
-              <Text style={styles.planetDesc}>{planet.description}</Text>
-            </View>
-          ))
-        )}
-      </View>
-
-      <View style={styles.footer}>
-        <Button onPress={() => router.push("/login")} style={styles.button}>
-          Go to Login
-        </Button>
-        <Button 
-          onPress={() => router.push("/(tabs)")} 
-          variant="outline" 
-          style={styles.button}
-        >
-          Go to Dashboard
-        </Button>
-        <Text style={styles.footerText}>
-          You may now add components and start building.
-        </Text>
-      </View>
-    </ScrollView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  content: {
-    padding: 24,
-    paddingTop: 60,
-  },
-  header: {
-    marginBottom: 32,
-  },
-  title: {
-    fontSize: 28,
-    fontWeight: "bold",
-    marginBottom: 8,
-  },
-  subtitle: {
-    fontSize: 16,
-    color: "#666",
-  },
-  bold: {
-    fontWeight: "bold",
-    color: "#000",
-  },
-  section: {
-    marginBottom: 32,
-  },
-  sectionTitle: {
-    fontSize: 20,
-    fontWeight: "600",
-    marginBottom: 16,
-  },
-  planetCard: {
-    padding: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: "#eee",
-    marginBottom: 12,
-    backgroundColor: "#fafafa",
-  },
-  planetName: {
-    fontSize: 16,
-    fontWeight: "bold",
-    marginBottom: 4,
-  },
-  planetDesc: {
-    fontSize: 14,
-    color: "#666",
-  },
-  loading: {
-    fontStyle: "italic",
-    color: "#999",
-  },
-  empty: {
-    fontStyle: "italic",
-    color: "#999",
-  },
-  footer: {
-    gap: 12,
-  },
-  button: {
-    width: "100%",
-  },
-  footerText: {
-    marginTop: 16,
-    textAlign: "center",
-    color: "#999",
-    fontSize: 14,
-  },
-});