@teriusu/rich-editor 0.4.1 → 0.5.2

package/dist/components/SlashCommandMenu.svelte

@@ -21,18 +21,20 @@
     Columns2,
     Columns3,
   } from "lucide-svelte";
-  import type { SlashMenuItem } from "../types";
+  import type { SlashMenuItem, ToolbarFeature } from "../types";
   import type { Component } from "svelte";
 
   const SI = 14;
 
   const SLASH_MENU_ITEMS_DATA: {
+    feature: ToolbarFeature;
     label: string;
     keywords: string;
     icon: Component<{ size?: number }>;
     command: (editor: Editor) => void;
   }[] = [
     {
+      feature: "h1",
       label: "제목 1",
       keywords: "heading h1 제목",
       icon: Heading1,
@@ -40,6 +42,7 @@
         editor.chain().focus().toggleHeading({ level: 1 }).run(),
     },
     {
+      feature: "h2",
       label: "제목 2",
       keywords: "heading h2 제목",
       icon: Heading2,
@@ -47,6 +50,7 @@
         editor.chain().focus().toggleHeading({ level: 2 }).run(),
     },
     {
+      feature: "h3",
       label: "제목 3",
       keywords: "heading h3 제목",
       icon: Heading3,
@@ -54,36 +58,42 @@
         editor.chain().focus().toggleHeading({ level: 3 }).run(),
     },
     {
+      feature: "bullet-list",
       label: "글머리 목록",
       keywords: "bullet list 목록 리스트",
       icon: List,
       command: (editor) => editor.chain().focus().toggleBulletList().run(),
     },
     {
+      feature: "ordered-list",
       label: "번호 목록",
       keywords: "ordered number list 번호 리스트",
       icon: ListOrdered,
       command: (editor) => editor.chain().focus().toggleOrderedList().run(),
     },
     {
+      feature: "checklist",
       label: "체크리스트",
       keywords: "checklist task todo 체크 할일",
       icon: CheckSquare,
       command: (editor) => editor.chain().focus().toggleTaskList().run(),
     },
     {
+      feature: "blockquote",
       label: "인용문",
       keywords: "quote blockquote 인용",
       icon: Quote,
       command: (editor) => editor.chain().focus().toggleBlockquote().run(),
     },
     {
+      feature: "horizontal-rule",
       label: "구분선",
       keywords: "divider hr horizontal rule 구분",
       icon: Minus,
       command: (editor) => editor.chain().focus().setHorizontalRule().run(),
     },
     {
+      feature: "code-block",
       label: "C++ 코드",
       keywords: "code cpp c++ 코드 블록",
       icon: Code2,
@@ -91,6 +101,7 @@
         editor.chain().focus().setCodeBlock({ language: "cpp" }).run(),
     },
     {
+      feature: "code-block",
       label: "Python 코드",
       keywords: "code python 파이썬 코드 블록",
       icon: Code2,
@@ -98,12 +109,14 @@
         editor.chain().focus().setCodeBlock({ language: "python" }).run(),
     },
     {
+      feature: "toggle",
       label: "토글",
       keywords: "toggle details 접기 펼치기 토글",
       icon: ChevronRight,
       command: (editor) => editor.chain().focus().setDetails().run(),
     },
     {
+      feature: "table",
       label: "표",
       keywords: "table 표 테이블",
       icon: TableIcon,
@@ -115,18 +128,21 @@
           .run(),
     },
     {
+      feature: "columns-2",
       label: "2단 컬럼",
       keywords: "column 컬럼 2단 분할",
       icon: Columns2,
       command: (editor) => editor.chain().focus().setColumns(2).run(),
     },
     {
+      feature: "columns-3",
       label: "3단 컬럼",
       keywords: "column 컬럼 3단 분할",
       icon: Columns3,
       command: (editor) => editor.chain().focus().setColumns(3).run(),
     },
     {
+      feature: "youtube",
       label: "YouTube 영상",
       keywords: "youtube video 영상 동영상 유튜브",
       icon: Video,
@@ -136,6 +152,7 @@
       },
     },
     {
+      feature: "image",
       label: "이미지",
       keywords: "image 이미지 사진 img",
       icon: ImageIcon,
@@ -145,6 +162,7 @@
       },
     },
     {
+      feature: "link",
       label: "링크",
       keywords: "link url 링크 하이퍼",
       icon: LinkIcon,
@@ -163,6 +181,7 @@
 
   let {
     editor,
+    features,
     query,
     onClose,
     onPdfUpload,
@@ -170,6 +189,7 @@
     onVideoUpload,
   }: {
     editor: Editor;
+    features: Set<ToolbarFeature>;
     query: string;
     onClose: () => void;
     onPdfUpload?: () => void;
@@ -182,9 +202,10 @@
   let mouseMovedSinceKeyboard = $state(true);
 
   const allItems = $derived.by(() => {
-    const items = [...SLASH_MENU_ITEMS_DATA];
+    const items = SLASH_MENU_ITEMS_DATA.filter((item) => features.has(item.feature));
     if (onPdfUpload) {
       items.push({
+        feature: "pdf" as ToolbarFeature,
         label: "PDF 파일",
         keywords: "pdf 파일 문서",
         icon: FileText,
@@ -193,6 +214,7 @@
     }
     if (onVideoUpload) {
       items.push({
+        feature: "video" as ToolbarFeature,
         label: "영상 파일",
         keywords: "video 영상 동영상 비디오 메타버스",
         icon: Film,
@@ -201,6 +223,7 @@
     }
     if (onFileUpload) {
       items.push({
+        feature: "file" as ToolbarFeature,
         label: "파일 첨부",
         keywords: "file attach 파일 첨부",
         icon: Paperclip,

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

@@ -1,7 +1,9 @@
 import type { Editor } from "@tiptap/core";
+import type { ToolbarFeature } from "../types";
 import type { Component } from "svelte";
 type $$ComponentProps = {
     editor: Editor;
+    features: Set<ToolbarFeature>;
     query: string;
     onClose: () => void;
     onPdfUpload?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/components/SlashCommandMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAuB3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEvC,KAAK,gBAAgB,GAAI;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAkRJ,QAAA,MAAM,gBAAgB,qCAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SlashCommandMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/components/SlashCommandMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAsB3C,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEvC,KAAK,gBAAgB,GAAI;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAwSJ,QAAA,MAAM,gBAAgB,qCAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/TipTapEditor.svelte

@@ -41,7 +41,8 @@
   import BubbleToolbar from "./BubbleToolbar.svelte";
   import SlashCommandMenu from "./SlashCommandMenu.svelte";
   import TableBubbleMenu from "./TableBubbleMenu.svelte";
-  import type { UploadHandler, ToolbarMode } from "../types";
+  import type { UploadHandler, ToolbarMode, ToolbarFeature } from "../types";
+  import { resolveFeatures } from "../types";
   import type { FileResolver } from "../extensions/FileAttachment";
 
   const cellAttrs = {
@@ -115,6 +116,7 @@
     extensions: extraExtensions = [],
     editable = true,
     toolbar = 'full',
+    features: featuresOverride,
   }: {
     content: string;
     onChange: (html: string) => void;
@@ -124,8 +126,11 @@
     extensions?: AnyExtension[];
     editable?: boolean;
     toolbar?: ToolbarMode;
+    features?: ToolbarFeature[];
   } = $props();
 
+  const features = $derived(resolveFeatures(toolbar, featuresOverride));
+
   let editorElement: HTMLDivElement | undefined = $state();
   let editor: Editor | undefined = $state();
   let uploading = $state(false);
@@ -224,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();
       })
@@ -481,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);
@@ -545,13 +559,14 @@
 </script>
 
 <div
-	class="hce-editor-wrapper relative{editable && toolbar === 'full' ? ' border border-border rounded-xl bg-background' : ''}"
+	class="hce-editor-wrapper relative{editable && features.has('fixed-toolbar') ? ' border border-border rounded-xl bg-background' : ''}"
 	ondragover={(e) => e.preventDefault()}
 	ondrop={(e) => { if (!onUploadFile) e.preventDefault(); }}
 >
-	{#if editor && editable && toolbar === 'full'}
+	{#if editor && editable && features.has('fixed-toolbar')}
 		<FixedToolbar
 			{editor}
+			{features}
 			onPdfClick={() => pdfInputEl?.click()}
 			onFileClick={onUploadFile ? () => fileInputEl?.click() : undefined}
 			onVideoClick={onUploadFile ? () => videoInputEl?.click() : undefined}
@@ -561,54 +576,57 @@
 	<div bind:this={editorElement}></div>
 
 	{#if editor && editable}
-		<BubbleToolbar {editor} minimal={toolbar === 'minimal'} />
+		{#if features.has('bubble-toolbar')}
+			<BubbleToolbar {editor} {features} />
+		{/if}
 
-		{#if toolbar !== 'minimal'}
+		{#if features.has('table-menu')}
 			<TableBubbleMenu {editor} />
 		{/if}
 
-		{#if toolbar === 'full'}
-			{#if uploading}
-				<div
-					class="absolute inset-0 flex items-center justify-center bg-background/60 rounded-xl"
-				>
-					<p class="text-sm text-muted-foreground animate-pulse">
-						업로드 중...
-					</p>
-				</div>
-			{/if}
+		{#if features.has('upload-overlay') && uploading}
+			<div
+				class="absolute inset-0 flex items-center justify-center bg-background/60 rounded-xl"
+			>
+				<p class="text-sm text-muted-foreground animate-pulse">
+					업로드 중...
+				</p>
+			</div>
 		{/if}
 
-		{#if toolbar !== 'minimal' && slashMenuOpen}
+		{#if features.has('slash-menu') && slashMenuOpen}
 			<div
 				style="top: {slashMenuPos.top}px; left: {slashMenuPos.left}px"
 				class="fixed z-50"
 			>
 				<SlashCommandMenu
 					{editor}
+					{features}
 					query={slashQuery}
 					onClose={closeSlashMenu}
-					onPdfUpload={onUploadFile
+					onPdfUpload={onUploadFile && features.has('pdf')
 						? () => pdfInputEl?.click()
 						: undefined}
-					onFileUpload={onUploadFile
+					onFileUpload={onUploadFile && features.has('file')
 						? () => fileInputEl?.click()
 						: undefined}
-					onVideoUpload={onUploadFile
+					onVideoUpload={onUploadFile && features.has('video')
 						? () => videoInputEl?.click()
 						: undefined}
 				/>
 			</div>
 		{/if}
 
-		{#if toolbar === 'full'}
+		{#if features.has('character-count')}
 			<div
 				class="flex justify-end px-4 py-2 text-xs text-muted-foreground border-t border-border"
 			>
 				{editor.storage.characterCount.characters()} 자 ·
 				{editor.storage.characterCount.words()} 단어
 			</div>
+		{/if}
 
+		{#if features.has('pdf') || features.has('file') || features.has('video')}
 			<input
 				bind:this={pdfInputEl}
 				type="file"

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

@@ -1,5 +1,5 @@
 import { type AnyExtension } from "@tiptap/core";
-import type { UploadHandler, ToolbarMode } from "../types";
+import type { UploadHandler, ToolbarMode, ToolbarFeature } from "../types";
 import type { FileResolver } from "../extensions/FileAttachment";
 type $$ComponentProps = {
     content: string;
@@ -10,6 +10,7 @@ type $$ComponentProps = {
     extensions?: AnyExtension[];
     editable?: boolean;
     toolbar?: ToolbarMode;
+    features?: ToolbarFeature[];
 };
 declare const TipTapEditor: import("svelte").Component<$$ComponentProps, {}, "">;
 type TipTapEditor = ReturnType<typeof TipTapEditor>;

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,MAAM,UAAU,CAAC;AAC3D,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;CACvB,CAAC;AA4lBJ,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,kCA6KzB,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 = {
@@ -111,16 +115,47 @@ export const FileAttachment = Node.create({
             const info = document.createElement("div");
             info.style.cssText = "flex:1;min-width:0;";
             const nameEl = document.createElement("a");
-            nameEl.target = "_blank";
-            nameEl.rel = "noopener noreferrer";
             nameEl.textContent = node.attrs.name;
             nameEl.style.cssText =
-                "display:block;font-size:13px;font-weight:600;color:var(--primary, #4A7DAC);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;";
+                "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 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();
+                const proxyUrl = getProxyUrl();
+                const targetUrl = proxyUrl || resolvedSrc;
+                if (!targetUrl)
+                    return;
+                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", handleClick);
             const sizeEl = document.createElement("span");
             sizeEl.style.cssText =
                 "font-size:11px;color:var(--muted-foreground, #718096);";
             // URL이 있으면 바로 표시
             if (node.attrs.src) {
+                resolvedSrc = node.attrs.src;
                 nameEl.href = node.attrs.src;
                 if (node.attrs.size)
                     sizeEl.textContent = formatFileSize(node.attrs.size);
@@ -134,9 +169,11 @@ export const FileAttachment = Node.create({
                 if (resolver) {
                     resolver(node.attrs.fileId)
                         .then((result) => {
+                        resolvedSrc = result.src;
                         nameEl.href = result.src;
                         nameEl.style.pointerEvents = "";
                         if (result.name) {
+                            resolvedName = result.name;
                             nameEl.textContent = result.name;
                             icon.textContent = getFileIcon(result.name);
                         }
@@ -178,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/index.d.ts

@@ -16,5 +16,6 @@ export { Column } from "./extensions/Column";
 export { sanitizeHtml, stripHtmlToExcerpt, transformLegacyHtml } from "./utils/sanitize";
 export { configurePdfJs, getPdfJs } from "./utils/pdf";
 export { cn } from "./utils/cn";
-export type { TipTapEditorProps, UploadHandler, ToolbarMode, FixedToolbarProps, BlockHandleProps, SlashCommandMenuProps, PdfViewerProps, SlashMenuItem, } from "./types";
+export type { TipTapEditorProps, UploadHandler, ToolbarMode, ToolbarFeature, FixedToolbarProps, BlockHandleProps, SlashCommandMenuProps, PdfViewerProps, SlashMenuItem, } from "./types";
+export { TOOLBAR_PRESETS, resolveFeatures } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGjF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAGhC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,aAAa,GACd,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGjF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAGhC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -18,3 +18,4 @@ export { Column } from "./extensions/Column";
 export { sanitizeHtml, stripHtmlToExcerpt, transformLegacyHtml } from "./utils/sanitize";
 export { configurePdfJs, getPdfJs } from "./utils/pdf";
 export { cn } from "./utils/cn";
+export { TOOLBAR_PRESETS, resolveFeatures } from "./types";