@sentropic/dataviz-vue 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @sentropic/dataviz-vue
+ *
+ * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
+ * state object is replaced on each mutation, so a shallow ref is exactly right
+ * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
+ * one store across a component tree. Presentation comes from
+ * `@sentropic/design-system-vue`; this package only wires state.
+ */
+import { type InjectionKey, type ShallowRef } from 'vue';
+import { type DashboardState, type DashboardStore } from '@sentropic/dataviz-core';
+export * from '@sentropic/dataviz-core';
+export type { ButtonProps } from '@sentropic/design-system-vue';
+export type { TenantTheme } from '@sentropic/design-system-themes';
+/**
+ * Subscribe the current Vue scope to a dashboard store.
+ *
+ * Returns a read-only `ShallowRef<DashboardState>` updated on every store
+ * notification. The subscription is torn down automatically via
+ * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
+ */
+export declare function useDashboard(store: DashboardStore): Readonly<ShallowRef<DashboardState>>;
+/** Injection key carrying a {@link DashboardStore} down a component tree. */
+export declare const DashboardKey: InjectionKey<DashboardStore>;
+/** Provide a dashboard store to descendant components. */
+export declare function provideDashboard(store: DashboardStore): DashboardStore;
+/**
+ * Inject the dashboard store provided by an ancestor.
+ * Throws if no store was provided (fail fast rather than silently no-op).
+ */
+export declare function injectDashboard(): DashboardStore;
+//# 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;;;;;;;;;GASG;AAEH,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AACb,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAOxF;AAED,6EAA6E;AAC7E,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,cAAc,CAA+B,CAAC;AAEtF,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAGtE;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,cAAc,CAMhD"}

package/dist/index.js

@@ -0,0 +1,48 @@
+/**
+ * @sentropic/dataviz-vue
+ *
+ * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
+ * state object is replaced on each mutation, so a shallow ref is exactly right
+ * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
+ * one store across a component tree. Presentation comes from
+ * `@sentropic/design-system-vue`; this package only wires state.
+ */
+import { inject, onScopeDispose, provide, shallowRef, } from 'vue';
+import {} from '@sentropic/dataviz-core';
+// Re-export the full core surface so consumers need a single import.
+export * from '@sentropic/dataviz-core';
+/**
+ * Subscribe the current Vue scope to a dashboard store.
+ *
+ * Returns a read-only `ShallowRef<DashboardState>` updated on every store
+ * notification. The subscription is torn down automatically via
+ * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
+ */
+export function useDashboard(store) {
+    const state = shallowRef(store.getState());
+    const off = store.subscribe(() => {
+        state.value = store.getState();
+    });
+    onScopeDispose(off);
+    return state;
+}
+/** Injection key carrying a {@link DashboardStore} down a component tree. */
+export const DashboardKey = Symbol('dataviz-dashboard');
+/** Provide a dashboard store to descendant components. */
+export function provideDashboard(store) {
+    provide(DashboardKey, store);
+    return store;
+}
+/**
+ * Inject the dashboard store provided by an ancestor.
+ * Throws if no store was provided (fail fast rather than silently no-op).
+ */
+export function injectDashboard() {
+    const store = inject(DashboardKey);
+    if (!store) {
+        throw new Error('injectDashboard: no DashboardStore provided. Call provideDashboard() first.');
+    }
+    return store;
+}
+//# 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;;;;;;;;;GASG;AAEH,OAAO,EACL,MAAM,EACN,cAAc,EACd,OAAO,EACP,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAGN,MAAM,yBAAyB,CAAC;AAEjC,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAMxC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,MAAM,KAAK,GAAG,UAAU,CAAiB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAC/B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,6EAA6E;AAC7E,MAAM,CAAC,MAAM,YAAY,GAAiC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEtF,0DAA0D;AAC1D,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;IACjG,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@sentropic/dataviz-vue",
+  "version": "0.1.0",
+  "description": "Vue 3 adapter for @sentropic/dataviz-core, built on @sentropic/design-system-vue.",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rhanka/dataviz.git",
+    "directory": "packages/dataviz-vue"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@sentropic/dataviz-core": "0.1.0",
+    "@sentropic/design-system-vue": "0.16.0",
+    "@sentropic/design-system-themes": "0.11.0"
+  },
+  "peerDependencies": {
+    "vue": "^3"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.11",
+    "jsdom": "^29.1.1",
+    "vue": "^3.5.35"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}