@embedpdf/plugin-search 2.15.0 → 3.0.0-next.0

package/dist/svelte/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-search.svelte.ts","../../src/svelte/components/SearchLayer.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseSearchReturn {\n  provides: SearchScope | null;\n  state: SearchDocumentState;\n}\n\n/**\n * Hook for search state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useSearch = (getDocumentId: () => string | null): UseSearchReturn => {\n  const capability = useSearchCapability();\n\n  let searchState = $state<SearchDocumentState>(initialSearchDocumentState);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      searchState = initialSearchDocumentState;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Set initial state\n    searchState = scope.getState();\n\n    // Subscribe to changes\n    return scope.onStateChange((state) => {\n      searchState = state;\n    });\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return searchState;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import type { SearchResultState } from '@embedpdf/plugin-search';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import { useSearchCapability } from '../hooks';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  interface SearchLayerProps extends HTMLAttributes<HTMLDivElement> {\n    documentId: string;\n    pageIndex: number;\n    scale?: number;\n    highlightColor?: string;\n    activeHighlightColor?: string;\n  }\n\n  let {\n    documentId,\n    pageIndex,\n    scale: scaleOverride,\n    highlightColor = '#FFFF00',\n    activeHighlightColor = '#FFBF00',\n    ...divProps\n  }: SearchLayerProps = $props();\n\n  const searchCapability = useSearchCapability();\n  const documentState = useDocumentState(() => documentId);\n\n  let searchResultState = $state<SearchResultState | null>(null);\n\n  const scope = $derived(searchCapability.provides?.forDocument(documentId) ?? null);\n\n  const actualScale = $derived(\n    scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n  );\n\n  $effect(() => {\n    if (!scope) {\n      searchResultState = null;\n      return;\n    }\n\n    // Set initial state\n    const currentState = scope.getState();\n    searchResultState = {\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    };\n\n    // Subscribe to changes\n    return scope.onSearchResultStateChange((state) => {\n      searchResultState = state;\n    });\n  });\n\n  // Filter results for current page while preserving original indices\n  const pageResults = $derived(\n    searchResultState\n      ? searchResultState.results\n          .map((result, originalIndex) => ({ result, originalIndex }))\n          .filter(({ result }) => result.pageIndex === pageIndex)\n      : [],\n  );\n\n  // Decide which results to show\n  const resultsToShow = $derived(\n    searchResultState\n      ? pageResults.filter(\n          ({ originalIndex }) =>\n            searchResultState!.showAllResults ||\n            originalIndex === searchResultState!.activeResultIndex,\n        )\n      : [],\n  );\n</script>\n\n{#if searchResultState && searchResultState.active}\n  <div style:pointer-events=\"none\" {...divProps}>\n    {#each resultsToShow as { result, originalIndex }, idx (`result-${idx}`)}\n      {#each result.rects as rect, rectIdx (`rect-${idx}-${rectIdx}`)}\n        <div\n          style:position=\"absolute\"\n          style:top=\"{rect.origin.y * actualScale}px\"\n          style:left=\"{rect.origin.x * actualScale}px\"\n          style:width=\"{rect.size.width * actualScale}px\"\n          style:height=\"{rect.size.height * actualScale}px\"\n          style:background-color={originalIndex === searchResultState.activeResultIndex\n            ? activeHighlightColor\n            : highlightColor}\n          style:mix-blend-mode=\"multiply\"\n          style:transform=\"scale(1.02)\"\n          style:transform-origin=\"center\"\n          style:transition=\"opacity .3s ease-in-out\"\n          style:opacity=\"1\"\n        ></div>\n      {/each}\n    {/each}\n  </div>\n{/if}\n"],"names":["$$anchor"],"mappings":";;;;;AAQa,MAAA,kBAAA,MAAwB,UAAwB,aAAa,EAAE;AAC/D,MAAA,sBAAA,MAA4B,cAA4B,aAAa,EAAE;MAYvE,YAAA,CAAa,kBAAwD;AAC1E,QAAA,aAAa,oBAAA;MAEf,cAAc,EAAA,cAA4B,0BAA0B,CAAA;AAGlE,QAAA,uBAAsB,aAAA;AAGtB,QAAA,iBAAA,EAAA,QAAA,MACJ,WAAW,kBAAY,UAAA,IAAa,WAAW,SAAS,kBAAY,UAAU,CAAA,IAAI,IAAA;AAGpF,IAAA,kBAAc;UACN,WAAW,WAAW;AACtB,UAAA,cAAQ,UAAA;SAET,YAAA,CAAa,OAAO;AACvB,QAAA,IAAA,aAAc,4BAAA,IAAA;;IAEhB;AAEM,UAAA,QAAQ,SAAS,YAAY,KAAK;UAGxC,aAAc,MAAM,SAAA,GAAA,IAAA;AAGb,WAAA,MAAM,cAAA,CAAe,UAAU;AACpC,QAAA,IAAA,aAAc,OAAA,IAAA;AAAA,IAChB,CAAC;AAAA,EACH,CAAC;;IAGK,IAAA,WAAW;mBACN,cAAA;AAAA,IACT;AAAA,IACI,IAAA,QAAQ;mBACH,WAAA;AAAA,IACT;AAAA;AAEJ;;;wCC9DA;;AAkBI,MAAA,sDAAiB,SAAS,GAC1B,kEAAuB,SAAS,GAC7B,WAAO,oBAAA,SAAA;AAAA;;;;;;;;;AAGN,QAAA,mBAAmB,oBAAmB;AACtC,QAAA,gBAAgB,iBAAgB,MAAA,QAAA,UAAA;MAElC,oBAAoB,EAAA,MAAiC,IAAI;AAEvD,QAAA;;AAAiB,mCAAiB,aAAjB,mBAA2B,oCAA2B;AAAA,GAAI;QAE3E,cAAW,EAAA,QAAA,MAAA;;AAAA,mBAAA,UACG,SAAS,QAAA,UAAoB,mBAAc,YAAd,mBAAuB,UAAS;AAAA,GAAC;AAGlF,IAAA,YAAO,MAAO;AACP,QAAA,CAAA,EAAA,IAAA,KAAK,GAAE;AACV,QAAA,IAAA,mBAAoB,IAAI;;IAE1B;UAGM,eAAY,EAAA,IAAG,KAAK,EAAC,SAAQ;;MACnC;AAAA;QACE,SAAS,aAAa;AAAA,QACtB,mBAAmB,aAAa;AAAA,QAChC,gBAAgB,aAAa;AAAA,QAC7B,QAAQ,aAAa;AAAA;;;AAIhB,WAAA,EAAA,IAAA,KAAK,EAAC,0BAAyB,CAAE,UAAU;AAChD,QAAA,IAAA,mBAAoB,OAAK,IAAA;AAAA,IAC3B,CAAC;AAAA,EACH,CAAC;AAGK,QAAA,oCACJ,iBAAgB,IACZ,EAAA,IAAA,iBAAiB,EAAC,QACf,IAAG,CAAE,QAAQ,mBAAa,EAAQ,QAAQ,kBAC1C,OAAM,CAAA,EAAI,OAAM,MAAO,OAAO,cAAS,QAAA,SAAA;AAK1C,QAAA,sCACJ,iBAAgB,IACZ,EAAA,IAAA,WAAW,EAAC,OAAM,CAAA,EACb,cAAa,MAAA,EAAA,IACd,iBAAiB,EAAE,kBACnB,kBAAa,EAAA,IAAK,iBAAiB,EAAE,iBAAiB;;;;;UAO/D,MAAG,OAAA;AAAH,QAAA,iBAAA,iBAAoC,UAAQ,CAAA,EAAA,KAAA,GAAA,EAAA,kBAAA,OAAA,EAAA,EAAA;AAA5C,QAAA,KAAA,qBACQ,aAAa,GAAA,CAAA,EAAO,QAAQ,mCAA+B,GAAG,IAAA,CAAAA,WAAA,QAAA,QAAA;AAA1C,YAAA,6BAAA;AAAQ,YAAA,oCAAA;;;iCAC1B,SAAO,OAAK,CAAI,gCAAuB,GAAG,CAAA,IAAI,OAAO,IAAA,CAAAA,WAArC,SAAI;cACxB,QAAE,OAAA;;uDAAF,OAAE,IAAA,QAAA;AAAA;YAEW,KAAA,GAAA,EAAA,IAAA,IAAI,EAAC,OAAO,UAAI,WAAW,CAAA;AAAA,YAC1B,MAAA,GAAA,EAAA,IAAA,IAAI,EAAC,OAAO,UAAI,WAAW,CAAA;AAAA,YAC1B,OAAA,GAAA,EAAA,IAAA,IAAI,EAAC,KAAK,cAAQ,WAAW,CAAA;AAAA,YAC5B,QAAA,GAAA,EAAA,IAAA,IAAI,EAAC,KAAK,eAAS,WAAW,CAAA;AAAA,YACrB,oBAAA,0BAAkB,iBAAiB,EAAC,oBACxD,qBAAmB,IACnB,eAAc;AAAA;;;;;;8BARnB,KAAE;AAAA;;;cAHR,GAAG;0BAAH,GAAG;AAAA;;gBADD,iBAAiB,KAAA,EAAA,IAAI,iBAAiB,EAAC,OAAM,UAAA,UAAA;AAAA;;;;AAF1C;;;;;;"}

package/dist/vue/components/index.d.ts

@@ -1 +0,0 @@
-export { default as SearchLayer } from './search-layer.vue';

package/dist/vue/components/search-layer.vue.d.ts

@@ -1,13 +0,0 @@
-interface SearchLayerProps {
-    documentId: string;
-    pageIndex: number;
-    scale?: number;
-    highlightColor?: string;
-    activeHighlightColor?: string;
-}
-declare const __VLS_export: import('vue').DefineComponent<SearchLayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SearchLayerProps> & Readonly<{}>, {
-    highlightColor: string;
-    activeHighlightColor: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/vue/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-search';

package/dist/vue/hooks/use-search.d.ts

@@ -1,12 +0,0 @@
-import { MaybeRefOrGetter, Ref, ComputedRef } from 'vue';
-import { SearchPlugin, SearchDocumentState, SearchScope } from '../../lib/index.ts';
-export declare const useSearchPlugin: () => import('@embedpdf/core/vue').PluginState<SearchPlugin>;
-export declare const useSearchCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').SearchCapability>>;
-/**
- * Hook for search state for a specific document
- * @param documentId Document ID (can be ref, computed, getter, or plain value)
- */
-export declare const useSearch: (documentId: MaybeRefOrGetter<string>) => {
-    state: Ref<SearchDocumentState>;
-    provides: ComputedRef<SearchScope | null>;
-};

package/dist/vue/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),l=require("@embedpdf/plugin-search"),a=()=>t.useCapability(l.SearchPlugin.id),r=e.defineComponent({__name:"search-layer",props:{documentId:{},pageIndex:{},scale:{},highlightColor:{default:"#FFFF00"},activeHighlightColor:{default:"#FFBF00"}},setup(l){const r=l,{provides:o}=a(),n=t.useDocumentState(()=>r.documentId),u=e.ref(null),i=e.computed(()=>{var e;return(null==(e=o.value)?void 0:e.forDocument(r.documentId))??null}),c=e.computed(()=>{var e;return void 0!==r.scale?r.scale:(null==(e=n.value)?void 0:e.scale)??1});e.watch(i,(e,t,l)=>{if(!e)return void(u.value=null);const a=e.getState();u.value={results:a.results,activeResultIndex:a.activeResultIndex,showAllResults:a.showAllResults,active:a.active};l(e.onSearchResultStateChange(e=>{u.value=e}))},{immediate:!0});const s=e.computed(()=>u.value?u.value.results.map((e,t)=>({result:e,originalIndex:t})).filter(({result:e})=>e.pageIndex===r.pageIndex):[]),d=e.computed(()=>u.value?s.value.filter(({originalIndex:e})=>u.value.showAllResults||e===u.value.activeResultIndex):[]);return(t,a)=>u.value&&u.value.active?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:{pointerEvents:"none"}},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,({result:t,originalIndex:a},r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`result-${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rects,(t,o)=>(e.openBlock(),e.createElementBlock("div",{key:`rect-${r}-${o}`,style:e.normalizeStyle({position:"absolute",top:t.origin.y*c.value+"px",left:t.origin.x*c.value+"px",width:t.size.width*c.value+"px",height:t.size.height*c.value+"px",backgroundColor:a===u.value.activeResultIndex?l.activeHighlightColor:l.highlightColor,mixBlendMode:"multiply",transform:"scale(1.02)",transformOrigin:"center",transition:"opacity .3s ease-in-out",opacity:1})},null,4))),128))],64))),128))],16)):e.createCommentVNode("",!0)}});exports.SearchLayer=r,exports.useSearch=t=>{const{provides:r}=a(),o=e.ref(l.initialSearchDocumentState);e.watch([r,()=>e.toValue(t)],([e,t],a,r)=>{if(!e)return void(o.value=l.initialSearchDocumentState);const n=e.forDocument(t);o.value=n.getState();r(n.onStateChange(e=>{o.value=e}))},{immediate:!0});const n=e.computed(()=>{var l;const a=e.toValue(t);return(null==(l=r.value)?void 0:l.forDocument(a))??null});return{state:o,provides:n}},exports.useSearchCapability=a,exports.useSearchPlugin=()=>t.usePlugin(l.SearchPlugin.id),Object.keys(l).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>l[e]})});
-//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-search.ts","../../src/vue/components/search-layer.vue"],"sourcesContent":["import { ref, watch, computed, toValue, type MaybeRefOrGetter, Ref, ComputedRef } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\n/**\n * Hook for search state for a specific document\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useSearch = (\n  documentId: MaybeRefOrGetter<string>,\n): {\n  state: Ref<SearchDocumentState>;\n  provides: ComputedRef<SearchScope | null>;\n} => {\n  const { provides } = useSearchCapability();\n  const searchState = ref<SearchDocumentState>(initialSearchDocumentState);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        searchState.value = initialSearchDocumentState;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Set initial state\n      searchState.value = scope.getState();\n\n      // Subscribe to changes\n      const unsubscribe = scope.onStateChange((state) => {\n        searchState.value = state;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    state: searchState,\n    provides: scopedProvides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { ref, watch, computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { SearchResultState } from '@embedpdf/plugin-search';\nimport { useSearchCapability } from '../hooks/use-search';\n\ninterface SearchLayerProps {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  highlightColor?: string;\n  activeHighlightColor?: string;\n}\n\nconst props = withDefaults(defineProps<SearchLayerProps>(), {\n  highlightColor: '#FFFF00',\n  activeHighlightColor: '#FFBF00',\n});\n\nconst { provides: searchProvides } = useSearchCapability();\nconst documentState = useDocumentState(() => props.documentId);\nconst searchResultState = ref<SearchResultState | null>(null);\n\nconst scope = computed(() => searchProvides.value?.forDocument(props.documentId) ?? null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nwatch(\n  scope,\n  (scopeValue, _, onCleanup) => {\n    if (!scopeValue) {\n      searchResultState.value = null;\n      return;\n    }\n\n    // Set initial state\n    const currentState = scopeValue.getState();\n    searchResultState.value = {\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    };\n\n    // Subscribe to changes\n    const unsubscribe = scopeValue.onSearchResultStateChange((state) => {\n      searchResultState.value = state;\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n\n// Filter results for current page while preserving original indices\nconst pageResults = computed(() => {\n  if (!searchResultState.value) return [];\n\n  return searchResultState.value.results\n    .map((result, originalIndex) => ({ result, originalIndex }))\n    .filter(({ result }) => result.pageIndex === props.pageIndex);\n});\n\n// Decide which results to show\nconst resultsToShow = computed(() => {\n  if (!searchResultState.value) return [];\n\n  return pageResults.value.filter(\n    ({ originalIndex }) =>\n      searchResultState.value!.showAllResults ||\n      originalIndex === searchResultState.value!.activeResultIndex,\n  );\n});\n</script>\n\n<template>\n  <div\n    v-if=\"searchResultState && searchResultState.active\"\n    :style=\"{\n      pointerEvents: 'none',\n    }\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"({ result, originalIndex }, idx) in resultsToShow\" :key=\"`result-${idx}`\">\n      <div\n        v-for=\"(rect, rectIdx) in result.rects\"\n        :key=\"`rect-${idx}-${rectIdx}`\"\n        :style=\"{\n          position: 'absolute',\n          top: `${rect.origin.y * actualScale}px`,\n          left: `${rect.origin.x * actualScale}px`,\n          width: `${rect.size.width * actualScale}px`,\n          height: `${rect.size.height * actualScale}px`,\n          backgroundColor:\n            originalIndex === searchResultState.activeResultIndex\n              ? activeHighlightColor\n              : highlightColor,\n          mixBlendMode: 'multiply',\n          transform: 'scale(1.02)',\n          transformOrigin: 'center',\n          transition: 'opacity .3s ease-in-out',\n          opacity: 1,\n        }\"\n      />\n    </template>\n  </div>\n</template>\n"],"names":["useSearchCapability","useCapability","SearchPlugin","id","props","__props","provides","searchProvides","documentState","useDocumentState","documentId","searchResultState","ref","scope","computed","_a","value","forDocument","actualScale","scale","watch","scopeValue","_","onCleanup","currentState","getState","results","activeResultIndex","showAllResults","active","onSearchResultStateChange","state","immediate","pageResults","map","result","originalIndex","filter","pageIndex","resultsToShow","_openBlock","_createElementBlock","_mergeProps","style","$attrs","_Fragment","idx","rects","rect","rectIdx","key","_normalizeStyle","top","origin","y","left","x","width","size","height","activeHighlightColor","highlightColor","searchState","initialSearchDocumentState","toValue","providesValue","docId","onStateChange","scopedProvides","usePlugin"],"mappings":"4KAUaA,EAAsB,IAAMC,gBAA4BC,EAAAA,aAAaC,gLCIlF,MAAMC,EAAQC,GAKNC,SAAUC,GAAmBP,IAC/BQ,EAAgBC,EAAAA,iBAAiB,IAAML,EAAMM,YAC7CC,EAAoBC,EAAAA,IAA8B,MAElDC,EAAQC,WAAS,WAAM,OAAA,OAAAC,EAAAR,EAAeS,YAAf,EAAAD,EAAsBE,YAAYb,EAAMM,cAAe,OAE9EQ,EAAcJ,EAAAA,SAAS,WAC3B,YAAoB,IAAhBV,EAAMe,MAA4Bf,EAAMe,OACrC,OAAAJ,EAAAP,EAAcQ,YAAd,EAAAD,EAAqBI,QAAS,IAGvCC,EAAAA,MACEP,EACA,CAACQ,EAAYC,EAAGC,KACd,IAAKF,EAEH,YADAV,EAAkBK,MAAQ,MAK5B,MAAMQ,EAAeH,EAAWI,WAChCd,EAAkBK,MAAQ,CACxBU,QAASF,EAAaE,QACtBC,kBAAmBH,EAAaG,kBAChCC,eAAgBJ,EAAaI,eAC7BC,OAAQL,EAAaK,QAQvBN,EAJoBF,EAAWS,0BAA2BC,IACxDpB,EAAkBK,MAAQe,MAK9B,CAAEC,WAAW,IAIf,MAAMC,EAAcnB,EAAAA,SAAS,IACtBH,EAAkBK,MAEhBL,EAAkBK,MAAMU,QAC5BQ,IAAI,CAACC,EAAQC,KAAA,CAAqBD,SAAQC,mBAC1CC,OAAO,EAAGF,YAAaA,EAAOG,YAAclC,EAAMkC,WAJhB,IAQjCC,EAAgBzB,EAAAA,SAAS,IACxBH,EAAkBK,MAEhBiB,EAAYjB,MAAMqB,OACvB,EAAGD,mBACDzB,EAAkBK,MAAOY,gBACzBQ,IAAkBzB,EAAkBK,MAAOW,mBALV,iBAY7BhB,EAAAK,OAAqBL,EAAAK,MAAkBa,QAD/CW,EAAAA,YAAAC,EAAAA,mBA6BM,MA7BNC,aA6BM,OA3BHC,MAAO,wBAGAC,EAAAA,QAAM,EAEdJ,EAAAA,WAAA,GAAAC,qBAqBWI,EAAAA,2BArB0CN,EAAAvB,MAAa,EAA9CmB,SAAQC,iBAAiBU,kEAAuCA,OAClFN,EAAAA,WAAA,GAAAC,EAAAA,mBAmBEI,6BAlB0BV,EAAOY,MAAK,CAA9BC,EAAMC,mBADhBR,EAAAA,mBAmBE,MAAA,CAjBCS,IAAG,QAAUJ,KAAOG,IACpBN,MAAKQ,EAAAA,eAAA,qBAAsDC,IAAAJ,EAAKK,OAAOC,EAAIpC,EAAAF,MAAhB,KAAoDuC,KAAAP,EAAKK,OAAOG,EAAItC,EAAAF,MAAhB,KAAqDyC,MAAAT,EAAKU,KAAKD,MAAQvC,EAAAF,MAAlB,KAAwD2C,OAAAX,EAAKU,KAAKC,OAASzC,EAAAF,MAAnB,qBAA2EoB,IAAkBzB,EAAAK,MAAkBW,kBAAkCtB,EAAAuD,qBAAqCvD,EAAAwD,oPDzEzZnD,IAKA,MAAMJ,SAAEA,GAAaN,IACf8D,EAAclD,EAAAA,IAAyBmD,8BAE7C3C,EAAAA,MACE,CAACd,EAAU,IAAM0D,UAAQtD,IACzB,EAAEuD,EAAeC,GAAQ5C,EAAGC,KAC1B,IAAK0C,EAEH,YADAH,EAAY9C,MAAQ+C,EAAAA,4BAItB,MAAMlD,EAAQoD,EAAchD,YAAYiD,GAGxCJ,EAAY9C,MAAQH,EAAMY,WAO1BF,EAJoBV,EAAMsD,cAAepC,IACvC+B,EAAY9C,MAAQe,MAKxB,CAAEC,WAAW,IAGf,MAAMoC,EAAiBtD,EAAAA,SAAS,WAC9B,MAAMoD,EAAQF,EAAAA,QAAQtD,GACtB,OAAO,OAAAK,EAAAT,EAASU,YAAT,EAAAD,EAAgBE,YAAYiD,KAAU,OAG/C,MAAO,CACLnC,MAAO+B,EACPxD,SAAU8D,0DA9CiB,IAAMC,YAAwBnE,EAAAA,aAAaC"}

package/dist/vue/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './components';
-export * from '../lib/index.ts';

package/dist/vue/index.js

@@ -1,131 +0,0 @@
-import { ref, watch, toValue, computed, defineComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, normalizeStyle, createCommentVNode } from "vue";
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/vue";
-import { SearchPlugin, initialSearchDocumentState } from "@embedpdf/plugin-search";
-export * from "@embedpdf/plugin-search";
-const useSearchPlugin = () => usePlugin(SearchPlugin.id);
-const useSearchCapability = () => useCapability(SearchPlugin.id);
-const useSearch = (documentId) => {
-  const { provides } = useSearchCapability();
-  const searchState = ref(initialSearchDocumentState);
-  watch(
-    [provides, () => toValue(documentId)],
-    ([providesValue, docId], _, onCleanup) => {
-      if (!providesValue) {
-        searchState.value = initialSearchDocumentState;
-        return;
-      }
-      const scope = providesValue.forDocument(docId);
-      searchState.value = scope.getState();
-      const unsubscribe = scope.onStateChange((state) => {
-        searchState.value = state;
-      });
-      onCleanup(unsubscribe);
-    },
-    { immediate: true }
-  );
-  const scopedProvides = computed(() => {
-    var _a;
-    const docId = toValue(documentId);
-    return ((_a = provides.value) == null ? void 0 : _a.forDocument(docId)) ?? null;
-  });
-  return {
-    state: searchState,
-    provides: scopedProvides
-  };
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "search-layer",
-  props: {
-    documentId: {},
-    pageIndex: {},
-    scale: {},
-    highlightColor: { default: "#FFFF00" },
-    activeHighlightColor: { default: "#FFBF00" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { provides: searchProvides } = useSearchCapability();
-    const documentState = useDocumentState(() => props.documentId);
-    const searchResultState = ref(null);
-    const scope = computed(() => {
-      var _a;
-      return ((_a = searchProvides.value) == null ? void 0 : _a.forDocument(props.documentId)) ?? null;
-    });
-    const actualScale = computed(() => {
-      var _a;
-      if (props.scale !== void 0) return props.scale;
-      return ((_a = documentState.value) == null ? void 0 : _a.scale) ?? 1;
-    });
-    watch(
-      scope,
-      (scopeValue, _, onCleanup) => {
-        if (!scopeValue) {
-          searchResultState.value = null;
-          return;
-        }
-        const currentState = scopeValue.getState();
-        searchResultState.value = {
-          results: currentState.results,
-          activeResultIndex: currentState.activeResultIndex,
-          showAllResults: currentState.showAllResults,
-          active: currentState.active
-        };
-        const unsubscribe = scopeValue.onSearchResultStateChange((state) => {
-          searchResultState.value = state;
-        });
-        onCleanup(unsubscribe);
-      },
-      { immediate: true }
-    );
-    const pageResults = computed(() => {
-      if (!searchResultState.value) return [];
-      return searchResultState.value.results.map((result, originalIndex) => ({ result, originalIndex })).filter(({ result }) => result.pageIndex === props.pageIndex);
-    });
-    const resultsToShow = computed(() => {
-      if (!searchResultState.value) return [];
-      return pageResults.value.filter(
-        ({ originalIndex }) => searchResultState.value.showAllResults || originalIndex === searchResultState.value.activeResultIndex
-      );
-    });
-    return (_ctx, _cache) => {
-      return searchResultState.value && searchResultState.value.active ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        style: {
-          pointerEvents: "none"
-        }
-      }, _ctx.$attrs), [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(resultsToShow.value, ({ result, originalIndex }, idx) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: `result-${idx}`
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(result.rects, (rect, rectIdx) => {
-              return openBlock(), createElementBlock("div", {
-                key: `rect-${idx}-${rectIdx}`,
-                style: normalizeStyle({
-                  position: "absolute",
-                  top: `${rect.origin.y * actualScale.value}px`,
-                  left: `${rect.origin.x * actualScale.value}px`,
-                  width: `${rect.size.width * actualScale.value}px`,
-                  height: `${rect.size.height * actualScale.value}px`,
-                  backgroundColor: originalIndex === searchResultState.value.activeResultIndex ? __props.activeHighlightColor : __props.highlightColor,
-                  mixBlendMode: "multiply",
-                  transform: "scale(1.02)",
-                  transformOrigin: "center",
-                  transition: "opacity .3s ease-in-out",
-                  opacity: 1
-                })
-              }, null, 4);
-            }), 128))
-          ], 64);
-        }), 128))
-      ], 16)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as SearchLayer,
-  useSearch,
-  useSearchCapability,
-  useSearchPlugin
-};
-//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-search.ts","../../src/vue/components/search-layer.vue"],"sourcesContent":["import { ref, watch, computed, toValue, type MaybeRefOrGetter, Ref, ComputedRef } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport {\n  SearchPlugin,\n  SearchDocumentState,\n  SearchScope,\n  initialSearchDocumentState,\n} from '@embedpdf/plugin-search';\n\nexport const useSearchPlugin = () => usePlugin<SearchPlugin>(SearchPlugin.id);\nexport const useSearchCapability = () => useCapability<SearchPlugin>(SearchPlugin.id);\n\n/**\n * Hook for search state for a specific document\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useSearch = (\n  documentId: MaybeRefOrGetter<string>,\n): {\n  state: Ref<SearchDocumentState>;\n  provides: ComputedRef<SearchScope | null>;\n} => {\n  const { provides } = useSearchCapability();\n  const searchState = ref<SearchDocumentState>(initialSearchDocumentState);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        searchState.value = initialSearchDocumentState;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Set initial state\n      searchState.value = scope.getState();\n\n      // Subscribe to changes\n      const unsubscribe = scope.onStateChange((state) => {\n        searchState.value = state;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    state: searchState,\n    provides: scopedProvides,\n  };\n};\n","<script setup lang=\"ts\">\nimport { ref, watch, computed } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { SearchResultState } from '@embedpdf/plugin-search';\nimport { useSearchCapability } from '../hooks/use-search';\n\ninterface SearchLayerProps {\n  documentId: string;\n  pageIndex: number;\n  scale?: number;\n  highlightColor?: string;\n  activeHighlightColor?: string;\n}\n\nconst props = withDefaults(defineProps<SearchLayerProps>(), {\n  highlightColor: '#FFFF00',\n  activeHighlightColor: '#FFBF00',\n});\n\nconst { provides: searchProvides } = useSearchCapability();\nconst documentState = useDocumentState(() => props.documentId);\nconst searchResultState = ref<SearchResultState | null>(null);\n\nconst scope = computed(() => searchProvides.value?.forDocument(props.documentId) ?? null);\n\nconst actualScale = computed(() => {\n  if (props.scale !== undefined) return props.scale;\n  return documentState.value?.scale ?? 1;\n});\n\nwatch(\n  scope,\n  (scopeValue, _, onCleanup) => {\n    if (!scopeValue) {\n      searchResultState.value = null;\n      return;\n    }\n\n    // Set initial state\n    const currentState = scopeValue.getState();\n    searchResultState.value = {\n      results: currentState.results,\n      activeResultIndex: currentState.activeResultIndex,\n      showAllResults: currentState.showAllResults,\n      active: currentState.active,\n    };\n\n    // Subscribe to changes\n    const unsubscribe = scopeValue.onSearchResultStateChange((state) => {\n      searchResultState.value = state;\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n\n// Filter results for current page while preserving original indices\nconst pageResults = computed(() => {\n  if (!searchResultState.value) return [];\n\n  return searchResultState.value.results\n    .map((result, originalIndex) => ({ result, originalIndex }))\n    .filter(({ result }) => result.pageIndex === props.pageIndex);\n});\n\n// Decide which results to show\nconst resultsToShow = computed(() => {\n  if (!searchResultState.value) return [];\n\n  return pageResults.value.filter(\n    ({ originalIndex }) =>\n      searchResultState.value!.showAllResults ||\n      originalIndex === searchResultState.value!.activeResultIndex,\n  );\n});\n</script>\n\n<template>\n  <div\n    v-if=\"searchResultState && searchResultState.active\"\n    :style=\"{\n      pointerEvents: 'none',\n    }\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"({ result, originalIndex }, idx) in resultsToShow\" :key=\"`result-${idx}`\">\n      <div\n        v-for=\"(rect, rectIdx) in result.rects\"\n        :key=\"`rect-${idx}-${rectIdx}`\"\n        :style=\"{\n          position: 'absolute',\n          top: `${rect.origin.y * actualScale}px`,\n          left: `${rect.origin.x * actualScale}px`,\n          width: `${rect.size.width * actualScale}px`,\n          height: `${rect.size.height * actualScale}px`,\n          backgroundColor:\n            originalIndex === searchResultState.activeResultIndex\n              ? activeHighlightColor\n              : highlightColor,\n          mixBlendMode: 'multiply',\n          transform: 'scale(1.02)',\n          transformOrigin: 'center',\n          transition: 'opacity .3s ease-in-out',\n          opacity: 1,\n        }\"\n      />\n    </template>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs","_Fragment","_normalizeStyle"],"mappings":"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"}