ziko 1.10.0 → 2.0.0-beta.0

package/src/app/routes.js

@@ -1,57 +0,0 @@
-function routesMatcher(mask, route) {
-    const maskSegments = mask.split('/');
-    const routeSegments = route.split('/');
-    if (maskSegments.length !== routeSegments.length) {
-        return false;
-    }
-    for (let i = 0; i < maskSegments.length; i++) {
-        const maskSegment = maskSegments[i];
-        const routeSegment = routeSegments[i];
-        if (maskSegment.startsWith(':')) {
-            continue;
-        } else if (maskSegment !== routeSegment) {
-            return false;
-        }
-    }    
-    return true;
-}
-function dynamicRoutesParser(mask, route) {
-    const maskSegments = mask.split('/');
-    const routeSegments = route.split('/');
-    const params = {};
-    if (maskSegments.length !== routeSegments.length) {
-        return params; 
-    }
-    for (let i = 0; i < maskSegments.length; i++) {
-        const maskSegment = maskSegments[i];
-        const routeSegment = routeSegments[i];
-        if (maskSegment.startsWith(':')) {
-            const paramName = maskSegment.slice(1); 
-            params[paramName] = routeSegment;
-        } else if (maskSegment !== routeSegment) {
-            return {};
-        }
-    }
-    return params;
-}
-
-function isDynamic(path) {
-    const DynamicPattern = /:\w+/;    
-    return DynamicPattern.test(path);
-  }
-
-// // Example usage:
-// const mask = "/:id/id/:lang/lang";
-// const route = "/id/5/lang/fr";
-// console.log(DynamicRouteMatcher(mask, route)); // Should return true
-
-export {
-    routesMatcher,
-    dynamicRoutesParser,
-    isDynamic
-}
-
-// // Example usage:
-// const mask = "app/lang/:lang/id/:id";
-// const route = "app/lang/en/id/7";
-// console.log(dynamicRoutesParser(mask, route)); // Should return { lang: "en", id: "7" }

package/src/app/spa-file-based-routing.js

@@ -1,74 +0,0 @@
-import { SPA } from "./spa.js";
-import { tags } from "../dom/index.js";
-// import.meta.glob('./src/pages/**/*.js')
-async function FileBasedRouting(pages /* use import.meta.glob */){
-   const routes = Object.keys(pages)
-   const root = findCommonPath(routes)
-   const pairs = {}
-   for(let i=0; i<routes.length; i++){
-      const module = await pages[routes[i]]()
-      const component = await module.default
-      Object.assign(pairs,{[customPath(routes[i], root)]:component})
-   }
-   return SPA({
-      target : document.body,
-      routes : {
-         "/" : ()=>{},
-         ...pairs
-      },
-      wrapper : tags.section()
-   })   
-}
-function customPath(inputPath, root = './src/pages', extensions = ['js', 'ts']) {
-   if(root.at(-1)==="/") root = root.slice(0, -1)
-   const normalizedPath = inputPath.replace(/\\/g, '/').replace(/\[(\w+)\]/g, '$1/:$1');
-   const parts = normalizedPath.split('/');
-   const rootParts = root.split('/');
-   const rootIndex = parts.indexOf(rootParts.at(-1));
-   if (rootIndex !== -1) {
-       const subsequentParts = parts.slice(rootIndex + 1);
-       const lastPart = parts.at(-1);
-       const isIndexFile = lastPart === 'index.js' || lastPart === 'index.ts';
-    //    console.log({extensions, subsequentParts, lastPart, isIndexFile, rootParts, rootIndex, parts})
-       const hasValidExtension = extensions.some(ext => lastPart === `.${ext}` || lastPart.endsWith(`.${ext}`));
-       if (isIndexFile) {
-           return '/' + (subsequentParts.length > 1 ? subsequentParts.slice(0, -1).join('/') : '');
-       }
-       if (hasValidExtension) {
-           return '/' + subsequentParts.join('/').replace(/\.(js|ts)$/, '');
-       }
-   }
-   return '';
-}
-function findCommonPath(paths) {
-   if (paths.length === 0) return '';
-   const splitPaths = paths.map(path => path.split('/'));
-   const minLength = Math.min(...splitPaths.map(parts => parts.length));
-   let commonParts = [];
-   for (let i = 0; i < minLength; i++) {
-       const part = splitPaths[0][i]; 
-       if (splitPaths.every(parts => parts[i] === part || parts[i].startsWith('['))) {
-           commonParts.push(part);
-       } else {
-           break; 
-       }
-   }
-   const commonPath = commonParts.join('/') + (commonParts.length ? '/' : '');
-   return commonPath;
-}
-
-// // Example usage
-// const inputPaths = [
-//    './src/pages/[blog]/[lang]/index.js',
-//    './src/pages/[blog]/index.js',
-//    './src/pages/about.js',
-//    './src/pages/articles/[data]/[color]/index.js',
-//    './src/pages/articles/a1.js',
-//    './src/pages/index.js',
-//    './src/pages/me.js'
-// ];
-
-// console.log(findCommonPath(inputPaths)); // Output: './src/pages/'
-export{
-    FileBasedRouting,
-}

package/src/app/spa.js

@@ -1,55 +0,0 @@
-import { text } from "../dom/index.js";
-import { dynamicRoutesParser,routesMatcher,isDynamic } from "./routes.js";
-import { ZikoApp } from "./ziko-app.js";
-class ZikoSPA extends ZikoApp{
-    constructor({head, wrapper, target, routes}){
-        super({head, wrapper, target})
-        this.routes=new Map([
-            ["404",text("Error 404")],
-            ...Object.entries(routes)
-        ]);
-        this.clear();
-        globalThis.onpopstate = this.mount(location.pathname);
-    }
-    clear(){
-        [...this.routes].forEach(n=>{
-            !isDynamic(n[0]) && n[1]?.isUIElement && n[1].unmount()
-        })   
-        // this.wrapper.clear();
-        return this;
-    }
-    mount(path){
-        const [mask, callback] = [...this.routes].find(route=>routesMatcher(route[0],path));
-        let element ;
-        if(isDynamic(mask)){
-            const params = dynamicRoutesParser(mask, path)
-            element = callback.call(this,params)
-        }
-        else {
-            callback?.isUIElement && callback.mount(this.wrapper); 
-            if(typeof callback === "function") element = callback();  
-        }
-        if(element?.isUIElement) element.mount(this.wrapper);
-        // if(element?.isZikoApp) element.mount(this.wrapper);
-        if(element instanceof Promise){
-            element.then(e=>e.mount(this.wrapper))
-        }
-        globalThis.history.pushState({}, "", path);
-        return this;
-    }
-}
-const SPA=({head, wrapper, target, routes})=>new ZikoSPA({head, wrapper, target, routes});
-
-export {
-    ZikoSPA,
-    SPA
-}
-
-
-/*
- // Static 
-  S.get("/url",wrapper)
-// Dynamique 
- s.get("/url/name/:name/id/:id",(path,name,id)=>handler())
-// regEx
-*/

package/src/app/ziko-app.js

@@ -1,39 +0,0 @@
-// import { ZikoHead , useHead} from "../reactivity/hooks/head/index.js";
-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.mount(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?.isUIElement) 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,30 +0,0 @@
-// import { preload } from "./preload";
-
-// async function fetchdom(url='https://github.com/zakarialaoui10') {
-//   try {
-//     const response = await fetch(url);
-//     if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-//     const html = await response.text();
-//     const dom = new DOMParser().parseFromString(html, 'text/html');
-//     return dom.documentElement;
-//   } catch (err) {
-//     console.error('Failed to fetch DOM:', err);
-//     throw err;
-//   }
-// }
-
-// function fetchdomSync(url='https://github.com/zakarialaoui10') {
-//   try {
-//     const data = preload(url);
-//     const dom = new DOMParser().parseFromString(data, 'text/html');
-//     return dom.documentElement;
-//   } catch (err) {
-//     console.error('Failed to fetch DOM synchronously:', err);
-//     throw err;
-//   }
-// }
-
-// export { 
-//   fetchdom, 
-//   fetchdomSync 
-// };

package/src/data/api/index.js

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

package/src/data/api/preload.js

@@ -1,11 +0,0 @@
-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/__(To Be Moved)adoc.js

@@ -1,130 +0,0 @@
-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/__(To Be Moved)markdown.js

@@ -1,95 +0,0 @@
-const parseInlineElements = text => {
-    return text
-        .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>') 
-        .replace(/\*(.*?)\*/g, '<em>$1</em>')              
-        .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')  
-        .replace(/!\[(.*?)\]\((.*?)\)/g, '<img src="$2" alt="$1">') 
-        .replace(/`([^`]+)`/g, '<code>$1</code>'); // Inline Code
-};
-
-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 DIGIT_FOLLOWED_BY_A_DOT_AND_SPACE = /^\d+\.\s/; 
-    const match = line.match(DIGIT_FOLLOWED_BY_A_DOT_AND_SPACE);
-    if (match) {
-        let start = +match[1];
-        return `<ol${start===1?"":` start="${start}"`}>${parseInlineElements(line.slice(match[0].length))}</ol>\n`;
-    }  
-    return `<ul>${parseInlineElements(line)}</ul>\n`;
-};
-
-const parseHorizontalRule = () => {
-    return '<hr>\n';
-};
-
-const markdown2html = markdownText => {
-    const lines = markdownText.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.indexOf(' ');
-            const headingText = line.slice(headingLevel + 1);
-            htmlOutput += `<h${headingLevel}>${parseInlineElements(headingText)}</h${headingLevel}>\n`;
-            continue;
-        }
-        // Lists
-        if (line.startsWith('- ') || line.startsWith('* ') || line.match(/^\d+\.\s/)) {
-            htmlOutput += parseList(line);
-            continue;
-        }
-        // Horizontal Rule
-        if (line.trim() === '---') {
-            htmlOutput += parseHorizontalRule();
-            continue;
-        }
-        // Other paragraphs
-        htmlOutput += `<p>${parseInlineElements(line)}</p>\n`;
-    }
-    return htmlOutput;
-};
-
-export { markdown2html };

package/src/data/converter/array.js

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

package/src/data/converter/csv.js

@@ -1,35 +0,0 @@
-import { Matrix } from "../../math/matrix/index.js"
-const csv2arr = (csv, delimiter = ",")=>csv.trim().trimEnd().split("\n").map(n=>n.split(delimiter));
-const csv2matrix = (csv, delimiter = ",")=>new Matrix(csv2arr(csv,delimiter));
-const csv2object = (csv, delimiter = ",") => {
-    const [header, ...rows] = csv2arr(csv,delimiter);
-    const result = rows.map(row => {
-        const obj = {};
-        header.forEach((key, index) => {
-            obj[key] = row[index];
-        });
-        return obj;
-    });
-    return result;
-};
-const csv2json = (csv, delimiter = ",") => JSON.stringify(csv2object(csv,delimiter));
-const csv2sql=(csv, Table)=>{
-    const sanitizeId = s => s.trim().replace(/[^a-zA-Z0-9_]/g, '');
-    const escapeVal = s => "'" + s.trim().replace(/'/g, "''") + "'";
-    const lines = csv.trim().trimEnd().split('\n').filter(n=>n);
-    const columns = lines[0].split(',').map(sanitizeId);
-    let sqlQuery = "INSERT INTO " + sanitizeId(Table) + " (" + columns.join(', ') + ") Values ";
-    let sqlValues = []
-    for (let i = 1; i < lines.length; i++) {
-      const values = lines[i].split(',').map(escapeVal);
-      sqlValues.push("(" + values.join(', ') + ")")
-    }
-    return sqlQuery+sqlValues.join(",\n");
-  }
-export{
-    csv2arr,
-    csv2matrix,
-    csv2object,
-    csv2json,
-    csv2sql
-}

package/src/data/converter/idea.txt

@@ -1,10 +0,0 @@
-a={
- a:complex(1,1),
- b:complex(2,2),
- c:{
-  d:complex(1,2)  
- }
-}
-d=mapfun(a=>a.toString(),a)
-t=JSON.stringify(d,"","  ").replace(/"([^"]+)":/g, '$1:')
-text(t)