@moda-editor/core 0.3.1 → 0.3.3

package/dist/widget/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/widget/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7D,qCAAqC;AACrC,MAAM,WAAW,kBAAkB,CACjC,KAAK,SAAS,MAAM,GAAG,OAAO,CAC9B,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChC,wBAAwB;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,qCAAqC;AACrC,MAAM,WAAW,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO;IAC3D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,oBAAoB;IACpB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO,EACxD,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC,GACjC,aAAa,CAAC,KAAK,CAAC,CA2CtB"}

package/dist/widget/mount.js

@@ -0,0 +1,45 @@
+import { WidgetCore } from "./core.js";
+/**
+ * DOM 전용 렌더러 (vanilla). 어댑터들과 같은 DOM 계약을 만든다:
+ *   .me-search  검색 입력 — input 시 setSearch
+ *   .me-list > .me-item  필터된 항목
+ *   .me-count  "N / M" 카운터
+ * 새 DOM 요소를 추가할 때는 같은 me- 접두어와 conformance 계약을 갱신한다.
+ */
+export function mountWidget(host, options) {
+    const widget = new WidgetCore(options);
+    const root = document.createElement("div");
+    root.className = "me-root";
+    const search = document.createElement("input");
+    search.className = "me-search";
+    search.placeholder = options.searchPlaceholder ?? "검색…";
+    search.addEventListener("input", () => widget.setSearch(search.value));
+    const list = document.createElement("ul");
+    list.className = "me-list";
+    const count = document.createElement("div");
+    count.className = "me-count";
+    root.append(search, list, count);
+    host.appendChild(root);
+    function render() {
+        const snap = widget.getSnapshot();
+        list.textContent = "";
+        for (const item of snap.filteredItems) {
+            const li = document.createElement("li");
+            li.className = "me-item";
+            li.textContent = options.getItemText?.(item) ?? String(item);
+            list.appendChild(li);
+        }
+        count.textContent = `${snap.filteredCount} / ${snap.totalCount}`;
+    }
+    const unsubscribe = widget.subscribe(render);
+    render();
+    return {
+        widget,
+        rootEl: root,
+        destroy() {
+            unsubscribe();
+            root.remove();
+        },
+    };
+}
+//# sourceMappingURL=mount.js.map

package/dist/widget/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/widget/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAoBvC;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,IAAiB,EACjB,OAAkC;IAElC,MAAM,MAAM,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAE3B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC;IAC/B,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,iBAAiB,IAAI,KAAK,CAAC;IACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAE3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAE7B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvB,SAAS,MAAM;QACb,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QAClC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACtC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC;YACzB,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;YAC7D,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;QACD,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,CAAC,aAAa,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC;IAET,OAAO;QACL,MAAM;QACN,MAAM,EAAE,IAAI;QACZ,OAAO;YACL,WAAW,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/widget/types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @moda-editor/core 타입 정의.
+ *
+ * 이 파일은 템플릿의 골든 패스 예시 — 실제 라이브러리에서는
+ * 여기에 라이브러리의 공개 타입을 작성한다.
+ */
+/** 행 데이터 기본 타입 — 제네릭 TData는 object로 제한한다 */
+export type RowData = Record<string, unknown>;
+/** 코어 생성 옵션 */
+export interface WidgetCoreOptions<TData extends object = RowData> {
+    /** 초기 항목 목록 */
+    items: TData[];
+    /** 항목의 표시·검색 텍스트 (기본값: String(item)) */
+    getItemText?: (item: TData) => string;
+    /** 항목 고유 ID — 목록 렌더 키로 사용 (기본값: 인덱스 문자열) */
+    getItemId?: (item: TData, index: number) => string;
+    /** 이벤트 핸들러 — on()과 같은 이름 */
+    events?: WidgetEventHandlers<TData>;
+}
+/** 구독자에게 전달되는 읽기 전용 스냅샷 — 어댑터는 이것만 렌더한다 */
+export interface WidgetSnapshot<TData extends object = RowData> {
+    /** 전체 항목 */
+    items: readonly TData[];
+    /** searchText 필터가 적용된 항목 */
+    filteredItems: readonly TData[];
+    searchText: string;
+    totalCount: number;
+    filteredCount: number;
+}
+/** 발행되는 이벤트 이름 */
+export type WidgetEventType = "searchChange" | "itemAdd";
+export interface WidgetEventMap<TData extends object = RowData> {
+    searchChange: {
+        searchText: string;
+    };
+    itemAdd: {
+        item: TData;
+    };
+}
+/** 이벤트 핸들러 맵 — 옵션/구독 양쪽에서 사용 */
+export type WidgetEventHandlers<TData extends object = RowData> = {
+    [K in WidgetEventType]?: (e: WidgetEventMap<TData>[K]) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/widget/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/widget/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,4CAA4C;AAC5C,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9C,eAAe;AACf,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO;IAC/D,eAAe;IACf,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACtC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,4BAA4B;IAC5B,MAAM,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;CACrC;AAED,2CAA2C;AAC3C,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO;IAC5D,YAAY;IACZ,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACxB,4BAA4B;IAC5B,aAAa,EAAE,SAAS,KAAK,EAAE,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,kBAAkB;AAClB,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO;IAC5D,YAAY,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,OAAO,EAAE;QAAE,IAAI,EAAE,KAAK,CAAA;KAAE,CAAC;CAC1B;AAED,gCAAgC;AAChC,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,GAAG,OAAO,IAAI;KAC/D,CAAC,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI;CAC/D,CAAC"}

package/dist/widget/types.js

@@ -0,0 +1,8 @@
+/**
+ * @moda-editor/core 타입 정의.
+ *
+ * 이 파일은 템플릿의 골든 패스 예시 — 실제 라이브러리에서는
+ * 여기에 라이브러리의 공개 타입을 작성한다.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/widget/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/widget/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moda-editor/core",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Headless core — state, snapshot, events",
   "license": "MIT",
   "type": "module",
@@ -9,11 +9,7 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./conformance": {
-      "types": "./dist/conformance.d.ts",
-      "default": "./dist/conformance.js"
-    }
+    "./styles.css": "./dist/styles.css"
   },
   "types": "./dist/index.d.ts",
   "files": [