@inkbar/vue 0.5.0 → 0.7.0

package/dist/index.js

@@ -11,28 +11,33 @@ import { useZoom as l } from "./composables/useZoom.js";
 import { usePage as u } from "./composables/usePage.js";
 import { useHistory as d } from "./composables/useHistory.js";
 import { useEmbedded as f } from "./composables/useEmbedded.js";
-import p from "./components/InkAnnotation.js";
-import m from "./components/InkPage.js";
-import h from "./components/InkViewport.js";
-import g from "./components/InkToolbar.js";
-import _ from "./components/InkIcon.js";
-import v from "./components/InkToolButton.js";
-import y from "./components/InkToolbarSeparator.js";
-import b from "./components/InkUndo.js";
-import x from "./components/InkRedo.js";
-import S from "./components/InkColorMenu.js";
-import C from "./components/InkShapeMenu.js";
-import w from "./components/InkSignatureDialog.js";
-import T from "./components/InkSignatureMenu.js";
-import E from "./components/InkHighlightMenu.js";
-import D from "./components/InkLineStyleMenu.js";
-import O from "./components/InkTextStyleMenu.js";
-import k from "./components/InkZoomIn.js";
-import A from "./components/InkZoomOut.js";
-import j from "./components/InkZoomSelect.js";
-import M from "./components/InkPageInput.js";
-import N from "./components/InkPageCount.js";
-import P from "./components/InkPrevPage.js";
-import F from "./components/InkNextPage.js";
-import I from "./components/InkThreadPopover.js";
-export { p as InkAnnotation, S as InkColorMenu, E as InkHighlightMenu, _ as InkIcon, D as InkLineStyleMenu, F as InkNextPage, m as InkPage, N as InkPageCount, M as InkPageInput, P as InkPrevPage, x as InkRedo, n as InkRoot, C as InkShapeMenu, w as InkSignatureDialog, T as InkSignatureMenu, O as InkTextStyleMenu, I as InkThreadPopover, v as InkToolButton, g as InkToolbar, y as InkToolbarSeparator, b as InkUndo, h as InkViewport, k as InkZoomIn, A as InkZoomOut, j as InkZoomSelect, e as injectInkContext, i as useAnnotations, r as useDocument, f as useEmbedded, d as useHistory, u as usePage, t as useReadable, c as useSelection, a as useTool, s as useToolOptions, o as useToolStyle, l as useZoom };
+import { useSearch as p } from "./composables/useSearch.js";
+import { useCommand as m } from "./composables/useCommand.js";
+import h from "./components/InkAnnotation.js";
+import g from "./components/InkPage.js";
+import _ from "./components/InkViewport.js";
+import v from "./components/InkToolbar.js";
+import y from "./components/InkIcon.js";
+import b from "./components/InkToolButton.js";
+import x from "./components/InkCommand.js";
+import S from "./components/InkToolbarSeparator.js";
+import C from "./components/InkUndo.js";
+import w from "./components/InkRedo.js";
+import T from "./components/InkColorMenu.js";
+import E from "./components/InkShapeMenu.js";
+import D from "./components/InkSignatureDialog.js";
+import O from "./components/InkSignatureMenu.js";
+import k from "./components/InkHighlightMenu.js";
+import A from "./components/InkLineStyleMenu.js";
+import j from "./components/InkTextStyleMenu.js";
+import M from "./components/InkZoomIn.js";
+import N from "./components/InkZoomOut.js";
+import P from "./components/InkZoomSelect.js";
+import F from "./components/InkPageInput.js";
+import I from "./components/InkPageCount.js";
+import L from "./components/InkPrevPage.js";
+import R from "./components/InkNextPage.js";
+import z from "./components/InkThreadPopover.js";
+import B from "./components/InkSearchButton.js";
+import V from "./components/InkFindBar.js";
+export { h as InkAnnotation, T as InkColorMenu, x as InkCommand, V as InkFindBar, k as InkHighlightMenu, y as InkIcon, A as InkLineStyleMenu, R as InkNextPage, g as InkPage, I as InkPageCount, F as InkPageInput, L as InkPrevPage, w as InkRedo, n as InkRoot, B as InkSearchButton, E as InkShapeMenu, D as InkSignatureDialog, O as InkSignatureMenu, j as InkTextStyleMenu, z as InkThreadPopover, b as InkToolButton, v as InkToolbar, S as InkToolbarSeparator, C as InkUndo, _ as InkViewport, M as InkZoomIn, N as InkZoomOut, P as InkZoomSelect, e as injectInkContext, i as useAnnotations, m as useCommand, r as useDocument, f as useEmbedded, d as useHistory, u as usePage, t as useReadable, p as useSearch, c as useSelection, a as useTool, s as useToolOptions, o as useToolStyle, l as useZoom };

package/dist/ref-history.d.ts

@@ -1,18 +1,27 @@
 import { Ref } from 'vue';
 import { InkHistory } from './context';
-import { Annotation } from '@inkbar/core';
+import { Annotation, AnnotationStore } from '@inkbar/core';
 export interface RefHistoryOptions {
     /** The host's list (the `annotations` v-model). Undefined when the host does not control it. */
     source: () => readonly Annotation[] | undefined;
     /** Proposes a list to the host; the step only counts once the host applies it. */
     apply: (list: Annotation[]) => void;
     enabled: Readonly<Ref<boolean>>;
+    /**
+     * The open document's controlled store, if any. Its user edits run the plugins' reactions
+     * inside the edit's step, with or without `enabled`.
+     */
+    store?: () => AnnotationStore | null | undefined;
     limit?: number;
 }
+export interface RefHistory extends InkHistory {
+    /** Runs the reactions for the store's user edits; returns a function that detaches it. */
+    attach(store: AnnotationStore): () => void;
+}
 /**
  * Snapshot undo and redo over a host-owned annotation list, for controlled hosts. The stacks
  * live in core's `createSnapshotHistory`; this wrapper feeds it from a watch on the host's list
- * and exposes refs.
+ * and exposes refs. Plugin stores it tracks are snapshotted with each step.
  */
-export declare function createRefHistory(opts: RefHistoryOptions): InkHistory;
+export declare function createRefHistory(opts: RefHistoryOptions): RefHistory;
 //# sourceMappingURL=ref-history.d.ts.map

package/dist/ref-history.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ref-history.d.ts","sourceRoot":"","sources":["../src/ref-history.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAI/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,WAAW,iBAAiB;IAChC,gGAAgG;IAChG,MAAM,EAAE,MAAM,SAAS,UAAU,EAAE,GAAG,SAAS,CAAA;IAC/C,kFAAkF;IAClF,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,UAAU,CAmBpE"}
+{"version":3,"file":"ref-history.d.ts","sourceRoot":"","sources":["../src/ref-history.ts"],"names":[],"mappings":"AACA,OAAO,EAAmC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAI/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC,gGAAgG;IAChG,MAAM,EAAE,MAAM,SAAS,UAAU,EAAE,GAAG,SAAS,CAAA;IAC/C,kFAAkF;IAClF,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC5C,0FAA0F;IAC1F,MAAM,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,IAAI,CAAA;CAC3C;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,UAAU,CAmCpE"}

package/dist/ref-history.js

@@ -1,25 +1,36 @@
 import { useReadable as e } from "./use-readable.js";
-import { computed as t, watch as n } from "vue";
-import { createSnapshotHistory as r } from "@inkbar/core";
+import { computed as t, onScopeDispose as n, watch as r } from "vue";
+import { createSnapshotHistory as i } from "@inkbar/core";
 //#region src/ref-history.ts
-function i(i) {
-	let a = r({
-		apply: i.apply,
-		enabled: () => i.enabled.value,
-		...i.limit === void 0 ? {} : { limit: i.limit }
+function a(a) {
+	let o = i({
+		apply: a.apply,
+		enabled: () => a.enabled.value,
+		...a.limit === void 0 ? {} : { limit: a.limit }
 	});
-	a.observe(i.source()), n(i.source, (e) => a.observe(e));
-	let o = e(a.canUndo, !1), s = e(a.canRedo, !1);
+	if (o.observe(a.source()), r(a.source, (e) => o.observe(e)), a.store) {
+		let e;
+		r(a.store, (t) => {
+			e?.(), e = t ? o.attach(t) : void 0;
+		}, {
+			immediate: !0,
+			flush: "sync"
+		}), n(() => e?.());
+	}
+	let s = e(o.canUndo, !1), c = e(o.canRedo, !1);
 	return {
-		canUndo: t(() => i.enabled.value && o.value),
-		canRedo: t(() => i.enabled.value && s.value),
-		undo: () => a.undo(),
-		redo: () => a.redo(),
-		clear: () => a.clear(),
-		batch: (e) => a.batch(e)
+		canUndo: t(() => a.enabled.value && s.value),
+		canRedo: t(() => a.enabled.value && c.value),
+		undo: () => o.undo(),
+		redo: () => o.redo(),
+		clear: () => o.clear(),
+		batch: (e) => o.batch(e),
+		track: (e) => o.track(e),
+		react: (e) => o.react(e),
+		attach: (e) => o.attach(e)
 	};
 }
 //#endregion
-export { i as createRefHistory };
+export { a as createRefHistory };
 
 //# sourceMappingURL=ref-history.js.map

package/dist/ref-history.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref-history.js","names":["createRefHistory","history","createSnapshotHistory","opts","watch","next","canUndo","useReadable","canRedo","computed","fn"],"sources":["../src/ref-history.ts"],"sourcesContent":["import { createSnapshotHistory } from '@inkbar/core'\nimport { computed, watch, type Ref } from 'vue'\n\nimport { useReadable } from './use-readable'\n\nimport type { InkHistory } from './context'\nimport type { Annotation } from '@inkbar/core'\n\nexport interface RefHistoryOptions {\n  /** The host's list (the `annotations` v-model). Undefined when the host does not control it. */\n  source: () => readonly Annotation[] | undefined\n  /** Proposes a list to the host; the step only counts once the host applies it. */\n  apply: (list: Annotation[]) => void\n  enabled: Readonly<Ref<boolean>>\n  limit?: number\n}\n\n/**\n * Snapshot undo and redo over a host-owned annotation list, for controlled hosts. The stacks\n * live in core's `createSnapshotHistory`; this wrapper feeds it from a watch on the host's list\n * and exposes refs.\n */\nexport function createRefHistory(opts: RefHistoryOptions): InkHistory {\n  const history = createSnapshotHistory({\n    apply: opts.apply,\n    enabled: () => opts.enabled.value,\n    ...(opts.limit === undefined ? {} : { limit: opts.limit }),\n  })\n  // Seeds the current list; later changes are steps.\n  history.observe(opts.source())\n  watch(opts.source, (next) => history.observe(next))\n  const canUndo = useReadable(history.canUndo, false)\n  const canRedo = useReadable(history.canRedo, false)\n  return {\n    canUndo: computed(() => opts.enabled.value && canUndo.value),\n    canRedo: computed(() => opts.enabled.value && canRedo.value),\n    undo: () => history.undo(),\n    redo: () => history.redo(),\n    clear: () => history.clear(),\n    batch: (fn) => history.batch(fn),\n  }\n}\n"],"mappings":";;;;AAsBA,SAAgBA,EAAiB,GAAqC;CACpE,IAAMC,IAAUC,EAAsB;EACpC,OAAOC,EAAK;EACZ,eAAeA,EAAK,QAAQ;EAC5B,GAAIA,EAAK,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,OAAOA,EAAK,MAAM;CAC1D,CAAC;CAGD,AADAF,EAAQ,QAAQE,EAAK,OAAO,CAAC,GAC7BC,EAAMD,EAAK,SAAS,MAASF,EAAQ,QAAQI,CAAI,CAAC;CAClD,IAAMC,IAAUC,EAAYN,EAAQ,SAAS,EAAK,GAC5CO,IAAUD,EAAYN,EAAQ,SAAS,EAAK;CAClD,OAAO;EACL,SAASQ,QAAeN,EAAK,QAAQ,SAASG,EAAQ,KAAK;EAC3D,SAASG,QAAeN,EAAK,QAAQ,SAASK,EAAQ,KAAK;EAC3D,YAAYP,EAAQ,KAAK;EACzB,YAAYA,EAAQ,KAAK;EACzB,aAAaA,EAAQ,MAAM;EAC3B,QAAQ,MAAOA,EAAQ,MAAMS,CAAE;CACjC;AACF"}
+{"version":3,"file":"ref-history.js","names":["createRefHistory","history","createSnapshotHistory","opts","watch","next","detach","store","onScopeDispose","canUndo","useReadable","canRedo","computed","fn"],"sources":["../src/ref-history.ts"],"sourcesContent":["import { createSnapshotHistory } from '@inkbar/core'\nimport { computed, onScopeDispose, watch, type Ref } from 'vue'\n\nimport { useReadable } from './use-readable'\n\nimport type { InkHistory } from './context'\nimport type { Annotation, AnnotationStore } from '@inkbar/core'\n\nexport interface RefHistoryOptions {\n  /** The host's list (the `annotations` v-model). Undefined when the host does not control it. */\n  source: () => readonly Annotation[] | undefined\n  /** Proposes a list to the host; the step only counts once the host applies it. */\n  apply: (list: Annotation[]) => void\n  enabled: Readonly<Ref<boolean>>\n  /**\n   * The open document's controlled store, if any. Its user edits run the plugins' reactions\n   * inside the edit's step, with or without `enabled`.\n   */\n  store?: () => AnnotationStore | null | undefined\n  limit?: number\n}\n\nexport interface RefHistory extends InkHistory {\n  /** Runs the reactions for the store's user edits; returns a function that detaches it. */\n  attach(store: AnnotationStore): () => void\n}\n\n/**\n * Snapshot undo and redo over a host-owned annotation list, for controlled hosts. The stacks\n * live in core's `createSnapshotHistory`; this wrapper feeds it from a watch on the host's list\n * and exposes refs. Plugin stores it tracks are snapshotted with each step.\n */\nexport function createRefHistory(opts: RefHistoryOptions): RefHistory {\n  const history = createSnapshotHistory({\n    apply: opts.apply,\n    enabled: () => opts.enabled.value,\n    ...(opts.limit === undefined ? {} : { limit: opts.limit }),\n  })\n  // Seeds the current list; later changes are steps.\n  history.observe(opts.source())\n  watch(opts.source, (next) => history.observe(next))\n  if (opts.store) {\n    // Sync, so the store is attached before anyone can edit through it.\n    let detach: (() => void) | undefined\n    watch(\n      opts.store,\n      (store) => {\n        detach?.()\n        detach = store ? history.attach(store) : undefined\n      },\n      { immediate: true, flush: 'sync' }\n    )\n    onScopeDispose(() => detach?.())\n  }\n  const canUndo = useReadable(history.canUndo, false)\n  const canRedo = useReadable(history.canRedo, false)\n  return {\n    canUndo: computed(() => opts.enabled.value && canUndo.value),\n    canRedo: computed(() => opts.enabled.value && canRedo.value),\n    undo: () => history.undo(),\n    redo: () => history.redo(),\n    clear: () => history.clear(),\n    batch: (fn) => history.batch(fn),\n    track: (store) => history.track(store),\n    react: (fn) => history.react(fn),\n    attach: (store) => history.attach(store),\n  }\n}\n"],"mappings":";;;;AAgCA,SAAgBA,EAAiB,GAAqC;CACpE,IAAMC,IAAUC,EAAsB;EACpC,OAAOC,EAAK;EACZ,eAAeA,EAAK,QAAQ;EAC5B,GAAIA,EAAK,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,OAAOA,EAAK,MAAM;CAC1D,CAAC;CAID,IAFAF,EAAQ,QAAQE,EAAK,OAAO,CAAC,GAC7BC,EAAMD,EAAK,SAAS,MAASF,EAAQ,QAAQI,CAAI,CAAC,GAC9CF,EAAK,OAAO;EAEd,IAAIG;EASJ,AARAF,EACED,EAAK,QACJ,MAAU;GAET,AADAG,IAAS,GACT,IAASC,IAAQN,EAAQ,OAAOM,CAAK,IAAI,KAAA;EAC3C,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GACAC,QAAqBF,IAAS,CAAC;CACjC;CACA,IAAMG,IAAUC,EAAYT,EAAQ,SAAS,EAAK,GAC5CU,IAAUD,EAAYT,EAAQ,SAAS,EAAK;CAClD,OAAO;EACL,SAASW,QAAeT,EAAK,QAAQ,SAASM,EAAQ,KAAK;EAC3D,SAASG,QAAeT,EAAK,QAAQ,SAASQ,EAAQ,KAAK;EAC3D,YAAYV,EAAQ,KAAK;EACzB,YAAYA,EAAQ,KAAK;EACzB,aAAaA,EAAQ,MAAM;EAC3B,QAAQ,MAAOA,EAAQ,MAAMY,CAAE;EAC/B,QAAQ,MAAUZ,EAAQ,MAAMM,CAAK;EACrC,QAAQ,MAAON,EAAQ,MAAMY,CAAE;EAC/B,SAAS,MAAUZ,EAAQ,OAAOM,CAAK;CACzC;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkbar/vue",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Vue 3 components and composables for Inkbar, the browser PDF viewer and editor.",
   "license": "MIT",
   "homepage": "https://inkbar.dev",
@@ -24,17 +24,18 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@inkbar/icons": "^0.5.0",
+    "@inkbar/icons": "^0.7.0",
     "reka-ui": "^2.11.0"
   },
   "peerDependencies": {
-    "@inkbar/core": "^0.5.0",
+    "@inkbar/core": "^0.7.0",
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@inkbar/core": "0.5.0",
+    "@inkbar/core": "0.7.0",
     "@inkbar/fixtures": "0.0.0",
-    "@inkbar/theme": "0.5.0",
+    "@inkbar/theme": "0.7.0",
+    "@axe-core/playwright": "^4.13.0",
     "@playwright/experimental-ct-vue": "1.62.1",
     "@playwright/test": "1.62.1",
     "@vitejs/plugin-vue": "^6.0.10",