ziko 0.50.1 → 0.50.2

package/src/ui/__methods__/dom.js

@@ -35,18 +35,6 @@ export function clear(){
   this.element.innerHTML = "";
   return this;
 }
-export function mount(target = this.target) {
-  if(this.isBody)return ;
-  if(target?.isUIElement)target=target.element;
-  this.target=target;
-  this.target?.appendChild(this.element);
-  return this;
-}
-export function unmount(){
-  if(this.cache.parent)this.cache.parent.remove(this);
-  else if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
-  return this;
-}
 export function replaceElementWith(new_element){
     this.cache.element.replaceWith(new_element)
     this.cache.element = new_element;
@@ -54,14 +42,6 @@ export function replaceElementWith(new_element){
     // To do : Dispose Events and States 
     return this
 }
-export function renderAfter(t = 1) {
-  setTimeout(() => this.mount(), t);
-  return this;
-}
-export function unrenderAfter(t = 1) {
-  setTimeout(() => this.unmount(), t);
-  return this;
-}
 export function after(ui){
   if(ui?.isUIElement) ui=ui.element;
   this.element?.after(ui)

package/src/ui/__methods__/events.js

@@ -7,7 +7,9 @@ import {
   bind_drag_event,
   bind_clipboard_event,
   bind_focus_event,
-  bind_wheel_event
+  bind_wheel_event,
+  bind_view_event,
+  bind_swipe_event
 } from "../../events/binders/index.js";
 
 import { bind_custom_event } from "../../events/binders/custom-event.js";
@@ -20,7 +22,9 @@ const binderMap = {
   drag : bind_drag_event,
   clipboard : bind_clipboard_event,
   focus : bind_focus_event,
-  wheel : bind_wheel_event
+  wheel : bind_wheel_event,
+  view : bind_view_event,
+  swipe : bind_swipe_event
 };
 
 const EventsMethodes = {
@@ -40,9 +44,9 @@ Object.entries(EventsMap).forEach(([name, eventList]) => {
   const lname = name.toLowerCase()
   eventList.forEach(event => {
     const methodName = `on${event}`;
-    EventsMethodes[methodName] = function (...callbacks) {
+    EventsMethodes[methodName] = function (callbacks) {
       if (!this.events[lname]) this.events[lname] = binderMap[lname](this);
-      this.events[lname][methodName](...callbacks);
+      this.events[lname][methodName](callbacks);
       return this;
     };
   });

package/src/ui/__methods__/index.js

@@ -1,3 +1,6 @@
+export * from './lifecycle.js'
+export * as LifecycleMethods from './lifecycle.js'
+
 export * from './attrs.js'
 export * as AttrsMethods from './attrs.js'
 

package/src/ui/__methods__/lifecycle.js

@@ -0,0 +1,54 @@
+// export function mount(target = this.target) {
+//   if(this.isBody) return ;
+//   if(target?.isUIElement)target=target.element;
+//   this.target=target;
+//   this.target?.appendChild(this.element);
+//   return this;
+// }
+// export function unmount(){
+//   if(this.cache.parent)this.cache.parent.remove(this);
+//   else if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
+//   return this;
+// }
+
+// export function mountAfter(target = this.target, t = 1) {
+//   setTimeout(() => this.mount(), t);
+//   return this;
+// }
+// export function unmountAfter(t = 1) {
+//   setTimeout(() => this.unmount(), t);
+//   return this;
+// }
+
+export function mount(target = this.target, delay = 0) {
+    if (delay > 0) {
+        setTimeout(() => this.mount(target, 0), delay);
+        return this;
+    }
+
+    if (this.isBody) return this;
+
+    if (target?.isUIElement) target = target.element;
+    this.target = target;
+
+    this.target?.appendChild(this.element);
+    return this;
+}
+
+export function unmount(delay = 0) {
+    if (delay > 0) {
+        setTimeout(() => this.unmount(0), delay);
+        return this;
+    }
+
+    if (this.cache.parent) {
+        this.cache.parent.remove(this);
+    } else if (
+        this.target?.children?.length &&
+        [...this.target.children].includes(this.element)
+    ) {
+        this.target.removeChild(this.element);
+    }
+
+    return this;
+}

package/src/ui/constructors/UIElement.js

@@ -1,6 +1,7 @@
 import { UIElementCore } from "./UIElementCore.js";
 import { register_to_class } from "../../__helpers__/register/register-to-class.js";
 import { 
+  LifecycleMethods,
   AttrsMethods,
   DomMethods,
   IndexingMethods,
@@ -22,6 +23,7 @@ class UIElement extends UIElementCore{
     // console.log(this)
     register_to_class(
       this, 
+      LifecycleMethods,
       AttrsMethods, 
       DomMethods, 
       StyleMethods,
@@ -151,32 +153,12 @@ class UIElement extends UIElementCore{
   // get id() {
   //   return this.element.getAttribute("id");
   // }
-  // onSwipe(width_threshold, height_threshold,...callbacks){
-  //   if(!this.events.swipe)this.events.swipe = useSwipeEvent(this, width_threshold, height_threshold);
-  //   this.events.swipe.onSwipe(...callbacks);
-  //   return this;
-  // }
   // To Fix
   // onKeysDown({keys=[],callback}={}){
   //   if(!this.events.key)this.events.key = useKeyEvent(this);
   //   this.events.key.handleSuccessifKeys({keys,callback});
   //   return this;
   // }
-  // onSelect(...callbacks){
-  //   if(!this.events.clipboard)this.events.clipboard = useClipboardEvent(this);
-  //   this.events.clipboard.onSelect(...callbacks);
-  //   return this;
-  // }
-  // on(event_name,...callbacks){
-  //   if(!this.events.custom)this.events.custom = useCustomEvent(this);
-  //   this.events.custom.on(event_name,...callbacks);
-  //   return this;
-  // }
-  // emit(event_name,detail={}){
-  //   if(!this.events.custom)this.events.custom = useCustomEvent(this);
-  //   this.events.custom.emit(event_name,detail);
-  //   return this;
-  // }
   // watchAttr(callback){
   //   if(!this.observer.attr)this.observer.attr = watchAttr(this,callback);
   //   return this;
@@ -185,16 +167,8 @@ class UIElement extends UIElementCore{
   //   if(!this.observer.children)this.observer.children = watchChildren(this,callback);
   //   return this;
   // }
-  // watchSize(callback){
-  //   if(!this.observer.resize)this.observer.resize = watchSize(this,callback);
-  //   this.observer.resize.start();
-  //   return this;
-  // }
-  // watchIntersection(callback,config){
-  //   if(!this.observer.intersection)this.observer.intersection = watchIntersection(this,callback,config);
-  //   this.observer.intersection.start();
-  //   return this;
-  // }
+  // watchSize(callback)Remplaced By on onViewResize
+  // watchIntersection(callback,config) Remplaced By onViewEnter and onViewExit
 
 }
 export { UIElement }

package/src/ui/{constructors/UIElement-lite.js → mini/UIElement.js}

@@ -1,4 +1,4 @@
-import { UIElementCore } from "./UIElementCore.js";
+import { UIElementCore } from "../constructors/UIElementCore.js";
 class UIElement extends UIElementCore{
     constructor({element, name, type, render}){
         super({element, name, type, render})

package/src/ui/suspense/index.js

@@ -1,4 +1,4 @@
-import {UIElement} from "../constructors/UIElement-lite.js";
+import {UIElement} from "../mini/UIElement.js";
 class ZikoUISuspense extends UIElement{
     constructor(fallback_ui, callback){
         super({element : "div", name : "suspense"})
@@ -12,7 +12,6 @@ class ZikoUISuspense extends UIElement{
                 const ui = await callback()
                 fallback_ui.unmount()
                 this.append(ui)
-                // console.log(content)
             }
             catch(error){
                 console.log({error})

package/types/data/api/index.d.ts

@@ -0,0 +1,15 @@
+// fetchdom.d.ts
+
+/**
+ * Fetches a URL and parses it into a DOM Document asynchronously.
+ * @param url The URL to fetch. Defaults to 'https://github.com/zakarialaoui10'.
+ * @returns A Promise resolving to the root element of the parsed DOM.
+ */
+export function fetchdom(url?: string): Promise<Element>;
+
+/**
+ * Fetches a URL synchronously (using `preload`) and parses it into a DOM Document.
+ * @param url The URL to fetch. Defaults to 'https://github.com/zakarialaoui10'.
+ * @returns The root element of the parsed DOM.
+ */
+export function fetchdomSync(url?: string): Element;

package/types/data/index.d.ts

@@ -0,0 +1 @@
+export type * from './api/index.d.ts'

package/types/data/string/checkers.d.ts

@@ -0,0 +1,51 @@
+// stringUtils.d.ts
+
+/**
+ * Checks if a string is in camelCase.
+ * @param text The string to check. Defaults to empty string.
+ * @returns True if the string is camelCase, false otherwise.
+ */
+export function is_camelcase(text?: string): boolean;
+
+/**
+ * Checks if a string contains hyphens (hyphen-case).
+ * @param text The string to check. Defaults to empty string.
+ * @returns True if the string contains hyphens, false otherwise.
+ */
+export function is_hyphencase(text?: string): boolean;
+
+/**
+ * Checks if a string contains underscores (snake_case).
+ * @param text The string to check. Defaults to empty string.
+ * @returns True if the string contains underscores, false otherwise.
+ */
+export function is_snakeCase(text?: string): boolean;
+
+/**
+ * Checks if a string is in PascalCase.
+ * @param text The string to check. Defaults to empty string.
+ * @returns True if the string is PascalCase, false otherwise.
+ */
+export function is_pascalcalse(text?: string): boolean;
+
+/**
+ * Checks if a string is a palindrome (case-insensitive).
+ * @param text The string to check.
+ * @returns True if the string is a palindrome, false otherwise.
+ */
+export function is_palindrome(text: string): boolean;
+
+/**
+ * Checks if two words are anagrams of each other.
+ * @param word The first word.
+ * @param words The second word.
+ * @returns True if the words are anagrams, false otherwise.
+ */
+export function is_anagram(word: string, words: string): boolean;
+
+/**
+ * Checks if a string is an isogram (no repeating letters, case-insensitive).
+ * @param text The string to check. Defaults to empty string.
+ * @returns True if the string is an isogram, false otherwise.
+ */
+export function is_isogram(text?: string): boolean;

package/types/data/string/converters.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Converts camelCase to hyphen-case.
+ * @param text The camelCase string. Defaults to ''.
+ * @returns The converted hyphen-case string.
+ */
+export function camel2hyphencase(text?: string): string;
+
+/**
+ * Converts camelCase to snake_case.
+ */
+export function camel2snakecase(text?: string): string;
+
+/**
+ * Converts camelCase to PascalCase.
+ */
+export function camel2pascalcase(text?: string): string;
+
+/**
+ * Converts camelCase to CONSTANT_CASE.
+ */
+export function camel2constantcase(text?: string): string;
+
+/**
+ * Converts PascalCase to snake_case.
+ */
+export function pascal2snakecase(text?: string): string;
+
+/**
+ * Converts PascalCase to hyphen-case.
+ */
+export function pascal2hyphencase(text?: string): string;
+
+/**
+ * Converts PascalCase to camelCase.
+ */
+export function pascal2camelcase(text?: string): string;
+
+/**
+ * Converts PascalCase to CONSTANT_CASE.
+ */
+export function pascal2constantcase(text?: string): string;
+
+/**
+ * Converts snake_case to camelCase.
+ */
+export function snake2camelcase(text?: string): string;
+
+/**
+ * Converts snake_case to hyphen-case.
+ */
+export function snake2hyphencase(text?: string): string;
+
+/**
+ * Converts snake_case to PascalCase.
+ */
+export function snake2pascalcase(text?: string): string;
+
+/**
+ * Converts snake_case to CONSTANT_CASE.
+ */
+export function snake2constantcase(text?: string): string;
+
+/**
+ * Converts hyphen-case to camelCase.
+ */
+export function hyphen2camelcase(text?: string): string;
+
+/**
+ * Converts hyphen-case to snake_case.
+ */
+export function hyphen2snakecase(text?: string): string;
+
+/**
+ * Converts hyphen-case to PascalCase.
+ */
+export function hyphen2pascalcase(text?: string): string;
+
+/**
+ * Converts hyphen-case to CONSTANT_CASE.
+ */
+export function hyphen2constantcase(text?: string): string;
+
+/**
+ * Converts CONSTANT_CASE to camelCase.
+ */
+export function constant2camelcase(text?: string): string;
+
+/**
+ * Converts CONSTANT_CASE to snake_case.
+ */
+export function constant2snakecase(text?: string): string;
+
+/**
+ * Converts CONSTANT_CASE to PascalCase.
+ */
+export function constant2pascalcase(text?: string): string;
+
+/**
+ * Converts CONSTANT_CASE to hyphen-case.
+ */
+export function constant2hyphencase(text?: string): string;

package/types/data/string/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './checkers.d.ts'
+export type * from './converters.d.ts'

package/types/index.d.ts

@@ -1,3 +1,4 @@
 export type * from './math'
 export type * from './time'
-export type * from './hooks'
+export type * from './hooks'
+export type * from './data'