@moda-editor/core 0.1.3 → 0.2.0

package/dist/theme.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 테마 — 에디터 크롬/본문의 --me-* 변수를 한 묶음으로 바꾼다.
+ * 테마는 플랫한 변수 맵이라 소비자가 객체 리터럴 하나로 직접
+ * 디자인할 수 있다 — CSS 파일을 고치지 않고 런타임에 적용된다.
+ *
+ * 적용 지점은 허브 3곳 — .me-frame(크롬: 툴바/상태바/팝오버),
+ * .me-root, .me-editor(본문/토큰 팔레트). 리프 요소들은 변수를
+ * 자체 정의하지 않고 var()로만 소비하므로 허브에만 박으면
+ * 나머지는 상속으로 따라온다 (styles.css 주석 참고).
+ */
+/** 테마 — vars는 { "--me-변수명": 값 } 맵. scheme은 다크 테마의
+ *  스크롤바/폼 컨트롤을 어둡게 만드는 color-scheme 힌트 */
+export interface MeTheme {
+    id: string;
+    label: string;
+    scheme?: "light" | "dark";
+    vars: Record<string, string>;
+}
+/** 내장 테마 — vars에 없는 변수는 기본(라이트) 값이 그대로 적용된다 */
+export declare const ME_THEMES: readonly MeTheme[];
+/** id로 내장 테마를 찾는다 — 없거나 빈 값이면 null(기본 테마) */
+export declare function themeById(id: string | null | undefined): MeTheme | null;
+/**
+ * 테마 적용 — el(프레임이나 그 안의 아무 요소)이 속한 허브에 변수를
+ * 박는다. theme이 null이면 이전 테마를 지워 기본 팔레트로 돌아간다.
+ * 스코프 안에 .me-frame이 없으면 el 자체가 스코프다(단독 .me-root 사용).
+ */
+export declare function applyTheme(el: Element, theme: MeTheme | null): void;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;0CAC0C;AAC1C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAED,+CAA+C;AAC/C,eAAO,MAAM,SAAS,EAAE,SAAS,OAAO,EAqSvC,CAAC;AAEF,6CAA6C;AAC7C,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAEvE;AAMD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAsBnE"}

package/dist/theme.js

@@ -0,0 +1,347 @@
+/**
+ * 테마 — 에디터 크롬/본문의 --me-* 변수를 한 묶음으로 바꾼다.
+ * 테마는 플랫한 변수 맵이라 소비자가 객체 리터럴 하나로 직접
+ * 디자인할 수 있다 — CSS 파일을 고치지 않고 런타임에 적용된다.
+ *
+ * 적용 지점은 허브 3곳 — .me-frame(크롬: 툴바/상태바/팝오버),
+ * .me-root, .me-editor(본문/토큰 팔레트). 리프 요소들은 변수를
+ * 자체 정의하지 않고 var()로만 소비하므로 허브에만 박으면
+ * 나머지는 상속으로 따라온다 (styles.css 주석 참고).
+ */
+/** 내장 테마 — vars에 없는 변수는 기본(라이트) 값이 그대로 적용된다 */
+export const ME_THEMES = [
+    {
+        // 심플 — 무채색 미니멀. 액센트까지 회색으로 눌러 본문만 남긴다
+        id: "simple",
+        label: "심플",
+        vars: {
+            "--me-frame-bg": "#ffffff",
+            "--me-border-color": "#e4e4e7",
+            "--me-text-color": "#18181b",
+            "--me-editor-bg": "#ffffff",
+            "--me-editor-focus": "#52525b",
+            "--me-sel-bg": "rgba(24, 24, 27, 0.08)",
+            "--me-gutter-bg": "rgba(24, 24, 27, 0.03)",
+            "--me-gutter-color": "#a1a1aa",
+            "--me-gutter-border": "#e4e4e7",
+            "--me-line-active-num": "#52525b",
+            "--me-node-sel-color": "#52525b",
+            "--me-print-margin": "rgba(161, 161, 170, 0.4)",
+            "--me-toolbar-bg": "#fafafa",
+            "--me-tool-hover-bg": "#e4e4e7",
+            "--me-tool-active-bg": "#e4e4e7",
+            "--me-tool-active-color": "#18181b",
+            "--me-status-color": "#a1a1aa",
+            "--me-btn-bg": "#f4f4f5",
+            "--me-btn-hover-bg": "#e4e4e7",
+            "--me-accent": "#52525b",
+            "--me-text-muted": "#71717a",
+            "--me-link-color": "#18181b",
+            "--me-quote-color": "#71717a",
+            "--me-placeholder-color": "#a1a1aa",
+            "--me-code-bg": "#f4f4f5",
+            "--me-code-border": "#e4e4e7",
+            "--me-callout-bg": "#fafafa",
+            "--me-callout-border": "#e4e4e7",
+            "--me-callout-accent": "#71717a",
+            "--me-checkbox-border": "#a1a1aa",
+            "--me-checkbox-checked": "#18181b",
+            // 심플의 코드 팔레트도 톤 다운 — 색 대신 명암으로 구분
+            "--me-tok-keyword": "#18181b",
+            "--me-tok-string": "#3f3f46",
+            "--me-tok-comment": "#a1a1aa",
+            "--me-tok-number": "#3f3f46",
+            "--me-tok-literal": "#3f3f46",
+            "--me-tok-function": "#18181b",
+            "--me-tok-tag": "#3f3f46",
+            "--me-tok-attr": "#71717a",
+        },
+    },
+    {
+        // 모던 — 인디고 액센트 + 부드러운 그림자 (Linear/현대 SaaS 관례)
+        id: "modern",
+        label: "모던",
+        vars: {
+            "--me-frame-bg": "#ffffff",
+            "--me-frame-shadow": "0 8px 30px rgba(79, 70, 229, 0.08)",
+            "--me-border-color": "#dfe5f5",
+            "--me-text-color": "#0f172a",
+            "--me-editor-bg": "#ffffff",
+            "--me-editor-focus": "#6366f1",
+            "--me-sel-bg": "rgba(99, 102, 241, 0.16)",
+            "--me-gutter-bg": "rgba(99, 102, 241, 0.04)",
+            "--me-gutter-color": "#94a3b8",
+            "--me-gutter-border": "#dfe5f5",
+            "--me-line-active-num": "#4f46e5",
+            "--me-node-sel-color": "#6366f1",
+            "--me-print-margin": "rgba(99, 102, 241, 0.3)",
+            "--me-toolbar-bg": "#f8f9ff",
+            "--me-tool-hover-bg": "#e8ecff",
+            "--me-tool-active-bg": "#e0e7ff",
+            "--me-tool-active-color": "#4f46e5",
+            "--me-status-color": "#64748b",
+            "--me-btn-bg": "#eef2ff",
+            "--me-btn-hover-bg": "#e0e7ff",
+            "--me-accent": "#6366f1",
+            "--me-text-muted": "#64748b",
+            "--me-link-color": "#4f46e5",
+            "--me-quote-color": "#64748b",
+            "--me-placeholder-color": "#a5b4fc",
+            "--me-code-bg": "#f1f5ff",
+            "--me-code-border": "#dfe5f5",
+            "--me-code-active-bg": "rgba(99, 102, 241, 0.07)",
+            "--me-callout-bg": "#eef2ff",
+            "--me-callout-border": "#c7d2fe",
+            "--me-callout-accent": "#6366f1",
+            "--me-checkbox-border": "#a5b4fc",
+            "--me-checkbox-checked": "#4f46e5",
+            "--me-pop-shadow": "0 12px 32px rgba(79, 70, 229, 0.16)",
+            "--me-tok-keyword": "#7c3aed",
+            "--me-tok-string": "#0e7490",
+            "--me-tok-comment": "#94a3b8",
+            "--me-tok-number": "#db2777",
+            "--me-tok-literal": "#db2777",
+            "--me-tok-function": "#2563eb",
+            "--me-tok-tag": "#7c3aed",
+            "--me-tok-attr": "#0891b2",
+        },
+    },
+    {
+        // 다크 — Ace Monokai 계열 (기존 [data-me-theme="dark"]와 동일 팔레트)
+        id: "dark",
+        label: "다크",
+        scheme: "dark",
+        vars: {
+            "--me-frame-bg": "#1e1f1c",
+            "--me-border-color": "#3e3d32",
+            "--me-text-color": "#f8f8f2",
+            "--me-editor-bg": "#272822",
+            "--me-editor-focus": "#66d9ef",
+            "--me-sel-bg": "rgba(73, 72, 62, 0.95)",
+            "--me-gutter-bg": "rgba(0, 0, 0, 0.22)",
+            "--me-gutter-color": "#8f908a",
+            "--me-gutter-border": "#3e3d32",
+            "--me-line-active-num": "#c2c2bf",
+            "--me-node-sel-color": "#66d9ef",
+            "--me-print-margin": "rgba(73, 72, 62, 0.9)",
+            "--me-toolbar-bg": "#1e1f1c",
+            "--me-tool-hover-bg": "#3e3d32",
+            "--me-tool-active-bg": "rgba(102, 217, 239, 0.14)",
+            "--me-tool-active-color": "#66d9ef",
+            "--me-status-color": "#8f908a",
+            "--me-btn-bg": "#3e3d32",
+            "--me-btn-hover-bg": "#575643",
+            "--me-accent": "#66d9ef",
+            "--me-text-muted": "#8f908a",
+            "--me-link-color": "#66d9ef",
+            "--me-quote-color": "#a09f93",
+            "--me-placeholder-color": "#6a6b60",
+            "--me-code-bg": "#1e1f1c",
+            "--me-code-border": "#3e3d32",
+            "--me-code-active-bg": "rgba(255, 255, 255, 0.05)",
+            "--me-callout-bg": "#2d2e25",
+            "--me-callout-border": "#575643",
+            "--me-callout-accent": "#66d9ef",
+            "--me-checkbox-border": "#575643",
+            "--me-checkbox-checked": "#a6e22e",
+            "--me-pop-shadow": "0 8px 24px rgba(0, 0, 0, 0.5)",
+            "--me-tok-keyword": "#f92672",
+            "--me-tok-string": "#e6db74",
+            "--me-tok-comment": "#75715e",
+            "--me-tok-number": "#ae81ff",
+            "--me-tok-literal": "#ae81ff",
+            "--me-tok-function": "#a6e22e",
+            "--me-tok-tag": "#f92672",
+            "--me-tok-attr": "#a6e22e",
+        },
+    },
+    {
+        // 네온 다크 — 검정 바탕에 사이언/마젠타 발광 (Synthwave 관례)
+        id: "neon",
+        label: "네온 다크",
+        scheme: "dark",
+        vars: {
+            "--me-frame-bg": "#0b0b16",
+            "--me-frame-shadow": "0 0 30px rgba(0, 229, 255, 0.12)",
+            "--me-border-color": "#22223a",
+            "--me-text-color": "#d9faff",
+            "--me-editor-bg": "#07070f",
+            "--me-editor-focus": "#00e5ff",
+            "--me-sel-bg": "rgba(0, 229, 255, 0.18)",
+            "--me-gutter-bg": "rgba(0, 229, 255, 0.06)",
+            "--me-gutter-color": "#3f6b76",
+            "--me-gutter-border": "#22223a",
+            "--me-line-active-num": "#00e5ff",
+            "--me-node-sel-color": "#00e5ff",
+            "--me-print-margin": "rgba(0, 229, 255, 0.15)",
+            "--me-toolbar-bg": "#0b0b16",
+            "--me-tool-hover-bg": "#1a1a2e",
+            "--me-tool-active-bg": "rgba(0, 229, 255, 0.15)",
+            "--me-tool-active-color": "#00e5ff",
+            "--me-status-color": "#4a6b78",
+            "--me-btn-bg": "#1a1a2e",
+            "--me-btn-hover-bg": "#22223f",
+            "--me-accent": "#00e5ff",
+            "--me-text-muted": "#4a6b78",
+            "--me-link-color": "#00e5ff",
+            "--me-quote-color": "#6b8b96",
+            "--me-placeholder-color": "#3a4a55",
+            "--me-code-bg": "#07070f",
+            "--me-code-border": "#22223a",
+            "--me-code-active-bg": "rgba(0, 229, 255, 0.07)",
+            "--me-callout-bg": "#101022",
+            "--me-callout-border": "#2a2a55",
+            "--me-callout-accent": "#00e5ff",
+            "--me-checkbox-border": "#2a2a55",
+            "--me-checkbox-checked": "#ff2e97",
+            "--me-pop-shadow": "0 0 24px rgba(0, 229, 255, 0.22)",
+            "--me-tok-keyword": "#ff2e97",
+            "--me-tok-string": "#f0ff6b",
+            "--me-tok-comment": "#4a6b78",
+            "--me-tok-number": "#b76cff",
+            "--me-tok-literal": "#b76cff",
+            "--me-tok-function": "#00e5ff",
+            "--me-tok-tag": "#ff2e97",
+            "--me-tok-attr": "#c3ff6b",
+        },
+    },
+    {
+        // 퍼플 — 라이트 라벤더. 바이올렛 액센트의 부드러운 라이트 테마
+        id: "purple",
+        label: "퍼플",
+        vars: {
+            "--me-frame-bg": "#fbf9ff",
+            "--me-border-color": "#e4dbf7",
+            "--me-text-color": "#2e2145",
+            "--me-editor-bg": "#fdfcff",
+            "--me-editor-focus": "#7c3aed",
+            "--me-sel-bg": "rgba(124, 58, 237, 0.14)",
+            "--me-gutter-bg": "rgba(124, 58, 237, 0.05)",
+            "--me-gutter-color": "#a594c7",
+            "--me-gutter-border": "#e4dbf7",
+            "--me-line-active-num": "#7c3aed",
+            "--me-node-sel-color": "#7c3aed",
+            "--me-print-margin": "rgba(124, 58, 237, 0.25)",
+            "--me-toolbar-bg": "#f4efff",
+            "--me-tool-hover-bg": "#eae2fb",
+            "--me-tool-active-bg": "#e6ddfb",
+            "--me-tool-active-color": "#6d28d9",
+            "--me-status-color": "#8b7ab8",
+            "--me-btn-bg": "#ece5fb",
+            "--me-btn-hover-bg": "#ded1f8",
+            "--me-accent": "#7c3aed",
+            "--me-text-muted": "#8b7ab8",
+            "--me-link-color": "#7c3aed",
+            "--me-quote-color": "#8b7ab8",
+            "--me-placeholder-color": "#b3a1d6",
+            "--me-code-bg": "#f5f0ff",
+            "--me-code-border": "#e4dbf7",
+            "--me-code-active-bg": "rgba(124, 58, 237, 0.07)",
+            "--me-callout-bg": "#f3edff",
+            "--me-callout-border": "#d9cdf3",
+            "--me-callout-accent": "#7c3aed",
+            "--me-checkbox-border": "#c4b5fd",
+            "--me-checkbox-checked": "#7c3aed",
+            "--me-pop-shadow": "0 10px 30px rgba(124, 58, 237, 0.16)",
+            "--me-tok-keyword": "#7c3aed",
+            "--me-tok-string": "#0e7490",
+            "--me-tok-comment": "#a594c7",
+            "--me-tok-number": "#c026d3",
+            "--me-tok-literal": "#c026d3",
+            "--me-tok-function": "#4f46e5",
+            "--me-tok-tag": "#7c3aed",
+            "--me-tok-attr": "#0e7490",
+        },
+    },
+    {
+        // 퍼플 다크 — 딥 바이올렛 바탕 + 라벤더 액센트
+        id: "grape",
+        label: "퍼플 다크",
+        scheme: "dark",
+        vars: {
+            "--me-frame-bg": "#1b1230",
+            "--me-border-color": "#3b2d5e",
+            "--me-text-color": "#ece5fb",
+            "--me-editor-bg": "#150e24",
+            "--me-editor-focus": "#c084fc",
+            "--me-sel-bg": "rgba(192, 132, 252, 0.22)",
+            "--me-gutter-bg": "rgba(0, 0, 0, 0.3)",
+            "--me-gutter-color": "#6b5a95",
+            "--me-gutter-border": "#3b2d5e",
+            "--me-line-active-num": "#d8b4fe",
+            "--me-node-sel-color": "#c084fc",
+            "--me-print-margin": "rgba(192, 132, 252, 0.2)",
+            "--me-toolbar-bg": "#1b1230",
+            "--me-tool-hover-bg": "#2d2049",
+            "--me-tool-active-bg": "rgba(192, 132, 252, 0.16)",
+            "--me-tool-active-color": "#d8b4fe",
+            "--me-status-color": "#8b7ab8",
+            "--me-btn-bg": "#2d2049",
+            "--me-btn-hover-bg": "#3b2d5e",
+            "--me-accent": "#c084fc",
+            "--me-text-muted": "#8b7ab8",
+            "--me-link-color": "#d8b4fe",
+            "--me-quote-color": "#9d8cc4",
+            "--me-placeholder-color": "#6b5a95",
+            "--me-code-bg": "#170f2a",
+            "--me-code-border": "#3b2d5e",
+            "--me-code-active-bg": "rgba(192, 132, 252, 0.08)",
+            "--me-callout-bg": "#221740",
+            "--me-callout-border": "#4a3575",
+            "--me-callout-accent": "#c084fc",
+            "--me-checkbox-border": "#4a3575",
+            "--me-checkbox-checked": "#c084fc",
+            "--me-pop-shadow": "0 8px 28px rgba(0, 0, 0, 0.55)",
+            "--me-tok-keyword": "#e879f9",
+            "--me-tok-string": "#bef264",
+            "--me-tok-comment": "#6b5a95",
+            "--me-tok-number": "#f9a8d4",
+            "--me-tok-literal": "#f9a8d4",
+            "--me-tok-function": "#a78bfa",
+            "--me-tok-tag": "#e879f9",
+            "--me-tok-attr": "#67e8f9",
+        },
+    },
+];
+/** id로 내장 테마를 찾는다 — 없거나 빈 값이면 null(기본 테마) */
+export function themeById(id) {
+    return ME_THEMES.find((t) => t.id === id) ?? null;
+}
+/* applyTheme이 마지막으로 각 허브에 박은 변수명 — 테마 전환/해제 시
+ * 이전 흔적을 정확히 지운다 (지우지 않으면 이전 테마의 변수가 남는다) */
+const APPLIED = new WeakMap();
+/**
+ * 테마 적용 — el(프레임이나 그 안의 아무 요소)이 속한 허브에 변수를
+ * 박는다. theme이 null이면 이전 테마를 지워 기본 팔레트로 돌아간다.
+ * 스코프 안에 .me-frame이 없으면 el 자체가 스코프다(단독 .me-root 사용).
+ */
+export function applyTheme(el, theme) {
+    const scope = el.closest(".me-frame") ?? el;
+    // 허브 — 크롬(프레임/툴바/팝), 본문 래퍼, 에디터. 리프는 변수를
+    // 자체 정의하지 않으므로 여기에만 박으면 상속으로 전부 도달한다
+    const hubs = new Set([scope]);
+    if (scope.matches(".me-root, .me-editor"))
+        hubs.add(scope);
+    for (const q of [".me-root", ".me-editor"]) {
+        const hit = scope.querySelector(q);
+        if (hit)
+            hubs.add(hit);
+    }
+    const vars = theme?.vars ?? {};
+    for (const hub of hubs) {
+        const prev = APPLIED.get(hub) ?? [];
+        const style = hub.style;
+        for (const k of prev)
+            style.removeProperty(k);
+        const next = Object.keys(vars);
+        for (const k of next)
+            style.setProperty(k, vars[k]);
+        APPLIED.set(hub, next);
+    }
+    if (theme)
+        scope.setAttribute("data-me-theme", theme.id);
+    else
+        scope.removeAttribute("data-me-theme");
+    scope.style.colorScheme = theme?.scheme ?? "";
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

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

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"}