inline-attacher 0.0.7

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 - present Michael Wang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# 📎 Inline Attachment Next (WIP)
+
+[![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)
+
+> A modern port of [Inline Attachment](https://github.com/Rovak/InlineAttachment)
+
+## Installation
+
+```sh
+npm i inline-attacher
+```
+
+## Usage
+
+- Input / Textarea
+
+  ```ts
+  import { attach } from "inline-attacher";
+
+  const textarea = document.querySelector("textarea");
+  attach(textarea, { uploadUrl: "https://example.com/upload" });
+  ```
+
+- CodeMirror v6
+
+  ```ts
+  import { EditorView } from "codemirror";
+  import { inlineAttachmentExtension } from "inline-attacher";
+
+  const editor = new EditorView({
+    extensions: [
+      inlineAttachmentExtension({ uploadUrl: "https://example.com/upload" }),
+    ],
+    parent: document.body,
+  });
+  ```

package/dist/adapters/codemirror.d.ts

@@ -0,0 +1,10 @@
+import { EditorView } from '@codemirror/view';
+import type { Extension } from '@codemirror/state';
+import { InlineAttachmentOptions } from '../types';
+import { InlineAttachment } from '../core';
+export declare class CodeMirrorInlineAttachmentAdapter<TInstance extends EditorView> extends InlineAttachment<TInstance> {
+    constructor(editorView: TInstance, options?: Partial<InlineAttachmentOptions>);
+    bind(): void;
+}
+export declare function attachCodeMirror(...params: [EditorView, Partial<InlineAttachmentOptions>?]): void;
+export declare function inlineAttachmentExtension(options?: Partial<InlineAttachmentOptions>): Extension;

package/dist/adapters/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input';
+export * from './codemirror';

package/dist/adapters/input.d.ts

@@ -0,0 +1,9 @@
+import { InlineAttachment } from '../core';
+import type { InlineAttachmentOptions } from '../types';
+type InputElement = HTMLInputElement | HTMLTextAreaElement;
+export declare class InputInlineAttachmentAdapter<TInstance extends InputElement> extends InlineAttachment<TInstance> {
+    constructor(element: TInstance, options?: Partial<InlineAttachmentOptions>);
+    bind(): void;
+}
+export declare function attach(...params: [InputElement, Partial<InlineAttachmentOptions>?]): void;
+export {};

package/dist/constants.d.ts

@@ -0,0 +1,4 @@
+import { InlineAttachmentOptions } from './types';
+/** Default Options */
+export declare const DEFAULT_OPTIONS: InlineAttachmentOptions;
+export default DEFAULT_OPTIONS;

package/dist/core.d.ts

@@ -0,0 +1,36 @@
+import { Editor, InlineAttachmentOptions } from './types';
+export declare class InlineAttachment<TInstance> {
+    options: InlineAttachmentOptions;
+    editor: Editor<TInstance>;
+    filename: string;
+    lastValue: string;
+    constructor(editor: Editor<TInstance>, options: Partial<InlineAttachmentOptions>);
+    /** Uploads file */
+    uploadFile(file: File): Promise<void>;
+    /**
+     * Returns if the given file is allowed to handle
+     */
+    isFileAllowed(file: File): boolean;
+    /**
+     * Handles upload response
+     */
+    onFileUploadSucceed(response: Record<string, unknown>): void;
+    /**
+     * Called when a file has failed to upload
+     */
+    onFileUploadError(error: Error): void;
+    /**
+     * Called when a file has been inserted, either by drop or paste
+     */
+    onFileInserted(file: File): void;
+    handleFiles(files: FileList): void;
+    /**
+     * Called when a paste event occurred
+     */
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * Called when a drop event occurred
+     */
+    onDrop(event: DragEvent): void;
+}
+export default InlineAttachment;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './core';
+export * from './adapters';
+export * from './constants';
+export * from './types';

package/dist/inline-attacher.js

@@ -0,0 +1,359 @@
+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 = {
+  /**
+   * URL where the file will be send
+   */
+  uploadUrl: "/upload",
+  /**
+   * Which method will be used to send the file to the upload URL
+   */
+  uploadMethod: "POST",
+  /**
+   * Name in which the file will be placed
+   */
+  uploadFieldName: "file",
+  /**
+   * Extension which will be used when a file extension could not
+   * be detected
+   */
+  defaultExtension: "png",
+  /**
+   * JSON field which refers to the uploaded file URL
+   */
+  responseUrlKey: "url",
+  /**
+   * Allowed MIME types
+   */
+  allowedTypes: [
+    "image/jpeg",
+    "image/png",
+    "image/jpg",
+    "image/gif"
+  ],
+  /**
+   * Text which will be inserted when dropping or pasting a file.
+   * Acts as a placeholder which will be replaced when the file is done with uploading
+   */
+  progressText: "![Uploading file...]()",
+  /**
+   * When a file has successfully been uploaded the progressText
+   * will be replaced by the urlText, the {url} tag will be replaced response url
+   */
+  urlText: "![{alt}]({url})",
+  /**
+   * Text which will be used when uploading has failed
+   */
+  errorText: "Error uploading file",
+  /**
+   * Extra parameters which will be send when uploading a file
+   */
+  extraParams: {},
+  /**
+   * Extra headers which will be send when uploading a file
+   */
+  extraHeaders: {},
+  /**
+   * Before the file is send
+   */
+  beforeFileUpload() {
+    return !0;
+  },
+  /**
+   * Triggers when a file is dropped or pasted
+   */
+  onFileReceived() {
+    return !0;
+  },
+  /**
+   * Custom upload handler
+   *
+   * @return {Boolean} when false is returned it will prevent default upload behavior
+   */
+  onFileUploadSucceed() {
+    return !0;
+  },
+  /**
+   * Custom error handler. Runs after removing the placeholder text and before the alert().
+   * Return false from this function to prevent the alert dialog.
+   *
+   * @return {Boolean} when false is returned it will prevent default error behavior
+   */
+  onFileUploadError() {
+    return !0;
+  },
+  /**
+   * When a file has successfully been uploaded
+   */
+  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 V(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];
+    else
+      return e;
+  return a !== void 0 ? a : e;
+}
+class E {
+  constructor(t, e) {
+    o(this, "options", v);
+    o(this, "editor");
+    o(this, "filename", "");
+    o(this, "lastValue", "");
+    this.editor = t, this.options = { ...v, ...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();
+    let f = e;
+    if (t.name) {
+      const [u] = t.name.match(/\.(.+)$/) || [];
+      u && (f = u);
+    }
+    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)))
+      return;
+    const { ok: F, value: m } = await P({
+      url: d,
+      method: p,
+      body: i,
+      headers: l
+    });
+    if (!F) {
+      this.onFileUploadError(m);
+      return;
+    }
+    this.onFileUploadSucceed(m);
+  }
+  /**
+   * Returns if the given file is allowed to handle
+   */
+  isFileAllowed(t) {
+    const { allowedTypes: e } = this.options;
+    return e.includes("*") || e.includes(t.type);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * 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;
+    const e = this.editor.getValue().replace(this.lastValue, this.options.errorText);
+    this.editor.setValue(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));
+  }
+  handleFiles(t) {
+    Array.from(t).forEach((e) => {
+      this.isFileAllowed(e) && (this.onFileInserted(e), this.uploadFile(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);
+  }
+  /**
+   * Called when a drop event occurred
+   */
+  onDrop(t) {
+    var e;
+    t.preventDefault(), (e = t.dataTransfer) != null && e.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;
+}
+class U {
+  constructor(t) {
+    o(this, "instance");
+    this.instance = t;
+  }
+  getValue() {
+    return this.instance.value;
+  }
+  insertValue(t) {
+    A(this.instance, t);
+  }
+  setValue(t) {
+    this.instance.value = t;
+  }
+}
+class y extends E {
+  constructor(t, e = {}) {
+    super(new U(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 k(...n) {
+  return new y(...n).bind();
+}
+class b {
+  constructor(t) {
+    o(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 h extends E {
+  constructor(t, e = {}) {
+    super(new b(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 I(...n) {
+  return new h(...n).bind();
+}
+function M(n = {}) {
+  return D.domEventHandlers({
+    paste: (t, e) => {
+      new h(e, n).onPaste(t);
+    },
+    drop: (t, e) => {
+      t.stopPropagation(), t.preventDefault(), new h(e, n).onDrop(t);
+    },
+    dragenter: (t) => {
+      t.stopPropagation(), t.preventDefault();
+    },
+    dragover: (t) => {
+      t.stopPropagation(), t.preventDefault();
+    }
+  });
+}
+export {
+  h as CodeMirrorInlineAttachmentAdapter,
+  v as DEFAULT_OPTIONS,
+  E as InlineAttachment,
+  y as InputInlineAttachmentAdapter,
+  k as attach,
+  I as attachCodeMirror,
+  M as inlineAttachmentExtension
+};

package/dist/inline-attacher.umd.cjs

@@ -0,0 +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"})});

package/dist/types.d.ts

@@ -0,0 +1,29 @@
+export interface InlineAttachmentOptions {
+    uploadUrl: string;
+    uploadMethod: string;
+    uploadFieldName: string;
+    defaultExtension: string;
+    responseUrlKey: string;
+    allowedTypes: string[];
+    progressText: string;
+    urlText: string | ((url: string, result: unknown) => string);
+    errorText: string;
+    extraParams: {
+        [name: string]: any;
+    };
+    extraHeaders: {
+        [name: string]: any;
+    };
+    beforeFileUpload?: (formData: FormData) => boolean;
+    remoteFilename?: (file: File) => string;
+    onFileReceived?: (file: File) => boolean;
+    onFileUploadSucceed?: (response: Record<string, unknown>) => boolean;
+    onFileUploadError?: (error: Error) => boolean;
+    onFileUploaded?: (filename: string) => void;
+}
+export interface Editor<TInstance> {
+    instance: TInstance;
+    getValue(): string;
+    setValue(value: string): void;
+    insertValue(value: string): void;
+}

package/dist/utils.d.ts

@@ -0,0 +1,12 @@
+interface UploadOptions extends RequestInit {
+    url: string;
+}
+export type Response = Record<string, unknown>;
+interface Result<TResponse = Response> {
+    ok: boolean;
+    value: TResponse | Error;
+}
+export declare function upload<TResponse = Response>({ url, ...restOptions }: UploadOptions): Promise<Result<TResponse>>;
+export declare function isFunction(value: unknown): value is Function;
+export declare function get(object: Record<string, unknown>, path?: string, defaultValue?: string): string | Record<string, unknown>;
+export {};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "inline-attacher",
+  "version": "0.0.7",
+  "description": "📎 A modern port from Inline Attachment",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/inline-attacher.umd.cjs",
+  "module": "./dist/inline-attacher.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/inline-attacher.js",
+      "require": "./dist/inline-attacher.umd.cjs"
+    }
+  },
+  "keywords": [
+    "inline-attachment",
+    "attachment",
+    "upload",
+    "paste",
+    "drop",
+    "image",
+    "file"
+  ],
+  "author": "Michael Wang 汪東陽 <michael19920327@gmail.com> (https://github.com/EastSun5566)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/EastSun5566/inline-attachment"
+  },
+  "bugs": {
+    "url": "https://github.com/EastSun5566/inline-attachment/issues/new"
+  },
+  "homepage": "https://github.com/EastSun5566/inline-attachment",
+  "packageManager": "pnpm@8.6.0",
+  "engines": {
+    "node": ">=16.0.0",
+    "pnpm": ">=7.0.0"
+  },
+  "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",
+    "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"
+  },
+  "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"
+  }
+}