@milkdown/plugin-upload 6.5.2 → 6.5.4

package/lib/default-uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-uploader.d.ts","sourceRoot":"","sources":["../src/default-uploader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmBzC,eAAO,MAAM,eAAe,EAAE,QAwB7B,CAAC"}
+{"version":3,"file":"default-uploader.d.ts","sourceRoot":"","sources":["../src/default-uploader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAmBxC,eAAO,MAAM,eAAe,EAAE,QAqB7B,CAAA"}

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,MAAM,iKAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAI1C,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,eAAO,MAAM,MAAM,iKAAoC,CAAA"}

package/lib/index.es.js

@@ -37,19 +37,19 @@ const F = (l) => new Promise((o) => {
             return _.empty;
           },
           apply(e, r) {
-            const t = r.map(e.mapping, e.doc), n = e.getMeta(this);
-            if (!n)
+            const t = r.map(e.mapping, e.doc), a = e.getMeta(this);
+            if (!a)
               return t;
-            if (n.add) {
-              const a = document.createElement("span"), c = s.get(E).get(L, "loading");
+            if (a.add) {
+              const n = document.createElement("span"), c = s.get(E).get(L, "loading");
               if (!c)
                 throw S("loading");
-              a.appendChild(c.dom);
-              const m = x.widget(n.add.pos, a, { id: n.add.id });
+              n.appendChild(c.dom);
+              const m = x.widget(a.add.pos, n, { id: a.add.id });
               return t.add(e.doc, [m]);
             }
-            return n.remove ? t.remove(
-              t.find(void 0, void 0, (a) => a.id === n.remove.id)
+            return a.remove ? t.remove(
+              t.find(void 0, void 0, (n) => n.id === a.remove.id)
             ) : t;
           }
         },
@@ -59,21 +59,21 @@ const F = (l) => new Promise((o) => {
           }
         }
       }), b = (e, r) => {
-        var a, c;
+        var n, c;
         const t = p.getState(e);
         if (!t)
           return -1;
-        const n = t.find(void 0, void 0, (m) => m.id === r);
-        return n.length && (c = (a = n[0]) == null ? void 0 : a.from) != null ? c : -1;
+        const a = t.find(void 0, void 0, (m) => m.id === r);
+        return a.length && (c = (n = a[0]) == null ? void 0 : n.from) != null ? c : -1;
       }, h = (e, r, t) => {
         var m, P;
         if (!t || t.length <= 0)
           return !1;
-        const n = Symbol("upload symbol"), { tr: a } = e.state, c = r instanceof DragEvent && (P = (m = e.posAtCoords({ left: r.clientX, top: r.clientY })) == null ? void 0 : m.pos) != null ? P : a.selection.from;
-        return e.dispatch(a.setMeta(p, { add: { id: n, pos: c } })), i(t, d).then((f) => {
-          const g = b(e.state, n);
+        const a = Symbol("upload symbol"), { tr: n } = e.state, c = r instanceof DragEvent && (P = (m = e.posAtCoords({ left: r.clientX, top: r.clientY })) == null ? void 0 : m.pos) != null ? P : n.selection.from;
+        return e.dispatch(n.setMeta(p, { add: { id: a, pos: c } })), i(t, d).then((f) => {
+          const g = b(e.state, a);
           g < 0 || e.dispatch(
-            e.state.tr.replaceWith(g, g, f).setMeta(p, { remove: { id: n } })
+            e.state.tr.replaceWith(g, g, f).setMeta(p, { remove: { id: a } })
           );
         }).catch((f) => {
           console.error(f);
@@ -81,8 +81,8 @@ const F = (l) => new Promise((o) => {
       }, A = new D({
         props: {
           handlePaste: (e, r) => {
-            var t, n;
-            return !(r instanceof ClipboardEvent) || !(o != null && o.enableHtmlFileUploader) && ((t = r.clipboardData) == null ? void 0 : t.getData("text/html")) ? !1 : h(e, r, (n = r.clipboardData) == null ? void 0 : n.files);
+            var t, a;
+            return !(r instanceof ClipboardEvent) || !(o != null && o.enableHtmlFileUploader) && ((t = r.clipboardData) == null ? void 0 : t.getData("text/html")) ? !1 : h(e, r, (a = r.clipboardData) == null ? void 0 : a.files);
           },
           handleDrop: (e, r) => {
             var t;

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/default-uploader.ts","../src/upload.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { missingNodeInSchema } from '@milkdown/exception';\nimport type { Node } from '@milkdown/prose/model';\n\nimport type { Uploader } from './upload';\n\nconst readImageAsBase64 = (file: File): Promise<{ alt: string; src: string }> => {\n    return new Promise((resolve) => {\n        const reader = new FileReader();\n        reader.addEventListener(\n            'load',\n            () => {\n                resolve({\n                    alt: file.name,\n                    src: reader.result as string,\n                });\n            },\n            false,\n        );\n        reader.readAsDataURL(file);\n    });\n};\n\nexport const defaultUploader: Uploader = async (files, schema) => {\n    const imgs: File[] = [];\n\n    for (let i = 0; i < files.length; i++) {\n        const file = files.item(i);\n        if (!file) {\n            continue;\n        }\n\n        if (!file.type.includes('image')) {\n            continue;\n        }\n\n        imgs.push(file);\n    }\n\n    const { image } = schema.nodes;\n    if (!image) {\n        throw missingNodeInSchema('image');\n    }\n\n    const data = await Promise.all(imgs.map((img) => readImageAsBase64(img)));\n\n    return data.map(({ alt, src }) => image.createAndFill({ src, alt }) as Node);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';\nimport { missingIcon } from '@milkdown/exception';\nimport { Fragment, Node, Schema } from '@milkdown/prose/model';\nimport { EditorState, Plugin, PluginKey } from '@milkdown/prose/state';\nimport { Decoration, DecorationSet, EditorView } from '@milkdown/prose/view';\nimport { createPlugin } from '@milkdown/utils';\n\nimport { defaultUploader } from './default-uploader';\n\nexport type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>;\ntype Spec = { id: symbol; pos: number };\nexport type Options = {\n    uploader: Uploader;\n    enableHtmlFileUploader: boolean;\n};\nexport const key = new PluginKey('MILKDOWN_UPLOAD');\n\nexport const uploadPlugin = createPlugin<string, Options>((_, options) => {\n    const uploader = options?.uploader ?? defaultUploader;\n\n    return {\n        prosePlugins: (_, ctx) => {\n            const schema = ctx.get(schemaCtx);\n\n            const placeholderPlugin = new Plugin({\n                key,\n                state: {\n                    init() {\n                        return DecorationSet.empty;\n                    },\n                    apply(this: Plugin, tr, set) {\n                        const _set = set.map(tr.mapping, tr.doc);\n                        const action = tr.getMeta(this);\n                        if (!action) {\n                            return _set;\n                        }\n                        if (action.add) {\n                            const widget = document.createElement('span');\n                            const loadingIcon = ctx.get(themeManagerCtx).get(ThemeIcon, 'loading');\n                            if (!loadingIcon) {\n                                throw missingIcon('loading');\n                            }\n                            widget.appendChild(loadingIcon.dom);\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                            const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id } as any);\n                            return _set.add(tr.doc, [decoration]);\n                        }\n                        if (action.remove) {\n                            return _set.remove(\n                                _set.find(undefined, undefined, (spec: Spec) => spec.id === action.remove.id),\n                            );\n                        }\n\n                        return _set;\n                    },\n                },\n                props: {\n                    decorations(this: Plugin, state) {\n                        return this.getState(state);\n                    },\n                },\n            });\n\n            const findPlaceholder = (state: EditorState, id: symbol): number => {\n                const decorations = placeholderPlugin.getState(state);\n                if (!decorations) return -1;\n                const found = decorations.find(undefined, undefined, (spec: Spec) => spec.id === id);\n                if (!found.length) return -1;\n                return found[0]?.from ?? -1;\n            };\n\n            const handleUpload = (view: EditorView, event: DragEvent | ClipboardEvent, files: FileList | undefined) => {\n                if (!files || files.length <= 0) {\n                    return false;\n                }\n                const id = Symbol('upload symbol');\n                const { tr } = view.state;\n                const insertPos =\n                    event instanceof DragEvent\n                        ? view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? tr.selection.from\n                        : tr.selection.from;\n                view.dispatch(tr.setMeta(placeholderPlugin, { add: { id, pos: insertPos } }));\n\n                uploader(files, schema)\n                    .then((fragment) => {\n                        const pos = findPlaceholder(view.state, id);\n                        if (pos < 0) return;\n\n                        view.dispatch(\n                            view.state.tr\n                                .replaceWith(pos, pos, fragment)\n                                .setMeta(placeholderPlugin, { remove: { id } }),\n                        );\n                        return;\n                    })\n                    .catch((e) => {\n                        console.error(e);\n                    });\n                return true;\n            };\n\n            const uploadPlugin = new Plugin({\n                props: {\n                    handlePaste: (view, event) => {\n                        if (!(event instanceof ClipboardEvent)) {\n                            return false;\n                        }\n\n                        if (!options?.enableHtmlFileUploader && event.clipboardData?.getData('text/html')) {\n                            return false;\n                        }\n\n                        return handleUpload(view, event, event.clipboardData?.files);\n                    },\n                    handleDrop: (view, event) => {\n                        if (!(event instanceof DragEvent)) {\n                            return false;\n                        }\n\n                        return handleUpload(view, event, event.dataTransfer?.files);\n                    },\n                },\n            });\n            return [placeholderPlugin, uploadPlugin];\n        },\n    };\n});\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { AtomList } from '@milkdown/utils';\n\nimport { uploadPlugin } from './upload';\n\nexport type { Uploader } from './upload';\nexport { key, uploadPlugin } from './upload';\n\nexport const upload = AtomList.create([uploadPlugin()]);\n"],"names":["readImageAsBase64","file","resolve","reader","defaultUploader","files","schema","imgs","i","image","missingNodeInSchema","img","alt","src","key","PluginKey","uploadPlugin","createPlugin","_","options","uploader","_a","ctx","schemaCtx","placeholderPlugin","Plugin","DecorationSet","tr","set","_set","action","widget","loadingIcon","themeManagerCtx","ThemeIcon","missingIcon","decoration","Decoration","spec","state","findPlaceholder","id","decorations","found","_b","handleUpload","view","event","insertPos","fragment","pos","e","upload","AtomList"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/default-uploader.ts","../src/upload.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { missingNodeInSchema } from '@milkdown/exception'\nimport type { Node } from '@milkdown/prose/model'\n\nimport type { Uploader } from './upload'\n\nconst readImageAsBase64 = (file: File): Promise<{ alt: string; src: string }> => {\n  return new Promise((resolve) => {\n    const reader = new FileReader()\n    reader.addEventListener(\n      'load',\n      () => {\n        resolve({\n          alt: file.name,\n          src: reader.result as string,\n        })\n      },\n      false,\n    )\n    reader.readAsDataURL(file)\n  })\n}\n\nexport const defaultUploader: Uploader = async (files, schema) => {\n  const imgs: File[] = []\n\n  for (let i = 0; i < files.length; i++) {\n    const file = files.item(i)\n    if (!file)\n      continue\n\n    if (!file.type.includes('image'))\n      continue\n\n    imgs.push(file)\n  }\n\n  const { image } = schema.nodes\n  if (!image)\n    throw missingNodeInSchema('image')\n\n  const data = await Promise.all(imgs.map(img => readImageAsBase64(img)))\n\n  return data.map(({ alt, src }) => image.createAndFill({ src, alt }) as Node)\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { ThemeIcon, schemaCtx, themeManagerCtx } from '@milkdown/core'\nimport { missingIcon } from '@milkdown/exception'\nimport type { Fragment, Node, Schema } from '@milkdown/prose/model'\nimport type { EditorState } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport { Decoration, DecorationSet } from '@milkdown/prose/view'\nimport { createPlugin } from '@milkdown/utils'\n\nimport { defaultUploader } from './default-uploader'\n\nexport type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>\ninterface Spec { id: symbol; pos: number }\nexport interface Options {\n  uploader: Uploader\n  enableHtmlFileUploader: boolean\n}\nexport const key = new PluginKey('MILKDOWN_UPLOAD')\n\nexport const uploadPlugin = createPlugin<string, Options>((_, options) => {\n  const uploader = options?.uploader ?? defaultUploader\n\n  return {\n    prosePlugins: (_, ctx) => {\n      const schema = ctx.get(schemaCtx)\n\n      const placeholderPlugin = new Plugin({\n        key,\n        state: {\n          init() {\n            return DecorationSet.empty\n          },\n          apply(this: Plugin, tr, set) {\n            const _set = set.map(tr.mapping, tr.doc)\n            const action = tr.getMeta(this)\n            if (!action)\n              return _set\n\n            if (action.add) {\n              const widget = document.createElement('span')\n              const loadingIcon = ctx.get(themeManagerCtx).get(ThemeIcon, 'loading')\n              if (!loadingIcon)\n                throw missingIcon('loading')\n\n              widget.appendChild(loadingIcon.dom)\n\n              const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id } as any)\n              return _set.add(tr.doc, [decoration])\n            }\n            if (action.remove) {\n              return _set.remove(\n                _set.find(undefined, undefined, (spec: Spec) => spec.id === action.remove.id),\n              )\n            }\n\n            return _set\n          },\n        },\n        props: {\n          decorations(this: Plugin, state) {\n            return this.getState(state)\n          },\n        },\n      })\n\n      const findPlaceholder = (state: EditorState, id: symbol): number => {\n        const decorations = placeholderPlugin.getState(state)\n        if (!decorations)\n          return -1\n        const found = decorations.find(undefined, undefined, (spec: Spec) => spec.id === id)\n        if (!found.length)\n          return -1\n        return found[0]?.from ?? -1\n      }\n\n      const handleUpload = (view: EditorView, event: DragEvent | ClipboardEvent, files: FileList | undefined) => {\n        if (!files || files.length <= 0)\n          return false\n\n        const id = Symbol('upload symbol')\n        const { tr } = view.state\n        const insertPos\n                    = event instanceof DragEvent\n                      ? view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? tr.selection.from\n                      : tr.selection.from\n        view.dispatch(tr.setMeta(placeholderPlugin, { add: { id, pos: insertPos } }))\n\n        uploader(files, schema)\n          .then((fragment) => {\n            const pos = findPlaceholder(view.state, id)\n            if (pos < 0)\n              return\n\n            view.dispatch(\n              view.state.tr\n                .replaceWith(pos, pos, fragment)\n                .setMeta(placeholderPlugin, { remove: { id } }),\n            )\n          })\n          .catch((e) => {\n            console.error(e)\n          })\n        return true\n      }\n\n      const uploadPlugin = new Plugin({\n        props: {\n          handlePaste: (view, event) => {\n            if (!(event instanceof ClipboardEvent))\n              return false\n\n            if (!options?.enableHtmlFileUploader && event.clipboardData?.getData('text/html'))\n              return false\n\n            return handleUpload(view, event, event.clipboardData?.files)\n          },\n          handleDrop: (view, event) => {\n            if (!(event instanceof DragEvent))\n              return false\n\n            return handleUpload(view, event, event.dataTransfer?.files)\n          },\n        },\n      })\n      return [placeholderPlugin, uploadPlugin]\n    },\n  }\n})\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { AtomList } from '@milkdown/utils'\n\nimport { uploadPlugin } from './upload'\n\nexport type { Uploader } from './upload'\nexport { key, uploadPlugin } from './upload'\n\nexport const upload = AtomList.create([uploadPlugin()])\n"],"names":["readImageAsBase64","file","resolve","reader","defaultUploader","files","schema","imgs","i","image","missingNodeInSchema","img","alt","src","key","PluginKey","uploadPlugin","createPlugin","_","options","uploader","_a","ctx","schemaCtx","placeholderPlugin","Plugin","DecorationSet","tr","set","_set","action","widget","loadingIcon","themeManagerCtx","ThemeIcon","missingIcon","decoration","Decoration","spec","state","findPlaceholder","id","decorations","found","_b","handleUpload","view","event","insertPos","fragment","pos","e","upload","AtomList"],"mappings":"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"}

package/lib/upload.d.ts

@@ -1,10 +1,10 @@
-import { Fragment, Node, Schema } from '@milkdown/prose/model';
+import type { Fragment, Node, Schema } from '@milkdown/prose/model';
 import { PluginKey } from '@milkdown/prose/state';
-export declare type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>;
-export declare type Options = {
+export type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>;
+export interface Options {
     uploader: Uploader;
     enableHtmlFileUploader: boolean;
-};
+}
 export declare const key: PluginKey<any>;
 export declare const uploadPlugin: import("@milkdown/utils").WithExtend<string, Options, import("@milkdown/utils").TypeMapping<string, string>, import("@milkdown/utils").PluginRest<string, string>>;
 //# sourceMappingURL=upload.d.ts.map

package/lib/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../src/upload.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMvE,oBAAY,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,CAAC;AAE9F,oBAAY,OAAO,GAAG;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,GAAG,gBAAmC,CAAC;AAEpD,eAAO,MAAM,YAAY,oKA6GvB,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../src/upload.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAU,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAOzD,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,CAAA;AAE7F,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,QAAQ,CAAA;IAClB,sBAAsB,EAAE,OAAO,CAAA;CAChC;AACD,eAAO,MAAM,GAAG,gBAAmC,CAAA;AAEnD,eAAO,MAAM,YAAY,oKA4GvB,CAAA"}

package/package.json

@@ -1,31 +1,36 @@
 {
   "name": "@milkdown/plugin-upload",
-  "version": "6.5.2",
   "type": "module",
+  "version": "6.5.4",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Saul-Mirone/milkdown.git",
+    "directory": "packages/plugin-upload"
+  },
+  "keywords": [
+    "milkdown",
+    "milkdown plugin"
+  ],
+  "sideEffects": false,
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
-  "sideEffects": false,
-  "license": "MIT",
   "files": [
     "lib",
     "src"
   ],
-  "keywords": [
-    "milkdown",
-    "milkdown plugin"
-  ],
-  "devDependencies": {
-    "@milkdown/core": "6.5.2",
-    "@milkdown/prose": "6.5.2"
-  },
   "peerDependencies": {
     "@milkdown/core": "^6.0.1",
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.5.2",
-    "@milkdown/exception": "6.5.2",
-    "tslib": "^2.4.0"
+    "tslib": "^2.4.0",
+    "@milkdown/exception": "6.5.4",
+    "@milkdown/utils": "6.5.4"
+  },
+  "devDependencies": {
+    "@milkdown/core": "6.5.4",
+    "@milkdown/prose": "6.5.4"
   },
   "nx": {
     "targets": {

package/src/default-uploader.ts

@@ -1,48 +1,45 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { missingNodeInSchema } from '@milkdown/exception';
-import type { Node } from '@milkdown/prose/model';
+import { missingNodeInSchema } from '@milkdown/exception'
+import type { Node } from '@milkdown/prose/model'
 
-import type { Uploader } from './upload';
+import type { Uploader } from './upload'
 
 const readImageAsBase64 = (file: File): Promise<{ alt: string; src: string }> => {
-    return new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.addEventListener(
-            'load',
-            () => {
-                resolve({
-                    alt: file.name,
-                    src: reader.result as string,
-                });
-            },
-            false,
-        );
-        reader.readAsDataURL(file);
-    });
-};
+  return new Promise((resolve) => {
+    const reader = new FileReader()
+    reader.addEventListener(
+      'load',
+      () => {
+        resolve({
+          alt: file.name,
+          src: reader.result as string,
+        })
+      },
+      false,
+    )
+    reader.readAsDataURL(file)
+  })
+}
 
 export const defaultUploader: Uploader = async (files, schema) => {
-    const imgs: File[] = [];
+  const imgs: File[] = []
 
-    for (let i = 0; i < files.length; i++) {
-        const file = files.item(i);
-        if (!file) {
-            continue;
-        }
+  for (let i = 0; i < files.length; i++) {
+    const file = files.item(i)
+    if (!file)
+      continue
 
-        if (!file.type.includes('image')) {
-            continue;
-        }
+    if (!file.type.includes('image'))
+      continue
 
-        imgs.push(file);
-    }
+    imgs.push(file)
+  }
 
-    const { image } = schema.nodes;
-    if (!image) {
-        throw missingNodeInSchema('image');
-    }
+  const { image } = schema.nodes
+  if (!image)
+    throw missingNodeInSchema('image')
 
-    const data = await Promise.all(imgs.map((img) => readImageAsBase64(img)));
+  const data = await Promise.all(imgs.map(img => readImageAsBase64(img)))
 
-    return data.map(({ alt, src }) => image.createAndFill({ src, alt }) as Node);
-};
+  return data.map(({ alt, src }) => image.createAndFill({ src, alt }) as Node)
+}

package/src/index.ts

@@ -1,9 +1,9 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { AtomList } from '@milkdown/utils';
+import { AtomList } from '@milkdown/utils'
 
-import { uploadPlugin } from './upload';
+import { uploadPlugin } from './upload'
 
-export type { Uploader } from './upload';
-export { key, uploadPlugin } from './upload';
+export type { Uploader } from './upload'
+export { key, uploadPlugin } from './upload'
 
-export const upload = AtomList.create([uploadPlugin()]);
+export const upload = AtomList.create([uploadPlugin()])

package/src/upload.ts

@@ -1,128 +1,129 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
-import { missingIcon } from '@milkdown/exception';
-import { Fragment, Node, Schema } from '@milkdown/prose/model';
-import { EditorState, Plugin, PluginKey } from '@milkdown/prose/state';
-import { Decoration, DecorationSet, EditorView } from '@milkdown/prose/view';
-import { createPlugin } from '@milkdown/utils';
-
-import { defaultUploader } from './default-uploader';
-
-export type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>;
-type Spec = { id: symbol; pos: number };
-export type Options = {
-    uploader: Uploader;
-    enableHtmlFileUploader: boolean;
-};
-export const key = new PluginKey('MILKDOWN_UPLOAD');
+import { ThemeIcon, schemaCtx, themeManagerCtx } from '@milkdown/core'
+import { missingIcon } from '@milkdown/exception'
+import type { Fragment, Node, Schema } from '@milkdown/prose/model'
+import type { EditorState } from '@milkdown/prose/state'
+import { Plugin, PluginKey } from '@milkdown/prose/state'
+import type { EditorView } from '@milkdown/prose/view'
+import { Decoration, DecorationSet } from '@milkdown/prose/view'
+import { createPlugin } from '@milkdown/utils'
+
+import { defaultUploader } from './default-uploader'
+
+export type Uploader = (files: FileList, schema: Schema) => Promise<Fragment | Node | Node[]>
+interface Spec { id: symbol; pos: number }
+export interface Options {
+  uploader: Uploader
+  enableHtmlFileUploader: boolean
+}
+export const key = new PluginKey('MILKDOWN_UPLOAD')
 
 export const uploadPlugin = createPlugin<string, Options>((_, options) => {
-    const uploader = options?.uploader ?? defaultUploader;
-
-    return {
-        prosePlugins: (_, ctx) => {
-            const schema = ctx.get(schemaCtx);
-
-            const placeholderPlugin = new Plugin({
-                key,
-                state: {
-                    init() {
-                        return DecorationSet.empty;
-                    },
-                    apply(this: Plugin, tr, set) {
-                        const _set = set.map(tr.mapping, tr.doc);
-                        const action = tr.getMeta(this);
-                        if (!action) {
-                            return _set;
-                        }
-                        if (action.add) {
-                            const widget = document.createElement('span');
-                            const loadingIcon = ctx.get(themeManagerCtx).get(ThemeIcon, 'loading');
-                            if (!loadingIcon) {
-                                throw missingIcon('loading');
-                            }
-                            widget.appendChild(loadingIcon.dom);
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id } as any);
-                            return _set.add(tr.doc, [decoration]);
-                        }
-                        if (action.remove) {
-                            return _set.remove(
-                                _set.find(undefined, undefined, (spec: Spec) => spec.id === action.remove.id),
-                            );
-                        }
-
-                        return _set;
-                    },
-                },
-                props: {
-                    decorations(this: Plugin, state) {
-                        return this.getState(state);
-                    },
-                },
-            });
-
-            const findPlaceholder = (state: EditorState, id: symbol): number => {
-                const decorations = placeholderPlugin.getState(state);
-                if (!decorations) return -1;
-                const found = decorations.find(undefined, undefined, (spec: Spec) => spec.id === id);
-                if (!found.length) return -1;
-                return found[0]?.from ?? -1;
-            };
-
-            const handleUpload = (view: EditorView, event: DragEvent | ClipboardEvent, files: FileList | undefined) => {
-                if (!files || files.length <= 0) {
-                    return false;
-                }
-                const id = Symbol('upload symbol');
-                const { tr } = view.state;
-                const insertPos =
-                    event instanceof DragEvent
-                        ? view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? tr.selection.from
-                        : tr.selection.from;
-                view.dispatch(tr.setMeta(placeholderPlugin, { add: { id, pos: insertPos } }));
-
-                uploader(files, schema)
-                    .then((fragment) => {
-                        const pos = findPlaceholder(view.state, id);
-                        if (pos < 0) return;
-
-                        view.dispatch(
-                            view.state.tr
-                                .replaceWith(pos, pos, fragment)
-                                .setMeta(placeholderPlugin, { remove: { id } }),
-                        );
-                        return;
-                    })
-                    .catch((e) => {
-                        console.error(e);
-                    });
-                return true;
-            };
-
-            const uploadPlugin = new Plugin({
-                props: {
-                    handlePaste: (view, event) => {
-                        if (!(event instanceof ClipboardEvent)) {
-                            return false;
-                        }
-
-                        if (!options?.enableHtmlFileUploader && event.clipboardData?.getData('text/html')) {
-                            return false;
-                        }
-
-                        return handleUpload(view, event, event.clipboardData?.files);
-                    },
-                    handleDrop: (view, event) => {
-                        if (!(event instanceof DragEvent)) {
-                            return false;
-                        }
-
-                        return handleUpload(view, event, event.dataTransfer?.files);
-                    },
-                },
-            });
-            return [placeholderPlugin, uploadPlugin];
+  const uploader = options?.uploader ?? defaultUploader
+
+  return {
+    prosePlugins: (_, ctx) => {
+      const schema = ctx.get(schemaCtx)
+
+      const placeholderPlugin = new Plugin({
+        key,
+        state: {
+          init() {
+            return DecorationSet.empty
+          },
+          apply(this: Plugin, tr, set) {
+            const _set = set.map(tr.mapping, tr.doc)
+            const action = tr.getMeta(this)
+            if (!action)
+              return _set
+
+            if (action.add) {
+              const widget = document.createElement('span')
+              const loadingIcon = ctx.get(themeManagerCtx).get(ThemeIcon, 'loading')
+              if (!loadingIcon)
+                throw missingIcon('loading')
+
+              widget.appendChild(loadingIcon.dom)
+
+              const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id } as any)
+              return _set.add(tr.doc, [decoration])
+            }
+            if (action.remove) {
+              return _set.remove(
+                _set.find(undefined, undefined, (spec: Spec) => spec.id === action.remove.id),
+              )
+            }
+
+            return _set
+          },
+        },
+        props: {
+          decorations(this: Plugin, state) {
+            return this.getState(state)
+          },
+        },
+      })
+
+      const findPlaceholder = (state: EditorState, id: symbol): number => {
+        const decorations = placeholderPlugin.getState(state)
+        if (!decorations)
+          return -1
+        const found = decorations.find(undefined, undefined, (spec: Spec) => spec.id === id)
+        if (!found.length)
+          return -1
+        return found[0]?.from ?? -1
+      }
+
+      const handleUpload = (view: EditorView, event: DragEvent | ClipboardEvent, files: FileList | undefined) => {
+        if (!files || files.length <= 0)
+          return false
+
+        const id = Symbol('upload symbol')
+        const { tr } = view.state
+        const insertPos
+                    = event instanceof DragEvent
+                      ? view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? tr.selection.from
+                      : tr.selection.from
+        view.dispatch(tr.setMeta(placeholderPlugin, { add: { id, pos: insertPos } }))
+
+        uploader(files, schema)
+          .then((fragment) => {
+            const pos = findPlaceholder(view.state, id)
+            if (pos < 0)
+              return
+
+            view.dispatch(
+              view.state.tr
+                .replaceWith(pos, pos, fragment)
+                .setMeta(placeholderPlugin, { remove: { id } }),
+            )
+          })
+          .catch((e) => {
+            console.error(e)
+          })
+        return true
+      }
+
+      const uploadPlugin = new Plugin({
+        props: {
+          handlePaste: (view, event) => {
+            if (!(event instanceof ClipboardEvent))
+              return false
+
+            if (!options?.enableHtmlFileUploader && event.clipboardData?.getData('text/html'))
+              return false
+
+            return handleUpload(view, event, event.clipboardData?.files)
+          },
+          handleDrop: (view, event) => {
+            if (!(event instanceof DragEvent))
+              return false
+
+            return handleUpload(view, event, event.dataTransfer?.files)
+          },
         },
-    };
-});
+      })
+      return [placeholderPlugin, uploadPlugin]
+    },
+  }
+})