@milkdown/plugin-upload 6.1.3 → 6.2.0

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import { AtomList } from '@milkdown/utils';
 export type { Uploader } from './upload';
 export { key, uploadPlugin } from './upload';
-export declare const upload: AtomList<import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<string, import("./upload").Options>> & import("@milkdown/core").MilkdownPlugin>;
+export declare const upload: AtomList<import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, import("./upload").Options>> & import("@milkdown/core").MilkdownPlugin>;
 //# sourceMappingURL=index.d.ts.map

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,qLAAoC,CAAC"}
+{"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"}

package/lib/index.es.js

@@ -63,8 +63,9 @@ const uploadPlugin = createPlugin((_, options) => {
               return _set.add(tr.doc, [decoration]);
             }
             if (action.remove) {
-              return _set.remove(_set.find(null, null, (spec) => spec.id === action.remove.id));
+              return _set.remove(_set.find(void 0, void 0, (spec) => spec.id === action.remove.id));
             }
+            return _set;
           }
         },
         props: {
@@ -74,9 +75,14 @@ const uploadPlugin = createPlugin((_, options) => {
         }
       });
       const findPlaceholder = (state, id) => {
+        var _a2, _b;
         const decorations = placeholderPlugin.getState(state);
-        const found = decorations.find(null, null, (spec) => spec.id === id);
-        return found.length ? found[0].from : -1;
+        if (!decorations)
+          return -1;
+        const found = decorations.find(void 0, void 0, (spec) => spec.id === id);
+        if (!found.length)
+          return -1;
+        return (_b = (_a2 = found[0]) == null ? void 0 : _a2.from) != null ? _b : -1;
       };
       const handleUpload = (view, event, files) => {
         var _a2, _b;

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 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(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 new Error('Loading icon is not found');\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/lib/types").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":"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,gBAAmC,CAAC;AAEpD,eAAO,MAAM,YAAY,oKA6GvB,CAAC"}

package/package.json

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

package/src/upload.ts

@@ -28,7 +28,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) {
@@ -41,16 +41,21 @@ export const uploadPlugin = createPlugin<string, Options>((_, options) => {
                                 throw new Error('Loading icon is not found');
                             }
                             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 +63,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;
                 }