nits

Author: juliusmarminge

packages/uploadthing/package.json

@@ -146,9 +146,9 @@
   },
   "scripts": {
     "lint": "eslint src test --max-warnings 0",
-    "build": "NODE_OPTIONS='--max_old_space_size=8192' bunchee --tsconfig tsconfig.build.json && cp src/tw/v4.css tw/v4.css",
+    "build": "NODE_OPTIONS='--max_old_space_size=16384' bunchee --tsconfig tsconfig.build.json && cp src/tw/v4.css tw/v4.css",
     "clean": "git clean -xdf client express fastify h3 internal next next-legacy server tw node_modules",
-    "dev": "NODE_OPTIONS='--max_old_space_size=8192' bunchee --tsconfig tsconfig.build.json --no-clean && cp src/tw/v4.css tw/v4.css",
+    "dev": "NODE_OPTIONS='--max_old_space_size=16384' bunchee --tsconfig tsconfig.build.json --no-clean && cp src/tw/v4.css tw/v4.css",
     "prepack": "bun ../../.github/replace-workspace-protocol.ts",
     "test": "vitest run",
     "typecheck": "tsc --noEmit"

packages/uploadthing/src/client-future.ts

@@ -162,7 +162,7 @@ export const future_genUploader = <TRouter extends FileRouter>(
       const files = Arr.ensure(file ?? options.files);
       for (const file of files) {
         const upload = uploads.get(file);
-        if (!upload) return;
+        if (!upload) throw "No upload found";
 
         if (upload.deferred.ac.signal.aborted === false) {
           // Ensure the upload is paused

packages/uploadthing/src/client.ts

@@ -14,7 +14,6 @@ import {
 } from "@uploadthing/shared";
 
 import * as pkgJson from "../package.json";
-import * as Future from "./_internal/client-future";
 import type { Deferred } from "./_internal/deferred";
 import { createDeferred } from "./_internal/deferred";
 import { uploadFile, uploadFilesInternal } from "./_internal/upload-browser";
@@ -51,8 +50,6 @@ export {
   UploadPausedError,
 } from "@uploadthing/shared";
 
-export { Future };
-
 /**
  * Validate that a file is of a valid type given a route config
  * @public

packages/uploadthing/turbo.json

@@ -5,6 +5,7 @@
     "build": {
       "outputs": [
         "client/**",
+        "client-future/**",
         "dist/**",
         "effect-platform/**",
         "express/**",

playground/app/api/uploadthing/route.ts

@@ -14,7 +14,7 @@ import { getSession } from "../../../lib/data";
 const fileRoute = createUploadthing();
 
 export const uploadRouter = {
-  anything: fileRoute({
+  anyPrivate: fileRoute({
     blob: { maxFileSize: "256MB", maxFileCount: 10, acl: "private" },
   })
     .input(z.object({}))

playground/app/future/page.tsx

@@ -2,15 +2,13 @@
 
 import { useState } from "react";
 
-import { Future } from "uploadthing/client";
+import { AnyFile } from "uploadthing/client-future";
 
 import { future_createUpload, future_uploadFiles } from "../../lib/uploadthing";
 import { UploadRouter } from "../api/uploadthing/route";
 
 function AsyncUploader() {
-  const [files, setFiles] = useState<
-    Future.AnyFile<UploadRouter["anything"]>[]
-  >([]);
+  const [files, setFiles] = useState<AnyFile<UploadRouter["anyPrivate"]>[]>([]);
 
   return (
     <div className="mx-auto max-w-2xl p-8">
@@ -20,7 +18,7 @@ function AsyncUploader() {
           const files = formData.getAll("files") as File[];
           console.log("SUBMITTED", files);
 
-          const result = await future_uploadFiles("anything", {
+          const result = await future_uploadFiles("anyPrivate", {
             files,
             onEvent: (event) => {
               console.log("EVENT", event);
@@ -54,9 +52,7 @@ function AsyncUploader() {
 }
 
 function ControlledUploader() {
-  const [files, setFiles] = useState<
-    Future.AnyFile<UploadRouter["anything"]>[]
-  >([]);
+  const [files, setFiles] = useState<AnyFile<UploadRouter["anyPrivate"]>[]>([]);
   const [selectedFiles, setSelectedFiles] = useState<File[]>([]);
   const [uploadControls, setUploadControls] = useState<Awaited<
     ReturnType<typeof future_createUpload>
@@ -76,7 +72,7 @@ function ControlledUploader() {
     setIsUploading(true);
 
     // Create uploads for each file
-    const controls = await future_createUpload("anything", {
+    const controls = await future_createUpload("anyPrivate", {
       files: selectedFiles,
       onEvent: (event) => {
         console.log("EVENT", event);

playground/components/fieldset.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import cx from "clsx";
+import { cx } from "class-variance-authority";
 
 export function Input({
   className,

playground/components/file-card.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useTransition } from "react";
-import cx from "clsx";
+import { cx } from "class-variance-authority";
 
 import { deleteFile, getFileUrl } from "../lib/actions";
 import { ListedFileInfo } from "../lib/data";

playground/components/skeleton.tsx

@@ -1,4 +1,4 @@
-import cx from "clsx";
+import { cx } from "class-variance-authority";
 
 export function Skeleton({
   className,

playground/package.json

@@ -12,6 +12,7 @@
     "@uploadthing/react": "workspace:*",
     "class-variance-authority": "0.7.1",
     "effect": "3.14.14",
+    "lucide-react": "^0.469.0",
     "next": "canary",
     "react": "19.1.0",
     "react-dom": "19.1.0",