@embedpdf/plugin-i18n 2.0.0-next.0

package/dist/svelte/hooks/use-i18n.svelte.d.ts

@@ -0,0 +1,41 @@
+import { I18nPlugin } from '../../lib/index.ts';
+export declare const useI18nCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').I18nCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useI18nPlugin: () => {
+    plugin: I18nPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+/**
+ * Hook to get a translate function for a component
+ * Automatically updates all translations on locale or param changes
+ *
+ * @param getDocumentId - Function that returns the document ID for document-scoped translations
+ * @returns translate function and current locale
+ *
+ * @example
+ * const { translate, locale } = useTranslations(() => documentId);
+ * // In template:
+ * {translate('page.title')}
+ * {translate('page.count', { params: { count: 5 } })}
+ * {translate('unknown.key', { fallback: 'Default Text' })}
+ */
+export declare const useTranslations: (getDocumentId?: () => string | undefined) => {
+    translate: (key: string, options?: {
+        params?: Record<string, string | number>;
+        fallback?: string;
+    }) => string;
+    readonly locale: string;
+};
+export declare const useTranslation: (getKey: () => string, getOptions?: () => {
+    params?: Record<string, string | number>;
+    fallback?: string;
+} | undefined, getDocumentId?: () => string | undefined) => {
+    readonly current: string;
+};
+export declare const useLocale: () => {
+    readonly current: string;
+};

package/dist/svelte/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/core/svelte"),r=require("@embedpdf/plugin-i18n");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const o=n(e),a=()=>t.useCapability(r.I18nPlugin.id),l=e=>{const t=a();let r=o.state(0);const n=o.derived(()=>null==e?void 0:e());o.user_effect(()=>{const e=t.provides,a=o.get(n);if(!e)return;const l=e.onLocaleChange(()=>{o.update(r)}),s=a?e.forDocument(a).onParamsChanged(()=>{o.update(r)}):e.onParamsChanged(()=>{o.update(r)});return()=>{l(),s()}});return{translate:(n,a)=>{o.get(r);const l=t.provides;if(!l)return(null==a?void 0:a.fallback)??n;const s=null==e?void 0:e();return l.t(n,{documentId:s,params:null==a?void 0:a.params,fallback:null==a?void 0:a.fallback})},get locale(){var e;return(null==(e=t.provides)?void 0:e.getLocale())??"en"}}},s=(e,t,r)=>{const{translate:n}=l(r);return{get current(){return n(e(),null==t?void 0:t())}}};exports.Translate=function(e,t){o.push(t,!0);const r=s(()=>t.k,()=>({params:t.params,fallback:t.fallback}),()=>t.documentId);o.next();var n=o.text();o.template_effect(()=>o.set_text(n,r.current)),o.append(e,n),o.pop()},exports.useI18nCapability=a,exports.useI18nPlugin=()=>t.usePlugin(r.I18nPlugin.id),exports.useLocale=()=>{const e=a();let t=o.state("en");return o.user_effect(()=>{const r=e.provides;if(r)return o.set(t,r.getLocale(),!0),r.onLocaleChange(({currentLocale:e})=>{o.set(t,e,!0)})}),{get current(){return o.get(t)}}},exports.useTranslation=s,exports.useTranslations=l,Object.keys(r).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
+//# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-i18n.svelte.ts","../../src/svelte/components/Translate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { I18nPlugin } from '@embedpdf/plugin-i18n';\n\nexport const useI18nCapability = () => useCapability<I18nPlugin>(I18nPlugin.id);\nexport const useI18nPlugin = () => usePlugin<I18nPlugin>(I18nPlugin.id);\n\n/**\n * Hook to get a translate function for a component\n * Automatically updates all translations on locale or param changes\n *\n * @param getDocumentId - Function that returns the document ID for document-scoped translations\n * @returns translate function and current locale\n *\n * @example\n * const { translate, locale } = useTranslations(() => documentId);\n * // In template:\n * {translate('page.title')}\n * {translate('page.count', { params: { count: 5 } })}\n * {translate('unknown.key', { fallback: 'Default Text' })}\n */\nexport const useTranslations = (getDocumentId?: () => string | undefined) => {\n  const capability = useI18nCapability();\n\n  let forceUpdateCounter = $state(0);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId?.());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides) return;\n\n    // Subscribe to locale changes\n    const unsubscribeLocale = provides.onLocaleChange(() => {\n      forceUpdateCounter++;\n    });\n\n    // Subscribe to params changes\n    const unsubscribeParams = docId\n      ? provides.forDocument(docId).onParamsChanged(() => {\n          forceUpdateCounter++;\n        })\n      : provides.onParamsChanged(() => {\n          forceUpdateCounter++;\n        });\n\n    return () => {\n      unsubscribeLocale();\n      unsubscribeParams();\n    };\n  });\n\n  // Create translate function\n  const translate = (\n    key: string,\n    options?: {\n      params?: Record<string, string | number>;\n      fallback?: string;\n    },\n  ): string => {\n    // Access forceUpdateCounter to trigger reactivity\n    forceUpdateCounter;\n\n    const provides = capability.provides;\n    if (!provides) return options?.fallback ?? key;\n\n    const docId = getDocumentId?.();\n    return provides.t(key, {\n      documentId: docId,\n      params: options?.params,\n      fallback: options?.fallback,\n    });\n  };\n\n  return {\n    translate,\n    get locale() {\n      return capability.provides?.getLocale() ?? 'en';\n    },\n  };\n};\n\n// Keep the old hook for single-key translations (useful for derived state)\nexport const useTranslation = (\n  getKey: () => string,\n  getOptions?: () =>\n    | {\n        params?: Record<string, string | number>;\n        fallback?: string;\n      }\n    | undefined,\n  getDocumentId?: () => string | undefined,\n) => {\n  const { translate } = useTranslations(getDocumentId);\n\n  return {\n    get current() {\n      return translate(getKey(), getOptions?.());\n    },\n  };\n};\n\nexport const useLocale = () => {\n  const capability = useI18nCapability();\n\n  let locale = $state<string>('en');\n\n  $effect(() => {\n    const provides = capability.provides;\n\n    if (!provides) return;\n\n    locale = provides.getLocale();\n\n    return provides.onLocaleChange(({ currentLocale }) => {\n      locale = currentLocale;\n    });\n  });\n\n  return {\n    get current() {\n      return locale;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { useTranslation } from '../hooks/use-i18n.svelte';\n\n  interface TranslateProps {\n    k: string;\n    params?: Record<string, string | number>;\n    fallback?: string;\n    documentId?: string;\n  }\n\n  let { k, params, fallback, documentId }: TranslateProps = $props();\n\n  const translation = useTranslation(\n    () => k,\n    () => ({ params, fallback }),\n    () => documentId,\n  );\n</script>\n\n{translation.current}\n"],"names":["useI18nCapability","useCapability","I18nPlugin","id","useTranslations","getDocumentId","capability","forceUpdateCounter","documentId","$","user_effect","provides","docId","unsubscribeLocale","onLocaleChange","unsubscribeParams","forDocument","onParamsChanged","translate","key","options","fallback","t","params","locale","_a","getLocale","useTranslation","getKey","getOptions","current","translation","$$props","k","template_effect","set_text","text","usePlugin","currentLocale","set"],"mappings":"ogBAGaA,EAAA,IAA0BC,gBAA0BC,EAAAA,WAAWC,IAiB/DC,EAAmBC,IACxB,MAAAC,EAAaN,IAEf,IAAAO,UAA4B,GAG1B,MAAAC,gBAAsB,MAAAH,OAAA,EAAAA,KAE5BI,EAAAC,uBACQC,EAAWL,EAAWK,SACtBC,QAAQJ,OAETG,EAAA,OAGC,MAAAE,EAAoBF,EAASG,6BACjCP,KAIIQ,EAAoBH,EACtBD,EAASK,YAAYJ,GAAOK,8BAC1BV,KAEFI,EAASM,gBAAA,cACPV,gBAIJM,IACAE,cA2BFG,UAtBI,CACJC,EACAC,WAMAb,SAEMI,EAAWL,EAAWK,SACvB,IAAAA,EAAA,OAAiB,MAAAS,OAAA,EAAAA,EAASC,WAAYF,EAErC,MAAAP,EAAQ,MAAAP,OAAA,EAAAA,WACPM,EAASW,EAAEH,EAAA,CAChBX,WAAYI,EACZW,OAAQ,MAAAH,OAAA,EAAAA,EAASG,OACjBF,SAAU,MAAAD,OAAA,EAAAA,EAASC,YAMjB,UAAAG,SACK,OAAA,OAAAC,EAAAnB,EAAWK,eAAX,EAAAc,EAAqBC,cAAe,IAC7C,IAKSC,GACXC,EACAC,EAMAxB,qBAEQa,GAAcd,EAAgBC,UAGhC,WAAAyB,UACKZ,EAAUU,IAAU,MAAAC,OAAA,EAAAA,IAC7B,iDCxFI,MAAAE,EAAcJ,EAAc,IAAAK,EAAAC,EAAA,MAEvBV,gBAAQF,SAAQW,EAAAX,WAAA,IAAAW,EAAAxB,oCAK5BC,EAAAyB,gBAAA,IAAAzB,EAAA0B,SAAAC,EAAAL,EAAYD,+BAFb,oDDba,IAAsBO,YAAsBnC,EAAAA,WAAWC,2BAqG5D,MAAAG,EAAaN,IAEf,IAAAwB,UAAwB,aAE5Bf,EAAAC,uBACQC,EAAWL,EAAWK,YAEvBA,EAIE,aAFPa,EAASb,EAASe,aAAA,GAEXf,EAASG,eAAA,EAAkBwB,oBAChC7B,EAAA8B,IAAAf,EAASc,GAAA,QAKP,WAAAR,gBACKN,EACT"}

package/dist/svelte/index.d.ts

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

package/dist/svelte/index.js

@@ -0,0 +1,90 @@
+import * as $ from "svelte/internal/client";
+import { useCapability, usePlugin } from "@embedpdf/core/svelte";
+import { I18nPlugin } from "@embedpdf/plugin-i18n";
+export * from "@embedpdf/plugin-i18n";
+import "svelte/internal/disclose-version";
+const useI18nCapability = () => useCapability(I18nPlugin.id);
+const useI18nPlugin = () => usePlugin(I18nPlugin.id);
+const useTranslations = (getDocumentId) => {
+  const capability = useI18nCapability();
+  let forceUpdateCounter = $.state(0);
+  const documentId = $.derived(() => getDocumentId == null ? void 0 : getDocumentId());
+  $.user_effect(() => {
+    const provides = capability.provides;
+    const docId = $.get(documentId);
+    if (!provides) return;
+    const unsubscribeLocale = provides.onLocaleChange(() => {
+      $.update(forceUpdateCounter);
+    });
+    const unsubscribeParams = docId ? provides.forDocument(docId).onParamsChanged(() => {
+      $.update(forceUpdateCounter);
+    }) : provides.onParamsChanged(() => {
+      $.update(forceUpdateCounter);
+    });
+    return () => {
+      unsubscribeLocale();
+      unsubscribeParams();
+    };
+  });
+  const translate = (key, options) => {
+    $.get(forceUpdateCounter);
+    const provides = capability.provides;
+    if (!provides) return (options == null ? void 0 : options.fallback) ?? key;
+    const docId = getDocumentId == null ? void 0 : getDocumentId();
+    return provides.t(key, {
+      documentId: docId,
+      params: options == null ? void 0 : options.params,
+      fallback: options == null ? void 0 : options.fallback
+    });
+  };
+  return {
+    translate,
+    get locale() {
+      var _a;
+      return ((_a = capability.provides) == null ? void 0 : _a.getLocale()) ?? "en";
+    }
+  };
+};
+const useTranslation = (getKey, getOptions, getDocumentId) => {
+  const { translate } = useTranslations(getDocumentId);
+  return {
+    get current() {
+      return translate(getKey(), getOptions == null ? void 0 : getOptions());
+    }
+  };
+};
+const useLocale = () => {
+  const capability = useI18nCapability();
+  let locale = $.state("en");
+  $.user_effect(() => {
+    const provides = capability.provides;
+    if (!provides) return;
+    $.set(locale, provides.getLocale(), true);
+    return provides.onLocaleChange(({ currentLocale }) => {
+      $.set(locale, currentLocale, true);
+    });
+  });
+  return {
+    get current() {
+      return $.get(locale);
+    }
+  };
+};
+function Translate($$anchor, $$props) {
+  $.push($$props, true);
+  const translation = useTranslation(() => $$props.k, () => ({ params: $$props.params, fallback: $$props.fallback }), () => $$props.documentId);
+  $.next();
+  var text = $.text();
+  $.template_effect(() => $.set_text(text, translation.current));
+  $.append($$anchor, text);
+  $.pop();
+}
+export {
+  Translate,
+  useI18nCapability,
+  useI18nPlugin,
+  useLocale,
+  useTranslation,
+  useTranslations
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-i18n.svelte.ts","../../src/svelte/components/Translate.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { I18nPlugin } from '@embedpdf/plugin-i18n';\n\nexport const useI18nCapability = () => useCapability<I18nPlugin>(I18nPlugin.id);\nexport const useI18nPlugin = () => usePlugin<I18nPlugin>(I18nPlugin.id);\n\n/**\n * Hook to get a translate function for a component\n * Automatically updates all translations on locale or param changes\n *\n * @param getDocumentId - Function that returns the document ID for document-scoped translations\n * @returns translate function and current locale\n *\n * @example\n * const { translate, locale } = useTranslations(() => documentId);\n * // In template:\n * {translate('page.title')}\n * {translate('page.count', { params: { count: 5 } })}\n * {translate('unknown.key', { fallback: 'Default Text' })}\n */\nexport const useTranslations = (getDocumentId?: () => string | undefined) => {\n  const capability = useI18nCapability();\n\n  let forceUpdateCounter = $state(0);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId?.());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides) return;\n\n    // Subscribe to locale changes\n    const unsubscribeLocale = provides.onLocaleChange(() => {\n      forceUpdateCounter++;\n    });\n\n    // Subscribe to params changes\n    const unsubscribeParams = docId\n      ? provides.forDocument(docId).onParamsChanged(() => {\n          forceUpdateCounter++;\n        })\n      : provides.onParamsChanged(() => {\n          forceUpdateCounter++;\n        });\n\n    return () => {\n      unsubscribeLocale();\n      unsubscribeParams();\n    };\n  });\n\n  // Create translate function\n  const translate = (\n    key: string,\n    options?: {\n      params?: Record<string, string | number>;\n      fallback?: string;\n    },\n  ): string => {\n    // Access forceUpdateCounter to trigger reactivity\n    forceUpdateCounter;\n\n    const provides = capability.provides;\n    if (!provides) return options?.fallback ?? key;\n\n    const docId = getDocumentId?.();\n    return provides.t(key, {\n      documentId: docId,\n      params: options?.params,\n      fallback: options?.fallback,\n    });\n  };\n\n  return {\n    translate,\n    get locale() {\n      return capability.provides?.getLocale() ?? 'en';\n    },\n  };\n};\n\n// Keep the old hook for single-key translations (useful for derived state)\nexport const useTranslation = (\n  getKey: () => string,\n  getOptions?: () =>\n    | {\n        params?: Record<string, string | number>;\n        fallback?: string;\n      }\n    | undefined,\n  getDocumentId?: () => string | undefined,\n) => {\n  const { translate } = useTranslations(getDocumentId);\n\n  return {\n    get current() {\n      return translate(getKey(), getOptions?.());\n    },\n  };\n};\n\nexport const useLocale = () => {\n  const capability = useI18nCapability();\n\n  let locale = $state<string>('en');\n\n  $effect(() => {\n    const provides = capability.provides;\n\n    if (!provides) return;\n\n    locale = provides.getLocale();\n\n    return provides.onLocaleChange(({ currentLocale }) => {\n      locale = currentLocale;\n    });\n  });\n\n  return {\n    get current() {\n      return locale;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { useTranslation } from '../hooks/use-i18n.svelte';\n\n  interface TranslateProps {\n    k: string;\n    params?: Record<string, string | number>;\n    fallback?: string;\n    documentId?: string;\n  }\n\n  let { k, params, fallback, documentId }: TranslateProps = $props();\n\n  const translation = useTranslation(\n    () => k,\n    () => ({ params, fallback }),\n    () => documentId,\n  );\n</script>\n\n{translation.current}\n"],"names":[],"mappings":";;;;;AAGa,MAAA,oBAAA,MAA0B,cAA0B,WAAW,EAAE;AACjE,MAAA,gBAAA,MAAsB,UAAsB,WAAW,EAAE;MAgBzD,kBAAA,CAAmB,kBAA6C;AACrE,QAAA,aAAa,kBAAA;AAEf,MAAA,6BAA4B,CAAC;AAG3B,QAAA,6BAAsB,gDAAA;AAE5B,IAAA,kBAAc;UACN,WAAW,WAAW;AACtB,UAAA,cAAQ,UAAA;SAET,SAAA;AAGC,UAAA,oBAAoB,SAAS,qBAAqB;eACtD,kBAAA;AAAA,IACF,CAAC;AAGK,UAAA,oBAAoB,QACtB,SAAS,YAAY,KAAK,EAAE,sBAAsB;eAChD,kBAAA;AAAA,IACF,CAAC,IACD,SAAS,gBAAA,MAAsB;eAC7B,kBAAA;AAAA,IACF,CAAC;iBAEQ;AACX,wBAAA;AACA,wBAAA;AAAA,IACF;AAAA,EACF,CAAC;AAGK,QAAA,YAAA,CACJ,KACA,YAIW;UAEX,kBAAA;UAEM,WAAW,WAAW;AACvB,QAAA,CAAA,SAAA,SAAiB,mCAAS,aAAY;AAErC,UAAA,QAAQ;WACP,SAAS,EAAE,KAAA;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ,mCAAS;AAAA,MACjB,UAAU,mCAAS;AAAA;EAEvB;;IAGE;AAAA,IACI,IAAA,SAAS;;AACJ,eAAA,gBAAW,aAAX,mBAAqB,gBAAe;AAAA,IAC7C;AAAA;AAEJ;AAGa,MAAA,kBACX,QACA,YAMA,kBACG;UACK,UAAA,IAAc,gBAAgB,aAAa;;IAG7C,IAAA,UAAU;aACL,UAAU,UAAU,0CAAA;AAAA,IAC7B;AAAA;AAEJ;AAEa,MAAA,kBAAkB;AACvB,QAAA,aAAa,kBAAA;AAEf,MAAA,iBAAwB,IAAI;AAEhC,IAAA,kBAAc;UACN,WAAW,WAAW;SAEvB,SAAA;UAEL,QAAS,SAAS,UAAA,GAAA,IAAA;AAEX,WAAA,SAAS,eAAA,CAAA,EAAkB,oBAAoB;AACpD,QAAA,IAAA,QAAS,eAAA,IAAA;AAAA,IACX,CAAC;AAAA,EACH,CAAC;;IAGK,IAAA,UAAU;mBACL,MAAA;AAAA,IACT;AAAA;AAEJ;sCC9HA;;AAYQ,QAAA,cAAc,eAAc,MAAA,QAAA,GAAA,OAAA,EAEvB,wBAAQ,UAAQ,QAAA,SAAA,IAAA,MAAA,QAAA,UAAA;;;AAK5B,IAAA,gBAAA,MAAA,EAAA,SAAA,MAAA,YAAY,OAAO,CAAA;;;AAFpB;"}

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

@@ -0,0 +1 @@
+export { default as Translate } from './translate.vue';

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

@@ -0,0 +1,9 @@
+interface TranslateProps {
+    k: string;
+    params?: Record<string, string | number>;
+    fallback?: string;
+    documentId?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<TranslateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TranslateProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,30 @@
+import { MaybeRefOrGetter } from 'vue';
+import { I18nPlugin } from '../../lib/index.ts';
+export declare const useI18nCapability: () => import('@embedpdf/core/vue').CapabilityState<Readonly<import('../../lib/index.ts').I18nCapability>>;
+export declare const useI18nPlugin: () => import('@embedpdf/core/vue').PluginState<I18nPlugin>;
+/**
+ * Hook to get a translate function for a component
+ * Automatically updates all translations on locale or param changes
+ *
+ * @param documentId - Optional document ID for document-scoped translations (can be ref, computed, getter, or plain value)
+ * @returns translate function and current locale
+ *
+ * @example
+ * const { translate, locale } = useTranslations(documentId);
+ * // In template:
+ * {{ translate('page.title') }}
+ * {{ translate('page.count', { params: { count: 5 } }) }}
+ * {{ translate('unknown.key', { fallback: 'Default Text' }) }}
+ */
+export declare const useTranslations: (documentId?: MaybeRefOrGetter<string | undefined>) => {
+    translate: (key: string, options?: {
+        params?: Record<string, string | number>;
+        fallback?: string;
+    }) => string;
+    locale: Readonly<import('vue').Ref<string, string>>;
+};
+export declare const useTranslation: (key: string, options?: {
+    params?: Record<string, string | number>;
+    fallback?: string;
+}, documentId?: MaybeRefOrGetter<string | undefined>) => import('vue').ComputedRef<string>;
+export declare const useLocale: () => import('vue').Ref<string, string>;

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("@embedpdf/core/vue"),t=require("@embedpdf/plugin-i18n"),n=()=>a.useCapability(t.I18nPlugin.id),r=a=>{const{provides:t}=n(),r=e.ref(0);e.watch([t,()=>a?e.toValue(a):void 0],([e,a],t,n)=>{if(!e)return;const o=e.onLocaleChange(()=>{r.value++}),l=a?e.forDocument(a).onParamsChanged(()=>{r.value++}):e.onParamsChanged(()=>{r.value++});n(()=>{o(),l()})},{immediate:!0});const o=e.computed(()=>{var e;return(null==(e=t.value)?void 0:e.getLocale())??"en"});return{translate:(n,o)=>{r.value;const l=t.value;if(!l)return(null==o?void 0:o.fallback)??n;const u=a?e.toValue(a):void 0;return l.t(n,{documentId:u,params:null==o?void 0:o.params,fallback:null==o?void 0:o.fallback})},locale:e.readonly(o)}},o=(a,t,n)=>{const{translate:o}=r(n);return e.computed(()=>o(a,t))},l=e.defineComponent({__name:"translate",props:{k:{},params:{},fallback:{},documentId:{}},setup(a){const t=a,n=o(t.k,{params:t.params,fallback:t.fallback},()=>t.documentId);return(a,t)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(e.unref(n)),1))}});exports.Translate=l,exports.useI18nCapability=n,exports.useI18nPlugin=()=>a.usePlugin(t.I18nPlugin.id),exports.useLocale=()=>{const{provides:a}=n(),t=e.ref("en");return e.watch(a,(e,a,n)=>{if(!e)return;t.value=e.getLocale();n(e.onLocaleChange(({currentLocale:e})=>{t.value=e}))},{immediate:!0}),t},exports.useTranslation=o,exports.useTranslations=r,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/hooks/use-i18n.ts","../../src/vue/components/translate.vue"],"sourcesContent":["import { ref, watch, computed, readonly, toValue, MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { I18nPlugin } from '@embedpdf/plugin-i18n';\n\nexport const useI18nCapability = () => useCapability<I18nPlugin>(I18nPlugin.id);\nexport const useI18nPlugin = () => usePlugin<I18nPlugin>(I18nPlugin.id);\n\n/**\n * Hook to get a translate function for a component\n * Automatically updates all translations on locale or param changes\n *\n * @param documentId - Optional document ID for document-scoped translations (can be ref, computed, getter, or plain value)\n * @returns translate function and current locale\n *\n * @example\n * const { translate, locale } = useTranslations(documentId);\n * // In template:\n * {{ translate('page.title') }}\n * {{ translate('page.count', { params: { count: 5 } }) }}\n * {{ translate('unknown.key', { fallback: 'Default Text' }) }}\n */\nexport const useTranslations = (documentId?: MaybeRefOrGetter<string | undefined>) => {\n  const { provides } = useI18nCapability();\n  const forceUpdateCounter = ref(0);\n\n  // Watch for locale and params changes\n  watch(\n    [provides, () => (documentId ? toValue(documentId) : undefined)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) return;\n\n      // Subscribe to locale changes\n      const unsubscribeLocale = providesValue.onLocaleChange(() => {\n        forceUpdateCounter.value++;\n      });\n\n      // Subscribe to params changes\n      const unsubscribeParams = docId\n        ? providesValue.forDocument(docId).onParamsChanged(() => {\n            forceUpdateCounter.value++;\n          })\n        : providesValue.onParamsChanged(() => {\n            forceUpdateCounter.value++;\n          });\n\n      onCleanup(() => {\n        unsubscribeLocale();\n        unsubscribeParams();\n      });\n    },\n    { immediate: true },\n  );\n\n  // Create translate function\n  const translate = (\n    key: string,\n    options?: {\n      params?: Record<string, string | number>;\n      fallback?: string;\n    },\n  ): string => {\n    // Access forceUpdateCounter to trigger reactivity\n    forceUpdateCounter.value;\n\n    const providesValue = provides.value;\n    if (!providesValue) return options?.fallback ?? key;\n\n    const docId = documentId ? toValue(documentId) : undefined;\n    return providesValue.t(key, {\n      documentId: docId,\n      params: options?.params,\n      fallback: options?.fallback,\n    });\n  };\n\n  const locale = computed(() => provides.value?.getLocale() ?? 'en');\n\n  return {\n    translate,\n    locale: readonly(locale),\n  };\n};\n\n// Keep the old hook for single-key translations (useful for derived state)\nexport const useTranslation = (\n  key: string,\n  options?: {\n    params?: Record<string, string | number>;\n    fallback?: string;\n  },\n  documentId?: MaybeRefOrGetter<string | undefined>,\n) => {\n  const { translate } = useTranslations(documentId);\n  return computed(() => translate(key, options));\n};\n\nexport const useLocale = () => {\n  const { provides } = useI18nCapability();\n  const locale = ref<string>('en');\n\n  watch(\n    provides,\n    (providesValue, _, onCleanup) => {\n      if (!providesValue) return;\n\n      locale.value = providesValue.getLocale();\n\n      const unsubscribe = providesValue.onLocaleChange(({ currentLocale }) => {\n        locale.value = currentLocale;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return locale;\n};\n","<script setup lang=\"ts\">\nimport { useTranslation } from '../hooks/use-i18n';\n\ninterface TranslateProps {\n  k: string;\n  params?: Record<string, string | number>;\n  fallback?: string;\n  documentId?: string;\n}\n\nconst props = defineProps<TranslateProps>();\nconst translation = useTranslation(\n  props.k,\n  { params: props.params, fallback: props.fallback },\n  () => props.documentId,\n);\n</script>\n\n<template>\n  <span>{{ translation }}</span>\n</template>\n"],"names":["useI18nCapability","useCapability","I18nPlugin","id","useTranslations","documentId","provides","forceUpdateCounter","ref","watch","toValue","providesValue","docId","_","onCleanup","unsubscribeLocale","onLocaleChange","value","unsubscribeParams","forDocument","onParamsChanged","immediate","locale","computed","_a","getLocale","translate","key","options","fallback","t","params","readonly","useTranslation","props","__props","translation","k","_openBlock","_createElementBlock","_unref","usePlugin","currentLocale"],"mappings":"0KAIaA,EAAoB,IAAMC,gBAA0BC,EAAAA,WAAWC,IAiB/DC,EAAmBC,IAC9B,MAAMC,SAAEA,GAAaN,IACfO,EAAqBC,EAAAA,IAAI,GAG/BC,EAAAA,MACE,CAACH,EAAU,IAAOD,EAAaK,EAAAA,QAAQL,QAAc,GACrD,EAAEM,EAAeC,GAAQC,EAAGC,KAC1B,IAAKH,EAAe,OAGpB,MAAMI,EAAoBJ,EAAcK,eAAe,KACrDT,EAAmBU,UAIfC,EAAoBN,EACtBD,EAAcQ,YAAYP,GAAOQ,gBAAgB,KAC/Cb,EAAmBU,UAErBN,EAAcS,gBAAgB,KAC5Bb,EAAmBU,UAGzBH,EAAU,KACRC,IACAG,OAGJ,CAAEG,WAAW,IAIf,MAqBMC,EAASC,EAAAA,SAAS,WAAM,OAAA,OAAAC,EAAAlB,EAASW,gBAAOQ,cAAe,OAE7D,MAAO,CACLC,UAxBgB,CAChBC,EACAC,KAMArB,EAAmBU,MAEnB,MAAMN,EAAgBL,EAASW,MAC/B,IAAKN,EAAe,OAAO,MAAAiB,OAAA,EAAAA,EAASC,WAAYF,EAEhD,MAAMf,EAAQP,EAAaK,UAAQL,QAAc,EACjD,OAAOM,EAAcmB,EAAEH,EAAK,CAC1BtB,WAAYO,EACZmB,OAAQ,MAAAH,OAAA,EAAAA,EAASG,OACjBF,SAAU,MAAAD,OAAA,EAAAA,EAASC,YAQrBP,OAAQU,EAAAA,SAASV,KAKRW,EAAiB,CAC5BN,EACAC,EAIAvB,KAEA,MAAMqB,UAAEA,GAActB,EAAgBC,GACtC,OAAOkB,EAAAA,SAAS,IAAMG,EAAUC,EAAKC,uGCnFvC,MAAMM,EAAQC,EACRC,EAAcH,EAClBC,EAAMG,EACN,CAAEN,OAAQG,EAAMH,OAAQF,SAAUK,EAAML,UACxC,IAAMK,EAAM7B,0BAKZiC,EAAAA,YAAAC,EAAAA,mBAA8B,8BAArBC,QAAAJ,IAAW,6EDdO,IAAMK,YAAsBvC,EAAAA,WAAWC,sBA2F3C,KACvB,MAAMG,SAAEA,GAAaN,IACfsB,EAASd,EAAAA,IAAY,MAkB3B,OAhBAC,EAAAA,MACEH,EACA,CAACK,EAAeE,EAAGC,KACjB,IAAKH,EAAe,OAEpBW,EAAOL,MAAQN,EAAcc,YAM7BX,EAJoBH,EAAcK,eAAe,EAAG0B,oBAClDpB,EAAOL,MAAQyB,MAKnB,CAAErB,WAAW,IAGRC"}

package/dist/vue/index.d.ts

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

package/dist/vue/index.js

@@ -0,0 +1,98 @@
+import { ref, watch, toValue, computed, readonly, defineComponent, createElementBlock, openBlock, toDisplayString, unref } from "vue";
+import { useCapability, usePlugin } from "@embedpdf/core/vue";
+import { I18nPlugin } from "@embedpdf/plugin-i18n";
+export * from "@embedpdf/plugin-i18n";
+const useI18nCapability = () => useCapability(I18nPlugin.id);
+const useI18nPlugin = () => usePlugin(I18nPlugin.id);
+const useTranslations = (documentId) => {
+  const { provides } = useI18nCapability();
+  const forceUpdateCounter = ref(0);
+  watch(
+    [provides, () => documentId ? toValue(documentId) : void 0],
+    ([providesValue, docId], _, onCleanup) => {
+      if (!providesValue) return;
+      const unsubscribeLocale = providesValue.onLocaleChange(() => {
+        forceUpdateCounter.value++;
+      });
+      const unsubscribeParams = docId ? providesValue.forDocument(docId).onParamsChanged(() => {
+        forceUpdateCounter.value++;
+      }) : providesValue.onParamsChanged(() => {
+        forceUpdateCounter.value++;
+      });
+      onCleanup(() => {
+        unsubscribeLocale();
+        unsubscribeParams();
+      });
+    },
+    { immediate: true }
+  );
+  const translate = (key, options) => {
+    forceUpdateCounter.value;
+    const providesValue = provides.value;
+    if (!providesValue) return (options == null ? void 0 : options.fallback) ?? key;
+    const docId = documentId ? toValue(documentId) : void 0;
+    return providesValue.t(key, {
+      documentId: docId,
+      params: options == null ? void 0 : options.params,
+      fallback: options == null ? void 0 : options.fallback
+    });
+  };
+  const locale = computed(() => {
+    var _a;
+    return ((_a = provides.value) == null ? void 0 : _a.getLocale()) ?? "en";
+  });
+  return {
+    translate,
+    locale: readonly(locale)
+  };
+};
+const useTranslation = (key, options, documentId) => {
+  const { translate } = useTranslations(documentId);
+  return computed(() => translate(key, options));
+};
+const useLocale = () => {
+  const { provides } = useI18nCapability();
+  const locale = ref("en");
+  watch(
+    provides,
+    (providesValue, _, onCleanup) => {
+      if (!providesValue) return;
+      locale.value = providesValue.getLocale();
+      const unsubscribe = providesValue.onLocaleChange(({ currentLocale }) => {
+        locale.value = currentLocale;
+      });
+      onCleanup(unsubscribe);
+    },
+    { immediate: true }
+  );
+  return locale;
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "translate",
+  props: {
+    k: {},
+    params: {},
+    fallback: {},
+    documentId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translation = useTranslation(
+      props.k,
+      { params: props.params, fallback: props.fallback },
+      () => props.documentId
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(unref(translation)), 1);
+    };
+  }
+});
+export {
+  _sfc_main as Translate,
+  useI18nCapability,
+  useI18nPlugin,
+  useLocale,
+  useTranslation,
+  useTranslations
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-i18n.ts","../../src/vue/components/translate.vue"],"sourcesContent":["import { ref, watch, computed, readonly, toValue, MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { I18nPlugin } from '@embedpdf/plugin-i18n';\n\nexport const useI18nCapability = () => useCapability<I18nPlugin>(I18nPlugin.id);\nexport const useI18nPlugin = () => usePlugin<I18nPlugin>(I18nPlugin.id);\n\n/**\n * Hook to get a translate function for a component\n * Automatically updates all translations on locale or param changes\n *\n * @param documentId - Optional document ID for document-scoped translations (can be ref, computed, getter, or plain value)\n * @returns translate function and current locale\n *\n * @example\n * const { translate, locale } = useTranslations(documentId);\n * // In template:\n * {{ translate('page.title') }}\n * {{ translate('page.count', { params: { count: 5 } }) }}\n * {{ translate('unknown.key', { fallback: 'Default Text' }) }}\n */\nexport const useTranslations = (documentId?: MaybeRefOrGetter<string | undefined>) => {\n  const { provides } = useI18nCapability();\n  const forceUpdateCounter = ref(0);\n\n  // Watch for locale and params changes\n  watch(\n    [provides, () => (documentId ? toValue(documentId) : undefined)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) return;\n\n      // Subscribe to locale changes\n      const unsubscribeLocale = providesValue.onLocaleChange(() => {\n        forceUpdateCounter.value++;\n      });\n\n      // Subscribe to params changes\n      const unsubscribeParams = docId\n        ? providesValue.forDocument(docId).onParamsChanged(() => {\n            forceUpdateCounter.value++;\n          })\n        : providesValue.onParamsChanged(() => {\n            forceUpdateCounter.value++;\n          });\n\n      onCleanup(() => {\n        unsubscribeLocale();\n        unsubscribeParams();\n      });\n    },\n    { immediate: true },\n  );\n\n  // Create translate function\n  const translate = (\n    key: string,\n    options?: {\n      params?: Record<string, string | number>;\n      fallback?: string;\n    },\n  ): string => {\n    // Access forceUpdateCounter to trigger reactivity\n    forceUpdateCounter.value;\n\n    const providesValue = provides.value;\n    if (!providesValue) return options?.fallback ?? key;\n\n    const docId = documentId ? toValue(documentId) : undefined;\n    return providesValue.t(key, {\n      documentId: docId,\n      params: options?.params,\n      fallback: options?.fallback,\n    });\n  };\n\n  const locale = computed(() => provides.value?.getLocale() ?? 'en');\n\n  return {\n    translate,\n    locale: readonly(locale),\n  };\n};\n\n// Keep the old hook for single-key translations (useful for derived state)\nexport const useTranslation = (\n  key: string,\n  options?: {\n    params?: Record<string, string | number>;\n    fallback?: string;\n  },\n  documentId?: MaybeRefOrGetter<string | undefined>,\n) => {\n  const { translate } = useTranslations(documentId);\n  return computed(() => translate(key, options));\n};\n\nexport const useLocale = () => {\n  const { provides } = useI18nCapability();\n  const locale = ref<string>('en');\n\n  watch(\n    provides,\n    (providesValue, _, onCleanup) => {\n      if (!providesValue) return;\n\n      locale.value = providesValue.getLocale();\n\n      const unsubscribe = providesValue.onLocaleChange(({ currentLocale }) => {\n        locale.value = currentLocale;\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return locale;\n};\n","<script setup lang=\"ts\">\nimport { useTranslation } from '../hooks/use-i18n';\n\ninterface TranslateProps {\n  k: string;\n  params?: Record<string, string | number>;\n  fallback?: string;\n  documentId?: string;\n}\n\nconst props = defineProps<TranslateProps>();\nconst translation = useTranslation(\n  props.k,\n  { params: props.params, fallback: props.fallback },\n  () => props.documentId,\n);\n</script>\n\n<template>\n  <span>{{ translation }}</span>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref"],"mappings":";;;;AAIO,MAAM,oBAAoB,MAAM,cAA0B,WAAW,EAAE;AACvE,MAAM,gBAAgB,MAAM,UAAsB,WAAW,EAAE;AAgB/D,MAAM,kBAAkB,CAAC,eAAsD;AACpF,QAAM,EAAE,SAAA,IAAa,kBAAA;AACrB,QAAM,qBAAqB,IAAI,CAAC;AAGhC;AAAA,IACE,CAAC,UAAU,MAAO,aAAa,QAAQ,UAAU,IAAI,MAAU;AAAA,IAC/D,CAAC,CAAC,eAAe,KAAK,GAAG,GAAG,cAAc;AACxC,UAAI,CAAC,cAAe;AAGpB,YAAM,oBAAoB,cAAc,eAAe,MAAM;AAC3D,2BAAmB;AAAA,MACrB,CAAC;AAGD,YAAM,oBAAoB,QACtB,cAAc,YAAY,KAAK,EAAE,gBAAgB,MAAM;AACrD,2BAAmB;AAAA,MACrB,CAAC,IACD,cAAc,gBAAgB,MAAM;AAClC,2BAAmB;AAAA,MACrB,CAAC;AAEL,gBAAU,MAAM;AACd,0BAAA;AACA,0BAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAIpB,QAAM,YAAY,CAChB,KACA,YAIW;AAEX,uBAAmB;AAEnB,UAAM,gBAAgB,SAAS;AAC/B,QAAI,CAAC,cAAe,SAAO,mCAAS,aAAY;AAEhD,UAAM,QAAQ,aAAa,QAAQ,UAAU,IAAI;AACjD,WAAO,cAAc,EAAE,KAAK;AAAA,MAC1B,YAAY;AAAA,MACZ,QAAQ,mCAAS;AAAA,MACjB,UAAU,mCAAS;AAAA,IAAA,CACpB;AAAA,EACH;AAEA,QAAM,SAAS,SAAS,MAAA;;AAAM,2BAAS,UAAT,mBAAgB,gBAAe;AAAA,GAAI;AAEjE,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,SAAS,MAAM;AAAA,EAAA;AAE3B;AAGO,MAAM,iBAAiB,CAC5B,KACA,SAIA,eACG;AACH,QAAM,EAAE,UAAA,IAAc,gBAAgB,UAAU;AAChD,SAAO,SAAS,MAAM,UAAU,KAAK,OAAO,CAAC;AAC/C;AAEO,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,SAAA,IAAa,kBAAA;AACrB,QAAM,SAAS,IAAY,IAAI;AAE/B;AAAA,IACE;AAAA,IACA,CAAC,eAAe,GAAG,cAAc;AAC/B,UAAI,CAAC,cAAe;AAEpB,aAAO,QAAQ,cAAc,UAAA;AAE7B,YAAM,cAAc,cAAc,eAAe,CAAC,EAAE,oBAAoB;AACtE,eAAO,QAAQ;AAAA,MACjB,CAAC;AAED,gBAAU,WAAW;AAAA,IACvB;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO;AACT;;;;;;;;;;AC3GA,UAAM,QAAQ;AACd,UAAM,cAAc;AAAA,MAClB,MAAM;AAAA,MACN,EAAE,QAAQ,MAAM,QAAQ,UAAU,MAAM,SAAA;AAAA,MACxC,MAAM,MAAM;AAAA,IAAA;;AAKZ,aAAAA,UAAA,GAAAC,mBAA8B,8BAArBC,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA;;;"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@embedpdf/plugin-i18n",
+  "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",
+      "svelte": "./dist/svelte/index.js",
+      "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/core": "2.0.0-next.0",
+    "@embedpdf/build": "1.1.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-i18n"
+  },
+  "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"
+  }
+}