inline-attacher 0.0.8 → 0.1.0

package/README.md

@@ -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/__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 V } from "@codemirror/view";
-const E = {
+import { EditorView as w } from "@codemirror/view";
+const m = {
   /**
    * URL where the file will be send
    */
@@ -90,7 +87,7 @@ const E = {
   onFileUploaded() {
   }
 };
-async function D({
+async function U({
   url: n,
   ...t
 }) {
@@ -109,60 +106,74 @@ async function D({
     };
   }
 }
-function T(n) {
+function x(n) {
   return typeof n == "function";
 }
-function A(n, t = "", e = "") {
-  const s = t.split(".");
-  let i = n;
-  for (const r of s)
-    if (i && typeof i == "object" && r in i)
-      i = i[r];
+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 i !== void 0 ? i : e;
+  return r !== void 0 ? r : e;
 }
-class v {
+class E {
+  options = m;
+  editor;
+  filename = "";
+  lastValue = "";
   constructor(t, e) {
-    o(this, "options", E);
-    o(this, "editor");
-    o(this, "filename", "");
-    o(this, "lastValue", "");
-    this.editor = t, this.options = { ...E, ...e };
+    this.editor = t, this.options = { ...m, ...e };
   }
   /** Uploads file */
   async uploadFile(t) {
     const {
       defaultExtension: e,
-      remoteFilename: s,
-      uploadFieldName: i,
-      extraParams: r,
-      extraHeaders: l,
-      uploadUrl: c,
-      uploadMethod: p,
-      beforeFileUpload: d
-    } = this.options, a = 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 = (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)))
+    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 D({
-      url: c,
-      method: p,
-      body: a,
-      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 v {
    * 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);
+    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 s, i;
-    if (!((i = (s = this.options).onFileUploadError) != null && i.call(s, 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 v {
    * 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));
+    this.options.onFileReceived?.(t) && (this.lastValue = this.options.progressText, this.editor.insertValue(this.lastValue));
   }
   handleFiles(t) {
     Array.from(t).forEach((e) => {
@@ -211,33 +214,31 @@ class v {
    * 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 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 b {
+class T {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
     return this.instance.value;
   }
   insertValue(t) {
-    U(this.instance, t), this.dispatchInputEvent();
+    D(this.instance, t), this.dispatchInputEvent();
   }
   setValue(t) {
     this.instance.value = t, this.dispatchInputEvent();
@@ -249,9 +250,9 @@ class b {
     }));
   }
 }
-class y extends v {
+class b extends E {
   constructor(t, e = {}) {
-    super(new b(t), e);
+    super(new T(t), e);
   }
   bind() {
     this.editor.instance.addEventListener(
@@ -272,12 +273,12 @@ class y extends v {
     );
   }
 }
-function L(...n) {
-  return new y(...n).bind();
+function P(...n) {
+  return new b(...n).bind();
 }
-class P {
+class y {
+  instance;
   constructor(t) {
-    o(this, "instance");
     this.instance = t;
   }
   getValue() {
@@ -297,9 +298,9 @@ class P {
     }), this.instance.dispatch({ selection: { anchor: e } });
   }
 }
-class h extends v {
+class p extends E {
   constructor(t, e = {}) {
-    super(new P(t), e);
+    super(new y(t), e);
   }
   bind() {
     this.editor.instance.dom.addEventListener(
@@ -320,16 +321,16 @@ class h extends v {
     );
   }
 }
-function S(...n) {
-  return new h(...n).bind();
+function I(...n) {
+  return new p(...n).bind();
 }
-function M(n = {}) {
-  return V.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();
@@ -340,11 +341,11 @@ function M(n = {}) {
   });
 }
 export {
-  h as CodeMirrorInlineAttachmentAdapter,
-  E as DEFAULT_OPTIONS,
-  v as InlineAttachment,
-  y as InputInlineAttachmentAdapter,
-  L as attach,
-  S as attachCodeMirror,
-  M as inlineAttachmentExtension
+  p as CodeMirrorInlineAttachmentAdapter,
+  m as DEFAULT_OPTIONS,
+  E as InlineAttachment,
+  b as InputInlineAttachmentAdapter,
+  P as attach,
+  I as attachCodeMirror,
+  S 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(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.8",
+  "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@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",
+    "@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"
+    "typescript": "^6.0.2",
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   },
   "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"
+    "@codemirror/view": "^6.43.4"
   }
-}
+}