ziko-providers 0.2.0 → 0.5.0

package/README.md

@@ -1,12 +1,20 @@
-> [!NOTE]  
+This is project is deprecated 
+replaced by [ziko-i18n](https://www.npmjs.com/package/ziko-i18n)
+
+
+
+[![zikojs community](https://github.com/zikojs/.github/raw/main/assets/community.svg)](https://github.com/zikojs)
+
+
+<!-- > [!NOTE]  
 > This project is part of the [ZikoJS](https://github.com/zakarialaoui10/ziko.js) ecosystem.
  
 
 ## List of providers
 
-|Provider|Description|
-|`DirectionProvider`||
-|`ThemeProvider`||
+- Direction : `DirectionProvider`
+- I18N : `createI18NProvider`, `useTranslation`
+
 
 <!-- ## Install
 
@@ -20,5 +28,5 @@ If you appreciate the library, kindly demonstrate your support by giving it a st
 
 ## Financial support -->
 
-# Licence
-This projet is licensed under the terms of MIT License
+<!-- # Licence
+This projet is licensed under the terms of MIT License --> -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko-providers",
-  "version": "0.2.0",
+  "version": "0.5.0",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -32,6 +32,12 @@
     "rollup": "^4.24.0"
   },
   "dependencies": {
-    "ziko": "^0.62.0"
+    "mdzjs": "^0.11.3",
+    "zextra": "^0.13.0",
+    "ziko": "^0.62.0",
+    "ziko-server": "^0.18.1",
+    "ziko-tgl": "^0.7.5",
+    "ziko-wrapper": "^0.30.2",
+    "zikofy": "^0.7.2"
   }
 }

package/src/i18n/hooks/index.js

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

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

@@ -0,0 +1,31 @@
+import { useState } from 'ziko/hooks';
+
+export function useTranslation(
+    initialLang = __Ziko__?.__PROVIDERS__?.i18n?.lang, 
+    locals = __Ziko__.__PROVIDERS__?.i18n?.locals
+) {
+    const [lang, _setLang] = useState(initialLang);
+
+    const setLang = (lang, rtl) =>{
+        document.documentElement.lang = lang;
+        document.documentElement.style.direction = rtl ? 'rtl' : 'ltr'
+        _setLang(lang)
+    }
+
+    setLang(initialLang)
+
+    function t(key) {
+        return () => ({
+            value : locals[lang().value][key],
+            isStateGetter: () => true,
+            _subscribe: (fn) => {
+                lang()._subscribe(
+                    () => fn(locals[lang().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){