create-100x-mobile 0.4.11 → 0.5.0

package/dist/commands/new.js

@@ -43,6 +43,18 @@ const rootLayout_2 = require("../templates/instant/rootLayout");
 const settingsScreen_2 = require("../templates/instant/settingsScreen");
 const tabsLayout_2 = require("../templates/instant/tabsLayout");
 const todosScreen_2 = require("../templates/instant/todosScreen");
+const authLayout_2 = require("../templates/instant/magic/authLayout");
+const rootLayout_3 = require("../templates/instant/magic/rootLayout");
+const settingsScreen_3 = require("../templates/instant/magic/settingsScreen");
+const signIn_2 = require("../templates/instant/magic/signIn");
+const tabsLayout_3 = require("../templates/instant/magic/tabsLayout");
+// Cloudflare templates
+const alchemyRun_1 = require("../templates/cloudflare/alchemyRun");
+const cloudflareStorage_1 = require("../templates/cloudflare/cloudflareStorage");
+const instantCloudflareLib_1 = require("../templates/cloudflare/instantCloudflareLib");
+const worker_1 = require("../templates/cloudflare/worker");
+const workerMigration_1 = require("../templates/cloudflare/workerMigration");
+const workerTsconfig_1 = require("../templates/cloudflare/workerTsconfig");
 // Component templates
 const addTodoForm_1 = require("../templates/components/addTodoForm");
 const emptyState_1 = require("../templates/components/emptyState");
@@ -50,32 +62,92 @@ const filterTabs_1 = require("../templates/components/filterTabs");
 const todoItem_1 = require("../templates/components/todoItem");
 // Hook templates
 const useFrameworkReady_1 = require("../templates/hooks/useFrameworkReady");
-function buildTemplateFiles(projectName, expoVersion, backend) {
+function buildTemplateFiles(projectName, expoVersion, backend, instantAuthMode = "clerk") {
     if (backend === "instantdb") {
-        const files = [
-            // Config
-            ["package.json", (0, packageJson_1.packageJsonTemplate)(projectName, expoVersion, backend)],
-            ["app.json", (0, appJson_1.appJsonTemplate)(projectName, backend)],
-            ["tsconfig.json", (0, tsconfig_1.tsconfigTemplate)()],
-            [".gitignore", (0, gitignore_1.gitignoreTemplate)()],
-            [".env.example", (0, envExample_1.envExampleTemplate)(backend)],
-            ["expo-env.d.ts", (0, tsconfig_1.expoEnvDtsTemplate)()],
-            [".prettierrc", (0, prettierrc_1.prettierrcTemplate)()],
-            ["eas.json", (0, easJson_1.easJsonTemplate)()],
-            ["README.md", (0, readme_1.readmeTemplate)(projectName, backend)],
-            // Instant app
-            ["app/_layout.tsx", (0, rootLayout_2.instantRootLayoutTemplate)()],
-            ["app/+not-found.tsx", (0, notFound_1.notFoundTemplate)()],
-            ["app/providers/AuthProvider.tsx", (0, authProvider_2.instantAuthProviderTemplate)()],
-            ["app/(auth)/_layout.tsx", (0, authLayout_1.authLayoutTemplate)()],
-            ["app/(auth)/sign-in.tsx", (0, signIn_1.signInTemplate)()],
-            ["app/(tabs)/_layout.tsx", (0, tabsLayout_2.instantTabsLayoutTemplate)()],
-            ["app/(tabs)/index.tsx", (0, todosScreen_2.instantTodosScreenTemplate)()],
-            ["app/(tabs)/settings.tsx", (0, settingsScreen_2.instantSettingsScreenTemplate)()],
-            ["lib/instant.ts", (0, instantLib_1.instantLibTemplate)()],
-            // Hooks
-            ["hooks/useFrameworkReady.ts", (0, useFrameworkReady_1.useFrameworkReadyTemplate)()],
-        ];
+        const cloudflareFiles = (0, scaffold_1.isCloudflareInstantAuthMode)(instantAuthMode)
+            ? [
+                ["alchemy.run.ts", (0, alchemyRun_1.alchemyRunTemplate)(projectName)],
+                ["lib/cloudflareStorage.ts", (0, cloudflareStorage_1.cloudflareStorageTemplate)()],
+                ["lib/instant.ts", (0, instantCloudflareLib_1.instantCloudflareLibTemplate)()],
+                ["worker/src/worker.ts", (0, worker_1.storageWorkerTemplate)()],
+                ["worker/tsconfig.json", (0, workerTsconfig_1.workerTsconfigTemplate)()],
+                ["worker/migrations/0001_uploads.sql", (0, workerMigration_1.workerMigrationTemplate)()],
+            ]
+            : [];
+        const files = (0, scaffold_1.isMagicCodeInstantAuthMode)(instantAuthMode)
+            ? [
+                // Config
+                [
+                    "package.json",
+                    (0, packageJson_1.packageJsonTemplate)(projectName, expoVersion, backend, instantAuthMode),
+                ],
+                [
+                    "app.json",
+                    (0, appJson_1.appJsonTemplate)(projectName, backend, instantAuthMode),
+                ],
+                ["tsconfig.json", (0, tsconfig_1.tsconfigTemplate)()],
+                [".gitignore", (0, gitignore_1.gitignoreTemplate)()],
+                [".env.example", (0, envExample_1.envExampleTemplate)(backend, instantAuthMode)],
+                ["expo-env.d.ts", (0, tsconfig_1.expoEnvDtsTemplate)()],
+                [".prettierrc", (0, prettierrc_1.prettierrcTemplate)()],
+                ["eas.json", (0, easJson_1.easJsonTemplate)()],
+                [
+                    "README.md",
+                    (0, readme_1.readmeTemplate)(projectName, backend, instantAuthMode),
+                ],
+                // Instant app
+                ["app/_layout.tsx", (0, rootLayout_3.magicRootLayoutTemplate)()],
+                ["app/+not-found.tsx", (0, notFound_1.notFoundTemplate)()],
+                ["app/(auth)/_layout.tsx", (0, authLayout_2.magicAuthLayoutTemplate)()],
+                ["app/(auth)/sign-in.tsx", (0, signIn_2.magicSignInTemplate)()],
+                ["app/(tabs)/_layout.tsx", (0, tabsLayout_3.magicTabsLayoutTemplate)()],
+                ["app/(tabs)/index.tsx", (0, todosScreen_2.instantTodosScreenTemplate)()],
+                [
+                    "app/(tabs)/settings.tsx",
+                    (0, settingsScreen_3.magicSettingsScreenTemplate)((0, scaffold_1.isCloudflareInstantAuthMode)(instantAuthMode)
+                        ? "InstantDB + magic code auth + Cloudflare storage"
+                        : "InstantDB + magic code auth"),
+                ],
+                ...((0, scaffold_1.isCloudflareInstantAuthMode)(instantAuthMode)
+                    ? []
+                    : [["lib/instant.ts", (0, instantLib_1.instantLibTemplate)()]]),
+                // Hooks
+                ["hooks/useFrameworkReady.ts", (0, useFrameworkReady_1.useFrameworkReadyTemplate)()],
+                ...cloudflareFiles,
+            ]
+            : [
+                // Config
+                [
+                    "package.json",
+                    (0, packageJson_1.packageJsonTemplate)(projectName, expoVersion, backend, instantAuthMode),
+                ],
+                [
+                    "app.json",
+                    (0, appJson_1.appJsonTemplate)(projectName, backend, instantAuthMode),
+                ],
+                ["tsconfig.json", (0, tsconfig_1.tsconfigTemplate)()],
+                [".gitignore", (0, gitignore_1.gitignoreTemplate)()],
+                [".env.example", (0, envExample_1.envExampleTemplate)(backend, instantAuthMode)],
+                ["expo-env.d.ts", (0, tsconfig_1.expoEnvDtsTemplate)()],
+                [".prettierrc", (0, prettierrc_1.prettierrcTemplate)()],
+                ["eas.json", (0, easJson_1.easJsonTemplate)()],
+                [
+                    "README.md",
+                    (0, readme_1.readmeTemplate)(projectName, backend, instantAuthMode),
+                ],
+                // Instant app
+                ["app/_layout.tsx", (0, rootLayout_2.instantRootLayoutTemplate)()],
+                ["app/+not-found.tsx", (0, notFound_1.notFoundTemplate)()],
+                ["app/providers/AuthProvider.tsx", (0, authProvider_2.instantAuthProviderTemplate)()],
+                ["app/(auth)/_layout.tsx", (0, authLayout_1.authLayoutTemplate)()],
+                ["app/(auth)/sign-in.tsx", (0, signIn_1.signInTemplate)()],
+                ["app/(tabs)/_layout.tsx", (0, tabsLayout_2.instantTabsLayoutTemplate)()],
+                ["app/(tabs)/index.tsx", (0, todosScreen_2.instantTodosScreenTemplate)()],
+                ["app/(tabs)/settings.tsx", (0, settingsScreen_2.instantSettingsScreenTemplate)()],
+                ["lib/instant.ts", (0, instantLib_1.instantLibTemplate)()],
+                // Hooks
+                ["hooks/useFrameworkReady.ts", (0, useFrameworkReady_1.useFrameworkReadyTemplate)()],
+            ];
         return files.map(([path, content]) => ({ path, content }));
     }
     const files = [
@@ -166,14 +238,19 @@ async function cmdNew(rawArgs) {
     if (backend === "convex" && options.clerkDomain) {
         options.clerkDomain = (0, steps_1.normalizeClerkDomain)(options.clerkDomain);
     }
+    const instantAuthMode = backend === "instantdb" ? await (0, steps_1.resolveInstantAuthMode)(options) : "clerk";
     const expoVersion = await (0, steps_1.resolveExpoVersion)(options);
     const clerk = backend === "convex"
         ? await (0, steps_1.promptClerkSetup)(options)
         : { publishableKey: "", domain: "", jwtCreated: false };
     const instant = backend === "instantdb"
-        ? await (0, steps_1.promptInstantSetup)(options)
-        : { appId: "", clerkPublishableKey: "", clerkClientName: "clerk" };
-    if (backend === "instantdb" && instant.appId && instant.clerkPublishableKey) {
+        ? await (0, steps_1.promptInstantSetup)(options, instantAuthMode)
+        : null;
+    if (backend === "instantdb" &&
+        instant &&
+        instant.authMode === "clerk" &&
+        instant.appId &&
+        instant.clerkPublishableKey) {
         prompts_1.log.info("");
         prompts_1.log.info(picocolors_1.default.bold("Instant Auth setup required"));
         prompts_1.log.info(picocolors_1.default.dim("In Instant Dashboard → Auth tab, add a Clerk auth client before running the app."));
@@ -190,8 +267,8 @@ async function cmdNew(rawArgs) {
     const structureSpinner = (0, prompts_1.spinner)();
     currentStep++;
     structureSpinner.start(`Creating project structure ${stepLabel()}`);
-    await (0, scaffold_1.createProjectDirectories)(projectDir, backend);
-    await (0, scaffold_1.writeScaffoldFiles)(projectDir, buildTemplateFiles(projectName, expoVersion, backend));
+    await (0, scaffold_1.createProjectDirectories)(projectDir, backend, instantAuthMode);
+    await (0, scaffold_1.writeScaffoldFiles)(projectDir, buildTemplateFiles(projectName, expoVersion, backend, instantAuthMode));
     await (0, scaffold_1.writeDefaultAssetFiles)(projectDir);
     structureSpinner.stop("Project files created.");
     currentStep++;
@@ -203,7 +280,19 @@ async function cmdNew(rawArgs) {
     else {
         prompts_1.log.step(`Configuring InstantDB ${stepLabel()}`);
         await (0, steps_1.writeInstantEnvironment)(projectDir, instant);
-        if (instant.appId && instant.clerkPublishableKey) {
+        if (instant && (0, scaffold_1.isMagicCodeInstantAuthMode)(instant.authMode)) {
+            if (instant.appId) {
+                prompts_1.log.success((0, scaffold_1.isCloudflareInstantAuthMode)(instant.authMode)
+                    ? "InstantDB magic code and Cloudflare environment configured."
+                    : "InstantDB magic code environment configured.");
+            }
+            else {
+                prompts_1.log.info(picocolors_1.default.dim("Set EXPO_PUBLIC_INSTANT_APP_ID in .env.local."));
+            }
+        }
+        else if (instant?.authMode === "clerk" &&
+            instant.appId &&
+            instant.clerkPublishableKey) {
             prompts_1.log.success("InstantDB and Clerk environment configured.");
         }
         else {
@@ -222,7 +311,7 @@ async function cmdNew(rawArgs) {
         }
         currentStep++;
         prompts_1.log.step(`Installing Expo dependencies ${stepLabel()}`);
-        const resolved = await (0, steps_1.resolveExpoDependencies)(projectDir, backend);
+        const resolved = await (0, steps_1.resolveExpoDependencies)(projectDir, backend, instantAuthMode);
         if (resolved) {
             prompts_1.log.success("Expo dependencies resolved.");
         }
@@ -272,7 +361,7 @@ async function cmdNew(rawArgs) {
     }
     currentStep++;
     prompts_1.log.step(`Running health check ${stepLabel()}`);
-    const healthChecks = await (0, steps_1.runHealthChecks)(projectDir, backend, clerk.publishableKey);
+    const healthChecks = await (0, steps_1.runHealthChecks)(projectDir, backend, instantAuthMode, clerk.publishableKey);
     for (const check of healthChecks) {
         if (check.ok) {
             prompts_1.log.info(`  ${picocolors_1.default.green("✓")} ${check.label}`);
@@ -283,9 +372,22 @@ async function cmdNew(rawArgs) {
     }
     prompts_1.log.info("");
     if (backend === "instantdb") {
-        const instantReady = instant.appId && instant.clerkPublishableKey;
+        const isCloudflareMode = instant?.authMode && (0, scaffold_1.isCloudflareInstantAuthMode)(instant.authMode);
+        const isMagicCodeMode = instant?.authMode && (0, scaffold_1.isMagicCodeInstantAuthMode)(instant.authMode);
+        const instantReady = isMagicCodeMode
+            ? Boolean(instant?.appId)
+            : Boolean(instant?.authMode === "clerk" &&
+                instant.appId &&
+                instant.clerkPublishableKey);
         if (instantReady) {
-            prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green("Your app is ready!")));
+            prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green(isCloudflareMode
+                ? "Your app is ready! Deploy Cloudflare storage next."
+                : "Your app is ready!")));
+        }
+        else if (isMagicCodeMode) {
+            prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green(isCloudflareMode
+                ? "Project scaffolded with InstantDB magic code + Cloudflare!"
+                : "Project scaffolded with InstantDB magic code!")));
         }
         else {
             prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green("Project scaffolded with InstantDB!")));
@@ -300,18 +402,35 @@ async function cmdNew(rawArgs) {
             prompts_1.log.info(`  ${picocolors_1.default.cyan("bun install")} ${picocolors_1.default.dim("# or npm install")}`);
             prompts_1.log.info(`  ${picocolors_1.default.cyan("bunx expo start")}`);
         }
-        if (!instantReady) {
+        if (isCloudflareMode) {
             prompts_1.log.info("");
-            prompts_1.log.info(picocolors_1.default.dim("  Add EXPO_PUBLIC_INSTANT_APP_ID and EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY to .env.local."));
-            prompts_1.log.info(picocolors_1.default.dim("  Create one with: npx instant-cli init-without-files --title " +
-                projectName));
-            prompts_1.log.info(picocolors_1.default.dim("  In Instant Auth tab, add your Clerk app and set EXPO_PUBLIC_INSTANT_CLERK_CLIENT_NAME."));
+            prompts_1.log.info(picocolors_1.default.dim("  Cloudflare setup:"));
+            prompts_1.log.info(picocolors_1.default.dim("  INSTANT_APP_ID is written to .env.local for Alchemy deploys."));
+            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:configure")}`);
+            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:login")}`);
+            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:deploy")}`);
+            prompts_1.log.info(picocolors_1.default.dim("  Add the printed storageWorkerUrl to EXPO_PUBLIC_STORAGE_WORKER_URL in .env.local."));
         }
-        else {
+        if (isMagicCodeMode) {
+            if (!instantReady) {
+                prompts_1.log.info("");
+                prompts_1.log.info(picocolors_1.default.dim("  Add EXPO_PUBLIC_INSTANT_APP_ID to .env.local."));
+                prompts_1.log.info(picocolors_1.default.dim("  Create one with: npx instant-cli init-without-files --title " +
+                    projectName));
+            }
+        }
+        else if (instant?.authMode === "clerk" && instantReady) {
             prompts_1.log.info("");
             prompts_1.log.info(picocolors_1.default.dim("  In Instant Dashboard → Auth tab, add a Clerk auth client using your publishable key."));
             prompts_1.log.info(picocolors_1.default.dim(`  Use client name "${instant.clerkClientName}" (EXPO_PUBLIC_INSTANT_CLERK_CLIENT_NAME).`));
         }
+        else {
+            prompts_1.log.info("");
+            prompts_1.log.info(picocolors_1.default.dim("  Add EXPO_PUBLIC_INSTANT_APP_ID and EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY to .env.local."));
+            prompts_1.log.info(picocolors_1.default.dim("  Create one with: npx instant-cli init-without-files --title " +
+                projectName));
+            prompts_1.log.info(picocolors_1.default.dim("  In Instant Auth tab, add your Clerk app and set EXPO_PUBLIC_INSTANT_CLERK_CLIENT_NAME."));
+        }
     }
     else if (clerk.publishableKey && clerk.domain) {
         prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green("Your app is ready!")));

package/dist/templates/cloudflare/alchemyRun.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alchemyRunTemplate = alchemyRunTemplate;
+function alchemyRunTemplate(projectName) {
+    const serializedProjectName = JSON.stringify(projectName);
+    return `import { readFileSync } from "node:fs";
+import alchemy from "alchemy";
+import { D1Database, R2Bucket, Worker } from "alchemy/cloudflare";
+
+const appName = ${serializedProjectName};
+const stage = process.env.ALCHEMY_STAGE ?? "dev";
+const resourceName = (suffix: string): string =>
+  [appName, stage, suffix].join("-");
+const localEnv = readLocalEnvFile(".env.local");
+const instantAppId =
+  process.env.INSTANT_APP_ID ??
+  process.env.EXPO_PUBLIC_INSTANT_APP_ID ??
+  localEnv.INSTANT_APP_ID ??
+  localEnv.EXPO_PUBLIC_INSTANT_APP_ID;
+const instantAdminToken =
+  process.env.INSTANT_ADMIN_TOKEN ?? localEnv.INSTANT_ADMIN_TOKEN;
+const allowedOrigins =
+  process.env.ALLOWED_ORIGINS ??
+  localEnv.ALLOWED_ORIGINS ??
+  "http://localhost:3000,http://localhost:8080,http://localhost:8081,http://localhost:19006";
+const maxUploadBytes =
+  process.env.MAX_UPLOAD_BYTES ?? localEnv.MAX_UPLOAD_BYTES ?? "26214400";
+const userStorageLimitBytes =
+  process.env.USER_STORAGE_LIMIT_BYTES ??
+  localEnv.USER_STORAGE_LIMIT_BYTES ??
+  "524288000";
+const dailyUploadLimit =
+  process.env.DAILY_UPLOAD_LIMIT ?? localEnv.DAILY_UPLOAD_LIMIT ?? "100";
+const allowedContentTypes =
+  process.env.ALLOWED_CONTENT_TYPES ??
+  localEnv.ALLOWED_CONTENT_TYPES ??
+  "image/jpeg,image/png,image/webp,application/pdf,text/plain";
+
+interface FileSystemError extends Error {
+  code?: string;
+}
+
+function readLocalEnvFile(path: string): Record<string, string> {
+  try {
+    const contents = readFileSync(path, "utf8");
+    const entries: [string, string][] = contents
+      .split(/\\r?\\n/)
+      .map((line) => line.trim())
+      .filter((line) => line && !line.startsWith("#"))
+      .map((line) => {
+        const [key, ...valueParts] = line.split("=");
+        return [key.trim(), valueParts.join("=").trim()] as [string, string];
+      })
+      .filter(([key]) => key.length > 0);
+
+    return Object.fromEntries(
+      entries,
+    );
+  } catch (error) {
+    if (isFileSystemError(error) && error.code === "ENOENT") {
+      return {};
+    }
+    throw error;
+  }
+}
+
+function isFileSystemError(error: unknown): error is FileSystemError {
+  return error instanceof Error;
+}
+
+if (!instantAppId) {
+  throw new Error(
+    "Set INSTANT_APP_ID or EXPO_PUBLIC_INSTANT_APP_ID before deploying Cloudflare storage.",
+  );
+}
+
+if (!instantAdminToken) {
+  throw new Error(
+    "Set INSTANT_ADMIN_TOKEN before deploying Cloudflare storage so the Worker can sync metadata to InstantDB.",
+  );
+}
+
+const app = await alchemy(appName, {
+  stage,
+});
+
+const storageBucket = await R2Bucket("storage", {
+  name: resourceName("storage"),
+});
+
+const metadataDatabase = await D1Database("metadata", {
+  name: resourceName("metadata"),
+  migrationsDir: "./worker/migrations",
+});
+
+export const storageApi = await Worker("storage-api", {
+  name: resourceName("storage-api"),
+  entrypoint: "./worker/src/worker.ts",
+  compatibilityDate: "2026-04-24",
+  compatibilityFlags: ["nodejs_compat"],
+  url: true,
+  bindings: {
+    STORAGE: storageBucket,
+    DB: metadataDatabase,
+    INSTANT_APP_ID: instantAppId,
+    INSTANT_ADMIN_TOKEN: instantAdminToken,
+    ALLOWED_ORIGINS: allowedOrigins,
+    MAX_UPLOAD_BYTES: maxUploadBytes,
+    USER_STORAGE_LIMIT_BYTES: userStorageLimitBytes,
+    DAILY_UPLOAD_LIMIT: dailyUploadLimit,
+    ALLOWED_CONTENT_TYPES: allowedContentTypes,
+  },
+  observability: {
+    enabled: true,
+  },
+});
+
+console.log({ storageWorkerUrl: storageApi.url });
+
+await app.finalize();
+`;
+}

package/dist/templates/cloudflare/cloudflareStorage.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloudflareStorageTemplate = cloudflareStorageTemplate;
+function cloudflareStorageTemplate() {
+    return `import { instantDb } from "@/lib/instant";
+
+const storageWorkerUrl = process.env.EXPO_PUBLIC_STORAGE_WORKER_URL;
+
+export interface CloudflareUpload {
+  id: string;
+  key: string;
+  ownerId: string;
+  fileName: string;
+  contentType: string;
+  size: number;
+  createdAt: string;
+  url: string;
+}
+
+export interface UploadCloudflareObjectInput {
+  body: Blob | ArrayBuffer | Uint8Array;
+  contentType: string;
+  fileName: string;
+}
+
+export interface SyncCloudflareUploadInput {
+  upload: CloudflareUpload;
+}
+
+export function isCloudflareStorageConfigured(): boolean {
+  return Boolean(storageWorkerUrl);
+}
+
+function requireStorageWorkerUrl(): string {
+  if (!storageWorkerUrl) {
+    throw new Error(
+      "Missing EXPO_PUBLIC_STORAGE_WORKER_URL. Deploy the Cloudflare Worker and add its URL to .env.local.",
+    );
+  }
+  return storageWorkerUrl;
+}
+
+function validateUploadInput(input: UploadCloudflareObjectInput): void {
+  if (!input.fileName.trim()) {
+    throw new Error("fileName is required to upload a Cloudflare object.");
+  }
+  if (!input.contentType.trim()) {
+    throw new Error("contentType is required to upload a Cloudflare object.");
+  }
+}
+
+async function readErrorResponse(response: Response): Promise<string> {
+  const responseBody = await response.text();
+  return \`Cloudflare storage request failed. status=\${response.status} body=\${responseBody}\`;
+}
+
+async function requireInstantRefreshToken(): Promise<string> {
+  if (!instantDb) {
+    throw new Error(
+      "InstantDB is not configured. Add EXPO_PUBLIC_INSTANT_APP_ID before using Cloudflare storage.",
+    );
+  }
+
+  const user = await instantDb.getAuth();
+  const token = user?.refresh_token;
+  if (!token) {
+    throw new Error("Sign in with InstantDB before using Cloudflare storage.");
+  }
+  return token;
+}
+
+export async function uploadCloudflareObject(
+  input: UploadCloudflareObjectInput,
+): Promise<CloudflareUpload> {
+  validateUploadInput(input);
+  const workerUrl = requireStorageWorkerUrl();
+  const token = await requireInstantRefreshToken();
+  const response = await fetch(\`\${workerUrl}/uploads\`, {
+    method: "POST",
+    headers: {
+      authorization: \`Bearer \${token}\`,
+      "content-type": input.contentType,
+      "x-file-name": input.fileName,
+    },
+    body: input.body,
+  });
+
+  if (!response.ok) {
+    throw new Error(await readErrorResponse(response));
+  }
+
+  return (await response.json()) as CloudflareUpload;
+}
+
+export async function syncCloudflareUploadToInstant(
+  input: SyncCloudflareUploadInput,
+): Promise<string> {
+  if (!instantDb) {
+    throw new Error(
+      "InstantDB is not configured. Add EXPO_PUBLIC_INSTANT_APP_ID before reading synced Cloudflare uploads.",
+    );
+  }
+
+  requireStorageWorkerUrl();
+  return input.upload.id;
+}
+`;
+}

package/dist/templates/cloudflare/instantCloudflareLib.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instantCloudflareLibTemplate = instantCloudflareLibTemplate;
+function instantCloudflareLibTemplate() {
+    return `import "react-native-get-random-values";
+import { init, i, id, type InstaQLEntity } from "@instantdb/react-native";
+
+const appId = process.env.EXPO_PUBLIC_INSTANT_APP_ID;
+
+export const schema = i.schema({
+  entities: {
+    todos: i.entity({
+      text: i.string(),
+      completed: i.boolean(),
+      createdAt: i.number().indexed(),
+    }),
+    cloudflareObjects: i.entity({
+      uploadId: i.string().indexed(),
+      key: i.string(),
+      ownerId: i.string().indexed(),
+      fileName: i.string(),
+      contentType: i.string(),
+      size: i.number(),
+      workerUrl: i.string(),
+      createdAt: i.number().indexed(),
+    }),
+  },
+});
+
+export type InstantTodo = InstaQLEntity<typeof schema, "todos">;
+export type InstantCloudflareObject = InstaQLEntity<
+  typeof schema,
+  "cloudflareObjects"
+>;
+export const createId = id;
+
+export const isInstantConfigured = Boolean(appId);
+export const instantDb = isInstantConfigured
+  ? init({ appId: appId as string, schema })
+  : null;
+`;
+}