ziko 0.0.4 → 0.0.6

package/src/Reactivity/Events/index.js

@@ -1,60 +0,0 @@
-import Pointer from "./Global/Pointer.js";
-import Mouse from "./Global/Mouse.js";
-import Wheel from "./Global/Wheel.js";
-import Key from "./Global/Key.js";
-import {Drag,Drop} from "./Global/Drag.js";
-import Click from "./Global/Click.js";
-import Clipboard from "./Global/Clipboard.js";
-import Focus from "./Global/Focus.js";
-import Input from "./Partiel/Input.js";
-import HashEvent from "./Partiel/Hash.js";
-import customEvent from "./Global/CustomEvent.js";
-const Events={
-    Pointer,
-    Mouse,
-    Wheel,
-    Key,
-    Drag,
-    Drop,
-    Click,
-    Clipboard,
-    Focus,
-    Input,
-    HashEvent,
-    CustomEvent,
-    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 {
-    Pointer,
-    Mouse,
-    Wheel,
-    Key,
-    Drag,
-    Drop,
-    Click,
-    Clipboard,
-    Focus,
-    Input,
-    HashEvent,
-    customEvent
-}
-export default Events

package/src/Reactivity/Observer/index.js

@@ -1,3 +0,0 @@
-export * from "./intersection";
-export * from "./mutation";
-export * from "./resize";

package/src/Reactivity/Observer/intersection.js

@@ -1,40 +0,0 @@
-class ZikoIntersectionObserver{
-    constructor(UIElement,callback,{threshold=0,margin=0}={}){
-        this.target=UIElement;
-        this.config={
-            threshold,
-            margin
-        }
-        this.observer=new IntersectionObserver((entries)=>{
-            this.entrie=entries[0];
-            callback(this)
-        },{
-            threshold:this.threshold,
-        })
-    }
-    get ratio(){
-        return this.entrie.intersectionRatio;
-    }
-    get isIntersecting(){
-        return this.entrie.isIntersecting;
-    }
-    setThreshould(threshold){
-        this.config.threshold=threshold;
-        return this;
-    }
-    setMargin(margin){
-        margin=(typeof margin === "number")?margin+"px":margin;
-        this.config.margin=margin;
-        return this;
-    }
-    start(){
-        this.observer.observe(this.target.element);
-        return this;
-    }
-    stop(){
-        return this;
-    }
-}
-
-const WatchIntersection=(UI,callback,config)=>new ZikoIntersectionObserver(UI,callback,config);
-export {WatchIntersection}

package/src/Reactivity/Observer/mutation.js

@@ -1,90 +0,0 @@
-class ZikoMutationObserver {
-    constructor(UIElement, options) {
-      this.UIElement = UIElement;
-      this.options = options || { attributes: true, childList: true, subtree: true };
-      this.observer = null;
-      this.streamingEnabled = true;
-      this.mutationHistory = {
-        attributes: [],
-        childList: [],
-        subtree: [],
-      };
-  
-      this.observeCallback = (mutationsList, observer) => {
-        if (this.streamingEnabled) {
-          for (const mutation of mutationsList) {
-            if (mutation.type === 'attributes') {
-              this.mutationHistory.attributes.push(mutation.target.getAttribute(mutation.attributeName));
-            } else if (mutation.type === 'childList') {
-              this.mutationHistory.childList.push(mutation);
-            } else if (mutation.type === 'subtree') {
-              this.mutationHistory.subtree.push(mutation);
-            }
-          }
-        }
-        if (this.callback) {
-          this.callback(mutationsList, observer);
-        }
-      };
-    }
-  
-    observe(callback) {
-      if(!this.observer) {
-        this.observer = new MutationObserver(this.observeCallback);
-        this.observer.observe(this.UIElement.element, this.options);
-        this.callback = callback;
-        this.streamingEnabled = true;
-      }
-    }
-  
-    pause(options) {
-      if (this.observer) {
-        this.observer.disconnect();
-        if (options) {
-          this.observer.observe(this.UIElement, options);
-        }
-      }
-    }
-  
-    reset(options) {
-      if (this.observer) {
-        this.observer.disconnect();
-        this.observer.observe(this.UIElement, options || this.options);
-      }
-    }
-  
-    clear() {
-      if (this.observer) {
-        this.observer.disconnect();
-        this.observer = null;
-        this.mutationHistory = {
-          attributes: [],
-          childList: [],
-          subtree: [],
-        };
-      }
-      this.streamingEnabled = false;
-      return this;
-    }
-  
-    getMutationHistory() {
-      return this.mutationHistory;
-    }
-  
-    enableStreaming() {
-      this.streamingEnabled = true;
-      return this;
-    }
-  
-    disableStreaming() {
-      this.streamingEnabled = false;
-      return this;
-    }
-  }
-
-const Watch=(UIElement,options={},callback=null)=>{
-    const Observer= new ZikoMutationObserver(UIElement,options);
-    if(callback)Observer.observe(callback);
-    return Observer
-}
-export { Watch }; 

package/src/Reactivity/Observer/resize.js

@@ -1,47 +0,0 @@
-class ZikoResizeObserver{
-    constructor(UIElement,callback){
-        this.target=UIElement;
-        this.contentRect=null;
-        this.observer=new ResizeObserver(()=>{
-           callback(this)
-        })
-    }
-    get BoundingRect(){
-        return this.target.element.getBoundingClientRect();
-    }
-    get width(){
-        return this.BoundingRect.width;
-    }
-    get height(){
-        return this.BoundingRect.height;
-    }
-    get top(){
-        return this.BoundingRect.top;
-    }
-    get bottom(){
-        return this.BoundingRect.bottom;
-    }
-    get right(){
-        return this.BoundingRect.right;
-    }
-    get left(){
-        return this.BoundingRect.left;
-    }
-    get x(){
-        return this.BoundingRect.x;
-    }
-    get y(){
-        return this.boundingRect.y;
-    }
-    start(){
-        this.observer.observe(this.target.element);
-        return this;
-    }
-    stop(){
-        this.observer.unobserve(this.target.element);
-        return this;
-    }
-}
-
-const WatchSize=(UI,callback)=>new ZikoResizeObserver(UI,callback)
-export {WatchSize}

package/src/Reactivity/Use/Contexte/index.js

@@ -1 +0,0 @@
-export * from "./useSuccesifKeys"

package/src/Reactivity/Use/Contexte/useSuccesifKeys.js

@@ -1,14 +0,0 @@
-const useSuccesifKeys=(self,keys=[],callback=()=>{})=>{
-    self.cache.stream.enabled.down=true;
-    const length=keys.length;
-    const LastKeysDown=self.cache.stream.history.down.slice(-length).map(n=>n.key);
-    
-        if(keys.join("")===LastKeysDown.join("")){
-            self.event.preventDefault();
-            callback.call(self,self);
-        }
-    
-}
-export {
-    useSuccesifKeys
-}

package/src/Reactivity/Use/Decorators/index.js

@@ -1,4 +0,0 @@
-export { 
-    useThrottle,
-    useDebounce
- } from "../../../Time";

package/src/Reactivity/Use/Interactions/index.js

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

package/src/Reactivity/Use/Interactions/useBluetooth.js

@@ -1,48 +0,0 @@
-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/Use/Interactions/useChannel.js

@@ -1,50 +0,0 @@
-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 }

package/src/Reactivity/Use/Interactions/useEventEmmiter.js

@@ -1,64 +0,0 @@
-class ZikoUseEventEmitter {
-    constructor() {
-      this.events = {};
-      this.maxListeners = 10; 
-    }
-    on(event, listener) {
-      if (!this.events[event]) {
-        this.events[event] = [];
-      }
-      this.events[event].push(listener);  
-      if (this.events[event].length > this.maxListeners) {
-        console.warn(`Warning: Possible memory leak. Event '${event}' has more than ${this.maxListeners} listeners.`);
-      }
-    }
-    once(event, listener) {
-      const onceListener = (data) => {
-        this.off(event, onceListener); // Remove the listener after it's been called
-        listener(data);
-      };
-      this.on(event, onceListener);
-    }
-  
-    off(event, listener) {
-      const listeners = this.events[event];
-      if (listeners) {
-        const index = listeners.indexOf(listener);
-        if (index !== -1) {
-          listeners.splice(index, 1);
-        }
-      }
-    }
-  
-    emit(event, data) {
-      const listeners = this.events[event];
-      if (listeners) {
-        listeners.forEach(listener => {
-          listener(data);
-        });
-      }
-    }
-  
-    clear(event) {
-      if (event) {
-        delete this.events[event];
-      } else {
-        this.events = {};
-      }
-    }
-  
-    setMaxListener(event, max) {
-      this.maxListeners = max;
-    }
-  
-    removeAllListeners(event) {
-      if (event) {
-        this.events[event] = [];
-      } else {
-        this.events = {};
-      }
-    }
-  }
-
-const useEventEmitter=()=>new ZikoUseEventEmitter()
-export{useEventEmitter}

package/src/Reactivity/Use/Interactions/useThread.js

@@ -1,44 +0,0 @@
-class ZikoUseThreed {
-    #workerContent;
-    constructor() {
-        this.#workerContent = (
-            function (msg) {
-                try {
-                    const func = new Function("return " + msg.data.fun)();
-                    let result = func();
-                    postMessage({ result });
-                } catch (error) {
-                    postMessage({ error: error.message });
-                } finally {
-                    if (msg.data.close) self.close();
-                }
-            }
-        ).toString();
-        this.blob = new Blob(["this.onmessage = " + this.#workerContent], { type: "text/javascript" });
-        this.worker = new Worker(window.URL.createObjectURL(this.blob));
-    }
-    call(func, callback, close = true) {
-        this.worker.postMessage({
-            fun: func.toString(),
-            close
-        });
-        this.worker.onmessage = function (e) {
-            if (e.data.error) {
-                console.error(e.data.error);
-            } else {
-                callback(e.data.result);
-            }
-        };
-        return this;
-    }
-}
-
-const useThread = (func, callback , close) => {
-    const T = new ZikoUseThreed();
-    if (func) {
-        T.call(func, callback , close);
-    }
-    return T;
-}
-
-export { useThread };

package/src/Reactivity/Use/Sensors/index.js

@@ -1,2 +0,0 @@
-export * from "./useBattery";
-export * from "./useGeolocation"

package/src/Reactivity/Use/Sensors/useBattery.js

@@ -1,36 +0,0 @@
-class ZikoUseBattery{
-    constructor(){
-        if(this.isSupported)this.#init();
-    }   
-    async #init(){
-        this.__Battery__=await navigator.getBattery(); 
-    }
-    get isSupported(){
-        return !!navigator.getBattery;
-    }
-    get current(){
-        // Synchrouns Code
-        const {
-            level,
-            charging,
-            chargingTime,
-            dischargingTime
-        }=this.__Battery__;
-        return{
-            level,
-            charging,
-            chargingTime,
-            dischargingTime
-        }
-    }
-    onChargingChange(callback){
-        this.__Battery__.addEventListener("chargingchange",callback);
-        return this;
-    }
-    onLevelChange(callback){
-        this.__Battery__.addEventListener("levelchange",callback);
-        return this;
-    }
-}
-const useBattery=()=>new ZikoUseBattery();
-export{ useBattery }

package/src/Reactivity/Use/Sensors/useGeolocation.js

@@ -1,17 +0,0 @@
-class ZikoUseGeolocation{
-    constructor(){
-        if(this.isSupported)this.#init();
-    }   
-    async #init(){
-        navigator.geolocation.getCurrentPosition(e=>this.__Geolocation__=e)
-    }
-    get isSupported(){
-        return !!navigator.geolocation;
-    }
-    get current(){
-        // Synchrouns Code
-        return this.__Geolocation__;
-    }
-}
-const useGeolocation=()=>new ZikoUseGeolocation();
-export{ useGeolocation }

package/src/Reactivity/Use/Storage/index.js

@@ -1 +0,0 @@
-export * from "./useStorage";

package/src/Reactivity/Use/Storage/useStorage.js

@@ -1,74 +0,0 @@
-// To do : remove old items
-import { useChannel } from "../Interactions";
-class ZikoUseStorage{
-    #CACHE
-    constructor(storage,globalKey,initialValue){
-        this.#CACHE={
-            storage,
-            globalKey,
-            channel:useChannel(`Ziko:useStorage-${globalKey}`),
-            oldItemKeys:new Set()
-        }
-        this.#init(initialValue);
-        this.#maintain();
-    }
-    get items(){
-        return JSON.parse(this.#CACHE.storage[this.#CACHE.globalKey]??null);
-    }
-    #maintain() {
-        for(let i in this.items)Object.assign(this, { [[i]]: this.items[i] });
-    }
-    #init(initialValue){
-        this.#CACHE.channel=useChannel(`Ziko:useStorage-${this.#CACHE.globalKey}`);
-        this.#CACHE.channel.on("Ziko-Storage-Updated",()=>this.#maintain());
-        if(!initialValue)return;
-        if(this.#CACHE.storage[this.#CACHE.globalKey]){
-            Object.keys(this.items).forEach(key=>this.#CACHE.oldItemKeys.add(key));
-            console.group("Ziko:useStorage")
-            console.warn(`Storage key '${this.#CACHE.globalKey}' already exists. we will not overwrite it.`);
-            console.info(`%cWe'll keep the existing data.`,"background-color:#2222dd; color:gold;");
-            console.group("")
-        }
-        else this.set(initialValue);
-    }
-    set(data){
-        this.#CACHE.storage.setItem(this.#CACHE.globalKey,JSON.stringify(data));
-        this.#CACHE.channel.emit("Ziko-Storage-Updated",{});
-        Object.keys(data).forEach(key=>this.#CACHE.oldItemKeys.add(key));
-        this.#maintain();
-        return this
-    }
-    add(data){
-        const db={
-            ...this.items,
-            ...data
-        }
-        this.#CACHE.storage.setItem(this.#CACHE.globalKey,JSON.stringify(db));
-        this.#maintain();
-        return this;
-    }
-    remove(...keys){
-        const db={...this.items};
-        for(let i=0;i<keys.length;i++){
-            delete db[keys[i]];
-            delete this[keys[i]];
-        }
-        this.set(db);
-        return this;
-    }
-    get(key){
-        return this.items[key];
-    }
-    clear(){
-        this.#CACHE.storage.removeItem(this.#CACHE.globalKey);
-        this.#maintain();
-        return this;
-    }
-
-}
-const useLocaleStorage=(key,initialValue)=>new ZikoUseStorage(localStorage,key,initialValue);
-const useSessionStorage=(key,initialValue)=>new ZikoUseStorage(sessionStorage,key,initialValue);
-export{
-    useLocaleStorage,
-    useSessionStorage
-}

package/src/Reactivity/Use/UI/index.js

@@ -1,4 +0,0 @@
-export * from "./useStyle";
-export * from "./useTheme";
-export * from "./useTitle";
-export * from "./useFavIcon";

package/src/Reactivity/Use/UI/useCssText.js

@@ -1,21 +0,0 @@
-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 useFavIcon=(FavIcon,useEventEmitter)=>new ZikoUseFavIcon(FavIcon,useEventEmitter);
-export{ useFavIcon }