@puredesktop/platform-editor 1.0.0-beta.1 → 2.1.0

package/src/extensions/collectionImage.ts

@@ -1,26 +1,26 @@
-import Image from '@tiptap/extension-image'
-import { COLLECTION_ASSET_SRC_ATTR } from '../collectionAssetSrc.js'
-
-/**
- * Collection document images: data URLs in the editor, relative `assets/…` paths on save
- * via {@link COLLECTION_ASSET_SRC_ATTR} (see platform-ui `normalizeCollectionDocumentHtml`).
- */
-export const CollectionImage = Image.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      collectionAssetSrc: {
-        default: null,
-        parseHTML: element => element.getAttribute(COLLECTION_ASSET_SRC_ATTR),
-        renderHTML: attributes => {
-          const stored = attributes.collectionAssetSrc
-          if (!stored || typeof stored !== 'string') return {}
-          return { [COLLECTION_ASSET_SRC_ATTR]: stored }
-        },
-      },
-    }
-  },
-}).configure({
-  inline: false,
-  allowBase64: true,
-})
+import Image from '@tiptap/extension-image'
+import { COLLECTION_ASSET_SRC_ATTR } from '../collectionAssetSrc.js'
+
+/**
+ * Collection document images: data URLs in the editor, relative `assets/…` paths on save
+ * via {@link COLLECTION_ASSET_SRC_ATTR} (see platform-ui `normalizeCollectionDocumentHtml`).
+ */
+export const CollectionImage = Image.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      collectionAssetSrc: {
+        default: null,
+        parseHTML: element => element.getAttribute(COLLECTION_ASSET_SRC_ATTR),
+        renderHTML: attributes => {
+          const stored = attributes.collectionAssetSrc
+          if (!stored || typeof stored !== 'string') return {}
+          return { [COLLECTION_ASSET_SRC_ATTR]: stored }
+        },
+      },
+    }
+  },
+}).configure({
+  inline: false,
+  allowBase64: true,
+})

package/src/extensions/collectionImagePaste.ts

@@ -1,215 +1,215 @@
-import { Extension } from '@tiptap/core'
-import { Plugin, PluginKey } from '@tiptap/pm/state'
-
-const SUPPORTED_MIME = new Set([
-  'image/png',
-  'image/jpeg',
-  'image/gif',
-  'image/webp',
-  'image/svg+xml',
-])
-
-const EXT_FOR_MIME: Record<string, string> = {
-  'image/png': 'png',
-  'image/jpeg': 'jpg',
-  'image/gif': 'gif',
-  'image/webp': 'webp',
-  'image/svg+xml': 'svg',
-}
-
-export interface CollectionImagePastePayload {
-  name: string
-  bytes: Uint8Array
-  mimeType: string
-}
-
-export interface CollectionImagePasteExtensionOptions {
-  onError?: (message: string) => void
-  handleImage: (payload: CollectionImagePastePayload) => Promise<void>
-  /** Read bytes from an absolute path (external file:// drops). */
-  readBinary?: (absolutePath: string) => Promise<Uint8Array>
-}
-
-function normalizeMimeType(
-  mimeType: string | undefined,
-  name: string,
-): string | undefined {
-  const trimmed = mimeType?.trim().toLowerCase()
-  if (trimmed && SUPPORTED_MIME.has(trimmed)) return trimmed
-  const ext = name.split('.').pop()?.toLowerCase()
-  if (ext === 'png') return 'image/png'
-  if (ext === 'jpg' || ext === 'jpeg') return 'image/jpeg'
-  if (ext === 'gif') return 'image/gif'
-  if (ext === 'webp') return 'image/webp'
-  if (ext === 'svg') return 'image/svg+xml'
-  return undefined
-}
-
-function decodeDataImage(dataUrl: string): CollectionImagePastePayload {
-  const match = dataUrl.match(/^data:(image\/[a-z0-9.+-]+);base64,(.+)$/i)
-  if (!match) throw new Error('Unsupported data URL format.')
-  const [, mimeType, payload] = match
-  const binary = atob(payload)
-  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0))
-  return {
-    bytes,
-    mimeType: mimeType.toLowerCase(),
-    name: `image.${EXT_FOR_MIME[mimeType.toLowerCase()] ?? 'png'}`,
-  }
-}
-
-function isSupportedImageFile(file: File): boolean {
-  return Boolean(normalizeMimeType(file.type, file.name))
-}
-
-function collectImageFiles(dt: DataTransfer): File[] {
-  const seen = new Set<File>()
-  const add = (file: File | null) => {
-    if (file && isSupportedImageFile(file)) seen.add(file)
-  }
-  for (const file of Array.from(dt.files)) add(file)
-  for (const item of Array.from(dt.items)) {
-    if (item.kind === 'file') add(item.getAsFile())
-  }
-  return [...seen]
-}
-
-function filePathFromDataTransfer(dt: DataTransfer): string | null {
-  const uri =
-    dt
-      .getData('text/uri-list')
-      ?.split('\n')
-      .map(line => line.trim())
-      .find(line => line && !line.startsWith('#')) ?? null
-  if (!uri) return null
-  try {
-    if (uri.startsWith('file://')) {
-      return decodeURIComponent(new URL(uri).pathname)
-    }
-    if (uri.startsWith('/')) return uri
-  } catch {
-    return null
-  }
-  return null
-}
-
-function nameFromLocalPath(filePath: string): string {
-  const normalized = filePath.replace(/\\/g, '/')
-  return normalized.split('/').pop() || 'image.png'
-}
-
-/** TipTap paste/drop hook — persistence is injected via `handleImage`. */
-export function createCollectionImagePasteExtension(
-  options: CollectionImagePasteExtensionOptions,
-): Extension {
-  const { onError, handleImage, readBinary } = options
-
-  return Extension.create({
-    name: 'collectionImagePaste',
-
-    addProseMirrorPlugins() {
-      const handleFiles = async (files: File[]): Promise<boolean> => {
-        const images = files.filter(isSupportedImageFile)
-        if (images.length === 0) {
-          if (files.length > 0) {
-            onError?.(
-              'Unsupported file type. Supported: PNG, JPEG, GIF, WebP, SVG.',
-            )
-          }
-          return false
-        }
-        for (const file of images) {
-          try {
-            await handleImage({
-              name: file.name,
-              bytes: new Uint8Array(await file.arrayBuffer()),
-              mimeType: normalizeMimeType(file.type, file.name) ?? 'image/png',
-            })
-          } catch (error) {
-            const message =
-              error instanceof Error ? error.message : String(error)
-            onError?.(`Could not save image: ${message}`)
-          }
-        }
-        return true
-      }
-
-      const handleExternalFilePath = async (
-        absolutePath: string,
-      ): Promise<boolean> => {
-        if (!readBinary) return false
-        const lower = absolutePath.toLowerCase()
-        if (!/\.(png|jpe?g|gif|webp|svg)$/.test(lower)) return false
-        try {
-          const bytes = await readBinary(absolutePath)
-          await handleImage({
-            name: nameFromLocalPath(absolutePath),
-            bytes,
-            mimeType: normalizeMimeType(undefined, absolutePath) ?? 'image/png',
-          })
-          return true
-        } catch (error) {
-          const message = error instanceof Error ? error.message : String(error)
-          onError?.(`Could not import image: ${message}`)
-          return false
-        }
-      }
-
-      return [
-        new Plugin({
-          key: new PluginKey('collectionImagePaste'),
-          props: {
-            handlePaste(_view, event) {
-              const dt = event.clipboardData
-              if (!dt) return false
-
-              const files = collectImageFiles(dt)
-              if (files.length > 0) {
-                event.preventDefault()
-                void handleFiles(files)
-                return true
-              }
-
-              const text = dt.getData('text/plain')?.trim()
-              if (text?.startsWith('data:image/')) {
-                event.preventDefault()
-                void (async () => {
-                  try {
-                    await handleImage(decodeDataImage(text))
-                  } catch (error) {
-                    const message =
-                      error instanceof Error ? error.message : String(error)
-                    onError?.(`Could not save image: ${message}`)
-                  }
-                })()
-                return true
-              }
-
-              return false
-            },
-            handleDrop(_view, event) {
-              const dt = event.dataTransfer
-              if (!dt) return false
-
-              const files = collectImageFiles(dt)
-              if (files.length > 0) {
-                event.preventDefault()
-                void handleFiles(files)
-                return true
-              }
-
-              const externalPath = filePathFromDataTransfer(dt)
-              if (externalPath) {
-                event.preventDefault()
-                void handleExternalFilePath(externalPath)
-                return true
-              }
-
-              return false
-            },
-          },
-        }),
-      ]
-    },
-  })
-}
+import { Extension } from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+const SUPPORTED_MIME = new Set([
+  'image/png',
+  'image/jpeg',
+  'image/gif',
+  'image/webp',
+  'image/svg+xml',
+])
+
+const EXT_FOR_MIME: Record<string, string> = {
+  'image/png': 'png',
+  'image/jpeg': 'jpg',
+  'image/gif': 'gif',
+  'image/webp': 'webp',
+  'image/svg+xml': 'svg',
+}
+
+export interface CollectionImagePastePayload {
+  name: string
+  bytes: Uint8Array
+  mimeType: string
+}
+
+export interface CollectionImagePasteExtensionOptions {
+  onError?: (message: string) => void
+  handleImage: (payload: CollectionImagePastePayload) => Promise<void>
+  /** Read bytes from an absolute path (external file:// drops). */
+  readBinary?: (absolutePath: string) => Promise<Uint8Array>
+}
+
+function normalizeMimeType(
+  mimeType: string | undefined,
+  name: string,
+): string | undefined {
+  const trimmed = mimeType?.trim().toLowerCase()
+  if (trimmed && SUPPORTED_MIME.has(trimmed)) return trimmed
+  const ext = name.split('.').pop()?.toLowerCase()
+  if (ext === 'png') return 'image/png'
+  if (ext === 'jpg' || ext === 'jpeg') return 'image/jpeg'
+  if (ext === 'gif') return 'image/gif'
+  if (ext === 'webp') return 'image/webp'
+  if (ext === 'svg') return 'image/svg+xml'
+  return undefined
+}
+
+function decodeDataImage(dataUrl: string): CollectionImagePastePayload {
+  const match = dataUrl.match(/^data:(image\/[a-z0-9.+-]+);base64,(.+)$/i)
+  if (!match) throw new Error('Unsupported data URL format.')
+  const [, mimeType, payload] = match
+  const binary = atob(payload)
+  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0))
+  return {
+    bytes,
+    mimeType: mimeType.toLowerCase(),
+    name: `image.${EXT_FOR_MIME[mimeType.toLowerCase()] ?? 'png'}`,
+  }
+}
+
+function isSupportedImageFile(file: File): boolean {
+  return Boolean(normalizeMimeType(file.type, file.name))
+}
+
+function collectImageFiles(dt: DataTransfer): File[] {
+  const seen = new Set<File>()
+  const add = (file: File | null) => {
+    if (file && isSupportedImageFile(file)) seen.add(file)
+  }
+  for (const file of Array.from(dt.files)) add(file)
+  for (const item of Array.from(dt.items)) {
+    if (item.kind === 'file') add(item.getAsFile())
+  }
+  return [...seen]
+}
+
+function filePathFromDataTransfer(dt: DataTransfer): string | null {
+  const uri =
+    dt
+      .getData('text/uri-list')
+      ?.split('\n')
+      .map(line => line.trim())
+      .find(line => line && !line.startsWith('#')) ?? null
+  if (!uri) return null
+  try {
+    if (uri.startsWith('file://')) {
+      return decodeURIComponent(new URL(uri).pathname)
+    }
+    if (uri.startsWith('/')) return uri
+  } catch {
+    return null
+  }
+  return null
+}
+
+function nameFromLocalPath(filePath: string): string {
+  const normalized = filePath.replace(/\\/g, '/')
+  return normalized.split('/').pop() || 'image.png'
+}
+
+/** TipTap paste/drop hook — persistence is injected via `handleImage`. */
+export function createCollectionImagePasteExtension(
+  options: CollectionImagePasteExtensionOptions,
+): Extension {
+  const { onError, handleImage, readBinary } = options
+
+  return Extension.create({
+    name: 'collectionImagePaste',
+
+    addProseMirrorPlugins() {
+      const handleFiles = async (files: File[]): Promise<boolean> => {
+        const images = files.filter(isSupportedImageFile)
+        if (images.length === 0) {
+          if (files.length > 0) {
+            onError?.(
+              'Unsupported file type. Supported: PNG, JPEG, GIF, WebP, SVG.',
+            )
+          }
+          return false
+        }
+        for (const file of images) {
+          try {
+            await handleImage({
+              name: file.name,
+              bytes: new Uint8Array(await file.arrayBuffer()),
+              mimeType: normalizeMimeType(file.type, file.name) ?? 'image/png',
+            })
+          } catch (error) {
+            const message =
+              error instanceof Error ? error.message : String(error)
+            onError?.(`Could not save image: ${message}`)
+          }
+        }
+        return true
+      }
+
+      const handleExternalFilePath = async (
+        absolutePath: string,
+      ): Promise<boolean> => {
+        if (!readBinary) return false
+        const lower = absolutePath.toLowerCase()
+        if (!/\.(png|jpe?g|gif|webp|svg)$/.test(lower)) return false
+        try {
+          const bytes = await readBinary(absolutePath)
+          await handleImage({
+            name: nameFromLocalPath(absolutePath),
+            bytes,
+            mimeType: normalizeMimeType(undefined, absolutePath) ?? 'image/png',
+          })
+          return true
+        } catch (error) {
+          const message = error instanceof Error ? error.message : String(error)
+          onError?.(`Could not import image: ${message}`)
+          return false
+        }
+      }
+
+      return [
+        new Plugin({
+          key: new PluginKey('collectionImagePaste'),
+          props: {
+            handlePaste(_view, event) {
+              const dt = event.clipboardData
+              if (!dt) return false
+
+              const files = collectImageFiles(dt)
+              if (files.length > 0) {
+                event.preventDefault()
+                void handleFiles(files)
+                return true
+              }
+
+              const text = dt.getData('text/plain')?.trim()
+              if (text?.startsWith('data:image/')) {
+                event.preventDefault()
+                void (async () => {
+                  try {
+                    await handleImage(decodeDataImage(text))
+                  } catch (error) {
+                    const message =
+                      error instanceof Error ? error.message : String(error)
+                    onError?.(`Could not save image: ${message}`)
+                  }
+                })()
+                return true
+              }
+
+              return false
+            },
+            handleDrop(_view, event) {
+              const dt = event.dataTransfer
+              if (!dt) return false
+
+              const files = collectImageFiles(dt)
+              if (files.length > 0) {
+                event.preventDefault()
+                void handleFiles(files)
+                return true
+              }
+
+              const externalPath = filePathFromDataTransfer(dt)
+              if (externalPath) {
+                event.preventDefault()
+                void handleExternalFilePath(externalPath)
+                return true
+              }
+
+              return false
+            },
+          },
+        }),
+      ]
+    },
+  })
+}