ziko-providers 0.2.0 → 0.3.0

package/README.md

@@ -4,9 +4,9 @@
 
 ## List of providers
 
-|Provider|Description|
-|`DirectionProvider`||
-|`ThemeProvider`||
+- Direction : `DirectionProvider`
+- I18N : `createI18NProvider`, `useTranslation`
+
 
 <!-- ## Install
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko-providers",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/i18n/hooks/index.js

@@ -0,0 +1 @@
+export * from './use-translate.js'

package/src/i18n/hooks/use-translate.js

@@ -0,0 +1,23 @@
+import { useState } from 'ziko/hooks';
+
+export function useTranslation(
+    initialLang = __Ziko__?.__PROVIDERS__?.i18n?.lang, 
+    locals = __Ziko__.__PROVIDERS__?.i18n?.locals
+) {
+    const [getLang, setLang] = useState(initialLang);
+
+    setLang(initialLang)
+
+    function t(key) {
+        return () => ({
+            value : locals[getLang().value][key],
+            isStateGetter: () => true,
+            _subscribe: (fn) => {
+                getLang()._subscribe(() => fn(locals[getLang().value][key]));
+            }
+        });
+    }
+
+    return [t, setLang];
+}
+

package/src/i18n/index.js

@@ -1,14 +1,2 @@
-import { Provider } from '../provider.js';
-class __I18NProvider__ extends Provider{
-    constructor(component, {lang, locals}){
-        super(component)
-        document.documentElement.lang = lang;
-        if(!globalThis.__Ziko__.__PROVIDERS__) globalThis.__Ziko__.__PROVIDERS__ = {}
-        globalThis.__Ziko__.__PROVIDERS__.i18n = {
-            lang, 
-            locals
-        }
-    }
-}
-
-export const I18NProvider = (component, {lang, locals}) => new __I18NProvider__(component, {lang, locals});
+export * from './provider.js'
+export * from './hooks/index.js'

package/src/i18n/provider.js

@@ -0,0 +1,7 @@
+export function createI18NProvider(lang, locals){
+    if(!globalThis.__Ziko__.__PROVIDERS__) globalThis.__Ziko__.__PROVIDERS__ = {}
+    globalThis.__Ziko__.__PROVIDERS__.i18n = {
+        lang, 
+        locals,
+    }  
+}

package/src/provider.js

@@ -1,4 +1,4 @@
-import { UIElement } from "ziko/src/ui/index.js";
+import { UIElement } from "ziko/src/ui/constructors/UIElement.js"
 
 export class Provider extends UIElement{
     constructor(component){