ziko 0.0.2 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "a versatile JavaScript library offering a rich set of UI components, advanced mathematical utilities,Reactivity,animations,client side routing and graphics capabilities",
   "keywords": [
     "Zikojs",
@@ -15,9 +15,13 @@
     "Single Page Application"
   ],
   "type": "module",
-  "source": "src/index.js",
+  "source": "core/index.js",
+  "main": "dist/ziko.cjs",
+  "module": "dist/ziko.mjs",
+  "unpkg": "dist/ziko.min.js",
   "files": [
-    "src",
+    "core",
+    "wrapper",
     "dist",
     "LICENCE"
   ],
@@ -29,12 +33,11 @@
   },
   "scripts": {
     "test": "node --watch test/index.js",
+    "test-link":"node _link/index.js",
     "lint": "eslint src/*/*/*",
+    "dev": "rollup -c rollup.config.js -w",
     "build": "rollup -c rollup.config.js"
   },
-  "bin": {
-    "create-ziko-app": "starter/bin/index.js"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zakarialaoui10/ziko.js.git"
@@ -55,8 +58,5 @@
     "rollup": "^4.1.5",
     "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-serve": "^1.1.1"
-  },
-  "dependencies": {
-    "ziko": "^0.0.1"
   }
 }

package/wrapper/react/index.jsx

@@ -0,0 +1,16 @@
+import React, { useRef, useEffect } from "react";
+import {ZikoUIElement} from "ziko";
+function ZikoUI({ ui }) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    console.log(globalThis.__ZikoConfig__)
+    if (containerRef.current && ui && ui instanceof ZikoUIElement) {
+      containerRef.current.innerHTML = "";
+      containerRef.current.appendChild(ui.element);
+    }
+  }, [ui]);
+  return (
+      <ziko-ui ref={containerRef} data-engine="ziko"></ziko-ui>
+  );
+}
+export default ZikoUI;

package/wrapper/react/readme.md

@@ -0,0 +1,19 @@
+# Overview
+is a tool designed for rendering [ziko](https://github.com/zakarialaoui10/ziko.js) elements within a React application.
+
+# Usage
+```jsx
+import ZikoUI from "react-ziko";
+import { text } from "ziko";
+const ui = text("Hello World").style({
+    color:"darkblue"
+});
+export default function App() {
+  return (
+    <main>
+      <ZikoUI ui={ui.render(false)} />
+    </main>
+  );
+}
+
+```

package/wrapper/vue/ZikoUI.vue

@@ -0,0 +1,17 @@
+<template>
+  <div ref="containerRef" data-engine="ziko">Test</div>
+</template>
+<script>
+import {ZikoUIElement} from "ziko"
+export default {
+  props: {
+    ui: Object
+  },
+  mounted() {
+    if (this.$refs.containerRef && this.ui instanceof ZikoUIElement) {
+      this.$refs.containerRef.innerHTML = "";
+      this.$refs.containerRef.appendChild(this.ui.element);
+    }
+  }
+};
+</script>

package/src/App/Globals/index.js

@@ -1,3 +0,0 @@
-export * from "./__init__";
-export * from "./__Target__";
-export * from "./__UI__"

package/starter/bin/index.js

@@ -1,10 +0,0 @@
-#!/usr/bin/env node
-import path from "path"
-import { fileURLToPath } from 'node:url';
-import { createFolder,copyFolder , runCommand } from "./utils/commands.js";
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const TEMPLATE = path.join(__dirname,"../template");
-const PROJECT_TITLE = process.argv[2]||"zikojs-project";
-createFolder(PROJECT_TITLE);
-copyFolder(TEMPLATE,path.join(process.cwd(),PROJECT_TITLE));
-runCommand(`cd ${PROJECT_TITLE} && npm install`);