ziko 0.0.17 → 0.0.19

package/src/reactivity/hooks/{head/useCssText.js → 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?.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);
+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/{head → Head}/index.js

@@ -1,5 +1,5 @@
-export * from "./useCssText"
-export * from "./useFavIcon"
-export * from "./useMeta";
-export * from "./useTitle";
-export * from "./useHead"
+// export * from "./useCssText"
+export * from "./useFavIcon"
+export * from "./useMeta";
+export * from "./useTitle";
+export * from "./useHead"

package/src/reactivity/hooks/{head → 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 → Head}/useHead.js

@@ -1,28 +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
+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 → Head}/useMeta.js

@@ -1,52 +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}
-
+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/{head → Head}/useTitle.js

@@ -1,30 +1,30 @@
-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);
+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/{interactions/useBluetooth.js → 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.js";
+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}/index.js

@@ -1,4 +1,4 @@
-export * from "./useChannel";
-export * from "./useEventEmmiter";
-export * from "./useThread";
-export * from "./useBluetooth";
+export * from "./useChannel";
+export * from "./useEventEmmiter";
+export * from "./useThread";
+// export * from "./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 }