@moda-editor/vue2 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 park-taejoon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+# @moda-editor/vue2
+
+`@moda-editor/core`의 Vue 2.7 어댑터 — composable + SFC.
+Vue 2.7의 composition API(`<script setup>`)를 사용한다.

package/dist/EditorNode.d.ts

@@ -0,0 +1,34 @@
+import type { Component, PropType } from "vue";
+import type { Editor, RenderNode } from "@moda-editor/core";
+/**
+ * RenderNode 트리 → Vue2 vnode 재귀 번역.
+ * SFC 자기참조 대신 render 함수로 작성 — vite:vue2에서 확실하게 동작한다.
+ * data-me-path가 형제 간 유일하므로 key로 쓴다.
+ */
+declare const EditorNode: import("vue").DefineComponent<{
+    node: {
+        type: PropType<RenderNode>;
+        required: true;
+    };
+    editor: {
+        type: PropType<Editor>;
+        required: true;
+    };
+    nodeViews: {
+        type: PropType<Record<string, Component>>;
+    };
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<RenderNode>;
+        required: true;
+    };
+    editor: {
+        type: PropType<Editor>;
+        required: true;
+    };
+    nodeViews: {
+        type: PropType<Record<string, Component>>;
+    };
+}>>, {}>;
+export default EditorNode;
+//# sourceMappingURL=EditorNode.d.ts.map

package/dist/EditorNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorNode.d.ts","sourceRoot":"","sources":["../src/EditorNode.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,UAAU;;cAGY,QAAQ,CAAC,UAAU,CAAC;;;;cAClB,QAAQ,CAAC,MAAM,CAAC;;;;cACb,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;;;;cAFxC,QAAQ,CAAC,UAAU,CAAC;;;;cAClB,QAAQ,CAAC,MAAM,CAAC;;;;cACb,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;;QAkElE,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/EditorNode.js

@@ -0,0 +1,58 @@
+import { defineComponent, h } from "vue";
+import { nodeViewEditable, nodeViewFor } from "@moda-editor/core";
+/**
+ * RenderNode 트리 → Vue2 vnode 재귀 번역.
+ * SFC 자기참조 대신 render 함수로 작성 — vite:vue2에서 확실하게 동작한다.
+ * data-me-path가 형제 간 유일하므로 key로 쓴다.
+ */
+const EditorNode = defineComponent({
+    name: "EditorNode",
+    props: {
+        node: { type: Object, required: true },
+        editor: { type: Object, required: true },
+        nodeViews: { type: Object },
+    },
+    render() {
+        const rn = this.node;
+        const editor = this.editor;
+        const view = nodeViewFor(this.nodeViews, rn.source.type);
+        if (view) {
+            const inline = editor.state.schema.isInline(rn.source.type);
+            const editable = nodeViewEditable(editor.state.schema, rn.source.type);
+            // 비-atom 노드 뷰는 "content" 슬롯으로 편집 아울렛을 받는다 —
+            // data-me-path는 래퍼가 아닌 .me-node-content가 가져 컨테이너
+            // 포인트가 아울렛 자식(AST 자식)과 1:1로 매핑된다
+            const outlet = editable
+                ? h("div", {
+                    attrs: {
+                        class: "me-node-content",
+                        contenteditable: "true",
+                        "data-me-path": rn.path.join(","),
+                    },
+                    slot: "content",
+                }, (rn.children ?? []).map((c) => h(EditorNode, {
+                    props: { node: c, editor, nodeViews: this.nodeViews },
+                    key: c.path.join(","),
+                })))
+                : null;
+            return h(inline ? "span" : "div", {
+                attrs: {
+                    ...(editable ? {} : { "data-me-path": rn.path.join(",") }),
+                    class: "me-node-view",
+                    contenteditable: "false",
+                },
+            }, [
+                h(view, { props: { node: rn.source, editor } }, outlet ? [outlet] : undefined),
+            ]);
+        }
+        const children = rn.text != null
+            ? [rn.text]
+            : (rn.children ?? []).map((c) => h(EditorNode, {
+                props: { node: c, editor, nodeViews: this.nodeViews },
+                key: c.path.join(","),
+            }));
+        return h(rn.tag, { attrs: rn.attrs ?? {} }, children);
+    },
+});
+export default EditorNode;
+//# sourceMappingURL=EditorNode.js.map

package/dist/EditorNode.js.map

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

package/dist/EditorView.vue

@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, onUpdated, ref } from "vue";
+import type { Component, PropType } from "vue";
+import { bindEditorInput, DirtyKeyMap, renderChildren } from "@moda-editor/core";
+import type {
+  DocNode,
+  Editor,
+  EditorInputBinding,
+  RenderNode,
+} from "@moda-editor/core";
+import { useEditorState } from "./useEditor.js";
+import EditorNode from "./EditorNode.js";
+
+const props = defineProps({
+  editor: { type: Object as PropType<Editor>, required: true },
+  /** 커스텀 노드 뷰 — nodeViews[노드타입] Vue2 컴포넌트 */
+  nodeViews: { type: Object as PropType<Record<string, Component>> },
+});
+
+const { state } = useEditorState(props.editor);
+
+// doc 참조가 바뀔 때만 RenderNode 배열을 재생성 — selection-only
+// 변경이면 같은 배열이라 자식 vnode가 그대로 스킵된다
+let cachedDoc: DocNode | null = null;
+let cachedNodes: RenderNode[] = [];
+const nodes = computed(() => {
+  const s = state.value;
+  if (s.doc !== cachedDoc) {
+    cachedDoc = s.doc;
+    cachedNodes = renderChildren(s.doc, s.schema);
+  }
+  return cachedNodes;
+});
+
+const editableEl = ref<HTMLElement | null>(null);
+let binding: EditorInputBinding | null = null;
+
+// IME 등이 직접 바꾼 블록은 key를 올려 리컨실 대신 리마운트시킨다 —
+// 브라우저가 변경한 DOM과 vnode가 어긋난 채 diff하면 크래시/유실이 난다
+const dirtyKeys = new DirtyKeyMap();
+const keyOf = (n: RenderNode): string =>
+  dirtyKeys.key(n.path.join(","), binding?.dirtyPaths);
+
+onMounted(() => {
+  if (editableEl.value) binding = bindEditorInput(props.editor, editableEl.value);
+});
+// 리렌더 후 DOM에 doc 셀렉션 복원
+onUpdated(() => binding?.restoreSelection());
+onBeforeUnmount(() => binding?.unbind());
+</script>
+
+<template>
+  <div class="me-root">
+    <div
+      ref="editableEl"
+      class="me-editor"
+      data-me-path=""
+      :contenteditable="editor.editable"
+    >
+      <EditorNode
+        v-for="n in nodes"
+        :key="keyOf(n)"
+        :node="n"
+        :editor="editor"
+        :node-views="nodeViews"
+      />
+    </div>
+  </div>
+</template>

package/dist/WidgetView.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import type { PropType } from "vue";
+import { WidgetCore } from "@moda-editor/core";
+import type { RowData } from "@moda-editor/core";
+import { useWidgetState } from "./useWidget.js";
+
+type Item = RowData;
+
+const props = defineProps({
+  widget: { type: Object as PropType<WidgetCore<Item>>, required: true },
+  getItemText: {
+    type: Function as PropType<(item: Item) => string>,
+    default: undefined,
+  },
+  searchPlaceholder: { type: String, default: "검색…" },
+});
+
+const { state } = useWidgetState(props.widget);
+
+// Vue2 템플릿 이벤트 핸들러는 표현식만 받는다 — 캐스트/조건부는 메서드로.
+function onSearchInput(e: Event): void {
+  props.widget.setSearch((e.target as HTMLInputElement).value);
+}
+function textOf(item: Item): string {
+  return props.getItemText?.(item) ?? String(item);
+}
+</script>
+
+<template>
+  <div class="me-root">
+    <input
+      class="me-search"
+      :placeholder="searchPlaceholder"
+      :value="state.searchText"
+      @input="onSearchInput"
+    />
+    <ul class="me-list">
+      <li v-for="(item, i) in state.filteredItems" :key="i" class="me-item">
+        {{ textOf(item) }}
+      </li>
+    </ul>
+    <div class="me-count">
+      {{ state.filteredCount }} / {{ state.totalCount }}
+    </div>
+  </div>
+</template>

package/dist/conformance.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=conformance.test.d.ts.map

package/dist/conformance.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conformance.test.d.ts","sourceRoot":"","sources":["../src/conformance.test.ts"],"names":[],"mappings":""}

package/dist/conformance.test.js

@@ -0,0 +1,67 @@
+import Vue from "vue";
+import { runEditorConformance, runWidgetConformance } from "@moda-editor/core/conformance";
+import { WidgetCore } from "@moda-editor/core";
+import WidgetView from "./WidgetView.vue";
+import EditorView from "./EditorView.vue";
+// 컨포먼스 표준 노드 뷰 — .me-custom-view에 node.attrs.label을 출력
+const SpecNodeView = Vue.extend({
+    props: { node: { type: Object, required: true } },
+    render(h) {
+        return h("div", { class: "me-custom-view" }, [
+            String(this.node.attrs?.["label"] ?? ""),
+            // 비-atom이면 "content" 슬롯으로 편집 아울렛을 받는다
+            ...(this.$slots["content"] ?? []),
+        ]);
+    },
+});
+// Vue 2.7 렌더러 — new Vue + $mount 마운트, nextTick으로 DOM 반영 대기.
+runWidgetConformance("vue2", async (opts) => {
+    const el = document.createElement("div");
+    document.body.appendChild(el);
+    // $mount(el)은 마운트 대상 요소를 교체하므로 자식 래퍼에 마운트한다
+    const inner = document.createElement("div");
+    el.appendChild(inner);
+    const widget = new WidgetCore(opts);
+    const vm = new Vue({
+        render: (h) => h(WidgetView, { props: { widget, getItemText: opts.getItemText } }),
+    });
+    vm.$mount(inner);
+    await Vue.nextTick();
+    return {
+        el,
+        flush: () => Vue.nextTick(),
+        destroy: () => {
+            vm.$destroy();
+            // Vue 2의 $destroy는 DOM을 제거하지 않으므로 직접 제거한다
+            vm.$el.remove();
+            el.remove();
+        },
+    };
+});
+// Vue 2.7 에디터 — new Vue + $mount, nextTick으로 DOM 반영 대기.
+runEditorConformance("vue2", async ({ editor, nodeViews }) => {
+    const el = document.createElement("div");
+    document.body.appendChild(el);
+    const inner = document.createElement("div");
+    el.appendChild(inner);
+    const views = nodeViews
+        ? Object.fromEntries(Object.keys(nodeViews)
+            .filter((k) => nodeViews[k])
+            .map((k) => [k, SpecNodeView]))
+        : undefined;
+    const vm = new Vue({
+        render: (h) => h(EditorView, { props: { editor, nodeViews: views } }),
+    });
+    vm.$mount(inner);
+    await Vue.nextTick();
+    return {
+        el,
+        flush: () => Vue.nextTick(),
+        destroy: () => {
+            vm.$destroy();
+            vm.$el.remove();
+            el.remove();
+        },
+    };
+});
+//# sourceMappingURL=conformance.test.js.map

package/dist/conformance.test.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { default as EditorView } from "./EditorView.vue";
+export { useEditor, useEditorState } from "./useEditor.js";
+export type { UseEditorReturn } from "./useEditor.js";
+export { default as WidgetView } from "./WidgetView.vue";
+export { useWidget, useWidgetState } from "./useWidget.js";
+export type { UseWidgetReturn } from "./useWidget.js";
+export type { Widget, WidgetCoreOptions, WidgetEventHandlers, WidgetEventMap, WidgetEventType, WidgetSnapshot, RowData, } from "@moda-editor/core";
+export { WidgetCore } from "@moda-editor/core";
+export type { DocNode, Editor, EditorNode, EditorOptions, EditorState, Extension, InputRule, Mark, NodeViewProps, } from "@moda-editor/core";
+export { blockRule, blockTextOffset, canRedo, canUndo, createDoc, createText, isBlockActive, isInNode, isMarkActive, leafPoint, codeBracketAt, codeCaret, codeTextAt, duplicateCodeLines, moveCodeLines, toggleCodeComment, linkHrefAt, linkRangeAt, markRule, nodeAt, normalizedRange, pointEq, starterExtensions, textSelection, } from "@moda-editor/core";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EACV,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,cAAc,EACd,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EACV,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,SAAS,EACT,IAAI,EACJ,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,SAAS,EACT,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,aAAa,GACd,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { default as EditorView } from "./EditorView.vue";
+export { useEditor, useEditorState } from "./useEditor.js";
+export { default as WidgetView } from "./WidgetView.vue";
+export { useWidget, useWidgetState } from "./useWidget.js";
+export { WidgetCore } from "@moda-editor/core";
+export { blockRule, blockTextOffset, canRedo, canUndo, createDoc, createText, isBlockActive, isInNode, isMarkActive, leafPoint, codeBracketAt, codeCaret, codeTextAt, duplicateCodeLines, moveCodeLines, toggleCodeComment, linkHrefAt, linkRangeAt, markRule, nodeAt, normalizedRange, pointEq, starterExtensions, textSelection, } from "@moda-editor/core";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAW3D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAY/C,OAAO,EACL,SAAS,EACT,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,aAAa,GACd,MAAM,mBAAmB,CAAC"}

package/dist/styles.css

@@ -0,0 +1 @@
+@import "@moda-editor/core/styles.css";

package/dist/useEditor.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from "vue";
+import type { Editor, EditorOptions, EditorState } from "@moda-editor/core";
+export interface UseEditorReturn {
+    /** 헤드리스 에디터 — commands/dispatch 호출용 */
+    editor: Editor;
+    /** 렌더용 불변 스냅샷 (shallowRef — 통째 교체 구조) */
+    state: Ref<EditorState>;
+    unsubscribe(): void;
+}
+/**
+ * Vue 2.7 어댑터 composable — Editor 생성 + 불변 state를 shallowRef로 구독.
+ * 컴포넌트 스코프 안에서만 getCurrentScope 기반 자동 해제된다.
+ */
+export declare function useEditor(options?: EditorOptions): UseEditorReturn;
+/** 외부에서 만든 Editor의 state만 구독한다 */
+export declare function useEditorState(editor: Editor): {
+    state: Ref<EditorState>;
+    unsubscribe: () => void;
+};
+//# sourceMappingURL=useEditor.d.ts.map

package/dist/useEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../src/useEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACxB,WAAW,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,aAAkB,GAAG,eAAe,CAItE;AAED,kCAAkC;AAClC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG;IAC9C,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAOA"}

package/dist/useEditor.js

@@ -0,0 +1,22 @@
+import { getCurrentScope, onScopeDispose, shallowRef } from "vue";
+import { createEditor } from "@moda-editor/core";
+/**
+ * Vue 2.7 어댑터 composable — Editor 생성 + 불변 state를 shallowRef로 구독.
+ * 컴포넌트 스코프 안에서만 getCurrentScope 기반 자동 해제된다.
+ */
+export function useEditor(options = {}) {
+    const editor = createEditor(options);
+    const { state, unsubscribe } = useEditorState(editor);
+    return { editor, state, unsubscribe };
+}
+/** 외부에서 만든 Editor의 state만 구독한다 */
+export function useEditorState(editor) {
+    const state = shallowRef(editor.state);
+    const unsubscribe = editor.subscribe(() => {
+        state.value = editor.state;
+    });
+    if (getCurrentScope())
+        onScopeDispose(unsubscribe);
+    return { state: state, unsubscribe };
+}
+//# sourceMappingURL=useEditor.js.map

package/dist/useEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditor.js","sourceRoot":"","sources":["../src/useEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAejD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,UAAyB,EAAE;IACnD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;AACxC,CAAC;AAED,kCAAkC;AAClC,MAAM,UAAU,cAAc,CAAC,MAAc;IAI3C,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,IAAI,eAAe,EAAE;QAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,EAAE,KAAyB,EAAE,WAAW,EAAE,CAAC;AAC3D,CAAC"}

package/dist/useWidget.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from "vue";
+import { WidgetCore } from "@moda-editor/core";
+import type { WidgetCoreOptions, WidgetSnapshot, RowData } from "@moda-editor/core";
+export interface UseWidgetReturn<TData extends object = RowData> {
+    widget: WidgetCore<TData>;
+    state: Ref<WidgetSnapshot<TData>>;
+    unsubscribe(): void;
+}
+/**
+ * Vue 2.7 어댑터 composable — 코어 생성 + 스냅샷을 shallowRef로 구독.
+ * 컴포넌트 스코프 안에서만 getCurrentScope 기반 자동 해제된다.
+ */
+export declare function useWidget<TData extends object = RowData>(options: WidgetCoreOptions<TData>): UseWidgetReturn<TData>;
+/** 외부에서 만든 WidgetCore의 스냅샷만 구독한다 */
+export declare function useWidgetState<TData extends object = RowData>(widget: WidgetCore<TData>): {
+    state: Ref<WidgetSnapshot<TData>>;
+    unsubscribe: () => void;
+};
+//# sourceMappingURL=useWidget.d.ts.map

package/dist/useWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidget.d.ts","sourceRoot":"","sources":["../src/useWidget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO;IAC7D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAClC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO,EACtD,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAChC,eAAe,CAAC,KAAK,CAAC,CAQxB;AAED,oCAAoC;AACpC,wBAAgB,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO,EAC3D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GACxB;IAAE,KAAK,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,CAOhE"}

package/dist/useWidget.js

@@ -0,0 +1,27 @@
+import { getCurrentScope, onScopeDispose, shallowRef } from "vue";
+import { WidgetCore } from "@moda-editor/core";
+/**
+ * Vue 2.7 어댑터 composable — 코어 생성 + 스냅샷을 shallowRef로 구독.
+ * 컴포넌트 스코프 안에서만 getCurrentScope 기반 자동 해제된다.
+ */
+export function useWidget(options) {
+    const widget = new WidgetCore(options);
+    const state = shallowRef(widget.getSnapshot());
+    const unsubscribe = widget.subscribe(() => {
+        state.value = widget.getSnapshot();
+    });
+    if (getCurrentScope())
+        onScopeDispose(unsubscribe);
+    return { widget, state: state, unsubscribe };
+}
+/** 외부에서 만든 WidgetCore의 스냅샷만 구독한다 */
+export function useWidgetState(widget) {
+    const state = shallowRef(widget.getSnapshot());
+    const unsubscribe = widget.subscribe(() => {
+        state.value = widget.getSnapshot();
+    });
+    if (getCurrentScope())
+        onScopeDispose(unsubscribe);
+    return { state: state, unsubscribe };
+}
+//# sourceMappingURL=useWidget.js.map

package/dist/useWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidget.js","sourceRoot":"","sources":["../src/useWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C;;;GAGG;AACH,MAAM,UAAU,SAAS,CACvB,OAAiC;IAEjC,MAAM,MAAM,GAAG,IAAI,UAAU,CAAQ,OAAO,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,eAAe,EAAE;QAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAmC,EAAE,WAAW,EAAE,CAAC;AAC7E,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,cAAc,CAC5B,MAAyB;IAEzB,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,eAAe,EAAE;QAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,EAAE,KAAmC,EAAE,WAAW,EAAE,CAAC;AACrE,CAAC"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@moda-editor/vue2",
+  "version": "0.1.1",
+  "description": "Vue 2.7 adapter for @moda-editor — useWidget + WidgetView",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue2",
+    "adapter",
+    "headless",
+    "library"
+  ],
+  "dependencies": {
+    "@moda-editor/core": "0.1.1"
+  },
+  "peerDependencies": {
+    "vue": "^2.7.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.3.4",
+    "happy-dom": "^20.14.5",
+    "typescript": "~5.9.2",
+    "vitest": "^3.2.7",
+    "vue": "2.7.16"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json && cp src/styles.css src/*.vue dist/",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "dev": "tsc -p tsconfig.json --watch",
+    "test": "vitest run"
+  },
+  "main": "./dist/index.js"
+}