inline-attacher 0.0.8 → 0.1.1

package/README.md

@@ -28,7 +28,7 @@ npm i inline-attacher
 - CodeMirror v6
 
   ```ts
-  import { EditorView } from "codemirror";
+  import { EditorView } from "@codemirror/view";
   import { inlineAttachmentExtension } from "inline-attacher";
 
   const editor = new EditorView({
@@ -38,3 +38,27 @@ npm i inline-attacher
     parent: document.body,
   });
   ```
+
+- Custom upload handler
+
+  ```ts
+  import { attach } from "inline-attacher";
+
+  const textarea = document.querySelector("textarea");
+
+  attach(textarea, {
+    async uploadHandler({ file, filename, formData }) {
+      const response = await myUploader.upload({
+        file,
+        filename,
+        formData,
+      });
+
+      return { url: response.publicUrl };
+    },
+  });
+  ```
+
+  The returned object is handled the same way as the built-in upload response:
+  `responseUrlKey` is used to read the uploaded file URL before replacing the
+  placeholder text.

package/dist/core.d.ts

@@ -4,9 +4,10 @@ export declare class InlineAttachment<TInstance> {
     editor: Editor<TInstance>;
     filename: string;
     lastValue: string;
+    private pendingPlaceholders;
     constructor(editor: Editor<TInstance>, options: Partial<InlineAttachmentOptions>);
     /** Uploads file */
-    uploadFile(file: File): Promise<void>;
+    uploadFile(file: File, placeholder?: string): Promise<void>;
     /**
      * Returns if the given file is allowed to handle
      */
@@ -14,16 +15,18 @@ export declare class InlineAttachment<TInstance> {
     /**
      * Handles upload response
      */
-    onFileUploadSucceed(response: Record<string, unknown>): void;
+    onFileUploadSucceed(response: Record<string, unknown>, placeholder?: string, filename?: string): void;
     /**
      * Called when a file has failed to upload
      */
-    onFileUploadError(error: Error): void;
+    onFileUploadError(error: Error, placeholder?: string): void;
     /**
      * Called when a file has been inserted, either by drop or paste
      */
-    onFileInserted(file: File): void;
+    onFileInserted(file: File): string | false;
     handleFiles(files: FileList): void;
+    private insertFile;
+    private replacePlaceholder;
     /**
      * Called when a paste event occurred
      */

package/dist/inline-attacher.js

@@ -1,7 +1,4 @@
-var w = Object.defineProperty;
-var x = (n, t, e) => t in n ? w(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var o = (n, t, e) => (x(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { EditorView as V } from "@codemirror/view";
+import { EditorView as w } from "@codemirror/view";
 const E = {
   /**
    * URL where the file will be send
@@ -90,7 +87,7 @@ const E = {
   onFileUploaded() {
   }
 };
-async function D({
+async function P({
   url: n,
   ...t
 }) {
@@ -109,10 +106,10 @@ async function D({
     };
   }
 }
-function T(n) {
+function U(n) {
   return typeof n == "function";
 }
-function A(n, t = "", e = "") {
+function y(n, t = "", e = "") {
   const s = t.split(".");
   let i = n;
   for (const r of s)
@@ -122,47 +119,69 @@ function A(n, t = "", e = "") {
       return e;
   return i !== void 0 ? i : e;
 }
-class v {
+function T(n, t, e, s = 0) {
+  let i = 0;
+  for (let r = 0; r <= s; r += 1) {
+    const o = n.indexOf(t, i);
+    if (o === -1) return n;
+    if (r === s)
+      return n.slice(0, o) + e + n.slice(o + t.length);
+    i = o + t.length;
+  }
+  return n;
+}
+class F {
+  options = E;
+  editor;
+  filename = "";
+  lastValue = "";
+  pendingPlaceholders = [];
   constructor(t, e) {
-    o(this, "options", E);
-    o(this, "editor");
-    o(this, "filename", "");
-    o(this, "lastValue", "");
     this.editor = t, this.options = { ...E, ...e };
   }
-  /** Uploads file */
-  async uploadFile(t) {
+  async uploadFile(t, e) {
     const {
-      defaultExtension: e,
-      remoteFilename: s,
-      uploadFieldName: i,
-      extraParams: r,
-      extraHeaders: l,
+      defaultExtension: s,
+      remoteFilename: i,
+      uploadFieldName: r,
+      extraParams: o,
+      extraHeaders: a,
       uploadUrl: c,
-      uploadMethod: p,
-      beforeFileUpload: d
-    } = this.options, a = new FormData();
-    let f = e;
-    if (t.name) {
-      const [u] = t.name.match(/\.(.+)$/) || [];
-      u && (f = u);
-    }
-    const g = (s == null ? void 0 : s(t)) || `image-${Date.now()}.${f}`;
-    if (this.filename = g, a.append(i, t, g), Object.keys(r).forEach((u) => {
-      a.append(u, r[u]);
-    }), !(d != null && d(a)))
+      uploadMethod: d,
+      beforeFileUpload: u,
+      uploadHandler: f
+    } = this.options, p = new FormData(), x = s.replace(/^\./, ""), h = i?.(t) || t.name || `image-${Date.now()}.${x}`;
+    if (this.filename = h, p.append(r, t, h), Object.keys(o).forEach((l) => {
+      p.append(l, o[l]);
+    }), !u?.(p)) return;
+    if (f) {
+      try {
+        const l = await f({
+          file: t,
+          filename: h,
+          formData: p,
+          options: this.options
+        });
+        this.onFileUploadSucceed(l, e, h);
+      } catch (l) {
+        this.onFileUploadError(
+          l instanceof Error ? l : new Error(String(l)),
+          e
+        );
+      }
       return;
-    const { ok: F, value: m } = await D({
+    }
+    const { ok: v, value: m } = await P({
       url: c,
-      method: p,
-      body: a,
-      headers: l
+      method: d,
+      body: p,
+      headers: a
     });
-    if (!F) {
-      this.onFileUploadError(m);
+    if (!v) {
+      this.onFileUploadError(m, e);
       return;
     }
-    this.onFileUploadSucceed(m);
+    this.onFileUploadSucceed(m, e, h);
   }
   /**
    * Returns if the given file is allowed to handle
@@ -171,73 +190,84 @@ class v {
     const { allowedTypes: e } = this.options;
     return e.includes("*") || e.includes(t.type);
   }
-  /**
-   * Handles upload response
-   */
-  onFileUploadSucceed(t) {
-    var d, a;
-    const { onFileUploadSucceed: e, urlText: s, responseUrlKey: i } = this.options;
-    if (!(e != null && e(t)) || !this.lastValue)
-      return;
-    const r = A(t, i) || "unknown URL";
-    if (!r)
-      return;
-    const l = /!\[({[^}]+})]\(([^)]+)\)/, c = T(s) ? s(r, t) : s.replace(s.match(l)[1], this.filename).replace(s.match(l)[2], r), p = this.editor.getValue().replace(this.lastValue, c);
-    this.editor.setValue(p), (a = (d = this.options).onFileUploaded) == null || a.call(d, r);
+  onFileUploadSucceed(t, e, s = this.filename) {
+    const { onFileUploadSucceed: i, urlText: r, responseUrlKey: o } = this.options;
+    if (!i?.(t)) return;
+    const a = typeof e == "string" ? e : e?.text || this.lastValue;
+    if (!a) return;
+    const c = y(t, o) || "unknown URL", d = /!\[({[^}]+})]\(([^)]+)\)/, u = U(r) ? r(c, t) : r.replace(r.match(d)[1], s).replace(r.match(d)[2], c), f = this.replacePlaceholder(e, a, u);
+    this.editor.setValue(f), this.options.onFileUploaded?.(c);
   }
-  /**
-   * Called when a file has failed to upload
-   */
-  onFileUploadError(t) {
-    var s, i;
-    if (!((i = (s = this.options).onFileUploadError) != null && i.call(s, t)) || !this.lastValue)
-      return;
-    const e = this.editor.getValue().replace(this.lastValue, this.options.errorText);
-    this.editor.setValue(e);
+  onFileUploadError(t, e) {
+    if (!this.options.onFileUploadError?.(t)) return;
+    const s = typeof e == "string" ? e : e?.text || this.lastValue;
+    if (!s) return;
+    const i = this.replacePlaceholder(e, s, this.options.errorText);
+    this.editor.setValue(i);
   }
   /**
    * Called when a file has been inserted, either by drop or paste
    */
   onFileInserted(t) {
-    var e, s;
-    (s = (e = this.options).onFileReceived) != null && s.call(e, t) && (this.lastValue = this.options.progressText, this.editor.insertValue(this.lastValue));
+    const e = this.insertFile(t);
+    return e ? e.text : !1;
   }
   handleFiles(t) {
     Array.from(t).forEach((e) => {
-      this.isFileAllowed(e) && (this.onFileInserted(e), this.uploadFile(e));
+      if (!this.isFileAllowed(e)) return;
+      const s = this.pendingPlaceholders.length, i = this.onFileInserted(e);
+      if (!i) return;
+      const r = this.pendingPlaceholders[s];
+      this.uploadFile(
+        e,
+        r?.text === i ? r : i
+      );
     });
   }
+  insertFile(t) {
+    if (!this.options.onFileReceived?.(t)) return !1;
+    const e = {
+      id: /* @__PURE__ */ Symbol("inline-attacher-placeholder"),
+      text: this.options.progressText
+    };
+    return this.pendingPlaceholders.push(e), this.lastValue = e.text, this.editor.insertValue(e.text), e;
+  }
+  replacePlaceholder(t, e, s) {
+    const i = this.editor.getValue();
+    if (!t || typeof t == "string")
+      return i.replace(e, s);
+    const r = this.pendingPlaceholders.findIndex(({ id: o }) => o === t.id);
+    return r === -1 ? i.replace(e, s) : (this.pendingPlaceholders.splice(r, 1), T(i, e, s, r));
+  }
   /**
    * Called when a paste event occurred
    */
   onPaste(t) {
-    var e;
-    (e = t.clipboardData) != null && e.files.length && this.handleFiles(t.clipboardData.files);
+    t.clipboardData?.files.length && this.handleFiles(t.clipboardData.files);
   }
   /**
    * Called when a drop event occurred
    */
   onDrop(t) {
-    var e;
-    (e = t.dataTransfer) != null && e.files.length && this.handleFiles(t.dataTransfer.files);
+    t.dataTransfer?.files.length && this.handleFiles(t.dataTransfer.files);
   }
 }
-function U(n, t) {
-  const e = n.scrollTop, s = n.selectionStart || 0, { value: i } = n, r = i.slice(0, s), l = i.slice(s, i.length);
-  n.value = r + t + l;
-  const c = s + t.length;
-  n.selectionStart = c, n.selectionEnd = c, n.scrollTop = e, n.focus();
+function b(n, t) {
+  const e = n.scrollTop, s = n.selectionStart ?? 0, i = n.selectionEnd ?? s, r = Math.min(s, i), o = Math.max(s, i), { value: a } = n, c = a.slice(0, r), d = a.slice(o, a.length);
+  n.value = c + t + d;
+  const u = r + t.length;
+  n.selectionStart = u, n.selectionEnd = u, n.scrollTop = e, n.focus();
 }
-class b {
+class D {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
     return this.instance.value;
   }
   insertValue(t) {
-    U(this.instance, t), this.dispatchInputEvent();
+    b(this.instance, t), this.dispatchInputEvent();
   }
   setValue(t) {
     this.instance.value = t, this.dispatchInputEvent();
@@ -249,9 +279,9 @@ class b {
     }));
   }
 }
-class y extends v {
+class I extends F {
   constructor(t, e = {}) {
-    super(new b(t), e);
+    super(new D(t), e);
   }
   bind() {
     this.editor.instance.addEventListener(
@@ -272,12 +302,12 @@ class y extends v {
     );
   }
 }
-function L(...n) {
-  return new y(...n).bind();
+function V(...n) {
+  return new I(...n).bind();
 }
-class P {
+class A {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
@@ -297,9 +327,9 @@ class P {
     }), this.instance.dispatch({ selection: { anchor: e } });
   }
 }
-class h extends v {
+class g extends F {
   constructor(t, e = {}) {
-    super(new P(t), e);
+    super(new A(t), e);
   }
   bind() {
     this.editor.instance.dom.addEventListener(
@@ -320,16 +350,16 @@ class h extends v {
     );
   }
 }
-function S(...n) {
-  return new h(...n).bind();
+function k(...n) {
+  return new g(...n).bind();
 }
-function M(n = {}) {
-  return V.domEventHandlers({
+function L(n = {}) {
+  return w.domEventHandlers({
     paste: (t, e) => {
-      new h(e, n).onPaste(t);
+      new g(e, n).onPaste(t);
     },
     drop: (t, e) => {
-      t.stopPropagation(), t.preventDefault(), new h(e, n).onDrop(t);
+      t.stopPropagation(), t.preventDefault(), new g(e, n).onDrop(t);
     },
     dragenter: (t) => {
       t.stopPropagation(), t.preventDefault();
@@ -340,11 +370,11 @@ function M(n = {}) {
   });
 }
 export {
-  h as CodeMirrorInlineAttachmentAdapter,
+  g as CodeMirrorInlineAttachmentAdapter,
   E as DEFAULT_OPTIONS,
-  v as InlineAttachment,
-  y as InputInlineAttachmentAdapter,
-  L as attach,
-  S as attachCodeMirror,
-  M as inlineAttachmentExtension
+  F as InlineAttachment,
+  I as InputInlineAttachmentAdapter,
+  V as attach,
+  k as attachCodeMirror,
+  L as inlineAttachmentExtension
 };

package/dist/inline-attacher.umd.cjs

@@ -1 +1 @@
-(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@codemirror/view")):typeof define=="function"&&define.amd?define(["exports","@codemirror/view"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.inlineAttacher={},r.CodemirrorView))})(this,function(r,o){"use strict";var L=Object.defineProperty;var M=(r,o,l)=>o in r?L(r,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[o]=l;var d=(r,o,l)=>(M(r,typeof o!="symbol"?o+"":o,l),l);const l={uploadUrl:"/upload",uploadMethod:"POST",uploadFieldName:"file",defaultExtension:"png",responseUrlKey:"url",allowedTypes:["image/jpeg","image/png","image/jpg","image/gif"],progressText:"![Uploading file...]()",urlText:"![{alt}]({url})",errorText:"Error uploading file",extraParams:{},extraHeaders:{},beforeFileUpload(){return!0},onFileReceived(){return!0},onFileUploadSucceed(){return!0},onFileUploadError(){return!0},onFileUploaded(){}};async function T({url:n,...t}){try{const e=await fetch(n,t);if(!e.ok)throw new Error(e.statusText);return{ok:!0,value:await e.json()}}catch(e){return{ok:!1,value:e}}}function V(n){return typeof n=="function"}function y(n,t="",e=""){const i=t.split(".");let s=n;for(const a of i)if(s&&typeof s=="object"&&a in s)s=s[a];else return e;return s!==void 0?s:e}class g{constructor(t,e){d(this,"options",l);d(this,"editor");d(this,"filename","");d(this,"lastValue","");this.editor=t,this.options={...l,...e}}async uploadFile(t){const{defaultExtension:e,remoteFilename:i,uploadFieldName:s,extraParams:a,extraHeaders:u,uploadUrl:h,uploadMethod:E,beforeFileUpload:p}=this.options,c=new FormData;let w=e;if(t.name){const[f]=t.name.match(/\.(.+)$/)||[];f&&(w=f)}const F=(i==null?void 0:i(t))||`image-${Date.now()}.${w}`;if(this.filename=F,c.append(s,t,F),Object.keys(a).forEach(f=>{c.append(f,a[f])}),!(p!=null&&p(c)))return;const{ok:S,value:A}=await T({url:h,method:E,body:c,headers:u});if(!S){this.onFileUploadError(A);return}this.onFileUploadSucceed(A)}isFileAllowed(t){const{allowedTypes:e}=this.options;return e.includes("*")||e.includes(t.type)}onFileUploadSucceed(t){var p,c;const{onFileUploadSucceed:e,urlText:i,responseUrlKey:s}=this.options;if(!(e!=null&&e(t))||!this.lastValue)return;const a=y(t,s)||"unknown URL";if(!a)return;const u=/!\[({[^}]+})]\(([^)]+)\)/,h=V(i)?i(a,t):i.replace(i.match(u)[1],this.filename).replace(i.match(u)[2],a),E=this.editor.getValue().replace(this.lastValue,h);this.editor.setValue(E),(c=(p=this.options).onFileUploaded)==null||c.call(p,a)}onFileUploadError(t){var i,s;if(!((s=(i=this.options).onFileUploadError)!=null&&s.call(i,t))||!this.lastValue)return;const e=this.editor.getValue().replace(this.lastValue,this.options.errorText);this.editor.setValue(e)}onFileInserted(t){var e,i;(i=(e=this.options).onFileReceived)!=null&&i.call(e,t)&&(this.lastValue=this.options.progressText,this.editor.insertValue(this.lastValue))}handleFiles(t){Array.from(t).forEach(e=>{this.isFileAllowed(e)&&(this.onFileInserted(e),this.uploadFile(e))})}onPaste(t){var e;(e=t.clipboardData)!=null&&e.files.length&&this.handleFiles(t.clipboardData.files)}onDrop(t){var e;(e=t.dataTransfer)!=null&&e.files.length&&this.handleFiles(t.dataTransfer.files)}}function D(n,t){const e=n.scrollTop,i=n.selectionStart||0,{value:s}=n,a=s.slice(0,i),u=s.slice(i,s.length);n.value=a+t+u;const h=i+t.length;n.selectionStart=h,n.selectionEnd=h,n.scrollTop=e,n.focus()}class I{constructor(t){d(this,"instance");this.instance=t}getValue(){return this.instance.value}insertValue(t){D(this.instance,t),this.dispatchInputEvent()}setValue(t){this.instance.value=t,this.dispatchInputEvent()}dispatchInputEvent(){this.instance.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0}))}}class v extends g{constructor(t,e={}){super(new I(t),e)}bind(){this.editor.instance.addEventListener("paste",t=>{this.onPaste(t)}),this.editor.instance.addEventListener("drop",t=>{t.preventDefault(),this.onDrop(t)}),this.editor.instance.addEventListener("dragover",t=>{t.preventDefault()})}}function b(...n){return new v(...n).bind()}class x{constructor(t){d(this,"instance");this.instance=t}getValue(){return this.instance.state.doc.toString()}insertValue(t){this.instance.dispatch(this.instance.state.replaceSelection(t))}setValue(t){const e=this.instance.state.selection.main.head;this.instance.dispatch({changes:{from:0,to:this.instance.state.doc.length,insert:t}}),this.instance.dispatch({selection:{anchor:e}})}}class m extends g{constructor(t,e={}){super(new x(t),e)}bind(){this.editor.instance.dom.addEventListener("paste",t=>{this.onPaste(t)}),this.editor.instance.dom.addEventListener("drop",t=>{t.preventDefault(),this.onDrop(t)}),this.editor.instance.dom.addEventListener("dragover",t=>{t.preventDefault()})}}function P(...n){return new m(...n).bind()}function U(n={}){return o.EditorView.domEventHandlers({paste:(t,e)=>{new m(e,n).onPaste(t)},drop:(t,e)=>{t.stopPropagation(),t.preventDefault(),new m(e,n).onDrop(t)},dragenter:t=>{t.stopPropagation(),t.preventDefault()},dragover:t=>{t.stopPropagation(),t.preventDefault()}})}r.CodeMirrorInlineAttachmentAdapter=m,r.DEFAULT_OPTIONS=l,r.InlineAttachment=g,r.InputInlineAttachmentAdapter=v,r.attach=b,r.attachCodeMirror=P,r.inlineAttachmentExtension=U,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@codemirror/view")):typeof define=="function"&&define.amd?define(["exports","@codemirror/view"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.inlineAttacher={},s.CodemirrorView))})(this,(function(s,h){"use strict";const F={uploadUrl:"/upload",uploadMethod:"POST",uploadFieldName:"file",defaultExtension:"png",responseUrlKey:"url",allowedTypes:["image/jpeg","image/png","image/jpg","image/gif"],progressText:"![Uploading file...]()",urlText:"![{alt}]({url})",errorText:"Error uploading file",extraParams:{},extraHeaders:{},beforeFileUpload(){return!0},onFileReceived(){return!0},onFileUploadSucceed(){return!0},onFileUploadError(){return!0},onFileUploaded(){}};async function P({url:n,...t}){try{const e=await fetch(n,t);if(!e.ok)throw new Error(e.statusText);return{ok:!0,value:await e.json()}}catch(e){return{ok:!1,value:e}}}function T(n){return typeof n=="function"}function y(n,t="",e=""){const o=t.split(".");let i=n;for(const r of o)if(i&&typeof i=="object"&&r in i)i=i[r];else return e;return i!==void 0?i:e}function A(n,t,e,o=0){let i=0;for(let r=0;r<=o;r+=1){const a=n.indexOf(t,i);if(a===-1)return n;if(r===o)return n.slice(0,a)+e+n.slice(a+t.length);i=a+t.length}return n}class v{options=F;editor;filename="";lastValue="";pendingPlaceholders=[];constructor(t,e){this.editor=t,this.options={...F,...e}}async uploadFile(t,e){const{defaultExtension:o,remoteFilename:i,uploadFieldName:r,extraParams:a,extraHeaders:l,uploadUrl:d,uploadMethod:u,beforeFileUpload:p,uploadHandler:E}=this.options,f=new FormData,M=o.replace(/^\./,""),g=i?.(t)||t.name||`image-${Date.now()}.${M}`;if(this.filename=g,f.append(r,t,g),Object.keys(a).forEach(c=>{f.append(c,a[c])}),!p?.(f))return;if(E){try{const c=await E({file:t,filename:g,formData:f,options:this.options});this.onFileUploadSucceed(c,e,g)}catch(c){this.onFileUploadError(c instanceof Error?c:new Error(String(c)),e)}return}const{ok:L,value:w}=await P({url:d,method:u,body:f,headers:l});if(!L){this.onFileUploadError(w,e);return}this.onFileUploadSucceed(w,e,g)}isFileAllowed(t){const{allowedTypes:e}=this.options;return e.includes("*")||e.includes(t.type)}onFileUploadSucceed(t,e,o=this.filename){const{onFileUploadSucceed:i,urlText:r,responseUrlKey:a}=this.options;if(!i?.(t))return;const l=typeof e=="string"?e:e?.text||this.lastValue;if(!l)return;const d=y(t,a)||"unknown URL",u=/!\[({[^}]+})]\(([^)]+)\)/,p=T(r)?r(d,t):r.replace(r.match(u)[1],o).replace(r.match(u)[2],d),E=this.replacePlaceholder(e,l,p);this.editor.setValue(E),this.options.onFileUploaded?.(d)}onFileUploadError(t,e){if(!this.options.onFileUploadError?.(t))return;const o=typeof e=="string"?e:e?.text||this.lastValue;if(!o)return;const i=this.replacePlaceholder(e,o,this.options.errorText);this.editor.setValue(i)}onFileInserted(t){const e=this.insertFile(t);return e?e.text:!1}handleFiles(t){Array.from(t).forEach(e=>{if(!this.isFileAllowed(e))return;const o=this.pendingPlaceholders.length,i=this.onFileInserted(e);if(!i)return;const r=this.pendingPlaceholders[o];this.uploadFile(e,r?.text===i?r:i)})}insertFile(t){if(!this.options.onFileReceived?.(t))return!1;const e={id:Symbol("inline-attacher-placeholder"),text:this.options.progressText};return this.pendingPlaceholders.push(e),this.lastValue=e.text,this.editor.insertValue(e.text),e}replacePlaceholder(t,e,o){const i=this.editor.getValue();if(!t||typeof t=="string")return i.replace(e,o);const r=this.pendingPlaceholders.findIndex(({id:a})=>a===t.id);return r===-1?i.replace(e,o):(this.pendingPlaceholders.splice(r,1),A(i,e,o,r))}onPaste(t){t.clipboardData?.files.length&&this.handleFiles(t.clipboardData.files)}onDrop(t){t.dataTransfer?.files.length&&this.handleFiles(t.dataTransfer.files)}}function U(n,t){const e=n.scrollTop,o=n.selectionStart??0,i=n.selectionEnd??o,r=Math.min(o,i),a=Math.max(o,i),{value:l}=n,d=l.slice(0,r),u=l.slice(a,l.length);n.value=d+t+u;const p=r+t.length;n.selectionStart=p,n.selectionEnd=p,n.scrollTop=e,n.focus()}class I{instance;constructor(t){this.instance=t}getValue(){return this.instance.value}insertValue(t){U(this.instance,t),this.dispatchInputEvent()}setValue(t){this.instance.value=t,this.dispatchInputEvent()}dispatchInputEvent(){this.instance.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0}))}}class x extends v{constructor(t,e={}){super(new I(t),e)}bind(){this.editor.instance.addEventListener("paste",t=>{this.onPaste(t)}),this.editor.instance.addEventListener("drop",t=>{t.preventDefault(),this.onDrop(t)}),this.editor.instance.addEventListener("dragover",t=>{t.preventDefault()})}}function b(...n){return new x(...n).bind()}class D{instance;constructor(t){this.instance=t}getValue(){return this.instance.state.doc.toString()}insertValue(t){this.instance.dispatch(this.instance.state.replaceSelection(t))}setValue(t){const e=this.instance.state.selection.main.head;this.instance.dispatch({changes:{from:0,to:this.instance.state.doc.length,insert:t}}),this.instance.dispatch({selection:{anchor:e}})}}class m extends v{constructor(t,e={}){super(new D(t),e)}bind(){this.editor.instance.dom.addEventListener("paste",t=>{this.onPaste(t)}),this.editor.instance.dom.addEventListener("drop",t=>{t.preventDefault(),this.onDrop(t)}),this.editor.instance.dom.addEventListener("dragover",t=>{t.preventDefault()})}}function S(...n){return new m(...n).bind()}function V(n={}){return h.EditorView.domEventHandlers({paste:(t,e)=>{new m(e,n).onPaste(t)},drop:(t,e)=>{t.stopPropagation(),t.preventDefault(),new m(e,n).onDrop(t)},dragenter:t=>{t.stopPropagation(),t.preventDefault()},dragover:t=>{t.stopPropagation(),t.preventDefault()}})}s.CodeMirrorInlineAttachmentAdapter=m,s.DEFAULT_OPTIONS=F,s.InlineAttachment=v,s.InputInlineAttachmentAdapter=x,s.attach=b,s.attachCodeMirror=S,s.inlineAttachmentExtension=V,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));

package/dist/types.d.ts

@@ -1,3 +1,9 @@
+export interface UploadHandlerContext {
+    file: File;
+    filename: string;
+    formData: FormData;
+    options: InlineAttachmentOptions;
+}
 export interface InlineAttachmentOptions {
     uploadUrl: string;
     uploadMethod: string;
@@ -15,6 +21,7 @@ export interface InlineAttachmentOptions {
         [name: string]: any;
     };
     beforeFileUpload?: (formData: FormData) => boolean;
+    uploadHandler?: (context: UploadHandlerContext) => Promise<Record<string, unknown>> | Record<string, unknown>;
     remoteFilename?: (file: File) => string;
     onFileReceived?: (file: File) => boolean;
     onFileUploadSucceed?: (response: Record<string, unknown>) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inline-attacher",
-  "version": "0.0.8",
+  "version": "0.1.1",
   "description": "📎 A modern port from Inline Attachment",
   "type": "module",
   "files": [
@@ -11,10 +11,23 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/inline-attacher.js",
       "require": "./dist/inline-attacher.umd.cjs"
     }
   },
+  "scripts": {
+    "dev": "vite",
+    "build": "rimraf dist && tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "playground:dev": "pnpm -C playground dev",
+    "playground:deploy": "pnpm -C playground run deploy",
+    "lint": "eslint --fix --ext .ts src",
+    "prepublishOnly": "pnpm build",
+    "release": "npx standard-version && git push --follow-tags && npm publish",
+    "size-check": "npx vite-bundle-visualizer"
+  },
   "keywords": [
     "inline-attachment",
     "attachment",
@@ -24,7 +37,7 @@
     "image",
     "file"
   ],
-  "author": "Michael Wang 汪東陽 <michael19920327@gmail.com> (https://github.com/EastSun5566)",
+  "author": "Michael Wang <hi@eastsun.me> (https://github.com/EastSun5566)",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -34,36 +47,27 @@
     "url": "https://github.com/EastSun5566/inline-attachment/issues/new"
   },
   "homepage": "https://github.com/EastSun5566/inline-attachment",
+  "packageManager": "pnpm@10.34.4",
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=22"
   },
   "peerDependencies": {
     "@codemirror/view": ">=6.0.0"
   },
   "devDependencies": {
-    "@codemirror/state": "^6.4.1",
-    "@types/node": "^20.16.11",
+    "@codemirror/state": "^6.7.0",
+    "@codemirror/view": "^6.43.4",
+    "@types/node": "^22.20.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-plugin-import": "^2.31.0",
+    "happy-dom": "^20.0.2",
     "rimraf": "^5.0.10",
-    "typescript": "^5.6.3",
-    "vite": "^4.5.5"
-  },
-  "dependencies": {
-    "@codemirror/view": "^6.34.1"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "rimraf dist && tsc && vite build",
-    "preview": "vite preview",
-    "playground:dev": "pnpm -C playground dev",
-    "playground:deploy": "pnpm -C playground deploy",
-    "lint": "eslint --fix --ext .ts src",
-    "release": "pnpx standard-version && git push --follow-tags && pnpm publish && pnpm dlx jsr publish",
-    "size-check": "pnpx vite-bundle-visualizer"
+    "typescript": "^6.0.2",
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   }
-}
+}