visio-svelte-viewer 0.1.1 → 0.3.0

package/dist/VisioViewer.svelte

@@ -1,18 +1,26 @@
 <script lang="ts">
-  import { mountFrameworkViewer, viewerHandle, viewerOptions, type MountedViewer, type ViewerProps, type VsdxSource, type VisioEdit, type SvgExportOptions, type CurrentPagePrintSnapshotOptions } from './runtime.js';
+  import { readonly, writable } from 'svelte/store';
+  import { mountFrameworkViewer, viewerHandle, viewerOptions, viewerStateSource, type ViewerState, type MountedViewer, type ViewerProps, type VsdxSource, type VisioEdit, type SvgExportOptions, type CurrentPagePrintSnapshotOptions } from './runtime.js';
   type Props = ViewerProps & { class?: string; style?: string };
   let { document, pageIndex, zoom, showToolbar, events, class: className, style }: Props = $props();
   const options = $derived({ document, pageIndex, zoom, showToolbar, events } satisfies Required<ViewerProps>);
   let binding: MountedViewer | undefined;
   const handle = viewerHandle(() => binding);
+  // The component owns its state store, so subscribers made before mount still see updates.
+  const state = writable<ViewerState | null>(null);
   function attach(host: HTMLElement, props: ViewerProps) {
     const mounted = mountFrameworkViewer(host, viewerOptions(props));
     binding = mounted;
+    const source = viewerStateSource(() => mounted);
+    state.set(source.getSnapshot());
+    const stop = source.subscribe(() => state.set(source.getSnapshot()));
     return {
       update(next: ViewerProps) { mounted.update(viewerOptions(next)); },
-      destroy() { binding = undefined; mounted.destroy(); },
+      destroy() { stop(); state.set(null); binding = undefined; mounted.destroy(); },
     };
   }
+  /** Reactive viewer state as a Svelte store: `const state = viewer.getState()`, then `$state`. */
+  export function getState() { return readonly(state); }
   export function getHandle() { return handle; }
   export function load(source: VsdxSource) { return handle.load(source); }
   export function applyEdits(edits: readonly VisioEdit[]) { return handle.applyEdits(edits); }

package/dist/VisioViewer.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Component } from 'svelte';
-import type { ViewerProps, ViewerHandle } from './types/packages/bindings/src/common.js';
-declare const VisioViewer: Component<ViewerProps & { class?: string; style?: string }, Pick<ViewerHandle, 'load' | 'replacePlainText' | 'applyEdits' | 'undo' | 'redo' | 'cancelEdit' | 'exportVsdx' | 'fit' | 'setLayerVisibility' | 'resetLayerVisibility' | 'exportSvg' | 'createPrintSnapshot'> & { getHandle(): ViewerHandle }>;
+import type { Readable } from 'svelte/store';
+import type { ViewerProps, ViewerHandle, ViewerState } from './types/packages/bindings/src/common.js';
+declare const VisioViewer: Component<ViewerProps & { class?: string; style?: string }, Pick<ViewerHandle, 'load' | 'replacePlainText' | 'applyEdits' | 'undo' | 'redo' | 'cancelEdit' | 'exportVsdx' | 'fit' | 'setLayerVisibility' | 'resetLayerVisibility' | 'exportSvg' | 'createPrintSnapshot'> & { getHandle(): ViewerHandle; getState(): Readable<ViewerState | null> }>;
 export default VisioViewer;