ziko 0.0.13 → 0.0.15

package/src/reactivity/hooks/{UI → head}/useCssText.js

@@ -1,21 +1,21 @@
-class ZikoUseCssText{
-    constructor(css){
-        this.#init();
-        this.set(css);
-    }
-    #init(){     
-        // this.__FavIcon__=document.querySelector("link[rel*='icon']") || document?.createElementt('link');   
-        // this.__FavIcon__.type = 'image/x-icon';
-        // this.__FavIcon__.rel = 'shortcut icon';
-        return this;
-    }
-    set(cssText){
-        // if(href!==this.__FavIcon__.href){
-        //     this.__FavIcon__.href=href;
-        //     if(this.cache.Emitter)this.cache.Emitter.emit("ziko:favicon-changed");
-        // }
-        return this;
-    }
-}
-const useFavIcon=(FavIcon,useEventEmitter)=>new ZikoUseFavIcon(FavIcon,useEventEmitter);
-export{ useFavIcon }
+class ZikoUseCssText{
+    constructor(css){
+        this.#init();
+        this.set(css);
+    }
+    #init(){     
+        // this.__FavIcon__=document.querySelector("link[rel*='icon']") || document?.createElement('link');   
+        // this.__FavIcon__.type = 'image/x-icon';
+        // this.__FavIcon__.rel = 'shortcut icon';
+        return this;
+    }
+    set(cssText){
+        // if(href!==this.__FavIcon__.href){
+        //     this.__FavIcon__.href=href;
+        //     if(this.cache.Emitter)this.cache.Emitter.emit("ziko:favicon-changed");
+        // }
+        return this;
+    }
+}
+const useCss=(FavIcon,useEventEmitter)=>new ZikoUseCssText(FavIcon,useEventEmitter);
+export{ useCss }

package/src/reactivity/hooks/{UI → head}/useFavIcon.js

@@ -1,38 +1,38 @@
-import { useEventEmitter } from "../Interactions/useEventEmmiter";
-class ZikoUseFavIcon{
-    constructor(FavIcon,useEventEmitter=true){
-        this.#init();
-        this.cache={
-            Emitter:null
-        }
-        if(useEventEmitter)this.useEventEmitter();
-        this.set(FavIcon);
-    }
-    #init(){     
-        this.__FavIcon__=document.querySelector("link[rel*='icon']") || document?.createElement('link');   
-        this.__FavIcon__.type = 'image/x-icon';
-        this.__FavIcon__.rel = 'shortcut icon';
-        return this;
-    }
-    set(href){
-        if(href!==this.__FavIcon__.href){
-            this.__FavIcon__.href=href;
-            if(this.cache.Emitter)this.cache.Emitter.emit("ziko:favicon-changed");
-        }
-        return this;
-    }
-    get current(){
-        return document.__FavIcon__.href;
-    }
-    onChange(callback){
-        if(this.cache.Emitter)this.cache.Emitter.on("ziko:favicon-changed",callback);
-        return this;
-    }
-    useEventEmitter(){
-        this.cache.Emitter=useEventEmitter();
-        return this;
-    }
-
-}
-const useFavIcon=(FavIcon,useEventEmitter)=>new ZikoUseFavIcon(FavIcon,useEventEmitter);
+import { useEventEmitter } from "../Interactions/useEventEmmiter";
+class ZikoUseFavIcon{
+    constructor(FavIcon,useEventEmitter=true){
+        this.#init();
+        this.cache={
+            Emitter:null
+        }
+        if(useEventEmitter)this.useEventEmitter();
+        this.set(FavIcon);
+    }
+    #init(){     
+        this.__FavIcon__=document.querySelector("link[rel*='icon']") || document?.createElement('link');   
+        this.__FavIcon__.type = 'image/x-icon';
+        this.__FavIcon__.rel = 'shortcut icon';
+        return this;
+    }
+    set(href){
+        if(href!==this.__FavIcon__.href){
+            this.__FavIcon__.href=href;
+            if(this.cache.Emitter)this.cache.Emitter.emit("ziko:favicon-changed");
+        }
+        return this;
+    }
+    get current(){
+        return document.__FavIcon__.href;
+    }
+    onChange(callback){
+        if(this.cache.Emitter)this.cache.Emitter.on("ziko:favicon-changed",callback);
+        return this;
+    }
+    useEventEmitter(){
+        this.cache.Emitter=useEventEmitter();
+        return this;
+    }
+
+}
+const useFavIcon=(FavIcon,useEventEmitter)=>new ZikoUseFavIcon(FavIcon,useEventEmitter);
 export{ useFavIcon }

package/src/reactivity/hooks/head/useHead.js

@@ -0,0 +1,28 @@
+import { useTitle } from "./useTitle.js";
+import { useFavIcon } from "./useFavIcon.js";
+import {useMeta} from "./useMeta.js";
+// import {useLink} from "./";
+class ZikoHead{
+    constructor({title,lang,icon,meta,noscript}){
+        this.html = globalThis?.document?.documentElement;
+        this.head = globalThis?.document?.head;
+
+        title && useTitle(title);
+        lang && this.setLang(lang)
+        icon && useFavIcon(icon);
+        meta && useMeta(meta);
+        noscript && this.setNoScript()
+    }
+    setLang(lang){
+        this.html.setAttribute("lang",lang)
+    }
+    setNoScript(content){
+
+    }
+}
+
+const useHead=({ title, lang, icon, meta, noscript })=>new ZikoHead({ title, lang, icon, meta, noscript });
+export{
+    useHead,
+    ZikoHead
+}

package/src/reactivity/hooks/head/useMeta.js

@@ -0,0 +1,52 @@
+class ZikoMeta{
+    constructor({viewport,charset,description,author,keywords}){
+        this.document = globalThis?.document 
+        this.meta={};
+        this.init({viewport,charset,description,author,keywords})
+    }
+    init({viewport,charset,description,author,keywords}){
+        viewport && this.setViewport(viewport);
+        charset && this.setCharset(charset);
+        description && this.describe(description);
+        author && this.setAuthor(author);
+        keywords && this.setKeywords(keywords);
+    }
+    set(key,value){
+        key = key.toLowerCase();
+        const isCharset = (key === "charset")
+        const meta = isCharset ? document.querySelector("meta[charset]"):document.querySelector(`meta[name=${key}]`);
+        this.meta=meta?? document?.createElement("meta");
+        if(isCharset) this.meta.setAttribute("charset",value);
+        else{
+            this.meta.setAttribute("name",key);
+            this.meta.setAttribute("content",value);
+        }
+        if(!meta)this.document.head.append(this.meta);
+        return this;     
+    }
+    setCharset(charset="utf-8"){
+        this.set("charset",charset)
+        return this;
+    }
+    describe(description){
+        this.set("description",description);
+        return this;    
+    }
+    setViewport(viewport="width=device-width, initial-scale=1.0"){
+        this.set("viewport",viewport);
+        return this;    
+    }
+    setKeywords(...keywords){
+        // keywords.push("zikojs");
+        keywords=[...new Set(keywords)].join(", ");
+        this.set("keywords",keywords);
+        return this;
+    }
+    setAuthor(author){
+        this.set("author",author);
+        return this;
+    }
+}
+const useMeta=({viewport,charset,description,author,keywords})=>new ZikoMeta({viewport,charset,description,author,keywords});
+export{useMeta}
+

package/src/reactivity/hooks/{UI → head}/useTitle.js

@@ -1,30 +1,30 @@
-import { useEventEmitter } from "../Interactions/useEventEmmiter";
-class ZikoUseTitle{
-    constructor(title=document.title,useEventEmitter=true){
-        this.cache={
-            Emitter:null
-        }
-        if(useEventEmitter)this.useEventEmitter();
-        this.set(title);
-    }
-    useEventEmitter(){
-        this.cache.Emitter=useEventEmitter();
-        return this;
-    }
-    set(title){
-        if(title!==document.title){
-            document.title=title;
-            if(this.cache.Emitter)this.cache.Emitter.emit("ziko:title-changed");
-        }
-        return this;
-    }
-    get current(){
-        return document.title;
-    }
-    onChange(callback){
-        if(this.cache.Emitter)this.cache.Emitter.on("ziko:title-changed",callback);
-        return this;
-    }
-}
-const useTitle=(title, useEventEmitter)=>new ZikoUseTitle(title, useEventEmitter);
+import { useEventEmitter } from "../Interactions/useEventEmmiter.js";
+class ZikoUseTitle{
+    constructor(title=document.title,useEventEmitter=true){
+        this.cache={
+            Emitter:null
+        }
+        if(useEventEmitter)this.useEventEmitter();
+        this.set(title);
+    }
+    useEventEmitter(){
+        this.cache.Emitter=useEventEmitter();
+        return this;
+    }
+    set(title){
+        if(title!==document.title){
+            document.title=title;
+            if(this.cache.Emitter)this.cache.Emitter.emit("ziko:title-changed");
+        }
+        return this;
+    }
+    get current(){
+        return document.title;
+    }
+    onChange(callback){
+        if(this.cache.Emitter)this.cache.Emitter.on("ziko:title-changed",callback);
+        return this;
+    }
+}
+const useTitle=(title, useEventEmitter)=>new ZikoUseTitle(title, useEventEmitter);
 export{ useTitle }

package/src/reactivity/hooks/index.js

@@ -1,85 +1,91 @@
-import { 
-    useStyle,
-    useTheme,
-    useTitle,
-    useFavIcon,
-    useMediaQuery
- } from "./UI";
-import { 
-    useEventEmitter,
-    useChannel,
-    useThread,
-    useBluetooth
- } from "./Interactions";
-import { 
-    useBattery,
-    useGeolocation
- } from "./Sensors";
-import { 
-    useThrottle,
-    useDebounce
- } from "./Decorators";
-import {
-    useLocaleStorage,
-    useSessionStorage
-} from "./Storage"
-import { 
-    useSuccesifKeys
- } from "./Contexte";
-const Hooks={
-    useStyle,
-    useTheme,
-    useMediaQuery,
-    useBattery,
-    useGeolocation,
-    useEventEmitter,
-    useChannel,
-    useThread,
-    useBluetooth,
-    useTitle,
-    useFavIcon,
-    useThrottle,
-    useDebounce,
-    useLocaleStorage,
-    useSessionStorage,
-    useSuccesifKeys,
-    ExtractAll: function () {
-        const keys = Object.keys(this);
-        for (let i = 0; i < keys.length; i++) {
-            const key = keys[i];
-            if (key !== 'ExtractAll' && key !== 'RemoveAll') {
-                globalThis[key] = this[key];
-            }
-        }
-        return this;
-    },
-    RemoveAll: function () {
-        const keys = Object.keys(this);
-        for (let i = 0; i < keys.length; i++) {
-            const key = keys[i];
-            if (key !== 'RemoveAll') {
-                delete globalThis[key];
-            }
-        }
-        return this;
-    }
-}
-export default Hooks;
-export{
-    useStyle,
-    useTheme,
-    useMediaQuery,
-    useTitle,
-    useFavIcon,
-    useBattery,
-    useGeolocation,
-    useEventEmitter,
-    useChannel,
-    useThread,
-    useBluetooth,
-    useThrottle,
-    useDebounce,
-    useLocaleStorage,
-    useSessionStorage,
-    useSuccesifKeys
-}
+import {
+    useTitle,
+    useFavIcon,
+    useMeta,
+    useHead
+} from "./Head"
+import { 
+    useStyle,
+    useTheme,
+    useMediaQuery
+ } from "./UI";
+import { 
+    useEventEmitter,
+    useChannel,
+    useThread,
+    useBluetooth
+ } from "./Interactions";
+import { 
+    useBattery,
+    useGeolocation
+ } from "./Sensors";
+import { 
+    useThrottle,
+    useDebounce
+ } from "./Decorators";
+import {
+    useLocaleStorage,
+    useSessionStorage
+} from "./Storage"
+import { 
+    useSuccesifKeys
+ } from "./Contexte";
+const Hooks={
+    useStyle,
+    useTheme,
+    useMediaQuery,
+    useBattery,
+    useGeolocation,
+    useEventEmitter,
+    useChannel,
+    useThread,
+    useBluetooth,
+    useTitle,
+    useFavIcon,
+    useMeta,
+    useHead,
+    useThrottle,
+    useDebounce,
+    useLocaleStorage,
+    useSessionStorage,
+    useSuccesifKeys,
+    ExtractAll: function () {
+        const keys = Object.keys(this);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            if (key !== 'ExtractAll' && key !== 'RemoveAll') {
+                globalThis[key] = this[key];
+            }
+        }
+        return this;
+    },
+    RemoveAll: function () {
+        const keys = Object.keys(this);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            if (key !== 'RemoveAll') {
+                delete globalThis[key];
+            }
+        }
+        return this;
+    }
+}
+export default Hooks;
+export{
+    useStyle,
+    useTheme,
+    useMediaQuery,
+    useTitle,
+    useFavIcon,
+    useBattery,
+    useGeolocation,
+    useEventEmitter,
+    useChannel,
+    useThread,
+    useBluetooth,
+    useThrottle,
+    useDebounce,
+    useLocaleStorage,
+    useSessionStorage,
+    useSuccesifKeys
+}

package/src/reactivity/hooks/{Interactions → interactions}/index.js

@@ -1,4 +1,4 @@
-export * from "./useChannel";
-export * from "./useEventEmmiter";
-export * from "./useThread";
+export * from "./useChannel";
+export * from "./useEventEmmiter";
+export * from "./useThread";
 export * from "./useBluetooth";

package/src/reactivity/hooks/{Interactions → interactions}/useBluetooth.js

@@ -1,48 +1,48 @@
-import { useEventEmitter } from "./useEventEmmiter";
-class ZikoUseBluetooth{
-    constructor(options={acceptAllDevices:true}){
-        this.options=options;
-        this.__Emitter__=useEventEmitter();
-        if(this.isSupported)this.#init();
-    }   
-    async #init(){
-        this.promise=navigator.bluetooth.requestDevice(this.options).then(device=>this.device=device)
-    }
-    get isSupported(){
-        return !!navigator.bluetooth;
-    }
-    get current(){
-        // Synchrouns Code
-        return this.device;
-    }
-    connect(){
-        this.server=this.device.gatt.connect();
-        this.__Emitter__.emit("ziko:bluetooth-connected");
-        return this;
-    }
-    disconnect(){
-        this.device.gatt.disconnect();
-        this.__Emitter__.emit("ziko:bluetooth-disconnected");
-        return this;
-    }
-    onConnect(callback){
-        this.__Emitter__.on("ziko:bluetooth-connected",callback);
-        return this;
-    }
-    onDisconnect(callback){
-        this.__Emitter__.on("ziko:bluetooth-disconnected",callback);
-        return this;
-    }
-    dispose(){
-
-    }
-    async battery(callback){
-        const batteryService = await this.server.getPrimaryService("battery_service");
-        const batteryLevelCharacteristic = await batteryService.getCharacteristic("battery_level");
-        const batteryLevel = await batteryLevelCharacteristic.readValue();
-        const batteryPercent = await batteryLevel.getUint8(0);
-        callback(batteryPercent)
-    }
-}
-const useBluetooth=(options)=>new ZikoUseBluetooth(options);
+import { useEventEmitter } from "./useEventEmmiter";
+class ZikoUseBluetooth{
+    constructor(options={acceptAllDevices:true}){
+        this.options=options;
+        this.__Emitter__=useEventEmitter();
+        if(this.isSupported)this.#init();
+    }   
+    async #init(){
+        this.promise=navigator.bluetooth.requestDevice(this.options).then(device=>this.device=device)
+    }
+    get isSupported(){
+        return !!navigator.bluetooth;
+    }
+    get current(){
+        // Synchrouns Code
+        return this.device;
+    }
+    connect(){
+        this.server=this.device.gatt.connect();
+        this.__Emitter__.emit("ziko:bluetooth-connected");
+        return this;
+    }
+    disconnect(){
+        this.device.gatt.disconnect();
+        this.__Emitter__.emit("ziko:bluetooth-disconnected");
+        return this;
+    }
+    onConnect(callback){
+        this.__Emitter__.on("ziko:bluetooth-connected",callback);
+        return this;
+    }
+    onDisconnect(callback){
+        this.__Emitter__.on("ziko:bluetooth-disconnected",callback);
+        return this;
+    }
+    dispose(){
+
+    }
+    async battery(callback){
+        const batteryService = await this.server.getPrimaryService("battery_service");
+        const batteryLevelCharacteristic = await batteryService.getCharacteristic("battery_level");
+        const batteryLevel = await batteryLevelCharacteristic.readValue();
+        const batteryPercent = await batteryLevel.getUint8(0);
+        callback(batteryPercent)
+    }
+}
+const useBluetooth=(options)=>new ZikoUseBluetooth(options);
 export{ useBluetooth }

package/src/reactivity/hooks/{Interactions → interactions}/useChannel.js

@@ -1,50 +1,50 @@
-import { Random } from "../../../math/random";
-class ZikoUseChannel{
-    constructor(name=""){
-        this.channel=new BroadcastChannel(name);
-        this.EVENTS_DATAS_PAIRS=new Map();
-        this.EVENTS_HANDLERS_PAIRS=new Map();
-        this.LAST_RECEIVED_EVENT="";
-        this.UUID="ziko-channel"+Random.string(10);
-        this.SUBSCRIBERS=new Set([this.UUID]);
-    }
-    get broadcast(){
-        // update receiver
-        return this;
-    }
-    emit(event, data){
-        this.EVENTS_DATAS_PAIRS.set(event,data)
-        this.#maintainEmit(event);
-        return this;
-    }
-    on(event,handler=console.log){
-        this.EVENTS_HANDLERS_PAIRS.set(event,handler);
-        this.#maintainOn()
-        return this;
-    }
-    #maintainOn(){
-        this.channel.onmessage = (e) => {
-            this.LAST_RECEIVED_EVENT=e.data.last_sended_event;
-            const USER_ID=e.data.userId;
-            this.SUBSCRIBERS.add(USER_ID)
-            const Data=e.data.EVENTS_DATAS_PAIRS.get(this.LAST_RECEIVED_EVENT)
-            const Handler=this.EVENTS_HANDLERS_PAIRS.get(this.LAST_RECEIVED_EVENT)
-            if(Data && Handler)Handler(Data)
-          };
-          return this;
-    }
-    #maintainEmit(event){
-        this.channel.postMessage({
-            EVENTS_DATAS_PAIRS:this.EVENTS_DATAS_PAIRS,
-            last_sended_event:event,
-            userId:this.UUID
-        });
-        return this;
-    }
-    close(){
-        this.channel.close();
-        return this;
-    }
-}
-const useChannel=name=>new ZikoUseChannel(name);
+import { Random } from "../../../math/random";
+class ZikoUseChannel{
+    constructor(name=""){
+        this.channel=new BroadcastChannel(name);
+        this.EVENTS_DATAS_PAIRS=new Map();
+        this.EVENTS_HANDLERS_PAIRS=new Map();
+        this.LAST_RECEIVED_EVENT="";
+        this.UUID="ziko-channel"+Random.string(10);
+        this.SUBSCRIBERS=new Set([this.UUID]);
+    }
+    get broadcast(){
+        // update receiver
+        return this;
+    }
+    emit(event, data){
+        this.EVENTS_DATAS_PAIRS.set(event,data)
+        this.#maintainEmit(event);
+        return this;
+    }
+    on(event,handler=console.log){
+        this.EVENTS_HANDLERS_PAIRS.set(event,handler);
+        this.#maintainOn()
+        return this;
+    }
+    #maintainOn(){
+        this.channel.onmessage = (e) => {
+            this.LAST_RECEIVED_EVENT=e.data.last_sended_event;
+            const USER_ID=e.data.userId;
+            this.SUBSCRIBERS.add(USER_ID)
+            const Data=e.data.EVENTS_DATAS_PAIRS.get(this.LAST_RECEIVED_EVENT)
+            const Handler=this.EVENTS_HANDLERS_PAIRS.get(this.LAST_RECEIVED_EVENT)
+            if(Data && Handler)Handler(Data)
+          };
+          return this;
+    }
+    #maintainEmit(event){
+        this.channel.postMessage({
+            EVENTS_DATAS_PAIRS:this.EVENTS_DATAS_PAIRS,
+            last_sended_event:event,
+            userId:this.UUID
+        });
+        return this;
+    }
+    close(){
+        this.channel.close();
+        return this;
+    }
+}
+const useChannel=name=>new ZikoUseChannel(name);
 export{ useChannel }