chore: use pnpm 9 (#868)

pingdotgg · Jun 26, 2024 · 5167316 · 5167316
1 parent 8383882
commit 5167316
Show file tree

Hide file tree

Showing 24 changed files with 18,519 additions and 13,731 deletions.
diff --git a/.github/analyze-bundle.js b/.github/analyze-bundle.js
@@ -103,8 +103,8 @@ function formatDiff(diff) {
   
   | Bundle              | Size (gzip)                          | Visualization  |
   | ------------------- | ------------------------------------ | -------------- |
-  | Main                | ${mainGzip}                          | ${treemapMain} |
-  | PR (${context.sha}) | ${prGzip}                            | ${treemapPr}   |
+  | Main                | ${formatBytes(mainGzip)}             | ${treemapMain} |
+  | PR (${context.sha}) | ${formatBytes(prGzip)}               | ${treemapPr}   |
   | **Diff**            | **${formatDiff(prGzip - mainGzip)}** |                |
   `;
 

diff --git a/.npmrc b/.npmrc
@@ -3,6 +3,7 @@
 # @link https://pnpm.io/npmrc#prefer-workspace-packages
 save-workspace-protocol=false
 prefer-workspace-packages=true
+link-workspace-packages=true
 
 # Expo doesn't play nice with pnpm by default.
 # The symbolic links of pnpm break the rules of Expo monorepos.

diff --git a/examples/backend-adapters/client-react/package.json b/examples/backend-adapters/client-react/package.json
@@ -18,6 +18,6 @@
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "typescript": "^5.5.2",
-    "vite": "^5.1.4"
+    "vite": "^5.3.1"
   }
 }
diff --git a/examples/backend-adapters/client-vanilla/package.json b/examples/backend-adapters/client-vanilla/package.json
@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "typescript": "^5.5.2",
-    "vite": "^5.1.4"
+    "vite": "^5.3.1"
   }
 }
diff --git a/examples/backend-adapters/client-vue/package.json b/examples/backend-adapters/client-vue/package.json
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "typescript": "^5.5.2",
-    "vite": "^5.1.4",
+    "vite": "^5.3.1",
     "vue-tsc": "^2.0.6"
   }
 }
diff --git a/examples/backend-adapters/package.json b/examples/backend-adapters/package.json
@@ -23,12 +23,10 @@
     "test": "playwright test"
   },
   "dependencies": {
+    "@playwright/test": "1.45.0",
     "@uploadthing/react": "6.6.0",
     "concurrently": "^8.2.2",
     "typescript": "^5.5.2",
     "uploadthing": "6.12.0"
-  },
-  "devDependencies": {
-    "@playwright/test": "1.42.1"
   }
 }
diff --git a/examples/minimal-sveltekit/package.json b/examples/minimal-sveltekit/package.json
@@ -24,7 +24,7 @@
     "svelte-check": "^3.6.7",
     "tslib": "^2.6.2",
     "typescript": "^5.5.2",
-    "vite": "^5.1.4"
+    "vite": "^5.3.1"
   },
   "type": "module"
 }
diff --git a/examples/profile-picture/src/ui/sheet.tsx b/examples/profile-picture/src/ui/sheet.tsx
@@ -20,7 +20,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Overlay
     className={twMerge(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
       className,
     )}
     {...props}

diff --git a/examples/with-novel/app/menu.tsx b/examples/with-novel/app/menu.tsx
@@ -43,7 +43,7 @@ export function Menu() {
             }}
           >
             <div className="flex items-center space-x-2">
-              <div className="rounded-sm border  p-1">{icon}</div>
+              <div className="rounded-sm border p-1">{icon}</div>
               <span>{theme}</span>
             </div>
             {currentTheme === theme.toLowerCase() && (

diff --git a/examples/with-novel/editor/index.tsx b/examples/with-novel/editor/index.tsx
@@ -82,7 +82,7 @@ export const AdvancedEditor = () => {
                 <EditorCommandItem
                   value={item.title}
                   onCommand={(val) => item.command?.(val)}
-                  className={`hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm `}
+                  className={`hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm`}
                   key={item.title}
                 >
                   <div className="border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border">

diff --git a/examples/with-novel/ui/command.tsx b/examples/with-novel/ui/command.tsx
@@ -69,7 +69,7 @@ const CommandInput = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
   <div className="flex items-center border-b px-4" cmdk-input-wrapper="">
-    <Magic className="mr-2 h-4 w-4 shrink-0 text-purple-500 " />
+    <Magic className="mr-2 h-4 w-4 shrink-0 text-purple-500" />
     <CommandPrimitive.Input
       ref={ref}
       className={twMerge(

diff --git a/examples/with-novel/ui/dialog.tsx b/examples/with-novel/ui/dialog.tsx
@@ -20,7 +20,7 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={twMerge(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
       className,
     )}
     {...props}

diff --git a/package.json b/package.json
@@ -4,9 +4,9 @@
   "type": "module",
   "engines": {
     "node": "20.x",
-    "pnpm": "8.x"
+    "pnpm": "9.x"
   },
-  "packageManager": "pnpm@8.15.6",
+  "packageManager": "pnpm@9.4.0",
   "workspaces": [
     "docs",
     "examples/*",
@@ -36,23 +36,23 @@
     "@actions/github": "^6.0.0",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.1",
-    "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
     "@manypkg/cli": "^0.21.3",
-    "@playwright/test": "1.42.1",
-    "@prettier/sync": "^0.5.1",
-    "@types/bun": "^1.1.3",
+    "@playwright/test": "1.45.0",
+    "@prettier/sync": "^0.5.2",
+    "@types/bun": "^1.1.5",
     "@types/node": "^20.14.0",
-    "@uploadthing/eslint-config": "0.2.0",
-    "@vitest/coverage-v8": "^1.3.1",
+    "@uploadthing/eslint-config": "workspace:*",
+    "@vitest/coverage-v8": "^1.6.0",
     "happy-dom": "^13.6.2",
     "msw": "2.2.13",
-    "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.11",
-    "turbo": "^2.0.2",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.6.5",
+    "turbo": "2.0.6-canary.0",
     "typescript": "^5.5.2",
     "uploadthing": "workspace:*",
     "vite-tsconfig-paths": "^4.3.1",
-    "vitest": "^1.3.1"
+    "vitest": "^1.6.0"
   },
   "pnpm": {
     "patchedDependencies": {

diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json
@@ -80,8 +80,8 @@
   },
   "devDependencies": {
     "@types/react": "18.3.3",
-    "@uploadthing/eslint-config": "0.2.0",
-    "@uploadthing/tsconfig": "0.1.0",
+    "@uploadthing/eslint-config": "workspace:*",
+    "@uploadthing/tsconfig": "workspace:*",
     "bunchee": "^5.2.1",
     "eslint": "^8.57.0",
     "react": "18.3.1",

diff --git a/packages/mime-types/package.json b/packages/mime-types/package.json
@@ -32,8 +32,8 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@uploadthing/eslint-config": "0.2.0",
-    "@uploadthing/tsconfig": "0.1.0",
+    "@uploadthing/eslint-config": "workspace:*",
+    "@uploadthing/tsconfig": "workspace:*",
     "bunchee": "^5.2.1",
     "eslint": "^8.57.0",
     "typescript": "^5.5.2"

diff --git a/packages/react/src/components/button.tsx b/packages/react/src/components/button.tsx
@@ -262,7 +262,7 @@ export function UploadButton<
   const renderAllowedContent = () => (
     <div
       className={twMerge(
-        "h-[1.25rem]  text-xs leading-5 text-gray-600",
+        "h-[1.25rem] text-xs leading-5 text-gray-600",
         styleFieldToClassName($props.appearance?.allowedContent, styleFieldArg),
       )}
       style={styleFieldToCssObject(

diff --git a/packages/solid/src/components/button.tsx b/packages/solid/src/components/button.tsx
@@ -175,7 +175,7 @@ export function UploadButton<
       </label>
       <div
         class={twMerge(
-          "h-[1.25rem]  text-xs leading-5 text-gray-600",
+          "h-[1.25rem] text-xs leading-5 text-gray-600",
           styleFieldToClassName(
             $props.appearance?.allowedContent,
             styleFieldArg,

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
@@ -51,7 +51,7 @@
     "tslib": "^2.6.2",
     "typescript": "^5.5.2",
     "uploadthing": "workspace:*",
-    "vite": "^5.1.4"
+    "vite": "^5.3.1"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",

diff --git a/packages/vue/src/components/button.tsx b/packages/vue/src/components/button.tsx
@@ -236,7 +236,7 @@ export const generateUploadButton = <TRouter extends FileRouter>(
       const renderAllowedContent = () => (
         <div
           class={twMerge(
-            "h-[1.25rem]  text-xs leading-5 text-gray-600",
+            "h-[1.25rem] text-xs leading-5 text-gray-600",
             styleFieldToClassName(
               $props.appearance?.allowedContent,
               styleFieldArg.value,