@teriusu/rich-editor 0.5.0 → 0.5.2

package/dist/components/TipTapEditor.svelte

@@ -229,13 +229,19 @@
     uploading = true;
     const size = file.size;
     onUploadFile(file)
-      .then((url) => {
+      .then((result) => {
+        const isFileId = result && !result.includes("/") && !result.includes(":");
         editor!
           .chain()
           .focus()
           .insertContent({
             type: "fileAttachment",
-            attrs: { src: url, name: file.name, size },
+            attrs: {
+              src: isFileId ? null : result,
+              fileId: isFileId ? result : null,
+              name: file.name,
+              size,
+            },
           })
           .run();
       })
@@ -486,7 +492,10 @@
 
     // File resolver를 storage에 등록
     if (onResolveFile) {
-      editor.storage.fileAttachment = { resolver: onResolveFile };
+      editor.storage.fileAttachment = {
+        ...editor.storage.fileAttachment,
+        resolver: onResolveFile,
+      };
     }
 
     editor.on("update", handleUpdate);

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,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE3E,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,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;AAkmBJ,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,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE3E,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,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.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;AA6BD,eAAO,MAAM,cAAc,kCAkMzB,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,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,kCAmNzB,CAAC"}

package/dist/extensions/FileAttachment.js

@@ -6,6 +6,10 @@ function formatFileSize(bytes) {
         return `${(bytes / 1024).toFixed(1)} KB`;
     return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
+function isInlineable(name) {
+    const ext = name.split(".").pop()?.toLowerCase() || "";
+    return ["pdf", "png", "jpg", "jpeg", "gif", "webp", "svg"].includes(ext);
+}
 function getFileIcon(name) {
     const ext = name.split(".").pop()?.toLowerCase() || "";
     const icons = {
@@ -116,22 +120,36 @@ export const FileAttachment = Node.create({
                 "display:block;font-size:13px;font-weight:600;color:var(--primary, #4A7DAC);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;";
             let resolvedSrc = null;
             let resolvedName = node.attrs.name;
-            function triggerDownload(e) {
+            function getProxyUrl() {
+                const fileId = node.attrs.fileId;
+                if (!fileId)
+                    return null;
+                const baseUrl = editor.storage.fileAttachment?.downloadBaseUrl || "/api/upload";
+                return `${baseUrl}/${fileId}/download`;
+            }
+            function handleClick(e) {
                 e.preventDefault();
-                if (!resolvedSrc)
+                const proxyUrl = getProxyUrl();
+                const targetUrl = proxyUrl || resolvedSrc;
+                if (!targetUrl)
                     return;
-                fetch(resolvedSrc)
-                    .then((res) => res.blob())
-                    .then((blob) => {
-                    const url = URL.createObjectURL(blob);
-                    const a = document.createElement("a");
-                    a.href = url;
-                    a.download = resolvedName;
-                    a.click();
-                    URL.revokeObjectURL(url);
-                });
+                if (isInlineable(resolvedName)) {
+                    window.open(targetUrl, "_blank");
+                }
+                else {
+                    fetch(targetUrl)
+                        .then((res) => res.blob())
+                        .then((blob) => {
+                        const url = URL.createObjectURL(blob);
+                        const a = document.createElement("a");
+                        a.href = url;
+                        a.download = resolvedName;
+                        a.click();
+                        URL.revokeObjectURL(url);
+                    });
+                }
             }
-            nameEl.addEventListener("click", triggerDownload);
+            nameEl.addEventListener("click", handleClick);
             const sizeEl = document.createElement("span");
             sizeEl.style.cssText =
                 "font-size:11px;color:var(--muted-foreground, #718096);";
@@ -197,7 +215,10 @@ export const FileAttachment = Node.create({
         };
     },
     addStorage() {
-        return { resolver: null };
+        return {
+            resolver: null,
+            downloadBaseUrl: "/api/upload",
+        };
     },
     addCommands() {
         return {

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

@@ -1 +1 @@
-{"version":3,"file":"PdfBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/PdfBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC;AAInE,eAAO,MAAM,QAAQ,sBAwTnB,CAAC"}
+{"version":3,"file":"PdfBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/PdfBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC;AAInE,eAAO,MAAM,QAAQ,sBA8TnB,CAAC"}

package/dist/extensions/PdfBlock.js

@@ -245,31 +245,36 @@ export const PdfBlock = TiptapNode.create({
                 }
             }
             // URL 해결 후 PDF 로드
+            function getProxyUrl(fileId) {
+                const baseUrl = editor.storage.fileAttachment?.downloadBaseUrl || "/api/upload";
+                return `${baseUrl}/${fileId}/download`;
+            }
             if (node.attrs.src) {
-                openLink.href = node.attrs.src;
-                loadPdf(node.attrs.src);
+                if (node.attrs.fileId) {
+                    // fileId 있으면 프록시 URL 사용 (경로 숨김)
+                    const proxyUrl = getProxyUrl(node.attrs.fileId);
+                    openLink.href = proxyUrl;
+                    loadPdf(proxyUrl);
+                }
+                else {
+                    openLink.href = node.attrs.src;
+                    loadPdf(node.attrs.src);
+                }
             }
             else if (node.attrs.fileId) {
-                // resolver로 URL 획득
-                openLink.href = "#";
+                const proxyUrl = getProxyUrl(node.attrs.fileId);
+                openLink.href = proxyUrl;
+                // resolver로 이름 획득
                 const resolver = editor.storage.fileAttachment?.resolver;
                 if (resolver) {
                     resolver(node.attrs.fileId)
                         .then((result) => {
-                        openLink.href = result.src;
                         if (result.name)
                             nameSpan.textContent = result.name;
-                        loadPdf(result.src);
                     })
-                        .catch(() => {
-                        loadingDiv.innerHTML =
-                            '<p class="text-sm text-muted-foreground">PDF URL\uC744 \uD655\uC778\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.</p>';
-                    });
-                }
-                else {
-                    loadingDiv.innerHTML =
-                        `<p class="text-sm text-muted-foreground">PDF ID: ${node.attrs.fileId}</p>`;
+                        .catch(() => { });
                 }
+                loadPdf(proxyUrl);
             }
             return {
                 dom,

package/dist/types.js

@@ -20,7 +20,7 @@ export const TOOLBAR_PRESETS = {
         'blockquote', 'horizontal-rule', 'toggle',
         'link', 'image', 'pdf', 'youtube', 'video', 'file',
         'columns-2', 'columns-3', 'table', 'code-block',
-        'bubble-toolbar', 'slash-menu', 'table-menu'
+        'fixed-toolbar', 'bubble-toolbar', 'slash-menu', 'table-menu'
     ],
     minimal: [
         'bold', 'italic', 'strike', 'code',

package/package.json

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