@teriusu/rich-editor 0.10.8 → 0.11.0

package/dist/components/InputModal.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { X } from "lucide-svelte";
+  import { defaultTranslator, type EditorTranslator } from "../i18n";
 
   let {
     title,
@@ -7,12 +8,15 @@
     defaultValue = "",
     onConfirm,
     onCancel,
+    t = defaultTranslator,
   }: {
     title: string;
     placeholder?: string;
     defaultValue?: string;
     onConfirm: (value: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
   } = $props();
 
   let value = $state(defaultValue);
@@ -71,7 +75,7 @@
           type="button"
           class="p-1 rounded-md hover:bg-muted text-muted-foreground"
           onclick={onCancel}
-          aria-label="닫기"
+          aria-label={t('close')}
         >
           <X size={14} />
         </button>
@@ -91,14 +95,14 @@
         class="px-3.5 py-1.5 text-sm rounded-md border border-border hover:bg-muted transition-colors"
         onclick={onCancel}
       >
-        취소
+        {t('cancel')}
       </button>
       <button
         type="button"
         class="px-3.5 py-1.5 text-sm rounded-md hce-btn-primary hover:opacity-90 transition-opacity"
         onclick={handleSubmit}
       >
-        확인
+        {t('confirm')}
       </button>
     </div>
   </div>

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

@@ -1,9 +1,12 @@
+import { type EditorTranslator } from "../i18n";
 type $$ComponentProps = {
     title: string;
     placeholder?: string;
     defaultValue?: string;
     onConfirm: (value: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
 };
 declare const InputModal: import("svelte").Component<$$ComponentProps, {}, "">;
 type InputModal = ReturnType<typeof InputModal>;

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

@@ -1 +1 @@
-{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/InputModal.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA+EJ,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/InputModal.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,CAAC,CAAC,EAAE,gBAAgB,CAAC;CACtB,CAAC;AAiFJ,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/MathModal.svelte

@@ -11,18 +11,22 @@
    */
   import { X } from "lucide-svelte";
   import katex from "katex";
+  import { defaultTranslator, type EditorMessageKey, type EditorTranslator } from "../i18n";
 
   let {
     latex = "",
     displayMode = false,
     onConfirm,
     onCancel,
+    t = defaultTranslator,
   }: {
     latex?: string;
     displayMode?: boolean;
     /** 빈 문자열로 확인하면 호출부가 노드를 지운다(편집 중일 때). */
     onConfirm: (value: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
   } = $props();
 
   let value = $state(latex);
@@ -87,27 +91,27 @@
    *
    * `$` 는 커서를 놓을 자리다(아래 `insert` 가 그 자리에 커서를 둔다). 없으면 끝에 놓인다.
    */
-  const SYMBOLS: { label: string; snippet: string; title: string }[] = [
-    { label: "x²", snippet: "^{$}", title: "위첨자" },
-    { label: "xᵢ", snippet: "_{$}", title: "아래첨자" },
-    { label: "a/b", snippet: "\\frac{$}{}", title: "분수" },
-    { label: "√", snippet: "\\sqrt{$}", title: "제곱근" },
-    { label: "∑", snippet: "\\sum_{i=1}^{n} $", title: "합" },
-    { label: "∏", snippet: "\\prod_{i=1}^{n} $", title: "곱" },
-    { label: "log", snippet: "\\log $", title: "로그" },
-    { label: "O(n)", snippet: "O($)", title: "빅오 표기" },
-    { label: "≤", snippet: "\\le $", title: "작거나 같다" },
-    { label: "≥", snippet: "\\ge $", title: "크거나 같다" },
-    { label: "≠", snippet: "\\ne $", title: "같지 않다" },
-    { label: "×", snippet: "\\times $", title: "곱하기" },
-    { label: "÷", snippet: "\\div $", title: "나누기" },
-    { label: "∈", snippet: "\\in $", title: "원소" },
-    { label: "∞", snippet: "\\infty $", title: "무한대" },
-    { label: "α", snippet: "\\alpha $", title: "알파" },
-    { label: "θ", snippet: "\\theta $", title: "세타" },
-    { label: "π", snippet: "\\pi $", title: "파이" },
-    { label: "→", snippet: "\\to $", title: "화살표" },
-    { label: "⋯", snippet: "\\cdots $", title: "가운데 말줄임" },
+  const SYMBOLS: { label: string; snippet: string; titleKey: EditorMessageKey }[] = [
+    { label: "x²", snippet: "^{$}", titleKey: "mathSuperscript" },
+    { label: "xᵢ", snippet: "_{$}", titleKey: "mathSubscript" },
+    { label: "a/b", snippet: "\\frac{$}{}", titleKey: "mathFraction" },
+    { label: "√", snippet: "\\sqrt{$}", titleKey: "mathSqrt" },
+    { label: "∑", snippet: "\\sum_{i=1}^{n} $", titleKey: "mathSum" },
+    { label: "∏", snippet: "\\prod_{i=1}^{n} $", titleKey: "mathProduct" },
+    { label: "log", snippet: "\\log $", titleKey: "mathLog" },
+    { label: "O(n)", snippet: "O($)", titleKey: "mathBigO" },
+    { label: "≤", snippet: "\\le $", titleKey: "mathLe" },
+    { label: "≥", snippet: "\\ge $", titleKey: "mathGe" },
+    { label: "≠", snippet: "\\ne $", titleKey: "mathNe" },
+    { label: "×", snippet: "\\times $", titleKey: "mathTimes" },
+    { label: "÷", snippet: "\\div $", titleKey: "mathDivide" },
+    { label: "∈", snippet: "\\in $", titleKey: "mathIn" },
+    { label: "∞", snippet: "\\infty $", titleKey: "mathInfinity" },
+    { label: "α", snippet: "\\alpha $", titleKey: "mathAlpha" },
+    { label: "θ", snippet: "\\theta $", titleKey: "mathTheta" },
+    { label: "π", snippet: "\\pi $", titleKey: "mathPi" },
+    { label: "→", snippet: "\\to $", titleKey: "mathArrow" },
+    { label: "⋯", snippet: "\\cdots $", titleKey: "mathCdots" },
   ];
 
   /**
@@ -158,13 +162,13 @@
   >
     <div class="flex items-center justify-between mb-3">
       <span class="text-sm font-semibold">
-        {displayMode ? "수식 블록" : "인라인 수식"}
+        {displayMode ? t('mathBlock') : t('mathInline')}
       </span>
       <button
         type="button"
         class="p-1 rounded-md hover:bg-muted text-muted-foreground"
         onclick={onCancel}
-        aria-label="닫기"
+        aria-label={t('close')}
       >
         <X size={14} />
       </button>
@@ -189,8 +193,8 @@
         <button
           type="button"
           class="hce-math-sym"
-          title={sym.title}
-          aria-label={sym.title}
+          title={t(sym.titleKey)}
+          aria-label={t(sym.titleKey)}
           onclick={() => insert(sym.snippet)}
         >
           {sym.label}
@@ -215,26 +219,26 @@
         <!-- eslint-disable-next-line svelte/no-at-html-tags -->
         {@html preview.html}
       {:else}
-        <span class="text-xs text-muted-foreground">미리보기</span>
+        <span class="text-xs text-muted-foreground">{t('preview')}</span>
       {/if}
     </div>
 
     <div class="hce-math-actions flex items-center justify-between gap-2 mt-4">
-      <span class="text-[11px] text-muted-foreground">⌘/Ctrl + Enter 로 확인</span>
+      <span class="text-[11px] text-muted-foreground">{t('mathConfirmHint')}</span>
       <div class="flex gap-2">
         <button
           type="button"
           class="px-3.5 py-1.5 text-sm rounded-md border border-border hover:bg-muted transition-colors"
           onclick={onCancel}
         >
-          취소
+          {t('cancel')}
         </button>
         <button
           type="button"
           class="px-3.5 py-1.5 text-sm rounded-md hce-btn-primary hover:opacity-90 transition-opacity"
           onclick={handleSubmit}
         >
-          확인
+          {t('confirm')}
         </button>
       </div>
     </div>

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

@@ -1,9 +1,12 @@
+import { type EditorTranslator } from "../i18n";
 type $$ComponentProps = {
     latex?: string;
     displayMode?: boolean;
     /** 빈 문자열로 확인하면 호출부가 노드를 지운다(편집 중일 때). */
     onConfirm: (value: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
 };
 declare const MathModal: import("svelte").Component<$$ComponentProps, {}, "">;
 type MathModal = ReturnType<typeof MathModal>;

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

@@ -1 +1 @@
-{"version":3,"file":"MathModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MathModal.svelte.ts"],"names":[],"mappings":"AAgBC,KAAK,gBAAgB,GAAI;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuLJ,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MathModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MathModal.svelte.ts"],"names":[],"mappings":"AAeA,OAAO,EAA4C,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEzF,KAAK,gBAAgB,GAAI;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,CAAC,CAAC,EAAE,gBAAgB,CAAC;CACtB,CAAC;AAyLJ,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/MediaPickerModal.svelte

@@ -11,6 +11,7 @@
    * 업로드 함수도, 노드를 만드는 방법도 거기 있기 때문이다.
    */
   import { X } from "lucide-svelte";
+  import { defaultTranslator, type EditorTranslator } from "../i18n";
 
   let {
     title,
@@ -22,6 +23,7 @@
     onUpload,
     onLink,
     onCancel,
+    t = defaultTranslator,
   }: {
     title: string;
     /** 파일 선택창에서 거를 확장자. 파일 첨부처럼 아무거나 받는 곳은 비운다. */
@@ -35,6 +37,8 @@
     onUpload: (file: File) => void;
     onLink: (url: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
   } = $props();
 
   let tab: "upload" | "link" = $state("upload");
@@ -82,7 +86,7 @@
         type="button"
         class="p-1 rounded-md hover:bg-muted text-muted-foreground"
         onclick={onCancel}
-        aria-label="닫기"
+        aria-label={t('close')}
       >
         <X size={14} />
       </button>
@@ -101,7 +105,7 @@
         class:hce-picker-tab-on={tab === "upload"}
         onclick={() => (tab = "upload")}
       >
-        업로드
+        {t('upload')}
       </button>
       <button
         type="button"
@@ -111,7 +115,7 @@
         class:hce-picker-tab-on={tab === "link"}
         onclick={() => (tab = "link")}
       >
-        링크
+        {t('link')}
       </button>
     </div>
 

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

@@ -1,3 +1,4 @@
+import { type EditorTranslator } from "../i18n";
 type $$ComponentProps = {
     title: string;
     /** 파일 선택창에서 거를 확장자. 파일 첨부처럼 아무거나 받는 곳은 비운다. */
@@ -11,6 +12,8 @@ type $$ComponentProps = {
     onUpload: (file: File) => void;
     onLink: (url: string) => void;
     onCancel: () => void;
+    /** 에디터 UI 번역 함수. 미주입 시 ko. */
+    t?: EditorTranslator;
 };
 declare const MediaPickerModal: import("svelte").Component<$$ComponentProps, {}, "">;
 type MediaPickerModal = ReturnType<typeof MediaPickerModal>;

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

@@ -1 +1 @@
-{"version":3,"file":"MediaPickerModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MediaPickerModal.svelte.ts"],"names":[],"mappings":"AAgBC,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAkGJ,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"MediaPickerModal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MediaPickerModal.svelte.ts"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,CAAC,CAAC,EAAE,gBAAgB,CAAC;CACtB,CAAC;AAoGJ,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}