inline-attacher 0.0.7 → 0.1.0

package/README.md

@@ -1,11 +1,13 @@
-# 📎 Inline Attachment Next (WIP)
+# 📎 Inline Attacher
 
 [![NPM Version](https://img.shields.io/npm/v/inline-attacher.svg?style=for-the-badge)](https://www.npmjs.com/package/inline-attacher)
 [![NPM Downloads](https://img.shields.io/npm/dt/inline-attacher.svg?style=for-the-badge)](https://www.npmjs.com/package/inline-attacher)
-[![License](https://img.shields.io/github/license/EastSun5566/inline-attachment.svg?style=for-the-badge)](https://github.com/EastSun5566/inline-attachment/blob/main/LICENSE)
+[![License](https://img.shields.io/github/license/EastSun5566/inline-attacher.svg?style=for-the-badge)](https://github.com/EastSun5566/inline-attacher/blob/main/LICENSE)
 
 > A modern port of [Inline Attachment](https://github.com/Rovak/InlineAttachment)
 
+🔗 <https://eastsun5566.github.io/inline-attacher/>
+
 ## Installation
 
 ```sh
@@ -36,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/__tests__/adapters-input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/core.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/inline-attacher.js

@@ -1,8 +1,5 @@
-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 D } from "@codemirror/view";
-const v = {
+import { EditorView as w } from "@codemirror/view";
+const m = {
   /**
    * URL where the file will be send
    */
@@ -90,7 +87,7 @@ const v = {
   onFileUploaded() {
   }
 };
-async function P({
+async function U({
   url: n,
   ...t
 }) {
@@ -109,60 +106,74 @@ async function P({
     };
   }
 }
-function V(n) {
+function x(n) {
   return typeof n == "function";
 }
-function T(n, t = "", e = "") {
-  const r = t.split(".");
-  let a = n;
-  for (const s of r)
-    if (a && typeof a == "object" && s in a)
-      a = a[s];
+function V(n, t = "", e = "") {
+  const i = t.split(".");
+  let r = n;
+  for (const o of i)
+    if (r && typeof r == "object" && o in r)
+      r = r[o];
     else
       return e;
-  return a !== void 0 ? a : e;
+  return r !== void 0 ? r : e;
 }
 class E {
+  options = m;
+  editor;
+  filename = "";
+  lastValue = "";
   constructor(t, e) {
-    o(this, "options", v);
-    o(this, "editor");
-    o(this, "filename", "");
-    o(this, "lastValue", "");
-    this.editor = t, this.options = { ...v, ...e };
+    this.editor = t, this.options = { ...m, ...e };
   }
   /** Uploads file */
   async uploadFile(t) {
     const {
       defaultExtension: e,
-      remoteFilename: r,
-      uploadFieldName: a,
-      extraParams: s,
-      extraHeaders: l,
-      uploadUrl: d,
-      uploadMethod: p,
-      beforeFileUpload: c
-    } = this.options, i = new FormData();
+      remoteFilename: i,
+      uploadFieldName: r,
+      extraParams: o,
+      extraHeaders: a,
+      uploadUrl: l,
+      uploadMethod: d,
+      beforeFileUpload: F,
+      uploadHandler: h
+    } = this.options, c = new FormData();
     let f = e;
     if (t.name) {
-      const [u] = t.name.match(/\.(.+)$/) || [];
-      u && (f = u);
+      const [s] = t.name.match(/\.(.+)$/) || [];
+      s && (f = s);
     }
-    const g = (r == null ? void 0 : r(t)) || `image-${Date.now()}.${f}`;
-    if (this.filename = g, i.append(a, t, g), Object.keys(s).forEach((u) => {
-      i.append(u, s[u]);
-    }), !(c != null && c(i)))
+    const u = i?.(t) || `image-${Date.now()}.${f}`;
+    if (this.filename = u, c.append(r, t, u), Object.keys(o).forEach((s) => {
+      c.append(s, o[s]);
+    }), !F?.(c)) return;
+    if (h) {
+      try {
+        const s = await h({
+          file: t,
+          filename: u,
+          formData: c,
+          options: this.options
+        });
+        this.onFileUploadSucceed(s);
+      } catch (s) {
+        this.onFileUploadError(s instanceof Error ? s : new Error(String(s)));
+      }
       return;
-    const { ok: F, value: m } = await P({
-      url: d,
-      method: p,
-      body: i,
-      headers: l
+    }
+    const { ok: v, value: g } = await U({
+      url: l,
+      method: d,
+      body: c,
+      headers: a
     });
-    if (!F) {
-      this.onFileUploadError(m);
+    if (!v) {
+      this.onFileUploadError(g);
       return;
     }
-    this.onFileUploadSucceed(m);
+    this.onFileUploadSucceed(g);
   }
   /**
    * Returns if the given file is allowed to handle
@@ -175,23 +186,16 @@ class E {
    * Handles upload response
    */
   onFileUploadSucceed(t) {
-    var c, i;
-    const { onFileUploadSucceed: e, urlText: r, responseUrlKey: a } = this.options;
-    if (!(e != null && e(t)) || !this.lastValue)
-      return;
-    const s = T(t, a) || "unknown URL";
-    if (!s)
-      return;
-    const l = /!\[({[^}]+})]\(([^)]+)\)/, d = V(r) ? r(s, t) : r.replace(r.match(l)[1], this.filename).replace(r.match(l)[2], s), p = this.editor.getValue().replace(this.lastValue, d);
-    this.editor.setValue(p), (i = (c = this.options).onFileUploaded) == null || i.call(c, s);
+    const { onFileUploadSucceed: e, urlText: i, responseUrlKey: r } = this.options;
+    if (!e?.(t) || !this.lastValue) return;
+    const o = V(t, r) || "unknown URL", a = /!\[({[^}]+})]\(([^)]+)\)/, l = x(i) ? i(o, t) : i.replace(i.match(a)[1], this.filename).replace(i.match(a)[2], o), d = this.editor.getValue().replace(this.lastValue, l);
+    this.editor.setValue(d), this.options.onFileUploaded?.(o);
   }
   /**
    * Called when a file has failed to upload
    */
   onFileUploadError(t) {
-    var r, a;
-    if (!((a = (r = this.options).onFileUploadError) != null && a.call(r, t)) || !this.lastValue)
-      return;
+    if (!this.options.onFileUploadError?.(t) || !this.lastValue) return;
     const e = this.editor.getValue().replace(this.lastValue, this.options.errorText);
     this.editor.setValue(e);
   }
@@ -199,8 +203,7 @@ class E {
    * Called when a file has been inserted, either by drop or paste
    */
   onFileInserted(t) {
-    var e, r;
-    (r = (e = this.options).onFileReceived) != null && r.call(e, t) && (this.lastValue = this.options.progressText, this.editor.insertValue(this.lastValue));
+    this.options.onFileReceived?.(t) && (this.lastValue = this.options.progressText, this.editor.insertValue(this.lastValue));
   }
   handleFiles(t) {
     Array.from(t).forEach((e) => {
@@ -211,75 +214,71 @@ class E {
    * Called when a paste event occurred
    */
   onPaste(t) {
-    var e;
-    t.preventDefault(), (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;
-    t.preventDefault(), (e = t.dataTransfer) != null && e.files.length && this.handleFiles(t.dataTransfer.files);
+    t.dataTransfer?.files.length && this.handleFiles(t.dataTransfer.files);
   }
 }
-function A(n, t) {
-  const e = n.scrollTop;
-  let r = 0, a = !1, s;
-  n.selectionStart || n.selectionStart === 0 ? a = "ff" : document.selection && (a = "ie"), a === "ie" ? (n.focus(), s = document.selection.createRange(), s.moveStart("character", -n.value.length), r = s.text.length) : a === "ff" && (r = n.selectionStart || 0);
-  const l = n.value.substring(0, r), d = n.value.substring(r, n.value.length);
-  n.value = l + t + d, r += t.length, a === "ie" ? (n.focus(), s = document.selection.createRange(), s.moveStart("character", -n.value.length), s.moveStart("character", r), s.moveEnd("character", 0), s.select()) : a === "ff" && (n.selectionStart = r, n.selectionEnd = r, n.focus()), n.scrollTop = e;
+function D(n, t) {
+  const e = n.scrollTop, i = n.selectionStart || 0, { value: r } = n, o = r.slice(0, i), a = r.slice(i, r.length);
+  n.value = o + t + a;
+  const l = i + t.length;
+  n.selectionStart = l, n.selectionEnd = l, n.scrollTop = e, n.focus();
 }
-class U {
+class T {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
     return this.instance.value;
   }
   insertValue(t) {
-    A(this.instance, t);
+    D(this.instance, t), this.dispatchInputEvent();
   }
   setValue(t) {
-    this.instance.value = t;
+    this.instance.value = t, this.dispatchInputEvent();
+  }
+  dispatchInputEvent() {
+    this.instance.dispatchEvent(new InputEvent("input", {
+      bubbles: !0,
+      cancelable: !0
+    }));
   }
 }
-class y extends E {
+class b extends E {
   constructor(t, e = {}) {
-    super(new U(t), e);
+    super(new T(t), e);
   }
   bind() {
     this.editor.instance.addEventListener(
       "paste",
       (t) => {
         this.onPaste(t);
-      },
-      !1
+      }
     ), this.editor.instance.addEventListener(
       "drop",
       (t) => {
-        t.stopPropagation(), t.preventDefault(), this.onDrop(t);
-      },
-      !1
-    ), this.editor.instance.addEventListener(
-      "dragenter",
-      (t) => {
-        t.stopPropagation(), t.preventDefault();
+        t.preventDefault(), this.onDrop(t);
       }
     ), this.editor.instance.addEventListener(
       "dragover",
       (t) => {
-        t.stopPropagation(), t.preventDefault();
+        t.preventDefault();
       }
     );
   }
 }
-function k(...n) {
-  return new y(...n).bind();
+function P(...n) {
+  return new b(...n).bind();
 }
-class b {
+class y {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
@@ -299,46 +298,39 @@ class b {
     }), this.instance.dispatch({ selection: { anchor: e } });
   }
 }
-class h extends E {
+class p extends E {
   constructor(t, e = {}) {
-    super(new b(t), e);
+    super(new y(t), e);
   }
   bind() {
     this.editor.instance.dom.addEventListener(
       "paste",
       (t) => {
         this.onPaste(t);
-      },
-      !1
+      }
     ), this.editor.instance.dom.addEventListener(
       "drop",
       (t) => {
-        t.stopPropagation(), t.preventDefault(), this.onDrop(t);
-      },
-      !1
-    ), this.editor.instance.dom.addEventListener(
-      "dragenter",
-      (t) => {
-        t.stopPropagation(), t.preventDefault();
+        t.preventDefault(), this.onDrop(t);
       }
     ), this.editor.instance.dom.addEventListener(
       "dragover",
       (t) => {
-        t.stopPropagation(), t.preventDefault();
+        t.preventDefault();
       }
     );
   }
 }
 function I(...n) {
-  return new h(...n).bind();
+  return new p(...n).bind();
 }
-function M(n = {}) {
-  return D.domEventHandlers({
+function S(n = {}) {
+  return w.domEventHandlers({
     paste: (t, e) => {
-      new h(e, n).onPaste(t);
+      new p(e, n).onPaste(t);
     },
     drop: (t, e) => {
-      t.stopPropagation(), t.preventDefault(), new h(e, n).onDrop(t);
+      t.stopPropagation(), t.preventDefault(), new p(e, n).onDrop(t);
     },
     dragenter: (t) => {
       t.stopPropagation(), t.preventDefault();
@@ -349,11 +341,11 @@ function M(n = {}) {
   });
 }
 export {
-  h as CodeMirrorInlineAttachmentAdapter,
-  v as DEFAULT_OPTIONS,
+  p as CodeMirrorInlineAttachmentAdapter,
+  m as DEFAULT_OPTIONS,
   E as InlineAttachment,
-  y as InputInlineAttachmentAdapter,
-  k as attach,
+  b as InputInlineAttachmentAdapter,
+  P as attach,
   I as attachCodeMirror,
-  M as inlineAttachmentExtension
+  S as inlineAttachmentExtension
 };

package/dist/inline-attacher.umd.cjs

@@ -1 +1 @@
-(function(a,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@codemirror/view")):typeof define=="function"&&define.amd?define(["exports","@codemirror/view"],s):(a=typeof globalThis<"u"?globalThis:a||self,s(a.inlineAttacher={},a.CodemirrorView))})(this,function(a,s){"use strict";var L=Object.defineProperty;var M=(a,s,l)=>s in a?L(a,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[s]=l;var d=(a,s,l)=>(M(a,typeof s!="symbol"?s+"":s,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 D({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 P(n,t="",e=""){const i=t.split(".");let r=n;for(const o of i)if(r&&typeof r=="object"&&o in r)r=r[o];else return e;return r!==void 0?r:e}class m{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:r,extraParams:o,extraHeaders:u,uploadUrl:p,uploadMethod:v,beforeFileUpload:h}=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(r,t,F),Object.keys(o).forEach(f=>{c.append(f,o[f])}),!(h!=null&&h(c)))return;const{ok:I,value:A}=await D({url:p,method:v,body:c,headers:u});if(!I){this.onFileUploadError(A);return}this.onFileUploadSucceed(A)}isFileAllowed(t){const{allowedTypes:e}=this.options;return e.includes("*")||e.includes(t.type)}onFileUploadSucceed(t){var h,c;const{onFileUploadSucceed:e,urlText:i,responseUrlKey:r}=this.options;if(!(e!=null&&e(t))||!this.lastValue)return;const o=P(t,r)||"unknown URL";if(!o)return;const u=/!\[({[^}]+})]\(([^)]+)\)/,p=T(i)?i(o,t):i.replace(i.match(u)[1],this.filename).replace(i.match(u)[2],o),v=this.editor.getValue().replace(this.lastValue,p);this.editor.setValue(v),(c=(h=this.options).onFileUploaded)==null||c.call(h,o)}onFileUploadError(t){var i,r;if(!((r=(i=this.options).onFileUploadError)!=null&&r.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;t.preventDefault(),(e=t.clipboardData)!=null&&e.files.length&&this.handleFiles(t.clipboardData.files)}onDrop(t){var e;t.preventDefault(),(e=t.dataTransfer)!=null&&e.files.length&&this.handleFiles(t.dataTransfer.files)}}function V(n,t){const e=n.scrollTop;let i=0,r=!1,o;n.selectionStart||n.selectionStart===0?r="ff":document.selection&&(r="ie"),r==="ie"?(n.focus(),o=document.selection.createRange(),o.moveStart("character",-n.value.length),i=o.text.length):r==="ff"&&(i=n.selectionStart||0);const u=n.value.substring(0,i),p=n.value.substring(i,n.value.length);n.value=u+t+p,i+=t.length,r==="ie"?(n.focus(),o=document.selection.createRange(),o.moveStart("character",-n.value.length),o.moveStart("character",i),o.moveEnd("character",0),o.select()):r==="ff"&&(n.selectionStart=i,n.selectionEnd=i,n.focus()),n.scrollTop=e}class y{constructor(t){d(this,"instance");this.instance=t}getValue(){return this.instance.value}insertValue(t){V(this.instance,t)}setValue(t){this.instance.value=t}}class E extends m{constructor(t,e={}){super(new y(t),e)}bind(){this.editor.instance.addEventListener("paste",t=>{this.onPaste(t)},!1),this.editor.instance.addEventListener("drop",t=>{t.stopPropagation(),t.preventDefault(),this.onDrop(t)},!1),this.editor.instance.addEventListener("dragenter",t=>{t.stopPropagation(),t.preventDefault()}),this.editor.instance.addEventListener("dragover",t=>{t.stopPropagation(),t.preventDefault()})}}function x(...n){return new E(...n).bind()}class S{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 g extends m{constructor(t,e={}){super(new S(t),e)}bind(){this.editor.instance.dom.addEventListener("paste",t=>{this.onPaste(t)},!1),this.editor.instance.dom.addEventListener("drop",t=>{t.stopPropagation(),t.preventDefault(),this.onDrop(t)},!1),this.editor.instance.dom.addEventListener("dragenter",t=>{t.stopPropagation(),t.preventDefault()}),this.editor.instance.dom.addEventListener("dragover",t=>{t.stopPropagation(),t.preventDefault()})}}function U(...n){return new g(...n).bind()}function b(n={}){return s.EditorView.domEventHandlers({paste:(t,e)=>{new g(e,n).onPaste(t)},drop:(t,e)=>{t.stopPropagation(),t.preventDefault(),new g(e,n).onDrop(t)},dragenter:t=>{t.stopPropagation(),t.preventDefault()},dragover:t=>{t.stopPropagation(),t.preventDefault()}})}a.CodeMirrorInlineAttachmentAdapter=g,a.DEFAULT_OPTIONS=l,a.InlineAttachment=m,a.InputInlineAttachmentAdapter=E,a.attach=x,a.attachCodeMirror=U,a.inlineAttachmentExtension=b,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(o,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("@codemirror/view")):typeof define=="function"&&define.amd?define(["exports","@codemirror/view"],d):(o=typeof globalThis<"u"?globalThis:o||self,d(o.inlineAttacher={},o.CodemirrorView))})(this,(function(o,d){"use strict";const h={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 A({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 U(n,t="",e=""){const i=t.split(".");let r=n;for(const s of i)if(r&&typeof r=="object"&&s in r)r=r[s];else return e;return r!==void 0?r:e}class f{options=h;editor;filename="";lastValue="";constructor(t,e){this.editor=t,this.options={...h,...e}}async uploadFile(t){const{defaultExtension:e,remoteFilename:i,uploadFieldName:r,extraParams:s,extraHeaders:l,uploadUrl:c,uploadMethod:m,beforeFileUpload:P,uploadHandler:F}=this.options,u=new FormData;let v=e;if(t.name){const[a]=t.name.match(/\.(.+)$/)||[];a&&(v=a)}const g=i?.(t)||`image-${Date.now()}.${v}`;if(this.filename=g,u.append(r,t,g),Object.keys(s).forEach(a=>{u.append(a,s[a])}),!P?.(u))return;if(F){try{const a=await F({file:t,filename:g,formData:u,options:this.options});this.onFileUploadSucceed(a)}catch(a){this.onFileUploadError(a instanceof Error?a:new Error(String(a)))}return}const{ok:S,value:w}=await A({url:c,method:m,body:u,headers:l});if(!S){this.onFileUploadError(w);return}this.onFileUploadSucceed(w)}isFileAllowed(t){const{allowedTypes:e}=this.options;return e.includes("*")||e.includes(t.type)}onFileUploadSucceed(t){const{onFileUploadSucceed:e,urlText:i,responseUrlKey:r}=this.options;if(!e?.(t)||!this.lastValue)return;const s=U(t,r)||"unknown URL",l=/!\[({[^}]+})]\(([^)]+)\)/,c=T(i)?i(s,t):i.replace(i.match(l)[1],this.filename).replace(i.match(l)[2],s),m=this.editor.getValue().replace(this.lastValue,c);this.editor.setValue(m),this.options.onFileUploaded?.(s)}onFileUploadError(t){if(!this.options.onFileUploadError?.(t)||!this.lastValue)return;const e=this.editor.getValue().replace(this.lastValue,this.options.errorText);this.editor.setValue(e)}onFileInserted(t){this.options.onFileReceived?.(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){t.clipboardData?.files.length&&this.handleFiles(t.clipboardData.files)}onDrop(t){t.dataTransfer?.files.length&&this.handleFiles(t.dataTransfer.files)}}function V(n,t){const e=n.scrollTop,i=n.selectionStart||0,{value:r}=n,s=r.slice(0,i),l=r.slice(i,r.length);n.value=s+t+l;const c=i+t.length;n.selectionStart=c,n.selectionEnd=c,n.scrollTop=e,n.focus()}class y{instance;constructor(t){this.instance=t}getValue(){return this.instance.value}insertValue(t){V(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 E extends f{constructor(t,e={}){super(new y(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 E(...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 p extends f{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 I(...n){return new p(...n).bind()}function x(n={}){return d.EditorView.domEventHandlers({paste:(t,e)=>{new p(e,n).onPaste(t)},drop:(t,e)=>{t.stopPropagation(),t.preventDefault(),new p(e,n).onDrop(t)},dragenter:t=>{t.stopPropagation(),t.preventDefault()},dragover:t=>{t.stopPropagation(),t.preventDefault()}})}o.CodeMirrorInlineAttachmentAdapter=p,o.DEFAULT_OPTIONS=h,o.InlineAttachment=f,o.InputInlineAttachmentAdapter=E,o.attach=b,o.attachCodeMirror=I,o.inlineAttachmentExtension=x,Object.defineProperty(o,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.7",
+  "version": "0.1.0",
   "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": "pnpx standard-version && git push --follow-tags && pnpm publish",
+    "size-check": "pnpx 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,29 @@
     "url": "https://github.com/EastSun5566/inline-attachment/issues/new"
   },
   "homepage": "https://github.com/EastSun5566/inline-attachment",
-  "packageManager": "pnpm@8.6.0",
+  "packageManager": "pnpm@10.34.4",
   "engines": {
-    "node": ">=16.0.0",
-    "pnpm": ">=7.0.0"
+    "node": ">=22"
   },
   "peerDependencies": {
     "@codemirror/view": ">=6.0.0"
   },
   "devDependencies": {
-    "@codemirror/state": "^6.2.1",
-    "@types/node": "^20.5.0",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
-    "@typescript-eslint/parser": "^6.4.0",
-    "eslint": "^8.47.0",
+    "@codemirror/state": "^6.7.0",
+    "@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.28.0",
-    "rimraf": "^5.0.1",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.9"
+    "eslint-plugin-import": "^2.31.0",
+    "happy-dom": "^20.0.2",
+    "rimraf": "^5.0.10",
+    "typescript": "^6.0.2",
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   },
   "dependencies": {
-    "@codemirror/view": "^6.16.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "rimraf dist && tsc && vite build",
-    "preview": "vite preview",
-    "playground:dev": "pnpm -C playground dev",
-    "lint": "eslint --fix --ext .ts src",
-    "release": "pnpx standard-version && git push --follow-tags && pnpm publish"
+    "@codemirror/view": "^6.43.4"
   }
-}
+}