@moda-chart/svelte 0.0.0-stage → 0.1.2

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

@@ -1,3 +1,13 @@
-# Temporary Holding Version
+# @moda-chart/svelte
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`@moda-chart/core`의 Svelte 5 어댑터 — 스토어 + SFC.
+
+```svelte
+<script>
+  import { ChartView, createChartStore } from "@moda-chart/svelte";
+  import "@moda-chart/svelte/styles.css";
+  const store = createChartStore({ type: "line", series, categories });
+</script>
+
+<ChartView chart={store.chart} />
+```

package/dist/ChartView.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { attachChartView } from "@moda-chart/core";
+  import type { ChartCore } from "@moda-chart/core";
+
+  // Svelte 5 렌더러 — 공용 DOM 렌더러를 호스트 div에 연결한다.
+  let { chart }: { chart: ChartCore } = $props();
+
+  function view(node: HTMLElement) {
+    const detach = attachChartView(node, chart);
+    return { destroy: detach };
+  }
+</script>
+
+<div use:view></div>

package/dist/ChartView.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ChartCore } from "@moda-chart/core";
+type $$ComponentProps = {
+    chart: ChartCore;
+};
+declare const ChartView: import("svelte").Component<$$ComponentProps, {}, "">;
+type ChartView = ReturnType<typeof ChartView>;
+export default ChartView;
+//# sourceMappingURL=ChartView.svelte.d.ts.map

package/dist/ChartView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartView.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ChartView.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,gBAAgB,GAAI;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAkB/C,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/chartStore.d.ts

@@ -0,0 +1,15 @@
+import type { Readable } from "svelte/store";
+import { ChartCore } from "@moda-chart/core";
+import type { ChartCoreOptions, ChartSnapshot } from "@moda-chart/core";
+/** Svelte Readable 스토어 + 내부 ChartCore 인스턴스 */
+export interface ChartStore extends Readable<ChartSnapshot> {
+    readonly chart: ChartCore;
+}
+/**
+ * ChartCore를 생성하고 Svelte 스토어 계약으로 감싼다.
+ * 컴포넌트에서는 `$store`로 스냅샷을, `store.chart`로 액션을 사용한다.
+ */
+export declare function createChartStore(options: ChartCoreOptions): ChartStore;
+/** 이미 생성된 ChartCore 인스턴스를 Svelte 스토어 계약으로 감싼다 */
+export declare function toChartStore(chart: ChartCore): ChartStore;
+//# sourceMappingURL=chartStore.d.ts.map

package/dist/chartStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartStore.d.ts","sourceRoot":"","sources":["../src/lib/chartStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAExE,8CAA8C;AAC9C,MAAM,WAAW,UAAW,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,GAAG,UAAU,CAEtE;AAED,iDAAiD;AACjD,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,UAAU,CAKzD"}

package/dist/chartStore.js

@@ -0,0 +1,14 @@
+import { readable } from "svelte/store";
+import { ChartCore } from "@moda-chart/core";
+/**
+ * ChartCore를 생성하고 Svelte 스토어 계약으로 감싼다.
+ * 컴포넌트에서는 `$store`로 스냅샷을, `store.chart`로 액션을 사용한다.
+ */
+export function createChartStore(options) {
+    return toChartStore(new ChartCore(options));
+}
+/** 이미 생성된 ChartCore 인스턴스를 Svelte 스토어 계약으로 감싼다 */
+export function toChartStore(chart) {
+    const { subscribe } = readable(chart.getSnapshot(), (set) => chart.subscribe(() => set(chart.getSnapshot())));
+    return { subscribe, chart };
+}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { createChartStore, toChartStore } from "./chartStore.js";
+export type { ChartViewProps } from "./types.js";
+export type { ChartStore } from "./chartStore.js";
+export { default as ChartView } from "./ChartView.svelte";
+export type { AnnotationInput, CategoryValue, Chart, ChartCoreOptions, ChartEventHandlers, ChartEventMap, ChartEventType, ChartChordOptions, ChartFlowLink, ChartGaugeOptions, ChartHeatmapOptions, ChartLocale, ChartMapDatum, ChartMapLine, ChartMapOptions, ChartMapPoint, ChartBoxInput, ChartMenuItem, ChartContextMenuOptions, ItemStyle, ItemStyleContext, TooltipRenderContext, ChartDrawingOptions, ChartSearchOptions, ChartPictogramOptions, ChartPyramidPopOptions, ChartState, DrawingInput, DrawingView, DrawTool, SearchLoadArgs, PictoIconView, PictoRowView, SparklineOptions, ChartPointInput, ChartSankeyOptions, ChartSeriesInput, ChartSnapshot, ChartTheme, ChartTreeNode, ChartType, DrilldownLevel, MapProjection, MarkBandInput, MarkLineInput, } from "@moda-chart/core";
+export { ChartCore, mountSparkline, parseDataXml, parseText, sparklineMarkup, WORLD_TOPOLOGY, } from "@moda-chart/core";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,aAAa,EACb,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,EACT,eAAe,EACf,cAAc,GACf,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { createChartStore, toChartStore } from "./chartStore.js";
+export { default as ChartView } from "./ChartView.svelte";
+export { ChartCore, mountSparkline, parseDataXml, parseText, sparklineMarkup, WORLD_TOPOLOGY, } from "@moda-chart/core";

package/dist/styles.css

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

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+import type { ChartCore } from "@moda-chart/core";
+export interface ChartViewProps {
+    chart: ChartCore;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;CAClB"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,53 @@
 {
   "name": "@moda-chart/svelte",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.2",
+  "description": "Svelte 5 adapter for @moda-chart — chartStore + ChartView",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "svelte": "./dist/index.js",
+      "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": [
+    "svelte",
+    "adapter",
+    "headless",
+    "library"
+  ],
+  "dependencies": {
+    "@moda-chart/core": "0.1.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "typescript": "~5.9.2",
+    "happy-dom": "^20.14.5",
+    "vitest": "^3.2.7"
+  },
+  "scripts": {
+    "build": "svelte-package",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "dev": "svelte-package --watch",
+    "test": "vitest run"
+  },
+  "main": "./dist/index.js"
 }