@embedpdf/plugin-i18n 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","$","state","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,QAEfO,EAAqBC,EAAAC,MAAO,GAG1B,MAAAC,gBAAsB,MAAAL,OAAA,EAAAA,KAE5BG,EAAAG,uBACQC,EAAWN,EAAWM,SACtBC,QAAQH,OAETE,EAAA,OAGC,MAAAE,EAAoBF,EAASG,6BACjCR,KAIIS,EAAoBH,EACtBD,EAASK,YAAYJ,GAAOK,8BAC1BX,KAEFK,EAASM,gBAAA,cACPX,gBAIJO,IACAE,cA2BFG,UAtBI,CACJC,EACAC,WAMAd,SAEMK,EAAWN,EAAWM,SACvB,IAAAA,EAAA,OAAiB,MAAAS,OAAA,EAAAA,EAASC,WAAYF,EAErC,MAAAP,EAAQ,MAAAR,OAAA,EAAAA,WACPO,EAASW,EAAEH,EAAA,CAChBV,WAAYG,EACZW,OAAQ,MAAAH,OAAA,EAAAA,EAASG,OACjBF,SAAU,MAAAD,OAAA,EAAAA,EAASC,YAMjB,UAAAG,SACK,OAAA,OAAAC,EAAApB,EAAWM,eAAX,EAAAc,EAAqBC,cAAe,IAC7C,IAKSC,GACXC,EACAC,EAMAzB,qBAEQc,GAAcf,EAAgBC,UAGhC,WAAA0B,UACKZ,EAAUU,IAAU,MAAAC,OAAA,EAAAA,IAC7B,iDCxFI,MAAAE,EAAcJ,EAAc,IAAAK,EAAAC,EAAA,MAEvBV,gBAAQF,SAAQW,EAAAX,WAAA,IAAAW,EAAAvB,oCAK5BF,EAAA2B,gBAAA,IAAA3B,EAAA4B,SAAAC,EAAAL,EAAYD,+BAFb,oDDba,IAAsBO,YAAsBpC,EAAAA,WAAWC,2BAqG5D,MAAAG,EAAaN,QAEfyB,EAASjB,EAAAC,MAAe,aAE5BD,EAAAG,uBACQC,EAAWN,EAAWM,YAEvBA,EAIE,aAFPa,EAASb,EAASe,aAAA,GAEXf,EAASG,eAAA,EAAkBwB,oBAChC/B,EAAAgC,IAAAf,EAASc,GAAA,QAKP,WAAAR,gBACKN,EACT"}
|
package/dist/svelte/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;MAEf,qBAAqB,EAAA,MAAO,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;MAEf,SAAS,EAAA,MAAe,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@embedpdf/plugin-i18n",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@embedpdf/models": "2.0.
|
|
38
|
+
"@embedpdf/models": "2.0.1"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/react": "^18.2.0",
|
|
42
42
|
"typescript": "^5.0.0",
|
|
43
43
|
"@embedpdf/build": "1.1.0",
|
|
44
|
-
"@embedpdf/core": "2.0.
|
|
44
|
+
"@embedpdf/core": "2.0.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"react": ">=16.8.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"preact": "^10.26.4",
|
|
50
50
|
"vue": ">=3.2.0",
|
|
51
51
|
"svelte": ">=5 <6",
|
|
52
|
-
"@embedpdf/core": "2.0.
|
|
52
|
+
"@embedpdf/core": "2.0.1"
|
|
53
53
|
},
|
|
54
54
|
"files": [
|
|
55
55
|
"dist",
|