@moda-editor/core 0.1.2 → 0.1.5

package/dist/view/adapter.d.ts

@@ -0,0 +1,84 @@
+import type { Schema } from "../model/schema.js";
+import type { RenderNode } from "./render.js";
+/**
+ * 어댑터 렌더 계약 — RenderNode 트리를 각 프레임워크 vnode로 번역할
+ * 때 5개 렌더러가 공유하는 결정을 한 곳에 타입화한다.
+ *
+ * 어댑터는 planAdapterNode()가 반환하는 "렌더 계획"을 그대로
+ * 프레임워크 요소로 옮기기만 한다 — 노드 뷰 래퍼/아울렛의
+ * data-me-path·contenteditable·class 계약을 어댑터가 각자 계산하면
+ * 한쪽이 어긋났을 때 찾기 어렵다 (컨포먼스는 DOM 결과만 검증한다).
+ *
+ * DOM 계약 요약 (자세한 것은 render.ts 헤더):
+ *   - 노드 뷰 래퍼: .me-node-view + contenteditable="false"
+ *     atom이면 래퍼가 data-me-path를 갖는다
+ *   - 비-atom 노드 뷰: .me-node-content 아울렛이 data-me-path와
+ *     contenteditable="true"를 갖고 AST 자식을 1:1로 렌더한다.
+ *     아울렛 태그/속성은 노드의 toDOM 결과 — codeBlock이면
+ *     <pre data-language>라 pre[data-me-path] 셀렉터가 유지된다
+ *   - 래퍼 태그는 인라인 노드면 span, 블록이면 div
+ */
+/** 어댑터가 노드 뷰 판별에 필요한 최소 컨텍스트 */
+export interface AdapterRenderContext {
+    readonly schema: Schema;
+    /** 노드 타입 → 프레임워크 컴포넌트 — 코어는 타입을 모르므로 unknown */
+    readonly nodeViews?: Record<string, unknown> | undefined;
+}
+/** 커스텀 노드 뷰 렌더 계획 — .me-node-view 래퍼 + 선택적 콘텐츠 아울렛 */
+export interface NodeViewRenderPlan {
+    readonly kind: "nodeView";
+    /**
+     * nodeViews[nodeType] 팩토리 — 어댑터가 자기 프레임워크의
+     * 컴포넌트 타입(React ComponentType, Vue Component …)으로 캐스트한다
+     */
+    readonly view: unknown;
+    /** 래퍼 태그 — 인라인 노드는 span, 블록은 div */
+    readonly wrapperTag: "span" | "div";
+    /** 래퍼 속성 — me-node-view + ce=false, atom이면 data-me-path 포함 */
+    readonly wrapperAttrs: Record<string, string>;
+    /** .me-node-content 아울렛이 필요한가 — 비-atom 노드 뷰만 true */
+    readonly editable: boolean;
+    /** 아울렛 태그 — 노드의 toDOM 태그 (codeBlock → pre) */
+    readonly outletTag: string;
+    /** 아울렛 속성 — toDOM attrs + me-node-content + ce=true + data-me-path */
+    readonly outletAttrs: Record<string, string>;
+    /** 아울렛에 넣을 AST 자식들의 RenderNode — 1:1 렌더 */
+    readonly children: readonly RenderNode[];
+}
+/** 일반 노드 렌더 계획 — toDOM 태그/속성 그대로 */
+export interface ElementRenderPlan {
+    readonly kind: "element";
+    readonly tag: string;
+    readonly attrs: Record<string, string>;
+    /** 텍스트 리프 내용 — 있으면 children 대신 문자열을 렌더한다 */
+    readonly text?: string;
+    /**
+     * 자식 — 없으면(정의 자체가 없음) children을 렌더하지 않는다.
+     * 빈 배열과 구분해야 한다: br/hr 같은 void 태그에 children=[]
+     * 조차 넘기면 React가 "void element tag" 에러를 낸다.
+     */
+    readonly children?: readonly RenderNode[];
+}
+export type RenderPlan = NodeViewRenderPlan | ElementRenderPlan;
+/**
+ * RenderNode → 렌더 계획 — 노드 뷰 분기와 래퍼/아울렛 속성 계산.
+ * 반환값의 attrs에는 data-me-path가 이미 들어 있다 — 어댑터는
+ * 속성을 있는 그대로 DOM에 쓰기만 한다.
+ */
+export declare function planAdapterNode(rn: RenderNode, ctx: AdapterRenderContext): RenderPlan;
+/**
+ * void HTML 태그 — 자식을 가질 수 없는 요소들.
+ * Svelte/svelte:element처럼 자식 유무를 정적 분기해야 하는 어댑터가
+ * 쓴다 (br 자리표시자·hr·hardBreak·img 등).
+ */
+export declare const VOID_TAGS: ReadonlySet<string>;
+/**
+ * 자식이 전부 데코레이션인가 — data-me-path를 가진 자식이 하나도
+ * 없으면(토큰 스팬·.me-ws·bogus br만 있는 리프 홀더) true.
+ * 어댑터는 이 경우 자식을 프레임워크 자식으로 렌더하지 말고
+ * renderNodeHTML()로 HTML 문자열 직렬화해 한 번에 써야 한다 —
+ * {#each}/v-for 앵커 노드가 편집 영역에 섞이면 Chromium IME 조합
+ * 앵커가 깨진다.
+ */
+export declare function decorationOnlyChildren(rn: RenderNode): boolean;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/view/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/view/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C;;;;;;;;;;;;;;;;;GAiBG;AAEH,gCAAgC;AAChC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;CAC1D;AAED,sDAAsD;AACtD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC;IACpC,8DAA8D;IAC9D,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,qDAAqD;IACrD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,sEAAsE;IACtE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,SAAS,UAAU,EAAE,CAAC;CAC1C;AAED,oCAAoC;AACpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAC3C;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAEhE;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,UAAU,EACd,GAAG,EAAE,oBAAoB,GACxB,UAAU,CAmCZ;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,MAAM,CAcxC,CAAC;AAEH;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,UAAU,GAAG,OAAO,CAM9D"}

package/dist/view/adapter.js

@@ -0,0 +1,76 @@
+import { nodeViewEditable, nodeViewFor } from "./render.js";
+/**
+ * RenderNode → 렌더 계획 — 노드 뷰 분기와 래퍼/아울렛 속성 계산.
+ * 반환값의 attrs에는 data-me-path가 이미 들어 있다 — 어댑터는
+ * 속성을 있는 그대로 DOM에 쓰기만 한다.
+ */
+export function planAdapterNode(rn, ctx) {
+    const view = nodeViewFor(ctx.nodeViews, rn.source.type);
+    if (view === undefined) {
+        return {
+            kind: "element",
+            tag: rn.tag,
+            attrs: rn.attrs ?? {},
+            ...(rn.text != null ? { text: rn.text } : {}),
+            ...(rn.children != null ? { children: rn.children } : {}),
+        };
+    }
+    const editable = nodeViewEditable(ctx.schema, rn.source.type);
+    const pathKey = rn.path.join(",");
+    const outletAttrs = {
+        ...(rn.attrs ?? {}),
+        class: ["me-node-content", rn.attrs?.["class"]].filter(Boolean).join(" "),
+        contenteditable: "true",
+        "data-me-path": pathKey,
+    };
+    return {
+        kind: "nodeView",
+        view,
+        wrapperTag: ctx.schema.isInline(rn.source.type) ? "span" : "div",
+        wrapperAttrs: {
+            // 편집 가능한 노드 뷰는 아울렛이 data-me-path를 갖는다 —
+            // 컨테이너 포인트가 아울렛 자식(AST 자식)과 1:1로 매핑되도록
+            ...(editable ? {} : { "data-me-path": pathKey }),
+            class: "me-node-view",
+            contenteditable: "false",
+        },
+        editable,
+        outletTag: rn.tag,
+        outletAttrs,
+        children: rn.children ?? [],
+    };
+}
+/**
+ * void HTML 태그 — 자식을 가질 수 없는 요소들.
+ * Svelte/svelte:element처럼 자식 유무를 정적 분기해야 하는 어댑터가
+ * 쓴다 (br 자리표시자·hr·hardBreak·img 등).
+ */
+export const VOID_TAGS = new Set([
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "source",
+    "track",
+    "wbr",
+]);
+/**
+ * 자식이 전부 데코레이션인가 — data-me-path를 가진 자식이 하나도
+ * 없으면(토큰 스팬·.me-ws·bogus br만 있는 리프 홀더) true.
+ * 어댑터는 이 경우 자식을 프레임워크 자식으로 렌더하지 말고
+ * renderNodeHTML()로 HTML 문자열 직렬화해 한 번에 써야 한다 —
+ * {#each}/v-for 앵커 노드가 편집 영역에 섞이면 Chromium IME 조합
+ * 앵커가 깨진다.
+ */
+export function decorationOnlyChildren(rn) {
+    return (rn.text == null &&
+        rn.children != null &&
+        !rn.children.some((c) => c.attrs?.["data-me-path"] != null));
+}
+//# sourceMappingURL=adapter.js.map

package/dist/view/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["../../src/view/adapter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAoE5D;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,EAAc,EACd,GAAyB;IAEzB,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO;YACL,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,EAAE,CAAC,GAAG;YACX,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;YACrB,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7C,GAAG,CAAC,EAAE,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC1D,CAAC;IACJ,CAAC;IACD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,WAAW,GAA2B;QAC1C,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC;QACnB,KAAK,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACzE,eAAe,EAAE,MAAM;QACvB,cAAc,EAAE,OAAO;KACxB,CAAC;IACF,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,IAAI;QACJ,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;QAChE,YAAY,EAAE;YACZ,wCAAwC;YACxC,uCAAuC;YACvC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC;YAChD,KAAK,EAAE,cAAc;YACrB,eAAe,EAAE,OAAO;SACzB;QACD,QAAQ;QACR,SAAS,EAAE,EAAE,CAAC,GAAG;QACjB,WAAW;QACX,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,EAAE;KAC5B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAwB,IAAI,GAAG,CAAC;IACpD,MAAM;IACN,MAAM;IACN,IAAI;IACJ,KAAK;IACL,OAAO;IACP,IAAI;IACJ,KAAK;IACL,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,OAAO;IACP,KAAK;CACN,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAc;IACnD,OAAO,CACL,EAAE,CAAC,IAAI,IAAI,IAAI;QACf,EAAE,CAAC,QAAQ,IAAI,IAAI;QACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,CAC5D,CAAC;AACJ,CAAC"}

package/dist/view/caret.d.ts

@@ -0,0 +1,25 @@
+import type { DocNode } from "../model/node.js";
+import type { Point } from "../state/selection.js";
+/**
+ * 캐럿/포인트 관련 순수 DOM 헬퍼 — 입력 바인딩(input.ts)에서 분리.
+ * 에디터 상태나 바인딩 수명주기를 모르는 DOM ↔ Point 판정 함수들이다.
+ */
+/** drop 좌표 → doc Point — caretPositionFromPoint / Range 폴백 */
+export declare function caretPointFromXY(doc: Document, root: HTMLElement, x: number, y: number): Point | null;
+/**
+ * p가 속한 최상위 블록 경로 문자열 — 프레임워크 리마운트 대상 키.
+ * dirtyPaths는 최상위 블록 인덱스만 담는다 (어댑터는 블록 단위로 키를 만든다).
+ */
+export declare function topBlockKey(p: Point | null): string | null;
+/**
+ * p가 텍스트 리프 포인트인가 — element-boundary 포인트(컨테이너
+ * 자식 경계)와 구분한다. 리프 포인트만 텍스트 삽입·캐럿 대상이다.
+ */
+export declare function isLeafPoint(doc: DocNode, p: Point | null | undefined): boolean;
+/**
+ * DOM 캐럿 바로 앞 텍스트가 data로 끝나는가 — IME 커밋 에코 감지.
+ * 조합 중 브라우저가 쓴 글자가 DOM에 남아있으면 뒤에 도착하는
+ * 커밋 beforeinput은 중복이다.
+ */
+export declare function domEndsWith(el: HTMLElement, focus: Point, data: string): boolean;
+//# sourceMappingURL=caret.d.ts.map

package/dist/view/caret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caret.d.ts","sourceRoot":"","sources":["../../src/view/caret.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD;;;GAGG;AAEH,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,WAAW,EACjB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,KAAK,GAAG,IAAI,CAQd;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAE1D;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,OAAO,EACZ,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAC1B,OAAO,CAET;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,EAAE,EAAE,WAAW,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,GACX,OAAO,CAMT"}

package/dist/view/caret.js

@@ -0,0 +1,43 @@
+import { nodeAt } from "../model/traverse.js";
+import { domToPoint, PATH_ATTR } from "./dom.js";
+/**
+ * 캐럿/포인트 관련 순수 DOM 헬퍼 — 입력 바인딩(input.ts)에서 분리.
+ * 에디터 상태나 바인딩 수명주기를 모르는 DOM ↔ Point 판정 함수들이다.
+ */
+/** drop 좌표 → doc Point — caretPositionFromPoint / Range 폴백 */
+export function caretPointFromXY(doc, root, x, y) {
+    const d = doc;
+    const pos = doc.caretPositionFromPoint?.(x, y);
+    if (pos)
+        return domToPoint(root, pos.offsetNode, pos.offset);
+    const r = d.caretRangeFromPoint?.(x, y);
+    return r ? domToPoint(root, r.startContainer, r.startOffset) : null;
+}
+/**
+ * p가 속한 최상위 블록 경로 문자열 — 프레임워크 리마운트 대상 키.
+ * dirtyPaths는 최상위 블록 인덱스만 담는다 (어댑터는 블록 단위로 키를 만든다).
+ */
+export function topBlockKey(p) {
+    return p?.path[0] == null ? null : String(p.path[0]);
+}
+/**
+ * p가 텍스트 리프 포인트인가 — element-boundary 포인트(컨테이너
+ * 자식 경계)와 구분한다. 리프 포인트만 텍스트 삽입·캐럿 대상이다.
+ */
+export function isLeafPoint(doc, p) {
+    return !!p && nodeAt(doc, p.path)?.type === "text";
+}
+/**
+ * DOM 캐럿 바로 앞 텍스트가 data로 끝나는가 — IME 커밋 에코 감지.
+ * 조합 중 브라우저가 쓴 글자가 DOM에 남아있으면 뒤에 도착하는
+ * 커밋 beforeinput은 중복이다.
+ */
+export function domEndsWith(el, focus, data) {
+    const holder = focus.path.length
+        ? el.querySelector(`[${PATH_ATTR}="${focus.path.join(",")}"]`)
+        : null;
+    if (!holder || holder.querySelector(`[${PATH_ATTR}]`))
+        return false;
+    return (holder.textContent ?? "").slice(0, focus.offset).endsWith(data);
+}
+//# sourceMappingURL=caret.js.map

package/dist/view/caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"caret.js","sourceRoot":"","sources":["../../src/view/caret.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEjD;;;GAGG;AAEH,8DAA8D;AAC9D,MAAM,UAAU,gBAAgB,CAC9B,GAAa,EACb,IAAiB,EACjB,CAAS,EACT,CAAS;IAET,MAAM,CAAC,GAAG,GAET,CAAC;IACF,MAAM,GAAG,GAAG,GAAG,CAAC,sBAAsB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,IAAI,GAAG;QAAE,OAAO,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7D,MAAM,CAAC,GAAG,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACtE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,CAAe;IACzC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,GAAY,EACZ,CAA2B;IAE3B,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC;AACrD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CACzB,EAAe,EACf,KAAY,EACZ,IAAY;IAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM;QAC9B,CAAC,CAAC,EAAE,CAAC,aAAa,CAAc,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QAC3E,CAAC,CAAC,IAAI,CAAC;IACT,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAC,IAAI,SAAS,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IACpE,OAAO,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1E,CAAC"}

package/dist/view/decoration.d.ts

@@ -0,0 +1,9 @@
+import type { Decoration } from "../editor/extension.js";
+import type { Schema } from "../model/schema.js";
+import type { RenderNode } from "./render.js";
+/**
+ * 렌더 트리에 데코레이션을 적용한다 — renderChildren의 후처리.
+ * decos가 비어 있으면 입력 배열을 그대로 돌려준다 (비용 0).
+ */
+export declare function applyDecorations(rns: RenderNode[], schema: Schema, decos: readonly Decoration[]): RenderNode[];
+//# sourceMappingURL=decoration.d.ts.map

package/dist/view/decoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decoration.d.ts","sourceRoot":"","sources":["../../src/view/decoration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,wBAAwB,CAAC;AAE1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2M9C;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,UAAU,EAAE,EACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS,UAAU,EAAE,GAC3B,UAAU,EAAE,CA8Bd"}

package/dist/view/decoration.js

@@ -0,0 +1,214 @@
+import { samePath } from "../commands.js";
+/**
+ * 데코레이션 적용 — 렌더 트리 위의 순수 변환.
+ *
+ * DOM 계약 안전 조건:
+ *   - inline 데코는 텍스트 홀더 *내부*만 쪼갠다 — 홀더의 자식 수와
+ *     data-me-path가 그대로라 오프셋 매핑이 유지된다 (토큰 스팬과 같음)
+ *   - node 데코는 attrs 병합만 — 자식 구조 불변
+ *   - 데코 요소에는 data-me-path를 달지 않는다 — 매핑에서 제외
+ *
+ * 경계 너머(블록을 걸치는) inline 범위는 각 블록 안으로 클립한다.
+ */
+/** 경로를 Map 키로 — "0,1,2" 문자열 */
+const keyOf = (p) => p.join(",");
+/** Point가 blockPath 블록 안의 텍스트 좌표인지 — 끝 자식 인덱스 제외 검사 */
+function inBlock(p, blockPath) {
+    return (p.path.length === blockPath.length + 1 &&
+        samePath(p.path.slice(0, -1), blockPath));
+}
+/** 블록 안 Point → 플랫 문자 오프셋 (blockTextOffset과 동일 규약) */
+function flatOffset(block, p) {
+    const tIdx = p.path[p.path.length - 1] ?? 0;
+    let off = p.offset;
+    const kids = block.content ?? [];
+    for (let i = 0; i < tIdx && i < kids.length; i++) {
+        off += kids[i].text?.length ?? 0;
+    }
+    return off;
+}
+/** class를 공백으로 잇고 나머지 키는 덮어쓰는 attrs 병합 */
+function mergeAttrs(base, decos) {
+    const out = { ...base };
+    for (const a of decos) {
+        for (const [k, v] of Object.entries(a)) {
+            if (v == null)
+                continue;
+            if (k === "class") {
+                out["class"] = out["class"] ? `${out["class"]} ${v}` : v;
+            }
+            else if (k === "style") {
+                out["style"] = out["style"] ? `${out["style"]};${v}` : v;
+            }
+            else {
+                out[k] = v;
+            }
+        }
+    }
+    return out;
+}
+/**
+ * 텍스트 노드의 렌더 결과에서 `text`를 담은 최심층 RenderNode를 찾는다 —
+ * 마크 래퍼(children=[단일])를 내려간다. 없으면(bogus br 등) null.
+ */
+function textHolder(rn) {
+    let cur = rn;
+    for (;;) {
+        if (cur.text != null)
+            return cur;
+        if (cur.children?.length === 1) {
+            cur = cur.children[0];
+            continue;
+        }
+        return null;
+    }
+}
+/**
+ * 텍스트 노드 하나에 걸린 데코로 RenderNode를 분할한다.
+ * 구간 경계를 모아 세그먼트를 만들고, 데코가 덮는 세그먼트만
+ * span.me-deco로 감싼다 — 홀더 안쪽이라 자식 수·매핑 불변.
+ */
+function decoSplit(rn, decos) {
+    const holder = textHolder(rn);
+    if (!holder)
+        return rn;
+    const text = holder.text ?? "";
+    const len = text.length;
+    // 경계점 — 0/len과 겹치는 데코의 클립된 끝
+    const cuts = new Set([0, len]);
+    for (const d of decos) {
+        if (d.s > 0 && d.s < len)
+            cuts.add(d.s);
+        if (d.e > 0 && d.e < len)
+            cuts.add(d.e);
+    }
+    const pts = [...cuts].sort((a, b) => a - b);
+    const children = [];
+    for (let i = 0; i < pts.length - 1; i++) {
+        const s = pts[i];
+        const e = pts[i + 1];
+        const segText = text.slice(s, e);
+        const covering = decos.filter((d) => d.s <= s && d.e >= e);
+        if (!covering.length) {
+            children.push({
+                tag: "span",
+                text: segText,
+                path: [...rn.path, i],
+                source: rn.source,
+            });
+            continue;
+        }
+        children.push({
+            tag: "span",
+            attrs: mergeAttrs({ class: "me-deco" }, covering.map((d) => d.attrs)),
+            text: segText,
+            path: [...rn.path, i],
+            source: rn.source,
+        });
+    }
+    // 최심층 홀더를 children으로 교체하며 래퍼 체인을 재구성한다
+    const rebuild = (node) => node === holder
+        ? { ...node, text: undefined, children }
+        : {
+            ...node,
+            children: node.children.map((c) => rebuild(c)),
+        };
+    return rebuild(rn);
+}
+/**
+ * 렌더 트리 재귀 적용 — 노드 데코 병합 + 텍스트블록 자식에 인라인 데코.
+ * children[i]는 source.content[i]와 1:1이라 인덱스 정렬로 내려간다.
+ */
+function applyNode(rn, schema, nodeIdx, inlineIdx) {
+    let out = rn;
+    const nd = nodeIdx.get(keyOf(rn.path));
+    if (nd)
+        out = { ...out, attrs: mergeAttrs(out.attrs, nd) };
+    const src = rn.source;
+    const kids = src.content ?? [];
+    const isTextblock = kids.length > 0 &&
+        kids.every((c) => c.type === "text" || schema.isInline(c.type));
+    if (isTextblock && out.children?.length) {
+        // 이 블록에 걸린 inline 데코를 플랫 오프셋으로 정규화한다
+        const raw = inlineIdx.get(keyOf(rn.path)) ?? [];
+        const flat = [];
+        for (const d of raw) {
+            if (d.type !== "inline")
+                continue;
+            let s = inBlock(d.from, rn.path) ? flatOffset(src, d.from) : 0;
+            let e = inBlock(d.to, rn.path) ? flatOffset(src, d.to) : 0;
+            if (e < s)
+                [s, e] = [e, s];
+            if (e > s)
+                flat.push({ s, e, attrs: d.attrs });
+        }
+        if (flat.length) {
+            let base = 0;
+            out = {
+                ...out,
+                children: out.children.map((c, i) => {
+                    const len = kids[i]?.text?.length ?? 0;
+                    const hit = flat.filter((d) => d.s < base + len && d.e > base);
+                    const next = hit.length
+                        ? decoSplit(c, hit.map((d) => ({
+                            s: Math.max(0, d.s - base),
+                            e: Math.min(len, d.e - base),
+                            attrs: d.attrs,
+                        })))
+                        : c;
+                    base += len;
+                    return next;
+                }),
+            };
+        }
+        return out;
+    }
+    // 컨테이너 — 자식 블록으로 재귀 (children[i] ↔ source.content[i]).
+    // 길이가 어긋나면(bogus br·토큰 줄 등 생성 자식) 내려가지 않는다
+    if (out.children && kids.length === out.children.length) {
+        out = {
+            ...out,
+            children: out.children.map((c) => applyNode(c, schema, nodeIdx, inlineIdx)),
+        };
+    }
+    return out;
+}
+/**
+ * 렌더 트리에 데코레이션을 적용한다 — renderChildren의 후처리.
+ * decos가 비어 있으면 입력 배열을 그대로 돌려준다 (비용 0).
+ */
+export function applyDecorations(rns, schema, decos) {
+    if (!decos.length)
+        return rns;
+    const nodeIdx = new Map();
+    const inlineIdx = new Map();
+    for (const d of decos) {
+        if (d.type === "node") {
+            const k = keyOf(d.path);
+            nodeIdx.set(k, [...(nodeIdx.get(k) ?? []), d.attrs]);
+        }
+        else {
+            // inline 데코는 두 끝점이 같은 블록 안일 때만 그린다 —
+            // 블록 경계를 넘는 범위는 각 끝점 블록으로 쪼갠다
+            const fromB = d.from.path.slice(0, -1);
+            const toB = d.to.path.slice(0, -1);
+            if (samePath(fromB, toB)) {
+                const k = keyOf(fromB);
+                inlineIdx.set(k, [...(inlineIdx.get(k) ?? []), d]);
+            }
+            else {
+                // 시작 블록의 끝까지 + 끝 블록의 처음까지로 분할
+                inlineIdx.set(keyOf(fromB), [
+                    ...(inlineIdx.get(keyOf(fromB)) ?? []),
+                    { ...d, to: { path: d.from.path, offset: Number.MAX_SAFE_INTEGER } },
+                ]);
+                inlineIdx.set(keyOf(toB), [
+                    ...(inlineIdx.get(keyOf(toB)) ?? []),
+                    { ...d, from: { path: d.to.path, offset: 0 } },
+                ]);
+            }
+        }
+    }
+    return rns.map((rn) => applyNode(rn, schema, nodeIdx, inlineIdx));
+}
+//# sourceMappingURL=decoration.js.map

package/dist/view/decoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decoration.js","sourceRoot":"","sources":["../../src/view/decoration.ts"],"names":[],"mappings":"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"}

package/dist/view/dirty-keys.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 어댑터 공용 dirty-key 헬퍼 — binding.dirtyPaths를 소비해 블록
+ * 렌더 키를 안정적으로 버전업한다. 일반 블록은 path 그대로,
+ * 외부 DOM 변경이 있었던 블록은 path@N으로 키가 바뀌어
+ * 프레임워크가 내부 diff 대신 리마운트를 택한다.
+ *
+ * IME 조합처럼 브라우저가 프레임워크 몰래 DOM을 직접 바꾼 블록은
+ * vnode와 어긋나 리컨실이 깨진다(React removeChild 크래시 등).
+ * 입력 바인딩이 더러워진 최상위 블록 경로를 dirtyPaths에 담아두면
+ * 어댑터는 이 클래스로 렌더 키를 만들어 통째 리마운트한다.
+ * drain 방식: 어댑터가 소비한 항목은 지운다.
+ */
+export declare class DirtyKeyMap {
+    private readonly versions;
+    /** rn.path.join(",")와 binding.dirtyPaths를 넣으면 렌더 키를 반환 */
+    key(pathKey: string, dirty: Set<string> | undefined): string;
+}
+//# sourceMappingURL=dirty-keys.d.ts.map

package/dist/view/dirty-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty-keys.d.ts","sourceRoot":"","sources":["../../src/view/dirty-keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IACtD,0DAA0D;IAC1D,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM;CAO7D"}

package/dist/view/dirty-keys.js

@@ -0,0 +1,31 @@
+/**
+ * 어댑터 공용 dirty-key 헬퍼 — binding.dirtyPaths를 소비해 블록
+ * 렌더 키를 안정적으로 버전업한다. 일반 블록은 path 그대로,
+ * 외부 DOM 변경이 있었던 블록은 path@N으로 키가 바뀌어
+ * 프레임워크가 내부 diff 대신 리마운트를 택한다.
+ *
+ * IME 조합처럼 브라우저가 프레임워크 몰래 DOM을 직접 바꾼 블록은
+ * vnode와 어긋나 리컨실이 깨진다(React removeChild 크래시 등).
+ * 입력 바인딩이 더러워진 최상위 블록 경로를 dirtyPaths에 담아두면
+ * 어댑터는 이 클래스로 렌더 키를 만들어 통째 리마운트한다.
+ * drain 방식: 어댑터가 소비한 항목은 지운다.
+ */
+export class DirtyKeyMap {
+    constructor() {
+        Object.defineProperty(this, "versions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+    }
+    /** rn.path.join(",")와 binding.dirtyPaths를 넣으면 렌더 키를 반환 */
+    key(pathKey, dirty) {
+        if (dirty?.delete(pathKey)) {
+            this.versions.set(pathKey, (this.versions.get(pathKey) ?? 0) + 1);
+        }
+        const v = this.versions.get(pathKey);
+        return v ? `${pathKey}@${v}` : pathKey;
+    }
+}
+//# sourceMappingURL=dirty-keys.js.map

package/dist/view/dirty-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty-keys.js","sourceRoot":"","sources":["../../src/view/dirty-keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,WAAW;IAAxB;QACmB;;;;mBAAW,IAAI,GAAG,EAAkB;WAAC;IASxD,CAAC;IARC,0DAA0D;IAC1D,GAAG,CAAC,OAAe,EAAE,KAA8B;QACjD,IAAI,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACpE,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;CACF"}

package/dist/view/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/view/dom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;;;;;;;GAQG;AAEH,eAAO,MAAM,SAAS,iBAAiB,CAAC;AAqDxC,wCAAwC;AACxC,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,MAAM,GAChB,KAAK,GAAG,IAAI,CA0Cd;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,GACX;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmFvC;AAED,6CAA6C;AAC7C,wBAAgB,YAAY,CAC1B,IAAI,EAAE,WAAW,GAChB;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAmCxC;AAED,8BAA8B;AAC9B,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,GACX,IAAI,CAMN"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/view/dom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;;;;;;;GAQG;AAEH,eAAO,MAAM,SAAS,iBAAiB,CAAC;AAqDxC,wCAAwC;AACxC,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,MAAM,GAChB,KAAK,GAAG,IAAI,CAwCd;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,GACX;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAyHvC;AAED,6CAA6C;AAC7C,wBAAgB,YAAY,CAC1B,IAAI,EAAE,WAAW,GAChB;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAmCxC;AAED,8BAA8B;AAC9B,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,GACX,IAAI,CAMN"}