ziko 0.0.12 → 0.0.14

package/src/app/themes/index.js

@@ -0,0 +1,11 @@
+import LightThemes from "./light";
+import DarkThemes from "./dark";
+const Themes={
+    ...LightThemes,
+    ...DarkThemes
+}
+export {
+    Themes,
+    LightThemes,
+    DarkThemes,
+};

package/src/app/themes/light.js

@@ -0,0 +1,255 @@
+const LightThemes={
+    cozyCottonCandy: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#673AB7",
+      comment: "#9575CD",
+      cyan: "#00BCD4",
+      green: "#4CAF50",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    crystalClear: {
+      background: "#F6F8FA",
+      currentLine: "#E8F0F5",
+      selection: "#D4E9F7",
+      foreground: "#485766",
+      comment: "#8492A6",
+      cyan: "#00ACC1",
+      green: "#8BC34A",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#7E57C2",
+      red: "#EF5350",
+      yellow: "#FFD740"
+    },
+    lightdreamyDusk: {
+      background: "#F5F5F5",
+      currentLine: "#E8E8E8",
+      selection: "#DADADA",
+      foreground: "#555555",
+      comment: "#999999",
+      cyan: "#5FB3B3",
+      green: "#68C386",
+      orange: "#FFB67A",
+      pink: "#FF94B0",
+      purple: "#B78BC3",
+      red: "#FF6666",
+      yellow: "#FFD666"
+    },
+    luminousLavender: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    meadowMornings: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    moonlitMauve: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    morningMist: {
+      background: "#F6F6F6",
+      currentLine: "#EAEAEA",
+      selection: "#D8D8D8",
+      foreground: "#333333",
+      comment: "#808080",
+      cyan: "#00A6A6",
+      green: "#4CAF50",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#9C27B0",
+      red: "#FF5252",
+      yellow: "#FFD740"
+    },
+    oceanBreeze: {
+      background: "#ECF1F4",
+      currentLine: "#DDE8ED",
+      selection: "#BFD3C1",
+      foreground: "#37474F",
+      comment: "#607D8B",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#673AB7",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    pastelParadise: {
+      background: "#F5F5F5",
+      currentLine: "#E8E8E8",
+      selection: "#DADADA",
+      foreground: "#555555",
+      comment: "#999999",
+      cyan: "#5FB3B3",
+      green: "#68C386",
+      orange: "#FFB67A",
+      pink: "#FF94B0",
+      purple: "#B78BC3",
+      red: "#FF6666",
+      yellow: "#FFD666"
+    },
+    pastelPetals: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#673AB7",
+      comment: "#9575CD",
+      cyan: "#00BCD4",
+      green: "#4CAF50",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    sereneSnowfall: {
+      background: "#F9F9F9",
+      currentLine: "#EDEDED",
+      selection: "#D8D8D8",
+      foreground: "#454545",
+      comment: "#888888",
+      cyan: "#5FA5A5",
+      green: "#5BC47E",
+      orange: "#FFBC8D",
+      pink: "#FFA7BF",
+      purple: "#B88AAE",
+      red: "#FF7575",
+      yellow: "#FFD98F"
+    },
+    softSherbet: {
+      background: "#FDF8F3",
+      currentLine: "#FAF1EB",
+      selection: "#FFEBEE",
+      foreground: "#6D4C41",
+      comment: "#A1887F",
+      cyan: "#00BCD4",
+      green: "#689F38",
+      orange: "#FFA000",
+      pink: "#EC407A",
+      purple: "#8E24AA",
+      red: "#E53935",
+      yellow: "#FFC107"
+    },
+    subtleSerenity: {
+      background: "#F3F5F7",
+      currentLine: "#E8EDF2",
+      selection: "#D1D9E6",
+      foreground: "#2C3E50",
+      comment: "#95A5A6",
+      cyan: "#3498DB",
+      green: "#2ECC71",
+      orange: "#F39C12",
+      pink: "#E74C3C",
+      purple: "#9B59B6",
+      red: "#C0392B",
+      yellow: "#F1C40F"
+    },
+    summerSunset: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#4E342E",
+      comment: "#795548",
+      cyan: "#009688",
+      green: "#43A047",
+      orange: "#FF5722",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    sunnyDay: {
+      background: "#FFF8E1",
+      currentLine: "#FFF3E0",
+      selection: "#FFE0B2",
+      foreground: "#4E342E",
+      comment: "#795548",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#673AB7",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    tranquilTwilight: {
+      background: "#F9F9F9",
+      currentLine: "#EDEDED",
+      selection: "#D8D8D8",
+      foreground: "#454545",
+      comment: "#888888",
+      cyan: "#5FA5A5",
+      green: "#5BC47E",
+      orange: "#FFBC8D",
+      pink: "#FFA7BF",
+      purple: "#B88AAE",
+      red: "#FF7575",
+      yellow: "#FFD98F"
+    },
+    tranquilWaves: {
+      background: "#F9F9F9",
+      currentLine: "#E4E4E4",
+      selection: "#D4D4D4",
+      foreground: "#2C3E50",
+      comment: "#7F8C8D",
+      cyan: "#3498DB",
+      green: "#2ECC71",
+      orange: "#F39C12",
+      pink: "#E74C3C",
+      purple: "#9B59B6",
+      red: "#C0392B",
+      yellow: "#F1C40F"
+    },
+    whisperingWillow: {
+      background: "#F6F8FA",
+      currentLine: "#E8F0F5",
+      selection: "#D4E9F7",
+      foreground: "#485766",
+      comment: "#8492A6",
+      cyan: "#00ACC1",
+      green: "#8BC34A",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#7E57C2",
+      red: "#EF5350",
+      yellow: "#FFD740"
+    }
+  }
+export default LightThemes;

package/src/data/api/fetchdom.js

@@ -0,0 +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;
+}
+export {fetchdom,fetchdomSync}

package/src/data/api/index.js

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

package/src/data/api/preload.js

@@ -0,0 +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}`);
+    }
+}
+export {preload}

package/src/data/converter/adoc.js

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

package/src/data/converter/array.js

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

package/src/data/converter/canvas.js

@@ -0,0 +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 canvas2video=(canvas)=>new Canvas2Video(canvas)

package/src/data/converter/csv.js

@@ -0,0 +1,33 @@
+import { Matrix } from "../../math/matrix/Matrix.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 lines = csv.trim().trimEnd().split('\n').filter(n=>n);
+    const columns = lines[0].split(',');
+    let sqlQuery = `INSERT INTO ${Table} (${columns.join(', ')}) Values `
+    let sqlValues = []
+    for (let i = 1; i < lines.length; i++) {
+      const values = lines[i].split(',');
+      sqlValues.push(`(${values})`)
+    }
+    return sqlQuery+sqlValues.join(",\n");
+  }
+export{
+    csv2arr,
+    csv2matrix,
+    csv2object,
+    csv2json,
+    csv2sql
+}

package/src/data/converter/idea.txt

@@ -0,0 +1,10 @@
+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)

package/src/data/converter/index.js

@@ -0,0 +1,34 @@
+export { 
+    markdown2html
+ } from "./markdown.js";
+export { 
+  adoc2html
+} from "./adoc.js";
+ export { 
+    csv2arr,
+    csv2matrix,
+    csv2object,
+    csv2json,
+    csv2sql
+ } from "./csv.js";
+ export {
+   json2arr,
+   json2csv,
+   json2csvFile,
+   json2yml,
+   json2ymlFile,
+   json2xml,
+   json2xmlFile
+ } from "./json.js";
+ export { 
+   svg2str,
+   svg2ascii,
+   svg2imgUrl,
+   svg2img
+ } from "./svg.js";
+ export{
+  obj2str
+ } from "./object.js"
+ export{
+  arr2str
+ } from "./array.js"

package/src/data/converter/json.js

@@ -0,0 +1,80 @@
+const _objects2arr=data=>data instanceof Array?[Object.keys(data[0]),...data.map(n=>Object.values(n))]:[Object.keys(data)];
+const _objects2csv=(data,delimiter)=>_objects2arr(data).map(n=>n.join(delimiter)).join("\n")
+const json2arr=json=>json instanceof Object?_objects2arr(json):_objects2arr(JSON.parse(json));
+const json2csv=(json,delimiter=",")=>json instanceof Object?_objects2csv(json,delimiter):_objects2csv(JSON.parse(json),delimiter);
+const json2csvFile=(json,delimiter)=>{
+    const str=json2csv(json,delimiter);
+    const blob=new Blob([str], { type: 'text/csv;charset=utf-8;' });
+    return{
+       str,
+       blob,
+       url:URL.createObjectURL(blob)
+    }
+}
+const _processObject=(obj, indent)=>{
+    const yml = [];
+    if (Array.isArray(obj)) {
+        obj.forEach(item => {
+            if (typeof item === 'object' && item !== null) {
+                yml.push(`${indent}-`);
+                const nestedLines = _processObject(item, `${indent}  `);
+                yml.push(...nestedLines);
+            } else yml.push(`${indent}- ${item}`);
+        });
+    } else {
+        for (const key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                const value = obj[key];
+                if (typeof value === 'object' && value !== null) {
+                    yml.push(`${indent}${key}:`);
+                    const nestedLines = _processObject(value, `${indent}  `);
+                    yml.push(...nestedLines);
+                } else {
+                    yml.push(`${indent}${key}: ${value}`);
+                }
+            }
+        }
+    }
+    return yml;
+}
+const _object2yml=(object,indent="")=>_processObject(object,indent).join('\n')
+const json2yml=(json,indent)=>json instanceof Object?_object2yml(json,indent):_object2yml(JSON.parse(json),indent)
+const json2ymlFile=(json,indent)=>{
+    const str=json2yml(json,indent);
+    const blob=new Blob([str], { type: 'text/yml;charset=utf-8;' });
+    return{
+       str,
+       blob,
+       url:URL.createObjectURL(blob)
+    }
+}
+const json2xml=(json, indent = 1)=>{
+    let xml = '';
+    for (const key in json) {
+      if (json.hasOwnProperty(key)) {
+        const value = json[key];
+        xml += '\n' + ' '.repeat(indent) + `<${key}>`;
+        (typeof value === 'object') ? xml += json2xml(value, indent + 2) : xml += `${value}`;
+        xml += `</${key}>`;
+      }
+    }
+    return xml.trim();
+  }
+const json2xmlFile=(json,indent)=>{
+    const str=json2xml(json,indent);
+    const blob=new Blob([str], { type: 'text/xml;charset=utf-8;' });
+    return{
+       str,
+       blob,
+       url:URL.createObjectURL(blob)
+    }
+}
+export{
+    json2arr,
+    json2csv,
+    json2csvFile,
+    json2yml,
+    json2ymlFile,
+    json2xml,
+    json2xmlFile
+}