From cd1dcedcdbd33efb1a5a331a50149cdbaac571f1 Mon Sep 17 00:00:00 2001
From: Tina Hammar <tinahammar@gmail.com>
Date: Tue, 16 Sep 2025 15:29:03 +0200
Subject: [PATCH] composer cs

---
 .../rich-editor/extension-local-files.js      | 80 +++++++++++++------
 1 file changed, 55 insertions(+), 25 deletions(-)

diff --git a/packages/forms/resources/js/components/rich-editor/extension-local-files.js b/packages/forms/resources/js/components/rich-editor/extension-local-files.js
index 5d6161ed21..284f278557 100644
--- a/packages/forms/resources/js/components/rich-editor/extension-local-files.js
+++ b/packages/forms/resources/js/components/rich-editor/extension-local-files.js
@@ -1,12 +1,23 @@
 import { Extension } from '@tiptap/core'
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
-const defaultAllowedMimeTypes = ['image/png', 'image/jpeg', 'image/gif', 'image/webp']
+const defaultAllowedMimeTypes = [
+    'image/png',
+    'image/jpeg',
+    'image/gif',
+    'image/webp',
+]
 const defaultMaxFileSize = 10 * 1024 * 1024 // 10MB in bytes
 const defaultFileSizeExceededMessage = 'File size exceeds maximum allowed'
 const defaultInvalidMimeTypeMessage = 'File type is not allowed'
 
-const validateFile = (file, allowedMimeTypes, maxFileSize, invalidMimeTypeMessage, fileSizeExceededMessage) => {
+const validateFile = (
+    file,
+    allowedMimeTypes,
+    maxFileSize,
+    invalidMimeTypeMessage,
+    fileSizeExceededMessage,
+) => {
     const errors = []
 
     if (!allowedMimeTypes.includes(file.type)) {
@@ -19,7 +30,7 @@ const validateFile = (file, allowedMimeTypes, maxFileSize, invalidMimeTypeMessag
 
     return {
         isValid: errors.length === 0,
-        errors
+        errors,
     }
 }
 
@@ -34,18 +45,19 @@ const dispatchFormEvent = (editorView, name, detail = {}) => {
 }
 
 const LocalFilesPlugin = ({
-                              editor,
-                              get$WireUsing,
-                              key,
-                              statePath,
-                              uploadingMessage,
-                              allowedMimeTypes,
-                              maxFileSize,
-                              fileSizeExceededMessage,
-                              invalidMimeTypeMessage,
-                          }) => {
+    editor,
+    get$WireUsing,
+    key,
+    statePath,
+    uploadingMessage,
+    allowedMimeTypes,
+    maxFileSize,
+    fileSizeExceededMessage,
+    invalidMimeTypeMessage,
+}) => {
     // Use defaults if not provided from PHP
-    const effectiveAllowedMimeTypes = allowedMimeTypes || defaultAllowedMimeTypes
+    const effectiveAllowedMimeTypes =
+        allowedMimeTypes || defaultAllowedMimeTypes
     const effectiveMaxFileSize = maxFileSize || defaultMaxFileSize
     const getFileAttachmentUrl = (fileKey) =>
         get$WireUsing().callSchemaComponentMethod(
@@ -68,8 +80,14 @@ const LocalFilesPlugin = ({
                 const validFiles = []
                 const rejectedFiles = []
 
-                allFiles.forEach(file => {
-                    const validation = validateFile(file, effectiveAllowedMimeTypes, effectiveMaxFileSize, invalidMimeTypeMessage, fileSizeExceededMessage)
+                allFiles.forEach((file) => {
+                    const validation = validateFile(
+                        file,
+                        effectiveAllowedMimeTypes,
+                        effectiveMaxFileSize,
+                        invalidMimeTypeMessage,
+                        fileSizeExceededMessage,
+                    )
                     if (validation.isValid) {
                         validFiles.push(file)
                     } else {
@@ -78,9 +96,12 @@ const LocalFilesPlugin = ({
                 })
 
                 if (rejectedFiles.length > 0) {
-                    const errorMessages = rejectedFiles.map(({ file, errors }) =>
-                        `<p>${file.name}: ${errors.join(', ')}</p>`
-                    ).join('')
+                    const errorMessages = rejectedFiles
+                        .map(
+                            ({ file, errors }) =>
+                                `<p>${file.name}: ${errors.join(', ')}</p>`,
+                        )
+                        .join('')
 
                     new FilamentNotification()
                         .body(errorMessages)
@@ -202,8 +223,14 @@ const LocalFilesPlugin = ({
                 const validFiles = []
                 const rejectedFiles = []
 
-                allFiles.forEach(file => {
-                    const validation = validateFile(file, effectiveAllowedMimeTypes, effectiveMaxFileSize, invalidMimeTypeMessage, fileSizeExceededMessage)
+                allFiles.forEach((file) => {
+                    const validation = validateFile(
+                        file,
+                        effectiveAllowedMimeTypes,
+                        effectiveMaxFileSize,
+                        invalidMimeTypeMessage,
+                        fileSizeExceededMessage,
+                    )
                     if (validation.isValid) {
                         validFiles.push(file)
                     } else {
@@ -212,9 +239,12 @@ const LocalFilesPlugin = ({
                 })
 
                 if (rejectedFiles.length > 0) {
-                    const errorMessages = rejectedFiles.map(({ file, errors }) =>
-                        `<p>${file.name}: ${errors.join(', ')}</p>`
-                    ).join('')
+                    const errorMessages = rejectedFiles
+                        .map(
+                            ({ file, errors }) =>
+                                `<p>${file.name}: ${errors.join(', ')}</p>`,
+                        )
+                        .join('')
 
                     new FilamentNotification()
                         .body(errorMessages)
@@ -346,4 +376,4 @@ export default Extension.create({
             }),
         ]
     },
-})
\ No newline at end of file
+})