piral-translate 0.15.0-alpha.3975 → 0.15.0-alpha.4028

package/esm/components.d.ts

@@ -1,3 +1,2 @@
-import type { ComponentType } from 'react';
-import { LanguagesPickerProps } from './types';
-export declare const PiralLanguagesPicker: ComponentType<LanguagesPickerProps>;
+/// <reference types="react" />
+export declare const PiralLanguagesPicker: import("react").ComponentType<import("./types").LanguagesPickerProps>;

package/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,MAAM,oBAAoB,GAAwC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC"}

package/lib/components.d.ts

@@ -1,3 +1,2 @@
-import type { ComponentType } from 'react';
-import { LanguagesPickerProps } from './types';
-export declare const PiralLanguagesPicker: ComponentType<LanguagesPickerProps>;
+/// <reference types="react" />
+export declare const PiralLanguagesPicker: import("react").ComponentType<import("./types").LanguagesPickerProps>;

package/lib/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AACA,2CAA+C;AAGlC,QAAA,oBAAoB,GAAwC,IAAA,8BAAiB,EAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AAAA,2CAA+C;AAElC,QAAA,oBAAoB,GAAG,IAAA,8BAAiB,EAAC,iBAAiB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-translate",
-  "version": "0.15.0-alpha.3975",
+  "version": "0.15.0-alpha.4028",
   "description": "Plugin for providing translated messages in Piral.",
   "keywords": [
     "piral",
@@ -47,12 +47,12 @@
   },
   "devDependencies": {
     "@types/react": "^17.0.0",
-    "piral-core": "0.15.0-alpha.3975",
+    "piral-core": "0.15.0-alpha.4028",
     "react": "^17.0.1"
   },
   "peerDependencies": {
     "piral-core": "0.14.x",
     "react": ">=16.8.0"
   },
-  "gitHead": "461d63cd1957359472018b32a56778da716d3406"
+  "gitHead": "1ba5128a17c1ed2276cf6eccaf53f59339888336"
 }

package/piral-translate.min.js

@@ -1 +1 @@
-var piralTranslate=(()=>{var G=Object.create;var c=Object.defineProperty,F=Object.defineProperties,E=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,D=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var y=(t,e,a)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,g=(t,e)=>{for(var a in e||(e={}))P.call(e,a)&&y(t,a,e[a]);if(k)for(var a of k(e))O.call(e,a)&&y(t,a,e[a]);return t},u=(t,e)=>F(t,R(e)),x=t=>c(t,"__esModule",{value:!0});var i=(t=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(t,{get:(e,a)=>(typeof require!="undefined"?require:e)[a]}):t)(function(t){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+t+'" is not supported')});var w=(t,e)=>{x(t);for(var a in e)c(t,a,{get:e[a],enumerable:!0})},B=(t,e,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of $(e))!P.call(t,n)&&n!=="default"&&c(t,n,{get:()=>e[n],enumerable:!(a=E(e,n))||a.enumerable});return t},l=t=>B(x(c(t!=null?G(D(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var J={};w(J,{Languages:()=>H,PiralLanguagesPicker:()=>b,createLocaleApi:()=>I,getUserLocale:()=>V,setupLocalizer:()=>M,useDynamicLanguage:()=>Z,useTranslate:()=>q});var z=l(i("piral-core")),b=(0,z.getPiralComponent)("LanguagesPicker");function C(t){return{selectLanguage(e,a){e.dispatch(n=>{t.language=a;let r=n.language.selected,s=a;return setTimeout(()=>{e.emit("select-language",{previousLanguage:r,currentLanguage:s})},0),u(g({},n),{language:u(g({},n.language),{loading:a===void 0,selected:a})})})},translate(e,a,n){return t&&t.localizeGlobal(a,n)},setTranslations(e,a,n){t.messages[a]=n.global;for(let r of n.locals){let s=e.apis[r.name];if(s){let o=s.getTranslations();o[a]=r.value,s.setTranslations(o)}}},getTranslations(e,a){return{global:t.messages[a],locals:Object.keys(e.apis).map(n=>({name:n,value:e.apis[n].getTranslations()[a]}))}}}}function U(t,e){return e?"...":""}function j(t,e){return t.replace(/{{\s*([A-Za-z0-9_.]+)\s*}}/g,(a,n)=>n in e?e[n]||"":`{{${n}}}`)}var T=class{constructor(e,a,n,r=U){this.messages=e;this.language=a;this.languages=n;this.fallback=r}localizeGlobal(e,a){return this.localizeBase(e,a)}localizeLocal(e,a,n){let r=this.translateMessage(e,a,n);return r===void 0?this.localizeBase(a,n):r}localizeBase(e,a){let n=this.translateMessage(this.messages,e,a);return n===void 0?this.fallback(e,this.language):n}translateMessage(e,a,n){let r=this.language,s=r&&e[r],o=s&&s[a];return o&&(n?j(o,n):o)}};var h=l(i("piral-core")),v=t=>(0,h.defaultRender)(void 0);function M(t={}){let e=t.messages||{},a=Object.keys(e),n=a[0]||"en",r=t.language,o=(typeof r=="function"?r(a,n,"en"):r)||n;return new T(e,o,a.length?a:[o],t.fallback)}function I(t=M()){return e=>(e.defineActions(C(t)),e.dispatch(a=>u(g({},a),{components:g({LanguagesPicker:v},a.components),language:{loading:!1,available:t.languages,selected:t.language}})),a=>{let n={};return{getCurrentLanguage(r){let s=e.readState(o=>o.language.selected);if(r){r(s);let o=f=>{r(f.currentLanguage)};return a.on("select-language",o),()=>a.off("select-language",o)}return s},setTranslations(r){n=r},getTranslations(){return n},translate(r,s){return t.localizeLocal(n,r,s)}}})}var m=l(i("piral-core"));function N(t,e){let a=m.cookie.getItem("_culture")||m.storage.getItem("locale");return a||(e?e.toLowerCase().substring(0,2):navigator.language?navigator.language.substring(0,2):t)}function V(t,e,a){let n=N(e,a||"");return t.indexOf(n)!==-1?n:e}var L=l(i("react")),p=l(i("piral-core"));function Z(t,e){let[a,n]=(0,L.useState)(t),{selectLanguage:r,setTranslations:s,getTranslations:o}=(0,p.useActions)();return(0,L.useEffect)(()=>{let f=!0,_=o(a);return r(void 0),e(a,_).then(d=>{f&&(s(a,d),r(a))},d=>console.error(d)),()=>{f=!1}},[a]),[a,n]}function q(){let{translate:t}=(0,p.useActions)();return(0,p.useGlobalState)(e=>e.language.selected),t}var S=l(i("react")),A=l(i("piral-core"));var H=()=>{let{available:t,selected:e}=(0,A.useGlobalState)(a=>a.language);return S.createElement(b,{selected:e,available:t})};return J;})();
+var piralTranslate=(()=>{var G=Object.create;var c=Object.defineProperty,F=Object.defineProperties,E=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,D=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var P=(t,e,a)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,g=(t,e)=>{for(var a in e||(e={}))x.call(e,a)&&P(t,a,e[a]);if(k)for(var a of k(e))O.call(e,a)&&P(t,a,e[a]);return t},u=(t,e)=>F(t,R(e)),y=t=>c(t,"__esModule",{value:!0});var i=(t=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(t,{get:(e,a)=>(typeof require!="undefined"?require:e)[a]}):t)(function(t){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+t+'" is not supported')});var w=(t,e)=>{y(t);for(var a in e)c(t,a,{get:e[a],enumerable:!0})},B=(t,e,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of $(e))!x.call(t,n)&&n!=="default"&&c(t,n,{get:()=>e[n],enumerable:!(a=E(e,n))||a.enumerable});return t},l=t=>B(y(c(t!=null?G(D(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var J={};w(J,{Languages:()=>H,PiralLanguagesPicker:()=>b,createLocaleApi:()=>I,getUserLocale:()=>V,setupLocalizer:()=>M,useDynamicLanguage:()=>Z,useTranslate:()=>q});var z=l(i("piral-core")),b=(0,z.getPiralComponent)("LanguagesPicker");function h(t){return{selectLanguage(e,a){e.dispatch(n=>{t.language=a;let r=n.language.selected,s=a;return setTimeout(()=>{e.emit("select-language",{previousLanguage:r,currentLanguage:s})},0),u(g({},n),{language:u(g({},n.language),{loading:a===void 0,selected:a})})})},translate(e,a,n){return t&&t.localizeGlobal(a,n)},setTranslations(e,a,n){t.messages[a]=n.global;for(let r of n.locals){let s=e.apis[r.name];if(s){let o=s.getTranslations();o[a]=r.value,s.setTranslations(o)}}},getTranslations(e,a){return{global:t.messages[a],locals:Object.keys(e.apis).map(n=>({name:n,value:e.apis[n].getTranslations()[a]}))}}}}function U(t,e){return e?"...":""}function j(t,e){return t.replace(/{{\s*([A-Za-z0-9_.]+)\s*}}/g,(a,n)=>n in e?e[n]||"":`{{${n}}}`)}var T=class{constructor(e,a,n,r=U){this.messages=e;this.language=a;this.languages=n;this.fallback=r}localizeGlobal(e,a){return this.localizeBase(e,a)}localizeLocal(e,a,n){let r=this.translateMessage(e,a,n);return r===void 0?this.localizeBase(a,n):r}localizeBase(e,a){let n=this.translateMessage(this.messages,e,a);return n===void 0?this.fallback(e,this.language):n}translateMessage(e,a,n){let r=this.language,s=r&&e[r],o=s&&s[a];return o&&(n?j(o,n):o)}};var v=l(i("piral-core")),C=t=>(0,v.defaultRender)(void 0);function M(t={}){let e=t.messages||{},a=Object.keys(e),n=a[0]||"en",r=t.language,o=(typeof r=="function"?r(a,n,"en"):r)||n;return new T(e,o,a.length?a:[o],t.fallback)}function I(t=M()){return e=>(e.defineActions(h(t)),e.dispatch(a=>u(g({},a),{components:g({LanguagesPicker:C},a.components),language:{loading:!1,available:t.languages,selected:t.language}})),a=>{let n={};return{getCurrentLanguage(r){let s=e.readState(o=>o.language.selected);if(r){r(s);let o=f=>{r(f.currentLanguage)};return a.on("select-language",o),()=>a.off("select-language",o)}return s},setTranslations(r){n=r},getTranslations(){return n},translate(r,s){return t.localizeLocal(n,r,s)}}})}var m=l(i("piral-core"));function N(t,e){let a=m.cookie.getItem("_culture")||m.storage.getItem("locale");return a||(e?e.toLowerCase().substring(0,2):navigator.language?navigator.language.substring(0,2):t)}function V(t,e,a){let n=N(e,a||"");return t.indexOf(n)!==-1?n:e}var L=l(i("react")),p=l(i("piral-core"));function Z(t,e){let[a,n]=(0,L.useState)(t),{selectLanguage:r,setTranslations:s,getTranslations:o}=(0,p.useActions)();return(0,L.useEffect)(()=>{let f=!0,_=o(a);return r(void 0),e(a,_).then(d=>{f&&(s(a,d),r(a))},d=>console.error(d)),()=>{f=!1}},[a]),[a,n]}function q(){let{translate:t}=(0,p.useActions)();return(0,p.useGlobalState)(e=>e.language.selected),t}var S=l(i("react")),A=l(i("piral-core"));var H=()=>{let{available:t,selected:e}=(0,A.useGlobalState)(a=>a.language);return S.createElement(b,{selected:e,available:t})};return J;})();

package/src/actions.test.ts

@@ -1,4 +1,4 @@
-import { Atom, deref } from '@dbeining/react-atom';
+import { Atom, deref, swap } from '@dbeining/react-atom';
 import { createListener } from 'piral-base';
 import { createActions as ca } from 'piral-core';
 import { createActions } from './actions';
@@ -36,4 +36,132 @@ describe('Translation Action Module', () => {
       },
     });
   });
+
+  it('translate', () => {
+    const state = Atom.of({
+      foo: 5,
+      language: {
+        foo: 10,
+        loading: false,
+        selected: 'fr',
+      },
+    });
+    const localizer = {
+      language: 'fr',
+      languages: ['fr'],
+      messages: {
+        fr: {
+          bar: 'bár',
+        },
+      },
+      localizeGlobal(key, variables) {
+        const messages = {
+          fr: {
+            bar: 'bár',
+          },
+        };
+        return messages.fr[key];
+      },
+      localizeLocal() {
+        return '';
+      },
+    };
+    const actions = createActions(localizer);
+    const ctx = ca(state, createListener({}));
+    const result = actions.translate(ctx, 'bar');
+    expect(result).toEqual('bár');
+  });
+
+  it('setTranslations sets translations to the global translations', () => {
+    const state = Atom.of({
+      foo: 5,
+      language: {
+        foo: 10,
+        loading: false,
+        selected: 'fr',
+      },
+    });
+    const localizer = {
+      language: 'de',
+      languages: ['de'],
+      messages: {
+        de: {},
+      },
+      localizeGlobal() {
+        return '';
+      },
+      localizeLocal() {
+        return '';
+      },
+    };
+    const ctx = {
+      emit: jest.fn(),
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+      apis: {
+        firstApi: {
+          getTranslations: () => {
+            return localizer.messages;
+          },
+          setTranslations: async (translations) => {
+            localizer.messages = await translations;
+          },
+        },
+      },
+    };
+    const actions = createActions(localizer);
+    const data = {
+      global: {},
+      locals: [{ name: 'firstApi', value: { car: 'Auto', table: 'Tisch' } }],
+    };
+    actions.setTranslations(ctx, 'de', data);
+    expect(localizer.messages).toEqual({
+      de: { car: 'Auto', table: 'Tisch' },
+    });
+  });
+
+  it('getTranslations returns translations', () => {
+    const state = Atom.of({
+      foo: 5,
+      language: {
+        foo: 10,
+        loading: false,
+        selected: 'fr',
+      },
+    });
+    const localizer = {
+      language: 'fr',
+      languages: ['fr'],
+      messages: {
+        fr: {
+          foo: 'bár',
+        },
+      },
+      localizeGlobal() {
+        return '';
+      },
+      localizeLocal() {
+        return '';
+      },
+    };
+    const actions = createActions(localizer);
+    const ctx = {
+      emit: jest.fn(),
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+      apis: {
+        firstApi: {
+          getTranslations: () => {
+            return localizer.messages;
+          },
+        },
+      },
+    };
+    const result = actions.getTranslations(ctx, 'fr');
+    expect(result).toEqual({ global: { foo: 'bár' }, locals: [{ name: 'firstApi', value: { foo: 'bár' } }] });
+  });
 });

package/src/components.tsx

@@ -1,5 +1,3 @@
-import type { ComponentType } from 'react';
 import { getPiralComponent } from 'piral-core';
-import { LanguagesPickerProps } from './types';
 
-export const PiralLanguagesPicker: ComponentType<LanguagesPickerProps> = getPiralComponent('LanguagesPicker');
+export const PiralLanguagesPicker = getPiralComponent('LanguagesPicker');

package/src/create.test.ts

@@ -1,4 +1,4 @@
-import { Atom, swap } from '@dbeining/react-atom';
+import { Atom, swap, deref } from '@dbeining/react-atom';
 import { createLocaleApi, setupLocalizer } from './create';
 
 describe('Create Localize API', () => {
@@ -6,6 +6,9 @@ describe('Create Localize API', () => {
   const context: any = {
     defineActions() {},
     state,
+    readState(cb) {
+      return cb(deref(state));
+    },
     dispatch(update) {
       swap(state, update);
     },
@@ -95,4 +98,39 @@ describe('Create Localize API', () => {
     const result = api.translate('qxz');
     expect(result).toEqual('__fr_qxz__');
   });
+
+  it('getTranslations return the translations', () => {
+    const config = {
+      language: 'fr',
+      messages: {
+        fr: {
+          foo: 'bár',
+          bar: 'bár',
+        },
+      },
+    };
+    const api = (createLocaleApi(setupLocalizer(config))(context) as any)();
+    api.setTranslations({
+      fr: {
+        foo: 'boo',
+      },
+    });
+    const result = api.getTranslations();
+    expect(result).toEqual({ fr: { foo: 'boo' } });
+  });
+
+  it('getCurrentLanguage return the current language', () => {
+    const config = {
+      language: 'fr',
+      messages: {
+        fr: {
+          foo: 'bár',
+          bar: 'bár',
+        },
+      },
+    };
+    const api = (createLocaleApi(setupLocalizer(config))(context) as any)();
+    const result = api.getCurrentLanguage();
+    expect(result).toEqual('fr');
+  });
 });