@embedpdf/plugin-document-manager 2.0.0-next.0

package/dist/svelte/index.js

@@ -0,0 +1,175 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { DocumentManagerPlugin, DocumentManagerPluginPackage as DocumentManagerPluginPackage$1 } from "@embedpdf/plugin-document-manager";
+export * from "@embedpdf/plugin-document-manager";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { usePlugin, useCapability, useCoreState, useDocumentState } from "@embedpdf/core/svelte";
+const useDocumentManagerPlugin = () => usePlugin(DocumentManagerPlugin.id);
+const useDocumentManagerCapability = () => useCapability(DocumentManagerPlugin.id);
+function useActiveDocument() {
+  const coreStateRef = useCoreState();
+  const activeDocumentId = $.derived(() => {
+    var _a;
+    return ((_a = coreStateRef.current) == null ? void 0 : _a.activeDocumentId) ?? null;
+  });
+  const activeDocument = $.derived(() => {
+    const core = coreStateRef.current;
+    if (!core) return null;
+    const docId = core.activeDocumentId;
+    return docId ? core.documents[docId] ?? null : null;
+  });
+  return {
+    get activeDocumentId() {
+      return $.get(activeDocumentId);
+    },
+    get activeDocument() {
+      return $.get(activeDocument);
+    }
+  };
+}
+function useOpenDocuments(getDocumentIds) {
+  const coreStateRef = useCoreState();
+  const documentIds = $.derived(() => getDocumentIds ? getDocumentIds() : void 0);
+  const documents = $.derived(() => {
+    const core = coreStateRef.current;
+    if (!core) return [];
+    if ($.get(documentIds) && $.get(documentIds).length > 0) {
+      return $.get(documentIds).map((docId) => core.documents[docId]).filter((doc) => doc !== null && doc !== void 0);
+    }
+    return core.documentOrder.map((docId) => core.documents[docId]).filter((doc) => doc !== null && doc !== void 0);
+  });
+  return {
+    get current() {
+      return $.get(documents);
+    }
+  };
+}
+var root = $.from_html(`<input type="file" accept="application/pdf"/>`);
+function FilePicker($$anchor, $$props) {
+  $.push($$props, true);
+  const documentManagerPlugin = useDocumentManagerPlugin();
+  const documentManagerCapability = useDocumentManagerCapability();
+  let inputRef = $.state(null);
+  let taskRef = $.state(null);
+  let optionsRef = $.state(void 0);
+  $.user_effect(() => {
+    var _a;
+    if (!((_a = documentManagerPlugin.plugin) == null ? void 0 : _a.onOpenFileRequest)) return;
+    const unsubscribe = documentManagerPlugin.plugin.onOpenFileRequest(({ task, options }) => {
+      var _a2;
+      $.set(taskRef, task, true);
+      $.set(optionsRef, options, true);
+      (_a2 = $.get(inputRef)) == null ? void 0 : _a2.click();
+    });
+    return unsubscribe;
+  });
+  const onChange = async (event) => {
+    var _a, _b, _c, _d, _e;
+    const target = event.target;
+    const file = (_a = target.files) == null ? void 0 : _a[0];
+    if (!file || !documentManagerCapability.provides) return;
+    const buffer = await file.arrayBuffer();
+    const openTask = documentManagerCapability.provides.openDocumentBuffer({
+      name: file.name,
+      buffer,
+      documentId: (_b = $.get(optionsRef)) == null ? void 0 : _b.documentId,
+      scale: (_c = $.get(optionsRef)) == null ? void 0 : _c.scale,
+      rotation: (_d = $.get(optionsRef)) == null ? void 0 : _d.rotation,
+      autoActivate: (_e = $.get(optionsRef)) == null ? void 0 : _e.autoActivate
+    });
+    openTask.wait(
+      (result) => {
+        var _a2;
+        (_a2 = $.get(taskRef)) == null ? void 0 : _a2.resolve(result);
+      },
+      (error) => {
+        var _a2;
+        (_a2 = $.get(taskRef)) == null ? void 0 : _a2.fail(error);
+      }
+    );
+  };
+  var input = root();
+  input.__change = onChange;
+  $.set_style(input, "", {}, { display: "none" });
+  $.bind_this(input, ($$value) => $.set(inputRef, $$value), () => $.get(inputRef));
+  $.append($$anchor, input);
+  $.pop();
+}
+$.delegate(["change"]);
+function DocumentContext($$anchor, $$props) {
+  $.push($$props, true);
+  const openDocuments = useOpenDocuments();
+  const activeDoc = useActiveDocument();
+  const capability = useDocumentManagerCapability();
+  const actions = {
+    select: (documentId) => {
+      var _a;
+      (_a = capability.provides) == null ? void 0 : _a.setActiveDocument(documentId);
+    },
+    close: (documentId) => {
+      var _a;
+      (_a = capability.provides) == null ? void 0 : _a.closeDocument(documentId);
+    },
+    move: (documentId, toIndex) => {
+      var _a;
+      (_a = capability.provides) == null ? void 0 : _a.moveDocument(documentId, toIndex);
+    }
+  };
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  $.snippet(node, () => $$props.children, () => ({
+    documentStates: openDocuments.current,
+    activeDocumentId: activeDoc.activeDocumentId,
+    actions
+  }));
+  $.append($$anchor, fragment);
+  $.pop();
+}
+function DocumentContent($$anchor, $$props) {
+  $.push($$props, true);
+  const docState = useDocumentState(() => $$props.documentId);
+  const isLoading = $.derived(() => {
+    var _a;
+    return ((_a = docState.current) == null ? void 0 : _a.status) === "loading";
+  });
+  const isError = $.derived(() => {
+    var _a;
+    return ((_a = docState.current) == null ? void 0 : _a.status) === "error";
+  });
+  const isLoaded = $.derived(() => {
+    var _a;
+    return ((_a = docState.current) == null ? void 0 : _a.status) === "loaded";
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment_1 = $.comment();
+      var node_1 = $.first_child(fragment_1);
+      $.snippet(node_1, () => $$props.children, () => ({
+        documentState: docState.current,
+        isLoading: $.get(isLoading),
+        isError: $.get(isError),
+        isLoaded: $.get(isLoaded)
+      }));
+      $.append($$anchor2, fragment_1);
+    };
+    $.if(node, ($$render) => {
+      if (docState.current) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+const DocumentManagerPluginPackage = createPluginPackage(DocumentManagerPluginPackage$1).addUtility(FilePicker).build();
+export {
+  DocumentContent,
+  DocumentContext,
+  DocumentManagerPluginPackage,
+  FilePicker,
+  useActiveDocument,
+  useDocumentManagerCapability,
+  useDocumentManagerPlugin,
+  useOpenDocuments
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-document-manager.svelte.ts","../../src/svelte/components/FilePicker.svelte","../../src/svelte/components/DocumentContext.svelte","../../src/svelte/components/DocumentContent.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin, useCoreState } from '@embedpdf/core/svelte';\nimport { DocumentManagerPlugin } from '@embedpdf/plugin-document-manager';\nimport type { DocumentState } from '@embedpdf/core';\n\nexport const useDocumentManagerPlugin = () =>\n  usePlugin<DocumentManagerPlugin>(DocumentManagerPlugin.id);\nexport const useDocumentManagerCapability = () =>\n  useCapability<DocumentManagerPlugin>(DocumentManagerPlugin.id);\n\n/**\n * Hook for active document state\n */\nexport function useActiveDocument() {\n  // Keep reference to avoid destructuring - maintains reactivity\n  const coreStateRef = useCoreState();\n\n  // Use $derived.by for computed values that depend on the reactive coreState\n  const activeDocumentId = $derived.by(() => {\n    return coreStateRef.current?.activeDocumentId ?? null;\n  });\n\n  const activeDocument = $derived.by(() => {\n    const core = coreStateRef.current;\n    if (!core) return null;\n\n    const docId = core.activeDocumentId;\n    return docId ? (core.documents[docId] ?? null) : null;\n  });\n\n  return {\n    get activeDocumentId() {\n      return activeDocumentId;\n    },\n    get activeDocument() {\n      return activeDocument;\n    },\n  };\n}\n\n/**\n * Hook for all open documents (in order)\n * @param getDocumentIds Optional getter function for specific document IDs to filter/order by\n */\nexport function useOpenDocuments(getDocumentIds?: () => string[] | undefined) {\n  // Keep reference to avoid destructuring - maintains reactivity\n  const coreStateRef = useCoreState();\n\n  // Derive documentIds reactively if getter is provided\n  const documentIds = $derived(getDocumentIds ? getDocumentIds() : undefined);\n\n  // Use $derived.by for computed array of documents\n  const documents = $derived.by(() => {\n    const core = coreStateRef.current;\n    if (!core) return [];\n\n    // If specific documentIds are provided, use THEIR order\n    if (documentIds && documentIds.length > 0) {\n      return documentIds\n        .map((docId) => core.documents[docId])\n        .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n    }\n\n    // Otherwise use the global document order\n    return core.documentOrder\n      .map((docId) => core.documents[docId])\n      .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n  });\n\n  return {\n    get current() {\n      return documents;\n    },\n  };\n}\n","<script lang=\"ts\">\n  import { useDocumentManagerCapability, useDocumentManagerPlugin } from '../hooks';\n  import type { Task } from '@embedpdf/models';\n  import type { PdfErrorReason } from '@embedpdf/models';\n  import type {\n    OpenDocumentResponse,\n    OpenFileDialogOptions,\n  } from '@embedpdf/plugin-document-manager';\n\n  const documentManagerPlugin = useDocumentManagerPlugin();\n  const documentManagerCapability = useDocumentManagerCapability();\n\n  let inputRef = $state<HTMLInputElement | null>(null);\n  let taskRef = $state<Task<OpenDocumentResponse, PdfErrorReason> | null>(null);\n  let optionsRef = $state<OpenFileDialogOptions | undefined>(undefined);\n\n  $effect(() => {\n    if (!documentManagerPlugin.plugin?.onOpenFileRequest) return;\n\n    const unsubscribe = documentManagerPlugin.plugin.onOpenFileRequest(({ task, options }) => {\n      taskRef = task;\n      optionsRef = options;\n      inputRef?.click();\n    });\n\n    return unsubscribe;\n  });\n\n  const onChange = async (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const file = target.files?.[0];\n    if (!file || !documentManagerCapability.provides) return;\n\n    const buffer = await file.arrayBuffer();\n    const openTask = documentManagerCapability.provides.openDocumentBuffer({\n      name: file.name,\n      buffer,\n      documentId: optionsRef?.documentId,\n      scale: optionsRef?.scale,\n      rotation: optionsRef?.rotation,\n      autoActivate: optionsRef?.autoActivate,\n    });\n\n    openTask.wait(\n      (result) => {\n        taskRef?.resolve(result);\n      },\n      (error) => {\n        taskRef?.fail(error);\n      },\n    );\n  };\n</script>\n\n<input\n  bind:this={inputRef}\n  type=\"file\"\n  accept=\"application/pdf\"\n  style:display=\"none\"\n  onchange={onChange}\n/>\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useOpenDocuments, useActiveDocument, useDocumentManagerCapability } from '../hooks';\n  import type { DocumentState } from '@embedpdf/core';\n\n  export interface TabActions {\n    select: (documentId: string) => void;\n    close: (documentId: string) => void;\n    move: (documentId: string, toIndex: number) => void;\n  }\n\n  export interface DocumentContextRenderProps {\n    documentStates: DocumentState[];\n    activeDocumentId: string | null;\n    actions: TabActions;\n  }\n\n  interface DocumentContextProps {\n    children: Snippet<[DocumentContextRenderProps]>;\n  }\n\n  let { children }: DocumentContextProps = $props();\n\n  const openDocuments = useOpenDocuments();\n  const activeDoc = useActiveDocument();\n  const capability = useDocumentManagerCapability();\n\n  const actions: TabActions = {\n    select: (documentId: string) => {\n      capability.provides?.setActiveDocument(documentId);\n    },\n    close: (documentId: string) => {\n      capability.provides?.closeDocument(documentId);\n    },\n    move: (documentId: string, toIndex: number) => {\n      capability.provides?.moveDocument(documentId, toIndex);\n    },\n  };\n</script>\n\n<!--\n  Headless component for managing document tabs\n  Provides all state and actions, completely UI-agnostic\n  \n  @example\n  <DocumentContext>\n    {#snippet children({ documentStates, activeDocumentId, actions })}\n      <div class=\"tabs\">\n        {#each documentStates as doc (doc.id)}\n          <button\n            onclick={() => actions.select(doc.id)}\n            class:active={doc.id === activeDocumentId}\n          >\n            {doc.name}\n            <button onclick={(e) => { e.stopPropagation(); actions.close(doc.id); }}>×</button>\n          </button>\n        {/each}\n      </div>\n    {/snippet}\n  </DocumentContext>\n-->\n{@render children({\n  documentStates: openDocuments.current,\n  activeDocumentId: activeDoc.activeDocumentId,\n  actions,\n})}\n","<script lang=\"ts\">\n  import type { Snippet } from 'svelte';\n  import { useDocumentState } from '@embedpdf/core/svelte';\n  import type { DocumentState } from '@embedpdf/core';\n\n  export interface DocumentContentRenderProps {\n    documentState: DocumentState;\n    isLoading: boolean;\n    isError: boolean;\n    isLoaded: boolean;\n  }\n\n  interface DocumentContentProps {\n    documentId: string | null;\n    children: Snippet<[DocumentContentRenderProps]>;\n  }\n\n  let { documentId, children }: DocumentContentProps = $props();\n\n  const docState = useDocumentState(() => documentId);\n\n  const isLoading = $derived(docState.current?.status === 'loading');\n  const isError = $derived(docState.current?.status === 'error');\n  const isLoaded = $derived(docState.current?.status === 'loaded');\n</script>\n\n<!--\n  Headless component for rendering document content with loading/error states\n  \n  @example\n  <DocumentContent {documentId}>\n    {#snippet children({ documentState, isLoading, isError, isLoaded })}\n      {#if isLoading}\n        <LoadingSpinner />\n      {:else if isError}\n        <ErrorMessage />\n      {:else if isLoaded}\n        <PDFViewer {documentState} />\n      {/if}\n    {/snippet}\n  </DocumentContent>\n-->\n{#if docState.current}\n  {@render children({\n    documentState: docState.current,\n    isLoading,\n    isError,\n    isLoaded,\n  })}\n{/if}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { DocumentManagerPluginPackage as BaseDocumentManagerPackage } from '@embedpdf/plugin-document-manager';\n\nimport { FilePicker, DocumentContext, DocumentContent } from './components';\n\nexport * from './hooks';\nexport * from './components';\n\nexport * from '@embedpdf/plugin-document-manager';\n\nexport const DocumentManagerPluginPackage = createPluginPackage(BaseDocumentManagerPackage)\n  .addUtility(FilePicker)\n  .build();\n"],"names":["_a","BaseDocumentManagerPackage"],"mappings":"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"}

package/dist/vue/components/document-content.vue.d.ts

@@ -0,0 +1,29 @@
+import { MaybeRefOrGetter } from 'vue';
+import { DocumentState } from '@embedpdf/core';
+export interface DocumentContentRenderProps {
+    documentState: DocumentState;
+    isLoading: boolean;
+    isError: boolean;
+    isLoaded: boolean;
+}
+interface DocumentContentProps {
+    documentId: MaybeRefOrGetter<string | null>;
+}
+declare var __VLS_1: {
+    documentState: any;
+    isLoading: any;
+    isError: any;
+    isLoaded: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DocumentContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DocumentContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/document-context.vue.d.ts

@@ -0,0 +1,28 @@
+import { DocumentState } from '@embedpdf/core';
+export interface TabActions {
+    select: (documentId: string) => void;
+    close: (documentId: string) => void;
+    move: (documentId: string, toIndex: number) => void;
+}
+export interface DocumentContextRenderProps {
+    documentStates: DocumentState[];
+    activeDocumentId: string | null;
+    actions: TabActions;
+}
+declare var __VLS_1: {
+    documentStates: any;
+    activeDocumentId: any;
+    actions: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/file-picker.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as DocumentContent } from './document-content.vue';
+export { default as DocumentContext } from './document-context.vue';
+export { default as FilePicker } from './file-picker.vue';

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

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

package/dist/vue/hooks/use-document-manager.d.ts

@@ -0,0 +1,17 @@
+import { DocumentState } from '@embedpdf/core';
+import { DocumentManagerPlugin } from '../../lib/index.ts';
+import { MaybeRefOrGetter } from 'vue';
+export declare const useDocumentManagerPlugin: () => import('@embedpdf/core/vue').PluginState<DocumentManagerPlugin>;
+export declare const useDocumentManagerCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').DocumentManagerCapability>>;
+/**
+ * Hook for active document state
+ */
+export declare function useActiveDocument(): {
+    activeDocumentId: import('vue').ComputedRef<string | null>;
+    activeDocument: import('vue').ComputedRef<DocumentState | null>;
+};
+/**
+ * Hook for all open documents (in order)
+ * @param getDocumentIds Optional getter function, ref, or array of specific document IDs to filter/order by
+ */
+export declare function useOpenDocuments(getDocumentIds?: MaybeRefOrGetter<string[] | undefined>): import('vue').ComputedRef<DocumentState[]>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-document-manager"),n=require("vue"),u=require("@embedpdf/core/vue"),o=n.defineComponent({__name:"document-content",props:{documentId:{}},setup(e){const t=e,o=u.useDocumentState(()=>n.toValue(t.documentId)),l=n.computed(()=>{var e;return"loading"===(null==(e=o.value)?void 0:e.status)}),a=n.computed(()=>{var e;return"error"===(null==(e=o.value)?void 0:e.status)}),r=n.computed(()=>{var e;return"loaded"===(null==(e=o.value)?void 0:e.status)});return(e,t)=>n.unref(o)?n.renderSlot(e.$slots,"default",{key:0,documentState:n.unref(o),isLoading:l.value,isError:a.value,isLoaded:r.value}):n.createCommentVNode("",!0)}}),l=()=>u.usePlugin(t.DocumentManagerPlugin.id),a=()=>u.useCapability(t.DocumentManagerPlugin.id);function r(){const e=u.useCoreState();return{activeDocumentId:n.computed(()=>{var t;return(null==(t=e.value)?void 0:t.activeDocumentId)??null}),activeDocument:n.computed(()=>{const t=e.value;if(!t)return null;const n=t.activeDocumentId;return n?t.documents[n]??null:null})}}function c(e){const t=u.useCoreState();return n.computed(()=>{const u=t.value;if(!u)return[];const o=e?n.toValue(e):void 0;return o&&o.length>0?o.map(e=>u.documents[e]).filter(e=>null!=e):u.documentOrder.map(e=>u.documents[e]).filter(e=>null!=e)})}const i=n.defineComponent({__name:"document-context",setup(e){const t=c(),{activeDocumentId:u}=r(),{provides:o}=a(),l={select:e=>{var t;null==(t=o.value)||t.setActiveDocument(e)},close:e=>{var t;null==(t=o.value)||t.closeDocument(e)},move:(e,t)=>{var n;null==(n=o.value)||n.moveDocument(e,t)}};return(e,o)=>n.renderSlot(e.$slots,"default",{documentStates:n.unref(t),activeDocumentId:n.unref(u),actions:l})}}),s=n.defineComponent({__name:"file-picker",setup(e){const{plugin:t}=l(),{provides:u}=a(),o=n.ref(null),r=n.ref(null),c=n.ref(void 0);n.watch(t,(e,t,n)=>{if(!(null==e?void 0:e.onOpenFileRequest))return;n(e.onOpenFileRequest(({task:e,options:t})=>{var n;r.value=e,c.value=t,null==(n=o.value)||n.click()}))},{immediate:!0});const i=async e=>{var t,n,o,l,a;const i=null==(t=e.target.files)?void 0:t[0],s=u.value;if(!i||!s)return;const d=await i.arrayBuffer();s.openDocumentBuffer({name:i.name,buffer:d,documentId:null==(n=c.value)?void 0:n.documentId,scale:null==(o=c.value)?void 0:o.scale,rotation:null==(l=c.value)?void 0:l.rotation,autoActivate:null==(a=c.value)?void 0:a.autoActivate}).wait(e=>{var t;null==(t=r.value)||t.resolve(e)},e=>{var t;null==(t=r.value)||t.fail(e)})};return(e,t)=>(n.openBlock(),n.createElementBlock("input",{ref_key:"inputRef",ref:o,type:"file",accept:"application/pdf",style:{display:"none"},onChange:i},null,544))}}),d=e.createPluginPackage(t.DocumentManagerPluginPackage).addUtility(s).build();exports.DocumentContent=o,exports.DocumentContext=i,exports.DocumentManagerPluginPackage=d,exports.FilePicker=s,exports.useActiveDocument=r,exports.useDocumentManagerCapability=a,exports.useDocumentManagerPlugin=l,exports.useOpenDocuments=c,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/components/document-content.vue","../../src/vue/hooks/use-document-manager.ts","../../src/vue/components/document-context.vue","../../src/vue/components/file-picker.vue","../../src/vue/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { DocumentState } from '@embedpdf/core';\n\nexport interface DocumentContentRenderProps {\n  documentState: DocumentState;\n  isLoading: boolean;\n  isError: boolean;\n  isLoaded: boolean;\n}\n\ninterface DocumentContentProps {\n  documentId: MaybeRefOrGetter<string | null>;\n}\n\nconst props = defineProps<DocumentContentProps>();\nconst documentState = useDocumentState(() => toValue(props.documentId));\n\nconst isLoading = computed(() => documentState.value?.status === 'loading');\nconst isError = computed(() => documentState.value?.status === 'error');\nconst isLoaded = computed(() => documentState.value?.status === 'loaded');\n</script>\n\n<template>\n  <!--\n    Headless component for rendering document content with loading/error states\n    \n    @example\n    <DocumentContent :documentId=\"activeDocumentId\">\n      <template #default=\"{ documentState, isLoading, isError, isLoaded }\">\n        <LoadingSpinner v-if=\"isLoading\" />\n        <ErrorMessage v-else-if=\"isError\" />\n        <PDFViewer v-else-if=\"isLoaded\" :document=\"documentState\" />\n      </template>\n    </DocumentContent>\n  -->\n  <slot\n    v-if=\"documentState\"\n    :documentState=\"documentState\"\n    :isLoading=\"isLoading\"\n    :isError=\"isError\"\n    :isLoaded=\"isLoaded\"\n  />\n</template>\n","import { DocumentState } from '@embedpdf/core';\nimport { useCapability, usePlugin, useCoreState } from '@embedpdf/core/vue';\nimport { DocumentManagerPlugin } from '@embedpdf/plugin-document-manager';\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue';\n\nexport const useDocumentManagerPlugin = () =>\n  usePlugin<DocumentManagerPlugin>(DocumentManagerPlugin.id);\nexport const useDocumentManagerCapability = () =>\n  useCapability<DocumentManagerPlugin>(DocumentManagerPlugin.id);\n\n/**\n * Hook for active document state\n */\nexport function useActiveDocument() {\n  const coreState = useCoreState();\n\n  const activeDocumentId = computed(() => {\n    return coreState.value?.activeDocumentId ?? null;\n  });\n\n  const activeDocument = computed(() => {\n    const core = coreState.value;\n    if (!core) return null;\n\n    const docId = core.activeDocumentId;\n    return docId ? (core.documents[docId] ?? null) : null;\n  });\n\n  return {\n    activeDocumentId,\n    activeDocument,\n  };\n}\n\n/**\n * Hook for all open documents (in order)\n * @param getDocumentIds Optional getter function, ref, or array of specific document IDs to filter/order by\n */\nexport function useOpenDocuments(getDocumentIds?: MaybeRefOrGetter<string[] | undefined>) {\n  const coreState = useCoreState();\n\n  const documents = computed(() => {\n    const core = coreState.value;\n    if (!core) return [];\n\n    // Get documentIds reactively if provided\n    const documentIds = getDocumentIds ? toValue(getDocumentIds) : undefined;\n\n    // If specific documentIds are provided, use THEIR order\n    if (documentIds && documentIds.length > 0) {\n      return documentIds\n        .map((docId) => core.documents[docId])\n        .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n    }\n\n    // Otherwise use the global document order\n    return core.documentOrder\n      .map((docId) => core.documents[docId])\n      .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n  });\n\n  return documents;\n}\n","<script setup lang=\"ts\">\nimport { useOpenDocuments, useActiveDocument, useDocumentManagerCapability } from '../hooks';\nimport type { DocumentState } from '@embedpdf/core';\n\nexport interface TabActions {\n  select: (documentId: string) => void;\n  close: (documentId: string) => void;\n  move: (documentId: string, toIndex: number) => void;\n}\n\nexport interface DocumentContextRenderProps {\n  documentStates: DocumentState[];\n  activeDocumentId: string | null;\n  actions: TabActions;\n}\n\nconst documentStates = useOpenDocuments();\nconst { activeDocumentId } = useActiveDocument();\nconst { provides } = useDocumentManagerCapability();\n\nconst actions: TabActions = {\n  select: (documentId: string) => {\n    provides.value?.setActiveDocument(documentId);\n  },\n  close: (documentId: string) => {\n    provides.value?.closeDocument(documentId);\n  },\n  move: (documentId: string, toIndex: number) => {\n    provides.value?.moveDocument(documentId, toIndex);\n  },\n};\n</script>\n\n<template>\n  <!--\n    Headless component for managing document tabs\n    Provides all state and actions, completely UI-agnostic\n    \n    @example\n    <DocumentContext>\n      <template #default=\"{ documentStates, activeDocumentId, actions }\">\n        <div class=\"tabs\">\n          <button\n            v-for=\"doc in documentStates\"\n            :key=\"doc.id\"\n            @click=\"actions.select(doc.id)\"\n            :class=\"{ active: doc.id === activeDocumentId }\"\n          >\n            {{ doc.name }}\n            <button @click.stop=\"actions.close(doc.id)\">×</button>\n          </button>\n        </div>\n      </template>\n    </DocumentContext>\n  -->\n  <slot :documentStates=\"documentStates\" :activeDocumentId=\"activeDocumentId\" :actions=\"actions\" />\n</template>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport { useDocumentManagerCapability, useDocumentManagerPlugin } from '../hooks';\nimport type { Task } from '@embedpdf/models';\nimport type { PdfErrorReason } from '@embedpdf/models';\nimport type {\n  OpenDocumentResponse,\n  OpenFileDialogOptions,\n} from '@embedpdf/plugin-document-manager';\n\nconst { plugin } = useDocumentManagerPlugin();\nconst { provides } = useDocumentManagerCapability();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst taskRef = ref<Task<OpenDocumentResponse, PdfErrorReason> | null>(null);\nconst optionsRef = ref<OpenFileDialogOptions | undefined>(undefined);\n\nwatch(\n  plugin,\n  (pluginValue, _, onCleanup) => {\n    if (!pluginValue?.onOpenFileRequest) return;\n\n    const unsubscribe = pluginValue.onOpenFileRequest(({ task, options }) => {\n      taskRef.value = task;\n      optionsRef.value = options;\n      inputRef.value?.click();\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n\nconst onChange = async (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  const file = target.files?.[0];\n  const cap = provides.value;\n  if (!file || !cap) return;\n\n  const buffer = await file.arrayBuffer();\n  const openTask = cap.openDocumentBuffer({\n    name: file.name,\n    buffer,\n    documentId: optionsRef.value?.documentId,\n    scale: optionsRef.value?.scale,\n    rotation: optionsRef.value?.rotation,\n    autoActivate: optionsRef.value?.autoActivate,\n  });\n\n  openTask.wait(\n    (result) => {\n      taskRef.value?.resolve(result);\n    },\n    (error) => {\n      taskRef.value?.fail(error);\n    },\n  );\n};\n</script>\n\n<template>\n  <input\n    ref=\"inputRef\"\n    type=\"file\"\n    accept=\"application/pdf\"\n    style=\"display: none\"\n    @change=\"onChange\"\n  />\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { DocumentManagerPluginPackage as BaseDocumentManagerPackage } from '@embedpdf/plugin-document-manager';\nimport { FilePicker } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-document-manager';\n\n// A convenience package that auto-registers our utilities\nexport const DocumentManagerPluginPackage = createPluginPackage(BaseDocumentManagerPackage)\n  .addUtility(FilePicker) // headless utility consumers can mount once and call cap.openFileDialog()\n  .build();\n"],"names":["props","__props","documentState","useDocumentState","toValue","documentId","isLoading","computed","_a","value","status","isError","isLoaded","_unref","_renderSlot","_ctx","$slots","useDocumentManagerPlugin","usePlugin","DocumentManagerPlugin","id","useDocumentManagerCapability","useCapability","useActiveDocument","coreState","useCoreState","activeDocumentId","activeDocument","core","docId","documents","useOpenDocuments","getDocumentIds","documentIds","length","map","filter","doc","documentOrder","documentStates","provides","actions","select","setActiveDocument","close","closeDocument","move","toIndex","moveDocument","plugin","inputRef","ref","taskRef","optionsRef","watch","pluginValue","_","onCleanup","onOpenFileRequest","task","options","click","immediate","onChange","async","event","file","target","files","cap","buffer","arrayBuffer","openDocumentBuffer","name","_b","scale","_c","rotation","_d","autoActivate","_e","wait","result","resolve","error","fail","_createElementBlock","type","accept","style","display","DocumentManagerPluginPackage","createPluginPackage","BaseDocumentManagerPackage","addUtility","FilePicker","build"],"mappings":"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"}

package/dist/vue/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './components';
+export * from '../lib/index.ts';
+export declare const DocumentManagerPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').DocumentManagerPlugin, import('../lib/index.ts').DocumentManagerPluginConfig, unknown, import('@embedpdf/core').Action>>;

package/dist/vue/index.js

@@ -0,0 +1,169 @@
+import { createPluginPackage } from "@embedpdf/core";
+import { DocumentManagerPlugin, DocumentManagerPluginPackage as DocumentManagerPluginPackage$1 } from "@embedpdf/plugin-document-manager";
+export * from "@embedpdf/plugin-document-manager";
+import { defineComponent, toValue, computed, renderSlot, createCommentVNode, unref, ref, watch, createElementBlock, openBlock } from "vue";
+import { useDocumentState, usePlugin, useCapability, useCoreState } from "@embedpdf/core/vue";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "document-content",
+  props: {
+    documentId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const documentState = useDocumentState(() => toValue(props.documentId));
+    const isLoading = computed(() => {
+      var _a;
+      return ((_a = documentState.value) == null ? void 0 : _a.status) === "loading";
+    });
+    const isError = computed(() => {
+      var _a;
+      return ((_a = documentState.value) == null ? void 0 : _a.status) === "error";
+    });
+    const isLoaded = computed(() => {
+      var _a;
+      return ((_a = documentState.value) == null ? void 0 : _a.status) === "loaded";
+    });
+    return (_ctx, _cache) => {
+      return unref(documentState) ? renderSlot(_ctx.$slots, "default", {
+        key: 0,
+        documentState: unref(documentState),
+        isLoading: isLoading.value,
+        isError: isError.value,
+        isLoaded: isLoaded.value
+      }) : createCommentVNode("", true);
+    };
+  }
+});
+const useDocumentManagerPlugin = () => usePlugin(DocumentManagerPlugin.id);
+const useDocumentManagerCapability = () => useCapability(DocumentManagerPlugin.id);
+function useActiveDocument() {
+  const coreState = useCoreState();
+  const activeDocumentId = computed(() => {
+    var _a;
+    return ((_a = coreState.value) == null ? void 0 : _a.activeDocumentId) ?? null;
+  });
+  const activeDocument = computed(() => {
+    const core = coreState.value;
+    if (!core) return null;
+    const docId = core.activeDocumentId;
+    return docId ? core.documents[docId] ?? null : null;
+  });
+  return {
+    activeDocumentId,
+    activeDocument
+  };
+}
+function useOpenDocuments(getDocumentIds) {
+  const coreState = useCoreState();
+  const documents = computed(() => {
+    const core = coreState.value;
+    if (!core) return [];
+    const documentIds = getDocumentIds ? toValue(getDocumentIds) : void 0;
+    if (documentIds && documentIds.length > 0) {
+      return documentIds.map((docId) => core.documents[docId]).filter((doc) => doc !== null && doc !== void 0);
+    }
+    return core.documentOrder.map((docId) => core.documents[docId]).filter((doc) => doc !== null && doc !== void 0);
+  });
+  return documents;
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "document-context",
+  setup(__props) {
+    const documentStates = useOpenDocuments();
+    const { activeDocumentId } = useActiveDocument();
+    const { provides } = useDocumentManagerCapability();
+    const actions = {
+      select: (documentId) => {
+        var _a;
+        (_a = provides.value) == null ? void 0 : _a.setActiveDocument(documentId);
+      },
+      close: (documentId) => {
+        var _a;
+        (_a = provides.value) == null ? void 0 : _a.closeDocument(documentId);
+      },
+      move: (documentId, toIndex) => {
+        var _a;
+        (_a = provides.value) == null ? void 0 : _a.moveDocument(documentId, toIndex);
+      }
+    };
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        documentStates: unref(documentStates),
+        activeDocumentId: unref(activeDocumentId),
+        actions
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "file-picker",
+  setup(__props) {
+    const { plugin } = useDocumentManagerPlugin();
+    const { provides } = useDocumentManagerCapability();
+    const inputRef = ref(null);
+    const taskRef = ref(null);
+    const optionsRef = ref(void 0);
+    watch(
+      plugin,
+      (pluginValue, _, onCleanup) => {
+        if (!(pluginValue == null ? void 0 : pluginValue.onOpenFileRequest)) return;
+        const unsubscribe = pluginValue.onOpenFileRequest(({ task, options }) => {
+          var _a;
+          taskRef.value = task;
+          optionsRef.value = options;
+          (_a = inputRef.value) == null ? void 0 : _a.click();
+        });
+        onCleanup(unsubscribe);
+      },
+      { immediate: true }
+    );
+    const onChange = async (event) => {
+      var _a, _b, _c, _d, _e;
+      const target = event.target;
+      const file = (_a = target.files) == null ? void 0 : _a[0];
+      const cap = provides.value;
+      if (!file || !cap) return;
+      const buffer = await file.arrayBuffer();
+      const openTask = cap.openDocumentBuffer({
+        name: file.name,
+        buffer,
+        documentId: (_b = optionsRef.value) == null ? void 0 : _b.documentId,
+        scale: (_c = optionsRef.value) == null ? void 0 : _c.scale,
+        rotation: (_d = optionsRef.value) == null ? void 0 : _d.rotation,
+        autoActivate: (_e = optionsRef.value) == null ? void 0 : _e.autoActivate
+      });
+      openTask.wait(
+        (result) => {
+          var _a2;
+          (_a2 = taskRef.value) == null ? void 0 : _a2.resolve(result);
+        },
+        (error) => {
+          var _a2;
+          (_a2 = taskRef.value) == null ? void 0 : _a2.fail(error);
+        }
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        ref_key: "inputRef",
+        ref: inputRef,
+        type: "file",
+        accept: "application/pdf",
+        style: { "display": "none" },
+        onChange
+      }, null, 544);
+    };
+  }
+});
+const DocumentManagerPluginPackage = createPluginPackage(DocumentManagerPluginPackage$1).addUtility(_sfc_main).build();
+export {
+  _sfc_main$2 as DocumentContent,
+  _sfc_main$1 as DocumentContext,
+  DocumentManagerPluginPackage,
+  _sfc_main as FilePicker,
+  useActiveDocument,
+  useDocumentManagerCapability,
+  useDocumentManagerPlugin,
+  useOpenDocuments
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/components/document-content.vue","../../src/vue/hooks/use-document-manager.ts","../../src/vue/components/document-context.vue","../../src/vue/components/file-picker.vue","../../src/vue/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useDocumentState } from '@embedpdf/core/vue';\nimport type { DocumentState } from '@embedpdf/core';\n\nexport interface DocumentContentRenderProps {\n  documentState: DocumentState;\n  isLoading: boolean;\n  isError: boolean;\n  isLoaded: boolean;\n}\n\ninterface DocumentContentProps {\n  documentId: MaybeRefOrGetter<string | null>;\n}\n\nconst props = defineProps<DocumentContentProps>();\nconst documentState = useDocumentState(() => toValue(props.documentId));\n\nconst isLoading = computed(() => documentState.value?.status === 'loading');\nconst isError = computed(() => documentState.value?.status === 'error');\nconst isLoaded = computed(() => documentState.value?.status === 'loaded');\n</script>\n\n<template>\n  <!--\n    Headless component for rendering document content with loading/error states\n    \n    @example\n    <DocumentContent :documentId=\"activeDocumentId\">\n      <template #default=\"{ documentState, isLoading, isError, isLoaded }\">\n        <LoadingSpinner v-if=\"isLoading\" />\n        <ErrorMessage v-else-if=\"isError\" />\n        <PDFViewer v-else-if=\"isLoaded\" :document=\"documentState\" />\n      </template>\n    </DocumentContent>\n  -->\n  <slot\n    v-if=\"documentState\"\n    :documentState=\"documentState\"\n    :isLoading=\"isLoading\"\n    :isError=\"isError\"\n    :isLoaded=\"isLoaded\"\n  />\n</template>\n","import { DocumentState } from '@embedpdf/core';\nimport { useCapability, usePlugin, useCoreState } from '@embedpdf/core/vue';\nimport { DocumentManagerPlugin } from '@embedpdf/plugin-document-manager';\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue';\n\nexport const useDocumentManagerPlugin = () =>\n  usePlugin<DocumentManagerPlugin>(DocumentManagerPlugin.id);\nexport const useDocumentManagerCapability = () =>\n  useCapability<DocumentManagerPlugin>(DocumentManagerPlugin.id);\n\n/**\n * Hook for active document state\n */\nexport function useActiveDocument() {\n  const coreState = useCoreState();\n\n  const activeDocumentId = computed(() => {\n    return coreState.value?.activeDocumentId ?? null;\n  });\n\n  const activeDocument = computed(() => {\n    const core = coreState.value;\n    if (!core) return null;\n\n    const docId = core.activeDocumentId;\n    return docId ? (core.documents[docId] ?? null) : null;\n  });\n\n  return {\n    activeDocumentId,\n    activeDocument,\n  };\n}\n\n/**\n * Hook for all open documents (in order)\n * @param getDocumentIds Optional getter function, ref, or array of specific document IDs to filter/order by\n */\nexport function useOpenDocuments(getDocumentIds?: MaybeRefOrGetter<string[] | undefined>) {\n  const coreState = useCoreState();\n\n  const documents = computed(() => {\n    const core = coreState.value;\n    if (!core) return [];\n\n    // Get documentIds reactively if provided\n    const documentIds = getDocumentIds ? toValue(getDocumentIds) : undefined;\n\n    // If specific documentIds are provided, use THEIR order\n    if (documentIds && documentIds.length > 0) {\n      return documentIds\n        .map((docId) => core.documents[docId])\n        .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n    }\n\n    // Otherwise use the global document order\n    return core.documentOrder\n      .map((docId) => core.documents[docId])\n      .filter((doc): doc is DocumentState => doc !== null && doc !== undefined);\n  });\n\n  return documents;\n}\n","<script setup lang=\"ts\">\nimport { useOpenDocuments, useActiveDocument, useDocumentManagerCapability } from '../hooks';\nimport type { DocumentState } from '@embedpdf/core';\n\nexport interface TabActions {\n  select: (documentId: string) => void;\n  close: (documentId: string) => void;\n  move: (documentId: string, toIndex: number) => void;\n}\n\nexport interface DocumentContextRenderProps {\n  documentStates: DocumentState[];\n  activeDocumentId: string | null;\n  actions: TabActions;\n}\n\nconst documentStates = useOpenDocuments();\nconst { activeDocumentId } = useActiveDocument();\nconst { provides } = useDocumentManagerCapability();\n\nconst actions: TabActions = {\n  select: (documentId: string) => {\n    provides.value?.setActiveDocument(documentId);\n  },\n  close: (documentId: string) => {\n    provides.value?.closeDocument(documentId);\n  },\n  move: (documentId: string, toIndex: number) => {\n    provides.value?.moveDocument(documentId, toIndex);\n  },\n};\n</script>\n\n<template>\n  <!--\n    Headless component for managing document tabs\n    Provides all state and actions, completely UI-agnostic\n    \n    @example\n    <DocumentContext>\n      <template #default=\"{ documentStates, activeDocumentId, actions }\">\n        <div class=\"tabs\">\n          <button\n            v-for=\"doc in documentStates\"\n            :key=\"doc.id\"\n            @click=\"actions.select(doc.id)\"\n            :class=\"{ active: doc.id === activeDocumentId }\"\n          >\n            {{ doc.name }}\n            <button @click.stop=\"actions.close(doc.id)\">×</button>\n          </button>\n        </div>\n      </template>\n    </DocumentContext>\n  -->\n  <slot :documentStates=\"documentStates\" :activeDocumentId=\"activeDocumentId\" :actions=\"actions\" />\n</template>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport { useDocumentManagerCapability, useDocumentManagerPlugin } from '../hooks';\nimport type { Task } from '@embedpdf/models';\nimport type { PdfErrorReason } from '@embedpdf/models';\nimport type {\n  OpenDocumentResponse,\n  OpenFileDialogOptions,\n} from '@embedpdf/plugin-document-manager';\n\nconst { plugin } = useDocumentManagerPlugin();\nconst { provides } = useDocumentManagerCapability();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst taskRef = ref<Task<OpenDocumentResponse, PdfErrorReason> | null>(null);\nconst optionsRef = ref<OpenFileDialogOptions | undefined>(undefined);\n\nwatch(\n  plugin,\n  (pluginValue, _, onCleanup) => {\n    if (!pluginValue?.onOpenFileRequest) return;\n\n    const unsubscribe = pluginValue.onOpenFileRequest(({ task, options }) => {\n      taskRef.value = task;\n      optionsRef.value = options;\n      inputRef.value?.click();\n    });\n\n    onCleanup(unsubscribe);\n  },\n  { immediate: true },\n);\n\nconst onChange = async (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  const file = target.files?.[0];\n  const cap = provides.value;\n  if (!file || !cap) return;\n\n  const buffer = await file.arrayBuffer();\n  const openTask = cap.openDocumentBuffer({\n    name: file.name,\n    buffer,\n    documentId: optionsRef.value?.documentId,\n    scale: optionsRef.value?.scale,\n    rotation: optionsRef.value?.rotation,\n    autoActivate: optionsRef.value?.autoActivate,\n  });\n\n  openTask.wait(\n    (result) => {\n      taskRef.value?.resolve(result);\n    },\n    (error) => {\n      taskRef.value?.fail(error);\n    },\n  );\n};\n</script>\n\n<template>\n  <input\n    ref=\"inputRef\"\n    type=\"file\"\n    accept=\"application/pdf\"\n    style=\"display: none\"\n    @change=\"onChange\"\n  />\n</template>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { DocumentManagerPluginPackage as BaseDocumentManagerPackage } from '@embedpdf/plugin-document-manager';\nimport { FilePicker } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-document-manager';\n\n// A convenience package that auto-registers our utilities\nexport const DocumentManagerPluginPackage = createPluginPackage(BaseDocumentManagerPackage)\n  .addUtility(FilePicker) // headless utility consumers can mount once and call cap.openFileDialog()\n  .build();\n"],"names":["_unref","_renderSlot","_a","_createElementBlock","BaseDocumentManagerPackage","FilePicker"],"mappings":"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"}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@embedpdf/plugin-document-manager",
+  "version": "2.0.0-next.0",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@embedpdf/models": "2.0.0-next.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "typescript": "^5.0.0",
+    "@embedpdf/build": "1.1.0",
+    "@embedpdf/core": "2.0.0-next.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "preact": "^10.26.4",
+    "vue": ">=3.2.0",
+    "svelte": ">=5 <6",
+    "@embedpdf/core": "2.0.0-next.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-document-manager"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build:base": "vite build --mode base",
+    "build:react": "vite build --mode react",
+    "build:preact": "vite build --mode preact",
+    "build:vue": "vite build --mode vue",
+    "build:svelte": "vite build --mode svelte",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue,svelte \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\" \"vite build --mode svelte\"",
+    "clean": "rimraf dist",
+    "lint": "eslint src --color",
+    "lint:fix": "eslint src --color --fix"
+  }
+}