create-100x-mobile 0.6.9 → 0.6.10

package/dist/commands/new/steps.js

@@ -251,7 +251,7 @@ function buildExpoInstallPackages(backend, instantAuthMode = "clerk") {
                 "@react-native-community/netinfo",
             ];
     const cloudflareExpoPackages = (0, scaffold_1.isCloudflareInstantAuthMode)(instantAuthMode)
-        ? ["expo-document-picker"]
+        ? ["expo-document-picker", "expo-file-system", "expo-sharing"]
         : [];
     return [...commonExpoPackages, ...backendExpoPackages, ...cloudflareExpoPackages];
 }

package/dist/templates/cloudflare/cloudflareStorage.js

@@ -121,5 +121,35 @@ export async function deleteCloudflareObject(
     throw new Error(await readErrorResponse(response));
   }
 }
+
+export async function downloadCloudflareObject(
+  uploadId: string,
+): Promise<{ blob: Blob; contentType: string; fileName: string }> {
+  const workerUrl = requireStorageWorkerUrl();
+  const token = await requireInstantRefreshToken();
+  const response = await fetch(
+    \`\${workerUrl}/uploads/\${uploadId}/content\`,
+    {
+      headers: {
+        authorization: \`Bearer \${token}\`,
+      },
+    },
+  );
+
+  if (!response.ok) {
+    throw new Error(await readErrorResponse(response));
+  }
+
+  const blob = await response.blob();
+  const contentType =
+    response.headers.get("content-type") || "application/octet-stream";
+  const disposition = response.headers.get("content-disposition") || "";
+  const fileNameMatch = disposition.match(/filename\*=UTF-8''(.+)/);
+  const fileName = fileNameMatch
+    ? decodeURIComponent(fileNameMatch[1])
+    : "download";
+
+  return { blob, contentType, fileName };
+}
 `;
 }

package/dist/templates/cloudflare/filesScreen.js

@@ -7,7 +7,6 @@ import {
   ActivityIndicator,
   Alert,
   FlatList,
-  Linking,
   Platform,
   Pressable,
   StatusBar,
@@ -28,6 +27,8 @@ import {
   Upload,
 } from "lucide-react-native";
 import * as DocumentPicker from "expo-document-picker";
+import * as FileSystem from "expo-file-system";
+import * as Sharing from "expo-sharing";
 import {
   instantDb,
   type InstantCloudflareObject,
@@ -36,6 +37,7 @@ import {
   isCloudflareStorageConfigured,
   uploadCloudflareObject,
   deleteCloudflareObject,
+  downloadCloudflareObject,
 } from "@/lib/cloudflareStorage";
 
 function formatBytes(bytes: number): string {
@@ -152,17 +154,45 @@ function FilesContent({
   const handleDownload = useCallback(
     async (file: InstantCloudflareObject) => {
       try {
-        const workerUrl = process.env.EXPO_PUBLIC_STORAGE_WORKER_URL;
-        if (!workerUrl) {
-          Alert.alert("Error", "Storage worker URL is not configured.");
+        const { blob, fileName } = await downloadCloudflareObject(
+          file.uploadId,
+        );
+
+        if (Platform.OS === "web") {
+          const url = URL.createObjectURL(blob);
+          const anchor = document.createElement("a");
+          anchor.href = url;
+          anchor.download = fileName;
+          anchor.click();
+          URL.revokeObjectURL(url);
           return;
         }
-        const downloadUrl =
-          workerUrl + "/uploads/" + file.uploadId + "/content";
-        await Linking.openURL(downloadUrl);
+
+        // Native: write blob to cache, then share
+        const reader = new FileReader();
+        reader.onloadend = async () => {
+          try {
+            const base64 = (reader.result as string).split(",")[1];
+            const fileUri =
+              FileSystem.cacheDirectory + fileName;
+            await FileSystem.writeAsStringAsync(fileUri, base64, {
+              encoding: FileSystem.EncodingType.Base64,
+            });
+            await Sharing.shareAsync(fileUri);
+          } catch (writeErr) {
+            console.error("Save failed:", writeErr);
+            Alert.alert("Error", "Could not save file.");
+          }
+        };
+        reader.readAsDataURL(blob);
       } catch (downloadError) {
         console.error("Download failed:", downloadError);
-        Alert.alert("Error", "Could not open file.");
+        Alert.alert(
+          "Download Failed",
+          downloadError instanceof Error
+            ? downloadError.message
+            : "Could not download file.",
+        );
       }
     },
     [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-100x-mobile",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "description": "Scaffold a full-stack mobile app with Expo + Convex + Clerk in seconds",
   "main": "dist/cli.js",
   "bin": {