ci

apps/www/public/r/styles/default/api-uploadthing.json

@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import type { FileRouter } from 'uploadthing/next';\n\nimport { createRouteHandler, createUploadthing } from 'uploadthing/next';\n\nconst f = createUploadthing();\n\n// FileRouter for your app, can contain multiple FileRoutes\nconst ourFileRouter = {\n  // Define as many FileRoutes as you like, each with a unique routeSlug\n  imageUploader: f(['image', 'text', 'blob', 'pdf', 'video', 'audio'])\n    // Set permissions and file types for this FileRoute\n    .middleware(async ({ req }) => {\n      // This code runs on your server before upload\n\n      // Whatever is returned here is accessible in onUploadComplete as `metadata`\n      return {};\n    })\n    .onUploadComplete(({ file, metadata }) => {\n      // This code RUNS ON YOUR SERVER after upload\n\n      // !!! Whatever is returned here is sent to the clientside `onClientUploadComplete` callback\n      return { file };\n    }),\n} satisfies FileRouter;\n\nexport type OurFileRouter = typeof ourFileRouter;\n\n// Export routes for Next App Router\nexport const { GET, POST } = createRouteHandler({\n  router: ourFileRouter,\n\n  // Apply an (optional) custom config:\n  // config: { ... },\n});\n",
+      "content": "import type { FileRouter } from 'uploadthing/next';\n\nimport { createRouteHandler, createUploadthing } from 'uploadthing/next';\n\nconst f = createUploadthing();\n\n// FileRouter for your app, can contain multiple FileRoutes\nconst ourFileRouter = {\n  // Define as many FileRoutes as you like, each with a unique routeSlug\n  imageUploader: f(['image', 'text', 'blob', 'pdf', 'video', 'audio'])\n    // Set permissions and file types for this FileRoute\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/require-await\n    .middleware(async ({ req }) => {\n      // This code runs on your server before upload\n\n      // Whatever is returned here is accessible in onUploadComplete as `metadata`\n      return {};\n    })\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    .onUploadComplete(({ file, metadata }) => {\n      // This code RUNS ON YOUR SERVER after upload\n\n      // !!! Whatever is returned here is sent to the clientside `onClientUploadComplete` callback\n      return { file };\n    }),\n} satisfies FileRouter;\n\nexport type OurFileRouter = typeof ourFileRouter;\n\n// Export routes for Next App Router\nexport const { GET, POST } = createRouteHandler({\n  router: ourFileRouter,\n\n  // Apply an (optional) custom config:\n  // config: { ... },\n});\n",
       "path": "components/api/uploadthing/route.ts",
       "target": "app/api/uploadthing/route.ts",
       "type": "registry:page"

apps/www/public/r/styles/default/uploadthing.json

@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import * as React from 'react';\n\nimport { isRedirectError } from 'next/dist/client/components/redirect';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\n\nexport interface UploadedFile {\n  key: string;\n  appUrl: string;\n  name: string;\n  size: number;\n  type: string;\n  url: string;\n}\n\nexport function useUploadFile() {\n  const [uploadedFile, setUploadedFile] = React.useState<UploadedFile>();\n  const [uploadingFile, setUploadingFile] = React.useState<File>();\n  const [progress, setProgress] = React.useState<number>(0);\n  const [isUploading, setIsUploading] = React.useState(false);\n\n  async function uploadThing(file: File) {\n    setIsUploading(true);\n    setUploadingFile(file);\n\n    try {\n      // Mock upload for unauthenticated users\n      // toast.info('User not logged in. Mocking upload process.');\n      const mockUploadedFile = {\n        key: 'mock-key-0',\n        appUrl: `https://mock-app-url.com/${file.name}`,\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        url: URL.createObjectURL(file),\n      } as UploadedFile;\n\n      // Simulate upload progress\n      let progress = 0;\n\n      const simulateProgress = async () => {\n        while (progress < 100) {\n          await new Promise((resolve) => setTimeout(resolve, 50));\n          progress += 2;\n          setProgress(Math.min(progress, 100));\n        }\n      };\n\n      await simulateProgress();\n\n      setUploadedFile(mockUploadedFile);\n\n      return mockUploadedFile;\n    } catch (error) {\n      const errorMessage = getErrorMessage(error);\n\n      const message =\n        errorMessage.length > 0\n          ? errorMessage\n          : 'Something went wrong, please try again later.';\n\n      toast.error(message);\n    } finally {\n      setProgress(0);\n      setIsUploading(false);\n      setUploadingFile(undefined);\n    }\n  }\n\n  return {\n    isUploading,\n    progress,\n    uploadFile: uploadThing,\n    uploadedFile,\n    uploadingFile,\n  };\n}\n\nexport function getErrorMessage(err: unknown) {\n  const unknownError = 'Something went wrong, please try again later.';\n\n  if (err instanceof z.ZodError) {\n    const errors = err.issues.map((issue) => {\n      return issue.message;\n    });\n\n    return errors.join('\\n');\n  } else if (err instanceof Error) {\n    return err.message;\n  } else if (isRedirectError(err)) {\n    throw err;\n  } else {\n    return unknownError;\n  }\n}\n\nexport function showErrorToast(err: unknown) {\n  const errorMessage = getErrorMessage(err);\n\n  return toast.error(errorMessage);\n}\n",
+      "content": "import * as React from 'react';\n\nimport type { OurFileRouter } from '@/components/api/uploadthing/route';\nimport type {\n  ClientUploadedFileData,\n  UploadFilesOptions,\n} from 'uploadthing/types';\n\nimport { generateReactHelpers } from '@uploadthing/react';\nimport { isRedirectError } from 'next/dist/client/components/redirect';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\n\nexport interface UploadedFile<T = unknown> extends ClientUploadedFileData<T> {}\n\ninterface UseUploadFileProps\n  extends Pick<\n    UploadFilesOptions<OurFileRouter, keyof OurFileRouter>,\n    'headers' | 'onUploadBegin' | 'onUploadProgress' | 'skipPolling'\n  > {\n  onUploadComplete?: (file: UploadedFile) => void;\n  onUploadError?: (error: unknown) => void;\n}\n\nexport function useUploadFile(\n  endpoint: keyof OurFileRouter,\n  { onUploadComplete, onUploadError, ...props }: UseUploadFileProps = {}\n) {\n  const [uploadedFile, setUploadedFile] = React.useState<UploadedFile>();\n  const [uploadingFile, setUploadingFile] = React.useState<File>();\n  const [progress, setProgress] = React.useState<number>(0);\n  const [isUploading, setIsUploading] = React.useState(false);\n\n  async function uploadThing(file: File) {\n    setIsUploading(true);\n    setUploadingFile(file);\n\n    try {\n      const res = await uploadFiles(endpoint, {\n        ...props,\n        files: [file],\n        onUploadProgress: ({ progress }) => {\n          setProgress(Math.min(progress, 100));\n        },\n      });\n\n      setUploadedFile(res[0]);\n\n      onUploadComplete?.(res[0]);\n\n      return uploadedFile;\n    } catch (error) {\n      const errorMessage = getErrorMessage(error);\n\n      const message =\n        errorMessage.length > 0\n          ? errorMessage\n          : 'Something went wrong, please try again later.';\n\n      toast.error(message);\n\n      onUploadError?.(error);\n\n      // Mock upload for unauthenticated users\n      // toast.info('User not logged in. Mocking upload process.');\n      const mockUploadedFile = {\n        key: 'mock-key-0',\n        appUrl: `https://mock-app-url.com/${file.name}`,\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        url: URL.createObjectURL(file),\n      } as UploadedFile;\n\n      // Simulate upload progress\n      let progress = 0;\n\n      const simulateProgress = async () => {\n        while (progress < 100) {\n          await new Promise((resolve) => setTimeout(resolve, 50));\n          progress += 2;\n          setProgress(Math.min(progress, 100));\n        }\n      };\n\n      await simulateProgress();\n\n      setUploadedFile(mockUploadedFile);\n\n      return mockUploadedFile;\n    } finally {\n      setProgress(0);\n      setIsUploading(false);\n      setUploadingFile(undefined);\n    }\n  }\n\n  return {\n    isUploading,\n    progress,\n    uploadFile: uploadThing,\n    uploadedFile,\n    uploadingFile,\n  };\n}\n\nexport const { uploadFiles, useUploadThing } =\n  generateReactHelpers<OurFileRouter>();\n\nexport function getErrorMessage(err: unknown) {\n  const unknownError = 'Something went wrong, please try again later.';\n\n  if (err instanceof z.ZodError) {\n    const errors = err.issues.map((issue) => {\n      return issue.message;\n    });\n\n    return errors.join('\\n');\n  } else if (err instanceof Error) {\n    return err.message;\n  } else if (isRedirectError(err)) {\n    throw err;\n  } else {\n    return unknownError;\n  }\n}\n\nexport function showErrorToast(err: unknown) {\n  const errorMessage = getErrorMessage(err);\n\n  return toast.error(errorMessage);\n}\n",
       "path": "lib/uploadthing.ts",
       "target": "lib/uploadthing.ts",
       "type": "registry:lib"

apps/www/src/registry/default/components/api/uploadthing/route.ts

@@ -9,12 +9,14 @@ const ourFileRouter = {
   // Define as many FileRoutes as you like, each with a unique routeSlug
   imageUploader: f(['image', 'text', 'blob', 'pdf', 'video', 'audio'])
     // Set permissions and file types for this FileRoute
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/require-await
     .middleware(async ({ req }) => {
       // This code runs on your server before upload
 
       // Whatever is returned here is accessible in onUploadComplete as `metadata`
       return {};
     })
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     .onUploadComplete(({ file, metadata }) => {
       // This code RUNS ON YOUR SERVER after upload
 

apps/www/src/registry/default/lib/uploadthing.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import * as React from 'react';
 
 import type { OurFileRouter } from '@/registry/default/components/api/uploadthing/route';

packages/html/src/__tests__/create-plate-ui-editor.ts

@@ -44,7 +44,6 @@ import {
   FilePlugin,
   ImagePlugin,
   MediaEmbedPlugin,
-  PlaceholderPlugin,
   VideoPlugin,
 } from '@udecode/plate-media/react';
 import { MentionInputPlugin } from '@udecode/plate-mention/react';
@@ -97,7 +96,6 @@ import { MediaEmbedElement } from 'www/src/registry/default/plate-ui/media-embed
 // @ts-nocheck
 import { MediaFileElement } from 'www/src/registry/default/plate-ui/media-file-element';
 // @ts-nocheck
-import { MediaPlaceholderElement } from 'www/src/registry/default/plate-ui/media-placeholder-element';
 // @ts-nocheck
 import { MediaVideoElement } from 'www/src/registry/default/plate-ui/media-video-element';
 // @ts-nocheck
@@ -166,7 +164,7 @@ export const createPlateUIEditor = <
         // [MentionPlugin.key]: MentionElement,
         [NumberedListPlugin.key]: withProps(ListElement, { variant: 'ol' }),
         [ParagraphPlugin.key]: ParagraphElement,
-        [PlaceholderPlugin.key]: MediaPlaceholderElement,
+        // [PlaceholderPlugin.key]: MediaPlaceholderElement,
         // [SlashInputPlugin.key]: SlashInputElement,
         [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
         [SubscriptPlugin.key]: withProps(PlateLeaf, { as: 'sub' }),

templates/plate-playground-template/package.json

@@ -105,6 +105,7 @@
     "tailwindcss-animate": "1.0.7"
   },
   "devDependencies": {
+    "eslint-plugin-prettier": "^5.2.1",
     "@types/node": "^22.9.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",