create-croissant 0.1.45 → 0.1.46

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

@@ -1,34 +1,27 @@
-import { View, Text, StyleSheet, ScrollView, FlatList } from "react-native";
-import { Link, useRouter } from "expo-router";
-import { useQueryClient } from "@tanstack/react-query";
+import { View, Text, StyleSheet, ScrollView } from "react-native";
+import { useRouter } from "expo-router";
 import { Button } from "@/components/ui/button";
-import { usePlanets } from "@workspace/orpc/react";
-import { orpc } from "@/lib/orpc";
-import { useEffect, useState } from "react";
+import { usePlanets, useHello } from "@workspace/orpc/react";
 
 export default function LandingScreen() {
   const router = useRouter();
-  const [helloMessage, setHelloMessage] = useState("");
-  const { data: planets = [], isLoading } = usePlanets();
-
-  useEffect(() => {
-    orpc.hello({ name: "Croissant Stack Mobile" }).then((res) => {
-      setHelloMessage(res.message);
-    });
-  }, []);
+  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}>{helloMessage || "Loading..."}</Text>
+          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>
-        {isLoading ? (
+        {isPlanetsLoading ? (
           <Text style={styles.loading}>Loading planets...</Text>
         ) : planets.length === 0 ? (
           <Text style={styles.empty}>

package/template/apps/mobile/app.json

@@ -9,7 +9,12 @@
     "userInterfaceStyle": "automatic",
     "newArchEnabled": true,
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "infoPlist": {
+        "NSAppTransportSecurity": {
+          "NSAllowsLocalNetworking": true
+        }
+      }
     },
     "android": {
       "adaptiveIcon": {

package/template/apps/mobile/lib/auth-client.ts

@@ -3,7 +3,7 @@ import { expoClient } from "@better-auth/expo/client";
 import * as SecureStore from "expo-secure-store";
 
 export const authClient = createAuthClient({
-  baseURL: process.env.EXPO_PUBLIC_BETTER_AUTH_URL || "http://localhost:3000",
+  baseURL: process.env.EXPO_PUBLIC_BETTER_AUTH_URL || "https://platform.local",
   plugins: [
     expoClient({
       scheme: "mobile",

package/template/apps/mobile/lib/orpc.ts

@@ -2,17 +2,22 @@ import { createORPCClient } from '@orpc/client'
 import { RPCLink } from '@orpc/client/fetch'
 import { RouterClient } from '@orpc/server'
 import { router } from '@workspace/orpc/router'
+import { authClient } from './auth-client'
 
 export const link = new RPCLink({
-  url: `http://localhost:3000/api/rpc`,
+  url: `https://platform.local/api/rpc`,
   async fetch(request, init) {
     const { fetch } = await import('expo/fetch')
-    
+    const headers = new Map<string, string>(); 
+    const cookies = authClient.getCookie(); 
+    if (cookies) { 
+      headers.set("Cookie", cookies); 
+    } 
+
     const resp = await fetch(request.url, {
-      body: await request.blob(),
-      headers: request.headers,
+      body: request.body,
+      headers: Object.fromEntries(headers),
       method: request.method,
-      signal: request.signal,
       ...init,
     })
 

package/template/apps/mobile/package.json

@@ -23,8 +23,8 @@
     "@react-navigation/native": "^7.1.8",
     "@tanstack/react-form": "^1.29.1",
     "@tanstack/react-query": "^5.100.5",
-    "@workspace/orpc": "^0.0.0",
-    "@workspace/ui": "^0.0.0",
+    "@workspace/orpc": "workspace:*",
+    "@workspace/ui": "workspace:*",
     "better-auth": "^1.6.9",
     "expo": "^55.0.17",
     "expo-constants": "~55.0.15",
@@ -40,14 +40,15 @@
     "expo-symbols": "~55.0.7",
     "expo-system-ui": "~55.0.16",
     "expo-web-browser": "~55.0.14",
-    "react-native": "^0.84.0",
+    "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",
     "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",
-    "zod": "4.3.6"
+    "react-native-worklets": "0.7.4"
   },
   "devDependencies": {
     "babel-plugin-transform-import-meta": "^2.3.3",

package/template/apps/platform/.env.example

@@ -1,4 +1,4 @@
 BETTER_AUTH_SECRET=your-super-secret-key-change-this-in-production
-BETTER_AUTH_URL=http://localhost:3000
+BETTER_AUTH_URL=https://platform.local
 
 DATABASE_URL=postgresql://postgres:postgres@localhost:5432/auth

package/template/apps/platform/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite dev --port 3000",
+    "dev": "portless platform vite dev",
     "build": "vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
@@ -22,12 +22,13 @@
     "@tanstack/react-router": "^1.168.24",
     "@tanstack/react-start": "^1.167.49",
     "@tanstack/router-plugin": "^1.167.27",
-    "@workspace/auth": "*",
-    "@workspace/orpc": "*",
-    "@workspace/ui": "*",
+    "@workspace/auth": "workspace:*",
+    "@workspace/orpc": "workspace:*",
+    "@workspace/ui": "workspace:*",
     "better-auth": "^1.6.9",
     "lucide-react": "^1.11.0",
     "nitro": "latest",
+    "sonner": "^2.0.7",
     "tailwindcss": "^4.2.4",
     "vite-tsconfig-paths": "^6.1.1",
     "zod": "4.3.6"
@@ -35,7 +36,9 @@
   "devDependencies": {
     "@types/node": "^25.6.0",
     "@vitejs/plugin-react": "^6.0.1",
-    "@workspace/config-typescript": "*",
+    "@workspace/config-typescript": "workspace:*",
+    "dotenv": "^17.4.2",
+    "drizzle-kit": "^0.31.10",
     "vite": "^8.0.10"
   }
 }

package/template/apps/platform/portless.json

@@ -0,0 +1,3 @@
+{
+  "name": "platform"
+}

package/template/apps/platform/src/router.tsx

@@ -4,7 +4,6 @@ import { routeTree } from "./routeTree.gen";
 export function getRouter() {
   const router = createTanStackRouter({
     routeTree,
-
     scrollRestoration: true,
     defaultPreload: "intent",
     defaultPreloadStaleTime: 0,

package/template/package.json

@@ -2,13 +2,10 @@
   "name": "croissant-stack",
   "version": "0.0.1",
   "private": true,
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ],
   "scripts": {
     "build": "turbo build",
-    "dev": "turbo dev",
+    "dev": "PORTLESS_LAN=1 turbo dev",
+    "proxy:lan": "portless proxy start --lan",
     "lint": "oxlint --ignore-path .oxlintignore .",
     "lint:fix": "oxlint --fix --ignore-path .oxlintignore .",
     "format": "oxfmt --check --ignore-path .oxlintignore",
@@ -16,37 +13,45 @@
     "quality": "turbo quality",
     "quality:fix": "turbo quality:fix",
     "typecheck": "turbo typecheck",
-    "ci": "npm run lint && npm run typecheck && npm run build",
+    "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",
     "db:logs": "docker compose logs -f",
-    "update-deps": "npx npm-check-updates -u -w --root && npm install",
+    "update-deps": "pnpm dlx npm-check-updates -u -w --root && pnpm install",
     "prepare": "husky"
   },
   "dependencies": {
     "react": "19.2.5",
-    "react-dom": "19.2.5"
+    "react-dom": "19.2.5",
+    "react-native": "0.83.6"
   },
   "devDependencies": {
     "@better-auth/core": "^1.6.9",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "husky": "^9.1.7",
-    "oxfmt": "^0.46.0",
-    "oxlint": "^1.61.0",
+    "oxfmt": "latest",
+    "oxlint": "latest",
+    "portless": "^0.11.0",
     "turbo": "^2.9.6",
     "typescript": "6.0.3",
     "vite": "^8.0.10",
     "zod": "4.3.6"
   },
-  "overrides": {
-    "@noble/ciphers": "2.2.0",
-    "drizzle-orm": "^0.45.2",
-    "react": "19.2.5",
-    "react-dom": "19.2.5"
+  "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"
+    }
   },
   "engines": {
     "node": ">=20"
   },
-  "packageManager": "npm@11.13.0"
+  "packageManager": "pnpm@9.15.0"
 }

package/template/packages/auth/package.json

@@ -12,12 +12,12 @@
     "generate": "better-auth generate --output ../db/src/lib/auth-schema.ts"
   },
   "dependencies": {
-    "@workspace/db": "*",
+    "@workspace/db": "workspace:*",
     "better-auth": "^1.6.9"
   },
   "devDependencies": {
     "@better-auth/cli": "^1.4.22",
-    "@workspace/config-typescript": "*",
+    "@workspace/config-typescript": "workspace:*",
     "drizzle-kit": "^0.31.10",
     "tsx": "^4.21.0"
   }

package/template/packages/db/package.json

@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@types/pg": "^8.20.0",
-    "@workspace/config-typescript": "*",
+    "@workspace/config-typescript": "workspace:*",
     "drizzle-kit": "^0.31.10",
     "tsx": "^4.21.0"
   }

package/template/packages/orpc/package.json

@@ -14,8 +14,9 @@
     "@orpc/client": "^1.14.0",
     "@orpc/server": "^1.14.0",
     "@orpc/tanstack-query": "^1.14.0",
-    "@workspace/auth": "*",
-    "@workspace/db": "*"
+    "@workspace/auth": "workspace:*",
+    "@workspace/db": "workspace:*",
+    "drizzle-orm": "^0.45.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.100.5",
@@ -23,6 +24,6 @@
   },
   "devDependencies": {
     "@types/node": "^22.19.1",
-    "@workspace/config-typescript": "*"
+    "@workspace/config-typescript": "workspace:*"
   }
 }

package/template/packages/ui/package.json

@@ -32,7 +32,8 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0",
-    "vaul": "^1.1.2"
+    "vaul": "^1.1.2",
+    "@tanstack/react-router": "^1.168.24"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.4",
@@ -40,7 +41,7 @@
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@workspace/config-typescript": "*",
+    "@workspace/config-typescript": "workspace:*",
     "tailwindcss": "^4.2.4"
   }
 }

package/template/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - 'apps/*'
+  - 'packages/*'

package/template/.expo/README.md

@@ -1,13 +0,0 @@
-> Why do I have a folder named ".expo" in my project?
-
-The ".expo" folder is created when an Expo project is started using "expo start" command.
-
-> What do the files contain?
-
-- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
-- "settings.json": contains the server configuration that is used to serve the application manifest.
-
-> Should I commit the ".expo" folder?
-
-No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
-Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/template/.expo/devices.json

@@ -1,3 +0,0 @@
-{
-  "devices": []
-}

package/template/packages/orpc/node_modules/@types/node/LICENSE

@@ -1,21 +0,0 @@
-    MIT License
-
-    Copyright (c) Microsoft Corporation.
-
-    Permission is hereby granted, free of charge, to any person obtaining a copy
-    of this software and associated documentation files (the "Software"), to deal
-    in the Software without restriction, including without limitation the rights
-    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the Software is
-    furnished to do so, subject to the following conditions:
-
-    The above copyright notice and this permission notice shall be included in all
-    copies or substantial portions of the Software.
-
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    SOFTWARE

package/template/packages/orpc/node_modules/@types/node/README.md

@@ -1,15 +0,0 @@
-# Installation
-> `npm install --save @types/node`
-
-# Summary
-This package contains type definitions for node (https://nodejs.org/).
-
-# Details
-Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node/v22.
-
-### Additional Details
- * Last updated: Fri, 03 Apr 2026 11:14:41 GMT
- * Dependencies: [undici-types](https://npmjs.com/package/undici-types)
-
-# Credits
-These definitions were written by [Microsoft TypeScript](https://github.com/Microsoft), [Alberto Schiabel](https://github.com/jkomyno), [Andrew Makarov](https://github.com/r3nya), [Benjamin Toueg](https://github.com/btoueg), [David Junger](https://github.com/touffy), [Mohsen Azimi](https://github.com/mohsen1), [Nikita Galkin](https://github.com/galkin), [Sebastian Silbermann](https://github.com/eps1lon), [Wilco Bakker](https://github.com/WilcoBakker), [Marcin Kopacz](https://github.com/chyzwar), [Trivikram Kamat](https://github.com/trivikr), [Junxiao Shi](https://github.com/yoursunny), [Ilia Baryshnikov](https://github.com/qwelias), [ExE Boss](https://github.com/ExE-Boss), [Piotr Błażejewicz](https://github.com/peterblazejewicz), [Anna Henningsen](https://github.com/addaleax), [Victor Perin](https://github.com/victorperin), [NodeJS Contributors](https://github.com/NodeJS), [Linus Unnebäck](https://github.com/LinusU), [wafuwafu13](https://github.com/wafuwafu13), [Matteo Collina](https://github.com/mcollina), [Dmitry Semigradsky](https://github.com/Semigradsky), and [René](https://github.com/Renegade334).

package/template/packages/orpc/node_modules/@types/node/assert/strict.d.ts

@@ -1,111 +0,0 @@
-/**
- * In strict assertion mode, non-strict methods behave like their corresponding
- * strict methods. For example, `assert.deepEqual()` will behave like
- * `assert.deepStrictEqual()`.
- *
- * In strict assertion mode, error messages for objects display a diff. In legacy
- * assertion mode, error messages for objects display the objects, often truncated.
- *
- * To use strict assertion mode:
- *
- * ```js
- * import { strict as assert } from 'node:assert';
- * ```
- *
- * ```js
- * import assert from 'node:assert/strict';
- * ```
- *
- * Example error diff:
- *
- * ```js
- * import { strict as assert } from 'node:assert';
- *
- * assert.deepEqual([[[1, 2, 3]], 4, 5], [[[1, 2, '3']], 4, 5]);
- * // AssertionError: Expected inputs to be strictly deep-equal:
- * // + actual - expected ... Lines skipped
- * //
- * //   [
- * //     [
- * // ...
- * //       2,
- * // +     3
- * // -     '3'
- * //     ],
- * // ...
- * //     5
- * //   ]
- * ```
- *
- * To deactivate the colors, use the `NO_COLOR` or `NODE_DISABLE_COLORS`
- * environment variables. This will also deactivate the colors in the REPL. For
- * more on color support in terminal environments, read the tty
- * [`getColorDepth()`](https://nodejs.org/docs/latest-v22.x/api/tty.html#writestreamgetcolordepthenv) documentation.
- * @since v15.0.0
- * @see [source](https://github.com/nodejs/node/blob/v22.x/lib/assert/strict.js)
- */
-declare module "assert/strict" {
-    import {
-        Assert,
-        AssertionError,
-        AssertionErrorOptions,
-        AssertOptions,
-        AssertPredicate,
-        AssertStrict,
-        CallTracker,
-        CallTrackerCall,
-        CallTrackerReportInformation,
-        deepStrictEqual,
-        doesNotMatch,
-        doesNotReject,
-        doesNotThrow,
-        fail,
-        ifError,
-        match,
-        notDeepStrictEqual,
-        notStrictEqual,
-        ok,
-        partialDeepStrictEqual,
-        rejects,
-        strictEqual,
-        throws,
-    } from "node:assert";
-    function strict(value: unknown, message?: string | Error): asserts value;
-    namespace strict {
-        export {
-            Assert,
-            AssertionError,
-            AssertionErrorOptions,
-            AssertOptions,
-            AssertPredicate,
-            AssertStrict,
-            CallTracker,
-            CallTrackerCall,
-            CallTrackerReportInformation,
-            deepStrictEqual,
-            deepStrictEqual as deepEqual,
-            doesNotMatch,
-            doesNotReject,
-            doesNotThrow,
-            fail,
-            ifError,
-            match,
-            notDeepStrictEqual,
-            notDeepStrictEqual as notDeepEqual,
-            notStrictEqual,
-            notStrictEqual as notEqual,
-            ok,
-            partialDeepStrictEqual,
-            rejects,
-            strict,
-            strictEqual,
-            strictEqual as equal,
-            throws,
-        };
-    }
-    export = strict;
-}
-declare module "node:assert/strict" {
-    import strict = require("assert/strict");
-    export = strict;
-}