@teriusu/rich-editor 0.6.4 → 0.6.5

package/dist/components/TipTapEditor.svelte

@@ -113,6 +113,7 @@
     placeholder = "'/'를 눌러 명령어를 입력하세요...",
     onUploadFile,
     onResolveFile,
+    fileDownloadBaseUrl,
     onPromptLink,
     onPromptImage,
     extensions: extraExtensions = [],
@@ -125,6 +126,7 @@
     placeholder?: string;
     onUploadFile?: UploadHandler;
     onResolveFile?: FileResolver;
+    fileDownloadBaseUrl?: string;
     onPromptLink?: PromptHandler;
     onPromptImage?: PromptHandler;
     extensions?: AnyExtension[];
@@ -370,7 +372,10 @@
         CustomTableHeader,
         CustomTableCell,
         PdfBlock,
-        FileAttachment,
+        FileAttachment.configure({
+          resolver: onResolveFile ?? null,
+          ...(fileDownloadBaseUrl ? { downloadBaseUrl: fileDownloadBaseUrl } : {}),
+        }),
         VideoBlock,
         Columns,
         Column,
@@ -496,14 +501,6 @@
       },
     });
 
-    // File resolver를 storage에 등록
-    if (onResolveFile) {
-      editor.storage.fileAttachment = {
-        ...editor.storage.fileAttachment,
-        resolver: onResolveFile,
-      };
-    }
-
     editor.on("update", handleUpdate);
     editor.on("selectionUpdate", handleSelectionUpdate);
 

package/dist/components/TipTapEditor.svelte.d.ts

@@ -7,6 +7,7 @@ type $$ComponentProps = {
     placeholder?: string;
     onUploadFile?: UploadHandler;
     onResolveFile?: FileResolver;
+    fileDownloadBaseUrl?: string;
     onPromptLink?: PromptHandler;
     onPromptImage?: PromptHandler;
     extensions?: AnyExtension[];

package/dist/components/TipTapEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TipTapEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/components/TipTapEditor.svelte.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAa5D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEhE,KAAK,gBAAgB,GAAI;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B,CAAC;AA+mBJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TipTapEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/components/TipTapEditor.svelte.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAa5D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEhE,KAAK,gBAAgB,GAAI;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B,CAAC;AA2mBJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/extensions/FileAttachment.d.ts

@@ -1,13 +1,15 @@
 import { Node } from "@tiptap/core";
-export interface FileAttachmentOptions {
-    HTMLAttributes: Record<string, unknown>;
-}
 export type FileResolveResult = {
     src: string;
     name?: string;
     size?: number;
 };
 export type FileResolver = (fileId: string) => Promise<FileResolveResult>;
+export interface FileAttachmentOptions {
+    HTMLAttributes: Record<string, unknown>;
+    resolver: FileResolver | null;
+    downloadBaseUrl: string;
+}
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         fileAttachment: {

package/dist/extensions/FileAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../src/extensions/FileAttachment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1E,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,cAAc,EAAE;YACd,iBAAiB,EAAE,CAAC,KAAK,EAAE;gBACzB,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,IAAI,EAAE,MAAM,CAAC;gBACb,IAAI,CAAC,EAAE,MAAM,CAAC;aACf,KAAK,UAAU,CAAC;SAClB,CAAC;KACH;CACF;AAkCD,eAAO,MAAM,cAAc,kCAqNzB,CAAC"}
+{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../src/extensions/FileAttachment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1E,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,cAAc,EAAE;YACd,iBAAiB,EAAE,CAAC,KAAK,EAAE;gBACzB,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,IAAI,EAAE,MAAM,CAAC;gBACb,IAAI,CAAC,EAAE,MAAM,CAAC;aACf,KAAK,UAAU,CAAC;SAClB,CAAC;KACH;CACF;AAkCD,eAAO,MAAM,cAAc,kCAiNzB,CAAC"}

package/dist/extensions/FileAttachment.js

@@ -8,7 +8,7 @@ function formatFileSize(bytes) {
 }
 function isInlineable(name) {
     const ext = name.split(".").pop()?.toLowerCase() || "";
-    return ["pdf", "png", "jpg", "jpeg", "gif", "webp", "svg"].includes(ext);
+    return ["pdf", "png", "jpg", "jpeg", "gif", "webp", "svg", "txt", "html", "htm"].includes(ext);
 }
 function getFileIcon(name) {
     const ext = name.split(".").pop()?.toLowerCase() || "";
@@ -36,7 +36,7 @@ export const FileAttachment = Node.create({
     atom: true,
     draggable: true,
     addOptions() {
-        return { HTMLAttributes: {} };
+        return { HTMLAttributes: {}, resolver: null, downloadBaseUrl: "/api/upload" };
     },
     addAttributes() {
         return {
@@ -168,15 +168,14 @@ export const FileAttachment = Node.create({
                     sizeEl.textContent = formatFileSize(node.attrs.size);
             }
             else if (node.attrs.fileId) {
-                // ID만 있으면 resolver로 해결 시도
-                nameEl.disabled = true;
-                sizeEl.textContent = "loading...";
+                // fileId만 있어도 proxy URL로 다운로드 가능 — 버튼은 항상 활성.
+                // resolver가 있으면 이름/크기 메타데이터를 채운다.
                 const resolver = editor.storage.fileAttachment?.resolver;
                 if (resolver) {
+                    sizeEl.textContent = "loading...";
                     resolver(node.attrs.fileId)
                         .then((result) => {
                         resolvedSrc = result.src;
-                        nameEl.disabled = false;
                         if (result.name) {
                             resolvedName = result.name;
                             nameEl.textContent = result.name;
@@ -185,12 +184,9 @@ export const FileAttachment = Node.create({
                         sizeEl.textContent = result.size ? formatFileSize(result.size) : "";
                     })
                         .catch(() => {
-                        sizeEl.textContent = "resolve failed";
+                        sizeEl.textContent = "";
                     });
                 }
-                else {
-                    sizeEl.textContent = `ID: ${node.attrs.fileId}`;
-                }
             }
             dom.appendChild(icon);
             dom.appendChild(nameEl);
@@ -220,8 +216,8 @@ export const FileAttachment = Node.create({
     },
     addStorage() {
         return {
-            resolver: null,
-            downloadBaseUrl: "/api/upload",
+            resolver: this.options.resolver,
+            downloadBaseUrl: this.options.downloadBaseUrl,
         };
     },
     addCommands() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teriusu/rich-editor",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "TipTap 기반 Notion-style 리치 텍스트 에디터 (Svelte)",
   "type": "module",
   "svelte": "./dist/index.js",