create-croissant 0.1.47 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-croissant",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "description": "Scaffold a new project using the Croissant Stack",
   "repository": {
     "type": "git",

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,8 +22,7 @@
   },
   "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",
@@ -46,8 +42,7 @@
       "@noble/ciphers": "2.2.0",
       "drizzle-orm": "^0.45.2",
       "react": "19.2.5",
-      "react-dom": "19.2.5",
-      "react-native": "0.83.6"
+      "react-dom": "19.2.5"
     }
   },
   "engines": {

package/template/tsconfig.json

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

package/template/apps/mobile/.vscode/extensions.json

@@ -1 +0,0 @@
-{ "recommendations": ["expo.vscode-expo-tools"] }

package/template/apps/mobile/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit",
-    "source.organizeImports": "explicit",
-    "source.sortMembers": "explicit"
-  }
-}

package/template/apps/mobile/README.md

@@ -1,50 +0,0 @@
-# Welcome to your Expo app 👋
-
-This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
-
-## Get started
-
-1. Install dependencies
-
-   ```bash
-   pnpm install
-   ```
-
-2. Start the app
-
-   ```bash
-   pnpm dlx expo start
-   ```
-
-In the output, you'll find options to open the app in a
-
-- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
-- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
-- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
-- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
-
-You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
-
-## Get a fresh project
-
-When you're ready, run:
-
-```bash
-pnpm run reset-project
-```
-
-This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
-
-## Learn more
-
-To learn more about developing your project with Expo, look at the following resources:
-
-- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
-- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
-
-## Join the community
-
-Join our community of developers creating universal apps.
-
-- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
-- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.

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

@@ -1,43 +0,0 @@
-import React from "react";
-import { Tabs } from "expo-router";
-import { Ionicons } from "@expo/vector-icons";
-
-export default function TabLayout() {
-  return (
-    <Tabs
-      screenOptions={{
-        tabBarActiveTintColor: "#000",
-        tabBarInactiveTintColor: "#888",
-        headerShown: true,
-      }}
-    >
-      <Tabs.Screen
-        name="index"
-        options={{
-          title: "Dashboard",
-          tabBarIcon: ({ color, size }) => (
-            <Ionicons name="home" size={size} color={color} />
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="explore"
-        options={{
-          title: "Explore",
-          tabBarIcon: ({ color, size }) => (
-            <Ionicons name="planet" size={size} color={color} />
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="account"
-        options={{
-          title: "Account",
-          tabBarIcon: ({ color, size }) => (
-            <Ionicons name="person" size={size} color={color} />
-          ),
-        }}
-      />
-    </Tabs>
-  );
-}

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/(tabs)/explore.tsx

@@ -1,345 +0,0 @@
-import { useState } from "react";
-import {
-  Alert,
-  FlatList,
-  Modal,
-  StyleSheet,
-  Text,
-  View,
-  ActivityIndicator,
-  ScrollView,
-} from "react-native";
-import { useQueryClient } from "@tanstack/react-query";
-import { useForm } from "@tanstack/react-form";
-import { z } from "zod";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { usePlanets, useCreatePlanet, useUpdatePlanet, useDeletePlanet } from "@workspace/orpc/react";
-
-const planetSchema = z.object({
-  name: z.string().min(1, "Name is required"),
-  description: z.string(),
-  distance: z.string().refine((val) => !isNaN(parseFloat(val)), {
-    message: "Must be a number",
-  }),
-  diameter: z.string().refine((val) => !isNaN(parseFloat(val)), {
-    message: "Must be a number",
-  }),
-});
-
-export default function ExploreScreen() {
-  const [modalVisible, setModalVisible] = useState(false);
-  const [editingId, setEditingId] = useState<number | null>(null);
-
-  const { data: planets = [], isLoading } = usePlanets();
-
-  const form = useForm({
-    defaultValues: {
-      name: "",
-      description: "",
-      distance: "0",
-      diameter: "0",
-    },
-    validators: {
-      onChange: planetSchema,
-    },
-    onSubmit: async ({ value }) => {
-      const payload = {
-        name: value.name,
-        description: value.description || undefined,
-        distanceFromSun: parseFloat(value.distance) || 0,
-        diameter: parseFloat(value.diameter) || 0,
-        hasRings: false,
-      };
-      console.log('connard')
-
-      try {
-        if (editingId) {
-          await updateMutation.mutateAsync({ id: editingId, ...payload });
-        } else {
-          await createMutation.mutateAsync(payload);
-        }
-        closeModal();
-      } catch (err) {
-        // Error handled in mutation callbacks
-      }
-    },
-  });
-
-  const resetForm = () => {
-    form.reset();
-    setEditingId(null);
-  };
-
-  const createMutation = useCreatePlanet({
-    onSuccess: () => {
-      Alert.alert("Success", "Planet added successfully");
-    },
-    onError: (err) => {
-      Alert.alert("Error", err.message || "Failed to add planet");
-    },
-  });
-
-  const updateMutation = useUpdatePlanet({
-    onSuccess: () => {
-      Alert.alert("Success", "Planet updated successfully");
-    },
-    onError: (err) => {
-      Alert.alert("Error", err.message || "Failed to update planet");
-    },
-  });
-
-  const deleteMutation = useDeletePlanet({
-    onSuccess: () => {
-      Alert.alert("Success", "Planet deleted successfully");
-    },
-    onError: (err) => {
-      Alert.alert("Error", err.message || "Failed to delete planet");
-    },
-  });
-
-  const handleEdit = (planet: any) => {
-    setEditingId(planet.id);
-    form.setFieldValue("name", planet.name);
-    form.setFieldValue("description", planet.description || "");
-    form.setFieldValue("distance", planet.distanceFromSun.toString());
-    form.setFieldValue("diameter", planet.diameter.toString());
-    setModalVisible(true);
-  };
-
-  const handleDelete = (id: number) => {
-    deleteMutation.mutateAsync({id})
-  };
-
-  const closeModal = () => {
-    setModalVisible(false);
-    resetForm();
-  };
-
-  if (isLoading) {
-    return (
-      <View style={styles.center}>
-        <ActivityIndicator size="large" color="#000" />
-      </View>
-    );
-  }
-
-  return (
-    <View style={styles.container}>
-      <FlatList
-        data={planets}
-        keyExtractor={(item) => item.id.toString()}
-        contentContainerStyle={styles.listContent}
-        renderItem={({ item }) => (
-          <View style={styles.planetCard}>
-            <View style={styles.planetInfo}>
-              <Text style={styles.planetName}>{item.name}</Text>
-              <Text style={styles.planetDesc}>{item.description}</Text>
-              <Text style={styles.planetDetails}>
-                Distance: {item.distanceFromSun} AU • Diameter: {item.diameter} km
-              </Text>
-            </View>
-            <View style={styles.actions}>
-              <Button
-                variant="outline"
-                onPress={() => handleEdit(item)}
-                style={styles.actionBtn}
-              >
-                Edit
-              </Button>
-              <Button
-                variant="destructive"
-                onPress={() => handleDelete(item.id)}
-                style={styles.actionBtn}
-              >
-                Delete
-              </Button>
-            </View>
-          </View>
-        )}
-        ListEmptyComponent={
-          <Text style={styles.emptyText}>No planets found. Add one!</Text>
-        }
-      />
-
-      <Button
-        onPress={() => setModalVisible(true)}
-        style={styles.fab}
-      >
-        Add Planet
-      </Button>
-
-      <Modal
-        visible={modalVisible}
-        animationType="slide"
-        onRequestClose={closeModal}
-      >
-        <View style={styles.modalContainer}>
-          <ScrollView contentContainerStyle={styles.modalContent}>
-            <Text style={styles.modalTitle}>
-              {editingId ? "Edit Planet" : "Add New Planet"}
-            </Text>
-
-            <form.Field name="name">
-              {(field: any) => (
-                <Input
-                  label="Name"
-                  value={field.state.value}
-                  onChangeText={field.handleChange}
-                  placeholder="Earth"
-                  error={field.state.meta.errors?.[0]?.toString()}
-                />
-              )}
-            </form.Field>
-
-            <form.Field name="description">
-              {(field: any) => (
-                <Input
-                  label="Description"
-                  value={field.state.value}
-                  onChangeText={field.handleChange}
-                  placeholder="The blue planet"
-                />
-              )}
-            </form.Field>
-
-            <form.Field name="distance">
-              {(field: any) => (
-                <Input
-                  label="Distance from Sun (AU)"
-                  value={field.state.value}
-                  onChangeText={field.handleChange}
-                  keyboardType="numeric"
-                  error={field.state.meta.errors?.[0]?.toString()}
-                />
-              )}
-            </form.Field>
-
-            <form.Field name="diameter">
-              {(field: any) => (
-                <Input
-                  label="Diameter (km)"
-                  value={field.state.value}
-                  onChangeText={field.handleChange}
-                  keyboardType="numeric"
-                  error={field.state.meta.errors?.[0]?.toString()}
-                />
-              )}
-            </form.Field>
-
-            <View style={styles.modalActions}>
-              <Button
-                variant="outline"
-                onPress={closeModal}
-                style={styles.modalBtn}
-              >
-                Cancel
-              </Button>
-              <Button
-                onPress={form.handleSubmit}
-                loading={createMutation.isPending || updateMutation.isPending}
-                style={styles.modalBtn}
-              >
-                {editingId ? "Update" : "Create"}
-              </Button>
-            </View>
-          </ScrollView>
-        </View>
-      </Modal>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  listContent: {
-    padding: 16,
-    paddingBottom: 100,
-  },
-  planetCard: {
-    padding: 16,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: "#eee",
-    marginBottom: 16,
-    backgroundColor: "#fff",
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.05,
-    shadowRadius: 4,
-    elevation: 2,
-  },
-  planetInfo: {
-    marginBottom: 16,
-  },
-  planetName: {
-    fontSize: 18,
-    fontWeight: "bold",
-    marginBottom: 4,
-  },
-  planetDesc: {
-    fontSize: 14,
-    color: "#666",
-    marginBottom: 8,
-  },
-  planetDetails: {
-    fontSize: 12,
-    color: "#999",
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-  },
-  actionBtn: {
-    flex: 1,
-    height: 36,
-  },
-  emptyText: {
-    textAlign: "center",
-    marginTop: 40,
-    color: "#999",
-    fontStyle: "italic",
-  },
-  fab: {
-    position: "absolute",
-    bottom: 24,
-    left: 24,
-    right: 24,
-    height: 56,
-    borderRadius: 28,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.2,
-    shadowRadius: 8,
-    elevation: 5,
-  },
-  modalContainer: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  modalContent: {
-    padding: 24,
-    paddingTop: 60,
-  },
-  modalTitle: {
-    fontSize: 24,
-    fontWeight: "bold",
-    marginBottom: 32,
-  },
-  modalActions: {
-    flexDirection: "row",
-    gap: 12,
-    marginTop: 32,
-  },
-  modalBtn: {
-    flex: 1,
-  },
-});