@milkdown/plugin-upload 6.1.5 → 6.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"default-uploader.d.ts","sourceRoot":"","sources":["../src/default-uploader.ts"],"names":[],"mappings":"AAGA,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,CAAC;AAmBzC,eAAO,MAAM,eAAe,EAAE,QAwB7B,CAAC"}

package/lib/index.es.js

@@ -1,128 +1,94 @@
-import { createPlugin, AtomList } from "@milkdown/utils";
-import { schemaCtx, themeManagerCtx, ThemeIcon } from "@milkdown/core";
-import { PluginKey, Plugin } from "@milkdown/prose/state";
-import { DecorationSet, Decoration } from "@milkdown/prose/view";
-const readImageAsBase64 = (file) => {
-  return new Promise((resolve) => {
-    const reader = new FileReader();
-    reader.addEventListener("load", () => {
-      resolve({
-        alt: file.name,
-        src: reader.result
-      });
-    }, false);
-    reader.readAsDataURL(file);
-  });
-};
-const defaultUploader = async (files, schema) => {
-  const imgs = [];
-  for (let i = 0; i < files.length; i++) {
-    const file = files.item(i);
-    if (!file) {
-      continue;
-    }
-    if (!file.type.includes("image")) {
-      continue;
-    }
-    imgs.push(file);
+import { createPlugin as I, AtomList as w } from "@milkdown/utils";
+import { schemaCtx as C, themeManagerCtx as E, ThemeIcon as L } from "@milkdown/core";
+import { missingNodeInSchema as M, missingIcon as S } from "@milkdown/exception";
+import { PluginKey as U, Plugin as D } from "@milkdown/prose/state";
+import { DecorationSet as _, Decoration as x } from "@milkdown/prose/view";
+const F = (l) => new Promise((o) => {
+  const i = new FileReader();
+  i.addEventListener("load", () => {
+    o({
+      alt: l.name,
+      src: i.result
+    });
+  }, !1), i.readAsDataURL(l);
+}), K = async (l, o) => {
+  const i = [];
+  for (let s = 0; s < l.length; s++) {
+    const d = l.item(s);
+    !d || !d.type.includes("image") || i.push(d);
   }
-  const { image } = schema.nodes;
-  if (!image) {
-    throw new Error();
-  }
-  const data = await Promise.all(imgs.map((img) => readImageAsBase64(img)));
-  return data.map(({ alt, src }) => image.createAndFill({ src, alt }));
-};
-const key = new PluginKey("MILKDOWN_UPLOAD");
-const uploadPlugin = createPlugin((_, options) => {
-  var _a;
-  const uploader = (_a = options == null ? void 0 : options.uploader) != null ? _a : defaultUploader;
+  const { image: u } = o.nodes;
+  if (!u)
+    throw M("image");
+  return (await Promise.all(i.map((s) => F(s)))).map(({ alt: s, src: d }) => u.createAndFill({ src: d, alt: s }));
+}, N = new U("MILKDOWN_UPLOAD"), O = I((l, o) => {
+  var u;
+  const i = (u = o == null ? void 0 : o.uploader) != null ? u : K;
   return {
-    prosePlugins: (_2, ctx) => {
-      const schema = ctx.get(schemaCtx);
-      const placeholderPlugin = new Plugin({
-        key,
+    prosePlugins: (y, s) => {
+      const d = s.get(C), p = new D({
+        key: N,
         state: {
           init() {
-            return DecorationSet.empty;
+            return _.empty;
           },
-          apply(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 new Error("Loading icon is not found");
-              }
-              widget.appendChild(loadingIcon.dom);
-              const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id });
-              return _set.add(tr.doc, [decoration]);
-            }
-            if (action.remove) {
-              return _set.remove(_set.find(null, null, (spec) => spec.id === action.remove.id));
+          apply(e, r) {
+            const t = r.map(e.mapping, e.doc), n = e.getMeta(this);
+            if (!n)
+              return t;
+            if (n.add) {
+              const a = 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 });
+              return t.add(e.doc, [m]);
             }
+            return n.remove ? t.remove(t.find(void 0, void 0, (a) => a.id === n.remove.id)) : t;
           }
         },
         props: {
-          decorations(state) {
-            return this.getState(state);
+          decorations(e) {
+            return this.getState(e);
           }
         }
-      });
-      const findPlaceholder = (state, id) => {
-        const decorations = placeholderPlugin.getState(state);
-        const found = decorations.find(null, null, (spec) => spec.id === id);
-        return found.length ? found[0].from : -1;
-      };
-      const handleUpload = (view, event, files) => {
-        var _a2, _b;
-        if (!files || files.length <= 0) {
-          return false;
-        }
-        const id = Symbol("upload symbol");
-        const { tr } = view.state;
-        const insertPos = event instanceof DragEvent ? (_b = (_a2 = view.posAtCoords({ left: event.clientX, top: event.clientY })) == null ? void 0 : _a2.pos) != null ? _b : 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 uploadPlugin2 = new Plugin({
+      }), b = (e, r) => {
+        var a, 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;
+      }, 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);
+          g < 0 || e.dispatch(e.state.tr.replaceWith(g, g, f).setMeta(p, { remove: { id: n } }));
+        }).catch((f) => {
+          console.error(f);
+        }), !0;
+      }, A = new D({
         props: {
-          handlePaste: (view, event) => {
-            var _a2, _b;
-            if (!(event instanceof ClipboardEvent)) {
-              return false;
-            }
-            if (!(options == null ? void 0 : options.enableHtmlFileUploader) && ((_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text/html"))) {
-              return false;
-            }
-            return handleUpload(view, event, (_b = event.clipboardData) == null ? void 0 : _b.files);
+          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);
           },
-          handleDrop: (view, event) => {
-            var _a2;
-            if (!(event instanceof DragEvent)) {
-              return false;
-            }
-            return handleUpload(view, event, (_a2 = event.dataTransfer) == null ? void 0 : _a2.files);
+          handleDrop: (e, r) => {
+            var t;
+            return r instanceof DragEvent ? h(e, r, (t = r.dataTransfer) == null ? void 0 : t.files) : !1;
           }
         }
       });
-      return [placeholderPlugin, uploadPlugin2];
+      return [p, A];
     }
   };
-});
-const upload = AtomList.create([uploadPlugin()]);
-export { key, upload, uploadPlugin };
+}), H = w.create([O()]);
+export {
+  N as key,
+  H as upload,
+  O as uploadPlugin
+};
 //# sourceMappingURL=index.es.js.map

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 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 new Error();\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 { 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(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 new Error('Loading icon is not found');\n                            }\n                            widget.appendChild(loadingIcon.dom);\n                            const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id });\n                            return _set.add(tr.doc, [decoration]);\n                        }\n                        if (action.remove) {\n                            return _set.remove(_set.find(null, null, (spec: Spec) => spec.id === action.remove.id));\n                        }\n                    },\n                },\n                props: {\n                    decorations(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                const found = decorations.find(null, null, (spec: Spec) => spec.id === id);\n                return found.length ? found[0].from : -1;\n            };\n\n            const handleUpload = (\n                view: EditorView<Schema>,\n                event: DragEvent | ClipboardEvent,\n                files: FileList | undefined,\n            ) => {\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":[],"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\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":[],"mappings":"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"}

package/lib/upload.d.ts

@@ -5,20 +5,6 @@ export declare type Options = {
     uploader: Uploader;
     enableHtmlFileUploader: boolean;
 };
-export declare const key: PluginKey<any, any>;
-export declare const uploadPlugin: import("@milkdown/utils").WithExtend<string, Options, {
-    [x: string]: import("@milkdown/prose/model").NodeType<any>;
-} & {
-    [x: string]: import("@milkdown/prose/model").MarkType<any>;
-}, {
-    schema?: ((ctx: import("@milkdown/core").Ctx) => {
-        node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
-        mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
-    }) | undefined;
-    view?: ((ctx: import("@milkdown/core").Ctx) => Partial<{
-        [x: string]: import("@milkdown/prose").NodeViewFactory;
-    } & {
-        [x: string]: import("@milkdown/prose").MarkViewFactory;
-    }>) | undefined;
-}>;
+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":"AAEA,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,qBAAmC,CAAC;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;EA0GvB,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milkdown/plugin-upload",
-  "version": "6.1.5",
+  "version": "6.3.1",
   "type": "module",
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
@@ -15,16 +15,17 @@
     "milkdown plugin"
   ],
   "devDependencies": {
-    "@milkdown/core": "6.1.5",
-    "@milkdown/prose": "6.1.5"
+    "@milkdown/core": "6.3.1",
+    "@milkdown/prose": "6.3.1"
   },
   "peerDependencies": {
     "@milkdown/core": "^6.0.1",
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.1.5",
-    "tslib": "^2.3.1"
+    "@milkdown/utils": "6.3.1",
+    "@milkdown/exception": "6.3.1",
+    "tslib": "^2.4.0"
   },
   "nx": {
     "targets": {

package/src/default-uploader.ts

@@ -1,4 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
+import { missingNodeInSchema } from '@milkdown/exception';
 import type { Node } from '@milkdown/prose/model';
 
 import type { Uploader } from './upload';
@@ -38,7 +39,7 @@ export const defaultUploader: Uploader = async (files, schema) => {
 
     const { image } = schema.nodes;
     if (!image) {
-        throw new Error();
+        throw missingNodeInSchema('image');
     }
 
     const data = await Promise.all(imgs.map((img) => readImageAsBase64(img)));

package/src/upload.ts

@@ -1,5 +1,6 @@
 /* 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';
@@ -28,7 +29,7 @@ export const uploadPlugin = createPlugin<string, Options>((_, options) => {
                     init() {
                         return DecorationSet.empty;
                     },
-                    apply(tr, set) {
+                    apply(this: Plugin, tr, set) {
                         const _set = set.map(tr.mapping, tr.doc);
                         const action = tr.getMeta(this);
                         if (!action) {
@@ -38,19 +39,24 @@ export const uploadPlugin = createPlugin<string, Options>((_, options) => {
                             const widget = document.createElement('span');
                             const loadingIcon = ctx.get(themeManagerCtx).get(ThemeIcon, 'loading');
                             if (!loadingIcon) {
-                                throw new Error('Loading icon is not found');
+                                throw missingIcon('loading');
                             }
                             widget.appendChild(loadingIcon.dom);
-                            const decoration = Decoration.widget(action.add.pos, widget, { id: action.add.id });
+                            // 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(null, null, (spec: Spec) => spec.id === action.remove.id));
+                            return _set.remove(
+                                _set.find(undefined, undefined, (spec: Spec) => spec.id === action.remove.id),
+                            );
                         }
+
+                        return _set;
                     },
                 },
                 props: {
-                    decorations(state) {
+                    decorations(this: Plugin, state) {
                         return this.getState(state);
                     },
                 },
@@ -58,15 +64,13 @@ export const uploadPlugin = createPlugin<string, Options>((_, options) => {
 
             const findPlaceholder = (state: EditorState, id: symbol): number => {
                 const decorations = placeholderPlugin.getState(state);
-                const found = decorations.find(null, null, (spec: Spec) => spec.id === id);
-                return found.length ? found[0].from : -1;
+                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<Schema>,
-                event: DragEvent | ClipboardEvent,
-                files: FileList | undefined,
-            ) => {
+            const handleUpload = (view: EditorView, event: DragEvent | ClipboardEvent, files: FileList | undefined) => {
                 if (!files || files.length <= 0) {
                     return false;
                 }