@teriusu/rich-editor 0.10.2 → 0.10.4

package/dist/components/TipTapEditor.svelte

@@ -88,6 +88,69 @@
       };
     },
   });
+
+  /**
+   * 편집 크롬(툴바 2 · 메뉴 2 · 모달 3)은 **`editable` 일 때만 그려지는데**
+   * 정적 import 면 읽기 전용 페이지도 통째로 받는다.
+   *
+   * 실측(정올 prod 빌드, `apps/jungol/.svelte-kit/output/client`): 이 일곱만 쓰는
+   * lucide 아이콘 53 개가 **270KB raw / 75KB gzip** 짜리 청크 하나로 앉아 있고,
+   * rich-editor 가 끌고 오는 그래프 전체는 2.06MB raw / 599KB gzip 이다. 그리고
+   * 그 그래프를 끌고 오는 라우트가 **176 개 중 91 개** — 문제 지문·글·댓글처럼
+   * 툴바가 평생 뜨지 않는 화면이 대부분이다.
+   *
+   * 그래서 **필요해질 때 한 번만** 받아 모든 인스턴스가 나눠 쓴다.
+   *
+   * ⚠️ **인스턴스마다 `import()` 를 걸지 않는다.** 모듈 자체는 캐시되니 손해가 없어
+   *    보이지만 `.then()` 이 인스턴스 수만큼 생긴다. 그 콜백들이 제각각 풀리면 툴바가
+   *    한 번에 서지 못하고 줄줄이 늘어선다 — 한 화면에 에디터가 20~27 개 서는 곳
+   *    (정올 기출 퀴즈)에서 눈에 띈다. 소비 앱 래퍼(`ui/tiptap/TipTap.svelte`)가 같은
+   *    이유로 이미 모듈 스코프 공유 import 를 쓰고 있고, 그 주석에 실측이 남아 있다.
+   *
+   * ⚠️ 배럴(`index.ts`)에서 이 일곱을 **re-export 하면 안 된다.** 여기서 지연시켜도
+   *    배럴이 정적으로 참조하면 그래프에 그대로 남아 이 지연이 아무 효과가 없다.
+   *    필요하면 `@teriusu/rich-editor/toolbars` 서브패스로 가져간다.
+   */
+  /*
+   * ⚠️ 타입은 `typeof import(...)` 로 **원본 컴포넌트에서 그대로 가져온다.**
+   * `Component<any>` 로 뭉개면 마크업의 콜백 인자(`onConfirm={(url) => …}`)가
+   * `implicit any` 로 떨어져 타입 검사에서 걸린다. 타입 위치의 `import()` 는
+   * 컴파일 뒤 사라지므로 **번들에는 영향이 없다** — 지연 로드는 그대로다.
+   */
+  type EditorChrome = {
+    FixedToolbar: typeof import("./FixedToolbar.svelte").default;
+    BubbleToolbar: typeof import("./BubbleToolbar.svelte").default;
+    TableBubbleMenu: typeof import("./TableBubbleMenu.svelte").default;
+    SlashCommandMenu: typeof import("./SlashCommandMenu.svelte").default;
+    MediaPickerModal: typeof import("./MediaPickerModal.svelte").default;
+    InputModal: typeof import("./InputModal.svelte").default;
+    MathModal: typeof import("./MathModal.svelte").default;
+  };
+  let sharedChrome = $state<EditorChrome | null>(null);
+  let chromePending = false;
+  function loadEditorChrome() {
+    if (sharedChrome || chromePending) return;
+    chromePending = true;
+    Promise.all([
+      import("./FixedToolbar.svelte"),
+      import("./BubbleToolbar.svelte"),
+      import("./TableBubbleMenu.svelte"),
+      import("./SlashCommandMenu.svelte"),
+      import("./MediaPickerModal.svelte"),
+      import("./InputModal.svelte"),
+      import("./MathModal.svelte"),
+    ]).then(([fixed, bubble, table, slash, media, input, math]) => {
+      sharedChrome = {
+        FixedToolbar: fixed.default,
+        BubbleToolbar: bubble.default,
+        TableBubbleMenu: table.default,
+        SlashCommandMenu: slash.default,
+        MediaPickerModal: media.default,
+        InputModal: input.default,
+        MathModal: math.default,
+      };
+    });
+  }
 </script>
 
 <script lang="ts">
@@ -131,13 +194,6 @@
   import { VideoEmbed } from "../extensions/VideoEmbed";
   import { CardBlock } from "../extensions/CardBlock";
   import { MathInline, MathDisplay, type MathPrompt } from "../extensions/Math";
-  import FixedToolbar from "./FixedToolbar.svelte";
-  import BubbleToolbar from "./BubbleToolbar.svelte";
-  import SlashCommandMenu from "./SlashCommandMenu.svelte";
-  import TableBubbleMenu from "./TableBubbleMenu.svelte";
-  import MathModal from "./MathModal.svelte";
-  import MediaPickerModal from "./MediaPickerModal.svelte";
-  import InputModal from "./InputModal.svelte";
   import type { UploadHandler, PromptHandler, ToolbarMode, ToolbarFeature } from "../types";
   import { resolveFeatures } from "../types";
   import type { FileResolver } from "../extensions/FileAttachment";
@@ -189,6 +245,25 @@
   let editorElement: HTMLDivElement | undefined = $state();
   let editor: Editor | undefined = $state();
 
+  /*
+   * 편집 크롬을 **필요해질 때** 받아 온다(사유·실측은 모듈 블록의 `loadEditorChrome` 주석).
+   * `$effect` 라 SSR 에서는 돌지 않는다 — 크롬은 어차피 `editor` 가 선 뒤에만 그려지고
+   * `editor` 는 `onMount` 에서 만들어지므로 서버에서는 그릴 일이 없다.
+   *
+   * 아래 일곱은 **원래 이름 그대로** 두어 마크업이 그대로 읽히게 한다. 도착 전에는
+   * `undefined` 이고, 마크업이 `sharedChrome` 유무로 이미 갈라져 있어 그때는 그리지 않는다.
+   */
+  $effect(() => {
+    if (editable) loadEditorChrome();
+  });
+  const FixedToolbar = $derived(sharedChrome?.FixedToolbar);
+  const BubbleToolbar = $derived(sharedChrome?.BubbleToolbar);
+  const TableBubbleMenu = $derived(sharedChrome?.TableBubbleMenu);
+  const SlashCommandMenu = $derived(sharedChrome?.SlashCommandMenu);
+  const MediaPickerModal = $derived(sharedChrome?.MediaPickerModal);
+  const InputModal = $derived(sharedChrome?.InputModal);
+  const MathModal = $derived(sharedChrome?.MathModal);
+
   /*
    * 글자수는 `editor.storage` 에서 읽는데 그건 `$state` 가 아니라, 그냥 부르면 첫 값에
    * 굳어 **타이핑해도 숫자가 안 바뀐다**(사용자 지적). 트랜잭션마다 카운터를 올리고
@@ -803,7 +878,7 @@
 	ondragover={(e) => e.preventDefault()}
 	ondrop={(e) => { if (!onUploadFile) e.preventDefault(); }}
 >
-	{#if editor && editable && features.has('fixed-toolbar')}
+	{#if editor && editable && FixedToolbar && features.has('fixed-toolbar')}
 		<FixedToolbar
 			{editor}
 			{features}
@@ -825,11 +900,11 @@
 	<div class="hce-editor-body" bind:this={editorElement}></div>
 
 	{#if editor && editable}
-		{#if features.has('bubble-toolbar')}
+		{#if BubbleToolbar && features.has('bubble-toolbar')}
 			<BubbleToolbar {editor} {features} {onPromptLink} />
 		{/if}
 
-		{#if features.has('table-menu')}
+		{#if TableBubbleMenu && features.has('table-menu')}
 			<TableBubbleMenu {editor} />
 		{/if}
 
@@ -843,7 +918,7 @@
 			</div>
 		{/if}
 
-		{#if features.has('slash-menu') && slashMenuOpen}
+		{#if SlashCommandMenu && features.has('slash-menu') && slashMenuOpen}
 			<div
 				style="top: {slashMenuPos.top}px; left: {slashMenuPos.left}px"
 				class="fixed z-50"
@@ -876,7 +951,7 @@
 			이미지·파일 고르기. 둘이 **같은 모달**을 쓰고 문구만 다르다
 			(`MediaPickerModal` 주석 참고).
 		-->
-		{#if mediaPicker === 'image'}
+		{#if MediaPickerModal && mediaPicker === 'image'}
 			<MediaPickerModal
 				title="이미지 추가"
 				accept="image/*"
@@ -889,7 +964,7 @@
 				onCancel={() => (mediaPicker = null)}
 			/>
 		{/if}
-		{#if mediaPicker === 'file'}
+		{#if MediaPickerModal && mediaPicker === 'file'}
 			<MediaPickerModal
 				title="파일 추가"
 				uploadLabel="파일을 선택하세요"
@@ -902,7 +977,7 @@
 		{/if}
 
 		<!-- 업로드를 못 하는 호스트용 폴백(URL 만 받는다). 위 `pickImage` 참고. -->
-		{#if imageUrlPrompt}
+		{#if InputModal && imageUrlPrompt}
 			<InputModal
 				title="이미지 URL 입력"
 				placeholder="https://example.com/image.png"
@@ -914,7 +989,7 @@
 			/>
 		{/if}
 
-		{#if mathPrompt}
+		{#if MathModal && mathPrompt}
 			<MathModal
 				latex={mathPrompt.latex}
 				displayMode={mathPrompt.displayMode}

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":"AA8FA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA2BtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAYjD,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQ9E,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,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uDAAuD;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wCAAwC;IACxC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,mDAAmD;IACnD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;AA8vBJ,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":"AA6JA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA2BtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAYjD,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC9E,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,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uDAAuD;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wCAAwC;IACxC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,mDAAmD;IACnD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;AA0wBJ,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,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;AAkFD,eAAO,MAAM,cAAc,kCA4NzB,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;AAkFD,eAAO,MAAM,cAAc,kCAyNzB,CAAC"}

package/dist/extensions/FileAttachment.js

@@ -183,35 +183,27 @@ export const FileAttachment = Node.create({
                 nameEl.download = resolvedName;
             }
             updateHref();
-            let downloadInProgress = false;
             function handleClick(e) {
-                e.preventDefault();
+                // 상위(ProseMirror 노드 선택 등) 간섭만 막는다. 기본 동작을 죽일지는 분기별로 정한다.
                 e.stopPropagation();
-                if (downloadInProgress)
-                    return;
-                const proxyUrl = getProxyUrl();
-                const targetUrl = proxyUrl || resolvedSrc;
-                if (!targetUrl)
+                const targetUrl = getProxyUrl() || resolvedSrc;
+                if (!targetUrl) {
+                    e.preventDefault();
                     return;
+                }
                 if (isInlineable(resolvedName)) {
+                    // 새 탭으로 "보여주는" 분기는 <a download>의 기본 동작(저장)과 정반대이므로
+                    // 여기서만 기본 동작을 가로챈다.
+                    e.preventDefault();
                     window.open(targetUrl, "_blank");
+                    return;
                 }
-                else {
-                    downloadInProgress = true;
-                    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);
-                    })
-                        .finally(() => {
-                        downloadInProgress = false;
-                    });
-                }
+                // 다운로드 분기는 preventDefault 하지 않고 <a href download> 네이티브 동작에 맡긴다.
+                // 예전 방식(fetch → res.blob())은 파일 전체를 탭 메모리에 버퍼링한 뒤에야 저장을
+                // 시작해서, 381MB 첨부에서 클릭 후 수 분간 아무 반응이 없었다 — 진행률도 없고
+                // 브라우저 다운로드 목록에도 안 떴다. 네이티브 다운로드는 클릭 즉시 다운로드
+                // 관리자로 넘어가 디스크로 스트리밍되므로 대기도, 탭 메모리 점유도 없다.
+                // href/download는 updateHref()가 같은 우선순위(proxy → resolvedSrc)로 이미 세팅한다.
             }
             nameEl.addEventListener("click", handleClick);
             nameEl.addEventListener("mousedown", (e) => e.stopPropagation());

package/dist/index.d.ts

@@ -1,10 +1,4 @@
 export { default as TipTapEditor } from "./components/TipTapEditor.svelte";
-export { default as FixedToolbar } from "./components/FixedToolbar.svelte";
-export { default as BubbleToolbar } from "./components/BubbleToolbar.svelte";
-export { default as SlashCommandMenu } from "./components/SlashCommandMenu.svelte";
-export { default as InputModal } from "./components/InputModal.svelte";
-export { default as MathModal } from "./components/MathModal.svelte";
-export { default as TableBubbleMenu } from "./components/TableBubbleMenu.svelte";
 export { PdfBlock } from "./extensions/PdfBlock";
 export { Indent } from "./extensions/Indent";
 export { FixedDetails } from "./extensions/FixedDetails";

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,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAahC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG5D,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,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;AAW3E,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,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAahC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG5D,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,11 +1,13 @@
 // 컴포넌트
 export { default as TipTapEditor } from "./components/TipTapEditor.svelte";
-export { default as FixedToolbar } from "./components/FixedToolbar.svelte";
-export { default as BubbleToolbar } from "./components/BubbleToolbar.svelte";
-export { default as SlashCommandMenu } from "./components/SlashCommandMenu.svelte";
-export { default as InputModal } from "./components/InputModal.svelte";
-export { default as MathModal } from "./components/MathModal.svelte";
-export { default as TableBubbleMenu } from "./components/TableBubbleMenu.svelte";
+/*
+ * ⚠️ **툴바·메뉴·모달 여섯은 여기서 re-export 하지 않는다** → `@teriusu/rich-editor/toolbars`.
+ * `TipTapEditor` 가 그것들을 `editable` 일 때만 동적으로 받도록 해 놨는데(그쪽
+ * `loadEditorChrome` 주석), 배럴이 정적으로 참조하면 **지연이 통째로 무효가 된다** —
+ * 배럴을 가져오는 순간 다시 그래프에 들어오기 때문이다. 실측으로 그 여섯만 쓰는
+ * lucide 아이콘 53 개가 75KB(gzip) 짜리 청크 하나였고, 툴바가 평생 뜨지 않는
+ * 읽기 전용 라우트가 정올 176 개 중 91 개다.
+ */
 // 익스텐션
 export { PdfBlock } from "./extensions/PdfBlock";
 export { Indent } from "./extensions/Indent";

package/dist/toolbars.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 편집 크롬(툴바·메뉴·모달) 진입점.
+ *
+ * **배럴(`index.ts`)이 아니라 여기에 있는 이유**: `TipTapEditor` 는 이 일곱을
+ * `editable` 일 때만 동적으로 받는다(그쪽 `loadEditorChrome` 주석에 실측이 있다).
+ * 배럴이 같은 것을 정적으로 re-export 하면 **그 지연이 무효가 된다** — 배럴을
+ * 한 번이라도 가져오는 순간 그래프에 다시 들어오기 때문이다. 그래서 갈라 둔다.
+ *
+ * 직접 쓸 일은 드물다. `TipTapEditor` 를 쓰면 알아서 실린다.
+ * 툴바만 따로 배치하는 호스트만 `@teriusu/rich-editor/toolbars` 로 가져간다.
+ */
+export { default as FixedToolbar } from "./components/FixedToolbar.svelte";
+export { default as BubbleToolbar } from "./components/BubbleToolbar.svelte";
+export { default as SlashCommandMenu } from "./components/SlashCommandMenu.svelte";
+export { default as TableBubbleMenu } from "./components/TableBubbleMenu.svelte";
+export { default as InputModal } from "./components/InputModal.svelte";
+export { default as MathModal } from "./components/MathModal.svelte";
+//# sourceMappingURL=toolbars.d.ts.map

package/dist/toolbars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbars.d.ts","sourceRoot":"","sources":["../src/toolbars.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,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,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/toolbars.js

@@ -0,0 +1,17 @@
+/**
+ * 편집 크롬(툴바·메뉴·모달) 진입점.
+ *
+ * **배럴(`index.ts`)이 아니라 여기에 있는 이유**: `TipTapEditor` 는 이 일곱을
+ * `editable` 일 때만 동적으로 받는다(그쪽 `loadEditorChrome` 주석에 실측이 있다).
+ * 배럴이 같은 것을 정적으로 re-export 하면 **그 지연이 무효가 된다** — 배럴을
+ * 한 번이라도 가져오는 순간 그래프에 다시 들어오기 때문이다. 그래서 갈라 둔다.
+ *
+ * 직접 쓸 일은 드물다. `TipTapEditor` 를 쓰면 알아서 실린다.
+ * 툴바만 따로 배치하는 호스트만 `@teriusu/rich-editor/toolbars` 로 가져간다.
+ */
+export { default as FixedToolbar } from "./components/FixedToolbar.svelte";
+export { default as BubbleToolbar } from "./components/BubbleToolbar.svelte";
+export { default as SlashCommandMenu } from "./components/SlashCommandMenu.svelte";
+export { default as TableBubbleMenu } from "./components/TableBubbleMenu.svelte";
+export { default as InputModal } from "./components/InputModal.svelte";
+export { default as MathModal } from "./components/MathModal.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teriusu/rich-editor",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "TipTap 기반 Notion-style 리치 텍스트 에디터 (Svelte)",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -11,6 +11,11 @@
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./toolbars": {
+      "types": "./dist/toolbars.d.ts",
+      "svelte": "./dist/toolbars.js",
+      "default": "./dist/toolbars.js"
+    },
     "./lowlight": {
       "types": "./dist/utils/lowlight.d.ts",
       "default": "./dist/utils/lowlight.js"