ziko 0.0.17 → 0.0.19

package/src/app/ziko-app.js

@@ -1,39 +1,39 @@
-import { ZikoHead , useHead} from "../reactivity/hooks/Head";
-class ZikoApp {
-    constructor({head = null, wrapper = null, target = null}){
-        this.head = head;
-        this.wrapper = wrapper;
-        this.target = target;
-        this.init()        
-    }
-    get isZikoApp(){
-        return true;
-    }
-    init(){
-        this.head && this.setHead(this.head);
-        this.wrapper && this.setWrapper(this.wrapper);
-        this.target && this.setTarget(this.target);
-        if(this.wrapper && this.target)this.wrapper.render(this.target);
-    }
-    setTarget(target){
-        if(target instanceof HTMLElement) this.target = target;
-        else if (typeof target === "string") this.target = globalThis?.document?.querySelector(target);
-        return this;
-    }
-    setWrapper(wrapper){
-        if(wrapper?.isZikoUIElement) this.wrapper = wrapper;
-        else if(typeof wrapper === "function") this.wrapper = wrapper();
-        return this;
-    }
-    setHead(head){
-        if(head instanceof ZikoHead) this.head = head;
-        else this.head = useHead(head);
-        return this;  
-    }
-    
-}
-const App = ({head, wrapper, target}) => new ZikoApp({head, wrapper, target})
-export{
-    ZikoApp,
-    App
+import { ZikoHead , useHead} from "../reactivity/hooks/Head";
+class ZikoApp {
+    constructor({head = null, wrapper = null, target = null}){
+        this.head = head;
+        this.wrapper = wrapper;
+        this.target = target;
+        this.init()        
+    }
+    get isZikoApp(){
+        return true;
+    }
+    init(){
+        this.head && this.setHead(this.head);
+        this.wrapper && this.setWrapper(this.wrapper);
+        this.target && this.setTarget(this.target);
+        if(this.wrapper && this.target)this.wrapper.render(this.target);
+    }
+    setTarget(target){
+        if(target instanceof HTMLElement) this.target = target;
+        else if (typeof target === "string") this.target = globalThis?.document?.querySelector(target);
+        return this;
+    }
+    setWrapper(wrapper){
+        if(wrapper?.isZikoUIElement) this.wrapper = wrapper;
+        else if(typeof wrapper === "function") this.wrapper = wrapper();
+        return this;
+    }
+    setHead(head){
+        if(head instanceof ZikoHead) this.head = head;
+        else this.head = useHead(head);
+        return this;  
+    }
+    
+}
+const App = ({head, wrapper, target}) => new ZikoApp({head, wrapper, target})
+export{
+    ZikoApp,
+    App
 }

package/src/data/api/fetchdom.js

@@ -1,14 +1,14 @@
-import { preload } from "./preload"
-
-async function fetchdom(url='https://github.com/zakarialaoui10'){
-  const data=await fetch(url)
-  const html=await data.text()
-  const dom= new DOMParser().parseFromString(html,'text/xml')
-  return dom.documentElement
-}
-function fetchdomSync(url='https://github.com/zakarialaoui10'){
-  const data=preload(url);
-  const dom= new DOMParser().parseFromString(data,'text/xml')
-  return dom.documentElement;
-}
+import { preload } from "./preload"
+
+async function fetchdom(url='https://github.com/zakarialaoui10'){
+  const data=await fetch(url)
+  const html=await data.text()
+  const dom= new DOMParser().parseFromString(html,'text/xml')
+  return dom.documentElement
+}
+function fetchdomSync(url='https://github.com/zakarialaoui10'){
+  const data=preload(url);
+  const dom= new DOMParser().parseFromString(data,'text/xml')
+  return dom.documentElement;
+}
 export {fetchdom,fetchdomSync}

package/src/data/api/index.js

@@ -1,4 +1,4 @@
-export { preload } from "./preload";
-import { fetchdom ,fetchdomSync } from "./fetchdom";
-globalThis.fetchdom=fetchdom
+export { preload } from "./preload";
+import { fetchdom ,fetchdomSync } from "./fetchdom";
+globalThis.fetchdom=fetchdom
 globalThis.fetchdomSync=fetchdomSync

package/src/data/api/preload.js

@@ -1,11 +1,11 @@
-const preload=(url)=>{
-    const xhr = new XMLHttpRequest();
-    xhr.open("GET", url, false); 
-    xhr.send();
-    if (xhr.status === 200) {
-      return xhr.responseText;
-    } else {
-      throw new Error(`Failed to fetch data from ${url}. Status: ${xhr.status}`);
-    }
-}
+const preload=(url)=>{
+    const xhr = new XMLHttpRequest();
+    xhr.open("GET", url, false); 
+    xhr.send();
+    if (xhr.status === 200) {
+      return xhr.responseText;
+    } else {
+      throw new Error(`Failed to fetch data from ${url}. Status: ${xhr.status}`);
+    }
+}
 export {preload}

package/src/data/converter/adoc.js

@@ -1,130 +1,130 @@
-const parseInlineElements = text => {
-    return text
-        .replace(/\*(.*?)\*/g, '_$1_')  // Emphasis
-        .replace(/\*\*(.*?)\*\*/g, '*$1*') // Strong
-        .replace(/\[(.*?)\]\((.*?)\)/g, 'link:$2[$1]')  // Links
-        .replace(/!\[(.*?)\]\((.*?)\)/g, 'image::$2[$1]') // Images
-        .replace(/`([^`]+)`/g, '``$1``') // Inline Code
-        .replace(/^\*\s/, ''); // Remove list item marker at the beginning of the line
-};
-
-const parseTable = line => {
-    const cells = line.split('|').map(cell => cell.trim()).filter(cell => cell !== '');
-    const tableRow = cells.map(cell => `<td>${parseInlineElements(cell)}</td>`).join('');
-    return `<tr>${tableRow}</tr>\n`;
-};
-
-const parseCodeBlock = (lines, language) => {
-    const codeContent = lines.join('\n'); // No need to exclude the triple backticks
-    const highlightedCode = language ? `<pre><code data-language="${language}">${codeContent}</code></pre>` : `<pre><code>${codeContent}</code></pre>`;
-    return `${highlightedCode}\n`;
-};
-
-const parseList = line => {
-    const OL_PATTERN = /^(\d+)\.\s/;
-    const OL_PATTERN_WITHOUT_START = /^[.]\s/;
-    const UL_PATTERN = /^[*]\s/;
-    
-    if (line.match(OL_PATTERN)) {
-        const start = line.match(OL_PATTERN)[1];
-        return `<ol start="${start}"><li>${parseInlineElements(line.replace(OL_PATTERN, ''))}</li></ol>\n`;
-    } 
-    if (line.match(OL_PATTERN_WITHOUT_START)) {
-        return `<ol><li>${parseInlineElements(line.replace(OL_PATTERN_WITHOUT_START, ''))}</li></ol>\n`;
-    } 
-    if (line.match(UL_PATTERN)) {
-        return `<ul><li>${parseInlineElements(line.replace(UL_PATTERN, ''))}</li></ul>\n`;
-    }
-
-    // If neither ordered nor unordered list pattern matches, treat it as a paragraph
-    return `<p>${parseInlineElements(line)}</p>\n`;
-};
-
-
-
-
-const parseBlockquote = line => {
-    return `<blockquote>${parseInlineElements(line.slice(2))}</blockquote>\n`;
-};
-
-const parseHorizontalRule = () => {
-    return '<hr>\n';
-};
-
-const parseAttributes = line => {
-    const attrs = line.match(/\[(.*?)\]/);
-    return attrs ? attrs[1].split(',').map(attr => `[${attr.trim()}]`).join('') : '';
-};
-
-const adoc2html = adocText => {
-    const lines = adocText.split('\n');
-    let htmlOutput = '';
-    let inTable = false;
-    let inCodeBlock = false;
-    let codeBlockLines = [];
-    let codeBlockLanguage = '';
-    for (let i = 0; i < lines.length; i++) {
-        let line = lines[i];
-        // Table
-        if (line.startsWith('|')) {
-            if (!inTable) {
-                inTable = true;
-                htmlOutput += '<table>\n';
-            }
-            htmlOutput += parseTable(line);
-            continue;
-        } else if (inTable) {
-            inTable = false;
-            htmlOutput += '</table>\n';
-        }
-        // Code block
-        if (line.startsWith('```')) {
-            if (!inCodeBlock) {
-                inCodeBlock = true;
-                codeBlockLines = [];
-                codeBlockLanguage = line.slice(3).trim();
-            } else {
-                inCodeBlock = false;
-                htmlOutput += parseCodeBlock(codeBlockLines, codeBlockLanguage);
-            }
-            continue;
-        } else if (inCodeBlock) {
-            codeBlockLines.push(line);
-            continue;
-        }
-        // Headings
-        if (line.startsWith('=')) {
-            const headingLevel = (line.match(/=/g) || []).length;
-            const headingText = line.replace(/=/g, '').trim();
-            htmlOutput += `<h${headingLevel}>${parseInlineElements(headingText)}</h${headingLevel}>\n`;
-            continue;
-        }
-        // Lists
-        if (line.match(/^(\d+)\.\s/) || line.match(/^[*\.]\s/)) {
-            htmlOutput += parseList(line);
-            continue;
-        }
-        // Blockquote
-        if (line.startsWith('> ')) {
-            htmlOutput += parseBlockquote(line);
-            continue;
-        }
-        // Horizontal Rule
-        if (line.trim() === '---') {
-            htmlOutput += parseHorizontalRule();
-            continue;
-        }
-        // Attributes
-        if (line.startsWith('[')) {
-            htmlOutput += parseAttributes(line);
-            continue;
-        }
-        // Other paragraphs
-        if (line.trim() !== '') { // Exclude empty lines
-            htmlOutput += `<p>${parseInlineElements(line)}</p>\n`;
-        }
-    }
-    return htmlOutput;
-};
-
-export { adoc2html };
+const parseInlineElements = text => {
+    return text
+        .replace(/\*(.*?)\*/g, '_$1_')  // Emphasis
+        .replace(/\*\*(.*?)\*\*/g, '*$1*') // Strong
+        .replace(/\[(.*?)\]\((.*?)\)/g, 'link:$2[$1]')  // Links
+        .replace(/!\[(.*?)\]\((.*?)\)/g, 'image::$2[$1]') // Images
+        .replace(/`([^`]+)`/g, '``$1``') // Inline Code
+        .replace(/^\*\s/, ''); // Remove list item marker at the beginning of the line
+};
+
+const parseTable = line => {
+    const cells = line.split('|').map(cell => cell.trim()).filter(cell => cell !== '');
+    const tableRow = cells.map(cell => `<td>${parseInlineElements(cell)}</td>`).join('');
+    return `<tr>${tableRow}</tr>\n`;
+};
+
+const parseCodeBlock = (lines, language) => {
+    const codeContent = lines.join('\n'); // No need to exclude the triple backticks
+    const highlightedCode = language ? `<pre><code data-language="${language}">${codeContent}</code></pre>` : `<pre><code>${codeContent}</code></pre>`;
+    return `${highlightedCode}\n`;
+};
+
+const parseList = line => {
+    const OL_PATTERN = /^(\d+)\.\s/;
+    const OL_PATTERN_WITHOUT_START = /^[.]\s/;
+    const UL_PATTERN = /^[*]\s/;
+    
+    if (line.match(OL_PATTERN)) {
+        const start = line.match(OL_PATTERN)[1];
+        return `<ol start="${start}"><li>${parseInlineElements(line.replace(OL_PATTERN, ''))}</li></ol>\n`;
+    } 
+    if (line.match(OL_PATTERN_WITHOUT_START)) {
+        return `<ol><li>${parseInlineElements(line.replace(OL_PATTERN_WITHOUT_START, ''))}</li></ol>\n`;
+    } 
+    if (line.match(UL_PATTERN)) {
+        return `<ul><li>${parseInlineElements(line.replace(UL_PATTERN, ''))}</li></ul>\n`;
+    }
+
+    // If neither ordered nor unordered list pattern matches, treat it as a paragraph
+    return `<p>${parseInlineElements(line)}</p>\n`;
+};
+
+
+
+
+const parseBlockquote = line => {
+    return `<blockquote>${parseInlineElements(line.slice(2))}</blockquote>\n`;
+};
+
+const parseHorizontalRule = () => {
+    return '<hr>\n';
+};
+
+const parseAttributes = line => {
+    const attrs = line.match(/\[(.*?)\]/);
+    return attrs ? attrs[1].split(',').map(attr => `[${attr.trim()}]`).join('') : '';
+};
+
+const adoc2html = adocText => {
+    const lines = adocText.split('\n');
+    let htmlOutput = '';
+    let inTable = false;
+    let inCodeBlock = false;
+    let codeBlockLines = [];
+    let codeBlockLanguage = '';
+    for (let i = 0; i < lines.length; i++) {
+        let line = lines[i];
+        // Table
+        if (line.startsWith('|')) {
+            if (!inTable) {
+                inTable = true;
+                htmlOutput += '<table>\n';
+            }
+            htmlOutput += parseTable(line);
+            continue;
+        } else if (inTable) {
+            inTable = false;
+            htmlOutput += '</table>\n';
+        }
+        // Code block
+        if (line.startsWith('```')) {
+            if (!inCodeBlock) {
+                inCodeBlock = true;
+                codeBlockLines = [];
+                codeBlockLanguage = line.slice(3).trim();
+            } else {
+                inCodeBlock = false;
+                htmlOutput += parseCodeBlock(codeBlockLines, codeBlockLanguage);
+            }
+            continue;
+        } else if (inCodeBlock) {
+            codeBlockLines.push(line);
+            continue;
+        }
+        // Headings
+        if (line.startsWith('=')) {
+            const headingLevel = (line.match(/=/g) || []).length;
+            const headingText = line.replace(/=/g, '').trim();
+            htmlOutput += `<h${headingLevel}>${parseInlineElements(headingText)}</h${headingLevel}>\n`;
+            continue;
+        }
+        // Lists
+        if (line.match(/^(\d+)\.\s/) || line.match(/^[*\.]\s/)) {
+            htmlOutput += parseList(line);
+            continue;
+        }
+        // Blockquote
+        if (line.startsWith('> ')) {
+            htmlOutput += parseBlockquote(line);
+            continue;
+        }
+        // Horizontal Rule
+        if (line.trim() === '---') {
+            htmlOutput += parseHorizontalRule();
+            continue;
+        }
+        // Attributes
+        if (line.startsWith('[')) {
+            htmlOutput += parseAttributes(line);
+            continue;
+        }
+        // Other paragraphs
+        if (line.trim() !== '') { // Exclude empty lines
+            htmlOutput += `<p>${parseInlineElements(line)}</p>\n`;
+        }
+    }
+    return htmlOutput;
+};
+
+export { adoc2html };

package/src/data/converter/array.js

@@ -1,43 +1,43 @@
-import { obj2str } from "./object.js";
-import { Complex } from "../../math/complex/index.js";
-const getMaxDepth = arr=> {
-  if (!Array.isArray(arr)) return 0;
-  let maxDepth = 1;
-  for (const element of arr) {
-    if (Array.isArray(element)) {
-      const depth = getMaxDepth(element);
-      if (depth + 1 > maxDepth) {
-        maxDepth = depth + 1;
-      }
-    }
-  }
-  return maxDepth;
-}
-const arr2str = (arr) => {
-  let level = 0;
-  function arrStringify(arr) {
-    let max = getMaxDepth(arr);
-    let useIdentation = 0;
-    if (arr.some((n) => Array.isArray(n))) {
-      level++;
-      useIdentation = 1;   
-    }
-    return (
-      "[" +
-      arr.map((n, i) => {
-        if (["number", "string", "boolean", "bigint"].includes(typeof n))
-          return String(n);
-        if (n instanceof Complex) return n.toString();
-        if (n instanceof Array) {
-          return `\n${"  ".repeat(level)}${arrStringify(n)}${i === arr.length - 1 ? "\n" : ""}`;
-        }
-        if( n instanceof Object) return obj2str(n);
-      }) 
-      + `${"  ".repeat((max+level+1) * useIdentation)}]` 
-    );
-  }
-  return arrStringify(arr);
-};
-export{
-    arr2str
+import { obj2str } from "./object.js";
+import { Complex } from "../../math/complex/index.js";
+const getMaxDepth = arr=> {
+  if (!Array.isArray(arr)) return 0;
+  let maxDepth = 1;
+  for (const element of arr) {
+    if (Array.isArray(element)) {
+      const depth = getMaxDepth(element);
+      if (depth + 1 > maxDepth) {
+        maxDepth = depth + 1;
+      }
+    }
+  }
+  return maxDepth;
+}
+const arr2str = (arr) => {
+  let level = 0;
+  function arrStringify(arr) {
+    let max = getMaxDepth(arr);
+    let useIdentation = 0;
+    if (arr.some((n) => Array.isArray(n))) {
+      level++;
+      useIdentation = 1;   
+    }
+    return (
+      "[" +
+      arr.map((n, i) => {
+        if (["number", "string", "boolean", "bigint"].includes(typeof n))
+          return String(n);
+        if (n instanceof Complex) return n.toString();
+        if (n instanceof Array) {
+          return `\n${"  ".repeat(level)}${arrStringify(n)}${i === arr.length - 1 ? "\n" : ""}`;
+        }
+        if( n instanceof Object) return obj2str(n);
+      }) 
+      + `${"  ".repeat((max+level+1) * useIdentation)}]` 
+    );
+  }
+  return arrStringify(arr);
+};
+export{
+    arr2str
 }

package/src/data/converter/canvas.js

@@ -1,25 +1,25 @@
-const canvas2image = (canvas,format) => {}
-class Canvas2Video {
-    constructor(canvas,mimeType="video/webm") {
-      this.canvas = canvas;
-      this.videoSrc=null;
-      this.mediaRecorder = new MediaRecorder(this.canvas.captureStream(), { mimeType: mimeType });
-      this.chunks = [];
-      this.mediaRecorder.ondataavailable = (e) => {
-        this.chunks.push(e.data);
-      };
-      this.mediaRecorder.onstop = (e) => {
-        const blob = new Blob(this.chunks, { type: mimeType });
-        this.videoSrc = URL.createObjectURL(blob);
-      };
-    }
-    start() {
-      this.mediaRecorder.start();
-      return this;
-    }
-    stop() {
-      this.mediaRecorder.stop();
-      return this;
-    }
-  }
+const canvas2image = (canvas,format) => {}
+class Canvas2Video {
+    constructor(canvas,mimeType="video/webm") {
+      this.canvas = canvas;
+      this.videoSrc=null;
+      this.mediaRecorder = new MediaRecorder(this.canvas.captureStream(), { mimeType: mimeType });
+      this.chunks = [];
+      this.mediaRecorder.ondataavailable = (e) => {
+        this.chunks.push(e.data);
+      };
+      this.mediaRecorder.onstop = (e) => {
+        const blob = new Blob(this.chunks, { type: mimeType });
+        this.videoSrc = URL.createObjectURL(blob);
+      };
+    }
+    start() {
+      this.mediaRecorder.start();
+      return this;
+    }
+    stop() {
+      this.mediaRecorder.stop();
+      return this;
+    }
+  }
 const canvas2video=(canvas)=>new Canvas2Video(canvas)

package/src/data/converter/css.js

@@ -1,37 +1,37 @@
-const json2css=(json, indentLevel = 0)=>{
-    json = trimKeys(json);
-    let cssText = '';
-    const indent = '  '.repeat(indentLevel); 
-
-    for (let selector in json) {
-        if (typeof json[selector] === 'object') {
-            cssText += `${indent}${selector} {\n`;
-            const properties = json[selector];
-            for (let property in properties) {
-                if (typeof properties[property] === 'object') {
-                    cssText += json2css({ [property]: properties[property] }, indentLevel + 1);
-                } else {
-                    cssText += `${indent}  ${property.replace(/[A-Z]/g, match => '-' + match.toLowerCase())}: ${properties[property]};\n`;
-                }
-            }
-
-            cssText += `${indent}}\n`; 
-        }
-    }
-
-    return cssText;
-}
-function trimKeys(obj) {
-    if (typeof obj !== 'object' || obj === null) {
-        return obj; 
-    }
-
-    return Object.keys(obj).reduce((acc, key) => {
-        const trimmedKey = key.trim();
-        acc[trimmedKey] = trimKeys(obj[key]);
-        return acc;
-    }, Array.isArray(obj) ? [] : {});
-}
-export{
-    json2css
+const json2css=(json, indentLevel = 0)=>{
+    json = trimKeys(json);
+    let cssText = '';
+    const indent = '  '.repeat(indentLevel); 
+
+    for (let selector in json) {
+        if (typeof json[selector] === 'object') {
+            cssText += `${indent}${selector} {\n`;
+            const properties = json[selector];
+            for (let property in properties) {
+                if (typeof properties[property] === 'object') {
+                    cssText += json2css({ [property]: properties[property] }, indentLevel + 1);
+                } else {
+                    cssText += `${indent}  ${property.replace(/[A-Z]/g, match => '-' + match.toLowerCase())}: ${properties[property]};\n`;
+                }
+            }
+
+            cssText += `${indent}}\n`; 
+        }
+    }
+
+    return cssText;
+}
+function trimKeys(obj) {
+    if (typeof obj !== 'object' || obj === null) {
+        return obj; 
+    }
+
+    return Object.keys(obj).reduce((acc, key) => {
+        const trimmedKey = key.trim();
+        acc[trimmedKey] = trimKeys(obj[key]);
+        return acc;
+    }, Array.isArray(obj) ? [] : {});
+}
+export{
+    json2css
 }