ziex 0.0.1-dev.6 → 0.0.1-dev.7

package/index.js

@@ -1 +1,31 @@
-var i={name:"zx",version:"0.0.1-dev.243",description:"ZX is a framework for building web applications with Zig.",repository:"https://github.com/nurulhudaapon/zx",fingerprint:14616285862371232000,minimum_zig_version:"0.15.2",dependencies:{httpz:{url:"git+https://github.com/nurulhudaapon/httpz.git#7268154f43f5827bf78668e8e79a00f2ebe4db13",hash:"httpz-0.0.0-PNVzrBgtBwCVkSJyophIX6WHwDR0r8XhBGQr96Kk-1El"},zli:{url:"git+https://github.com/nurulhudaapon/cliz.git#aff3b54879e7514afaf8c87f1abe22121b8992d4",hash:"zli-4.3.0-LeUjpu_fAABOSVASSCW2fFh8SFVNHrxQGDXGPNzcSE_i"},zig_js:{url:"git+https://github.com/nurulhudaapon/jsz.git#04db83c617da1956ac5adc1cb9ba1e434c1cb6fd",hash:"zig_js-0.0.0-rjCAV-6GAADxFug7rDmPH-uM_XcnJ5NmuAMJCAscMjhi"}},paths:["build.zig","build.zig.zon","src"]};export{i as zx};
+// src/index.ts
+var zx = {
+  name: "zx",
+  version: "0.0.1-dev.270",
+  description: "ZX is a framework for building web applications with Zig.",
+  repository: "https://github.com/nurulhudaapon/zx",
+  fingerprint: 14616285862371232000,
+  minimum_zig_version: "0.15.2",
+  dependencies: {
+    httpz: {
+      url: "git+https://github.com/nurulhudaapon/httpz.git#7268154f43f5827bf78668e8e79a00f2ebe4db13",
+      hash: "httpz-0.0.0-PNVzrBgtBwCVkSJyophIX6WHwDR0r8XhBGQr96Kk-1El"
+    },
+    zli: {
+      url: "git+https://github.com/nurulhudaapon/cliz.git#aff3b54879e7514afaf8c87f1abe22121b8992d4",
+      hash: "zli-4.3.0-LeUjpu_fAABOSVASSCW2fFh8SFVNHrxQGDXGPNzcSE_i"
+    },
+    zig_js: {
+      url: "git+https://github.com/nurulhudaapon/jsz.git#04db83c617da1956ac5adc1cb9ba1e434c1cb6fd",
+      hash: "zig_js-0.0.0-rjCAV-6GAADxFug7rDmPH-uM_XcnJ5NmuAMJCAscMjhi"
+    }
+  },
+  paths: [
+    "build.zig",
+    "build.zig.zon",
+    "src"
+  ]
+};
+export {
+  zx
+};

package/package.json

@@ -29,5 +29,5 @@
   "license": "MIT",
   "module": "index.js",
   "types": "index.d.ts",
-  "version": "0.0.1-dev.6"
+  "version": "0.0.1-dev.7"
 }

package/react/index.js

@@ -1 +1,21 @@
-async function S(k){let G=document.getElementById(k.id);if(!G)throw Error(`Root element ${k.id} not found`,{cause:k});let J=JSON.parse(G.getAttribute("data-props")||"{}"),K=G.getAttribute("data-children")??void 0;if(K)J.dangerouslySetInnerHTML={__html:K};let Q=await k.import();return{domNode:G,props:J,Component:Q}}function U(k){let G=window.location.pathname;return k.filter((J)=>J.route===G||!J.route)}export{S as prepareComponent,U as filterComponents};
+// src/react/dom.ts
+async function prepareComponent(component) {
+  const domNode = document.getElementById(component.id);
+  if (!domNode)
+    throw new Error(`Root element ${component.id} not found`, { cause: component });
+  const props = JSON.parse(domNode.getAttribute("data-props") || "{}");
+  const htmlChildren = domNode.getAttribute("data-children") ?? undefined;
+  if (htmlChildren) {
+    props.dangerouslySetInnerHTML = { __html: htmlChildren };
+  }
+  const Component = await component.import();
+  return { domNode, props, Component };
+}
+function filterComponents(components) {
+  const currentPath = window.location.pathname;
+  return components.filter((component) => component.route === currentPath || !component.route);
+}
+export {
+  prepareComponent,
+  filterComponents
+};

package/wasm/index.js

@@ -1 +1,219 @@
-var E={nan:0,null:1,true:2,false:3,undefined:4,globalThis:5,runtime:6};var b=new TextEncoder,Z=new TextDecoder("utf-8");class p{memory;values=[NaN,null,!0,!1,void 0,globalThis,this];idPool=[];importObject(){return{"zig-js":{valueGet:this.valueGet.bind(this),valueSet:this.valueSet.bind(this),valueDeinit:this.valueDeinit.bind(this),valueObjectCreate:this.valueObjectCreate.bind(this),valueStringCreate:this.valueStringCreate.bind(this),valueStringLen:this.valueStringLen.bind(this),valueStringCopy:this.valueStringCopy.bind(this),valueNew:this.valueNew.bind(this),funcApply:this.funcApply.bind(this)}}}valueGet(n,t,s,c){let o=this.loadValue(t),e=this.loadString(s,c),x=Reflect.get(o,e);this.storeValue(n,x)}valueSet(n,t,s,c){let o=this.loadValue(n),e=this.loadString(t,s),x=this.loadRef(c);Reflect.set(o,e,x)}valueDeinit(n){if(n>6)this.values[n]=null,this.idPool.push(n)}valueObjectCreate(n){this.storeValue(n,{})}valueStringCreate(n,t,s){let c=this.loadString(t,s);this.storeValue(n,c)}valueStringLen(n){let t=this.loadValue(n);return b.encode(t).byteLength}valueStringCopy(n,t,s){if(this.memory==null)return;let c=this.loadValue(n),o=b.encode(c);if(o.byteLength>s)return;new Uint8Array(this.memory.buffer,t,o.length).set(o)}valueNew(n,t,s,c){let o=this.loadValue(t),e=[];for(let m=0;m<c;m++)e.push(this.loadRef(s+m*8));let x=Reflect.construct(o,e);this.storeValue(n,x)}funcApply(n,t,s,c,o){let e=this.loadValue(t),x=this.loadRef(s),m=[];for(let h=0;h<o;h++)m.push(this.loadRef(c+h*8));let X=Reflect.apply(e,x,m);this.storeValue(n,X)}loadValue(n){return this.values[n]}deleteValue(n){let t=this.values[n];return this.valueDeinit(n),t}loadRef(n){if(this.memory==null)return;let s=new DataView(this.memory.buffer).getFloat64(n,!0);if(!isNaN(s))return s;let c=this.loadRefId(n);return this.values[c]}loadRefId(n){if(this.memory==null)return 0;return new DataView(this.memory.buffer).getUint32(n,!0)}storeValue(n,t){if(this.memory==null)return;let s=new DataView(this.memory.buffer);if(typeof t==="number"){if(isNaN(t))s.setUint32(n,E.nan,!0),s.setUint32(n+4,2146959360,!0);else s.setFloat64(n,t,!0);return}if(t===null){s.setUint32(n,E.null,!0),s.setUint32(n+4,2146959360,!0);return}if(t===void 0){s.setUint32(n,E.undefined,!0),s.setUint32(n+4,2146959360,!0);return}let c=this.idPool.pop();if(c===void 0)c=this.values.length;this.values[c]=t;let o=0;switch(typeof t){case"object":o=1;break;case"string":o=2;break;case"symbol":o=3;break;case"function":o=4;break}s.setUint32(n,Number(c),!0),s.setUint32(n+4,2146959360|o,!0)}loadString(n,t){if(this.memory==null)return"";let c=new Uint8ClampedArray(this.memory.buffer,n,Number(t)).slice();return Z.decode(c)}}var W="/assets/main.wasm",y=100,i=new p,I={module:{},env:{},...i.importObject()};class O{exports;events;actions;constructor({exports:n,events:t=[]}){this.exports=n,this.events=t,this.actions={},Object.entries(n).forEach(([s,c])=>{if(typeof c!=="function")return;this.actions[s]=this.#n.bind(this,s)})}addEvent(n){if(this.events.length>=y)this.events.length=0;return this.events.push(n)-1}#n(n,...t){let s=this.exports[n];if(typeof s!=="function")throw Error(`Action ${n} is not a function`);let c=this.addEvent(t[0]);return s(c)}}async function M(n={}){let t=n?.url??W,{instance:s}=await WebAssembly.instantiateStreaming(fetch(t),I);i.memory=s.exports.memory,window._zx=new O({exports:s.exports});let c=s.exports.mainClient;if(typeof c==="function")c()}export{M as init};
+// node_modules/jsz/js/src/zigjs.ts
+var NAN_PREFIX = 2146959360;
+var predefined = {
+  nan: 0,
+  null: 1,
+  true: 2,
+  false: 3,
+  undefined: 4,
+  globalThis: 5,
+  runtime: 6
+};
+var PREDEFINED_ID_MAX = 6;
+var encoder = new TextEncoder;
+var decoder = new TextDecoder("utf-8");
+
+class ZigJS {
+  memory;
+  values = [NaN, null, true, false, undefined, globalThis, this];
+  idPool = [];
+  importObject() {
+    return {
+      "zig-js": {
+        valueGet: this.valueGet.bind(this),
+        valueSet: this.valueSet.bind(this),
+        valueDeinit: this.valueDeinit.bind(this),
+        valueObjectCreate: this.valueObjectCreate.bind(this),
+        valueStringCreate: this.valueStringCreate.bind(this),
+        valueStringLen: this.valueStringLen.bind(this),
+        valueStringCopy: this.valueStringCopy.bind(this),
+        valueNew: this.valueNew.bind(this),
+        funcApply: this.funcApply.bind(this)
+      }
+    };
+  }
+  valueGet(out, id, ptr, len) {
+    const val = this.loadValue(id);
+    const str = this.loadString(ptr, len);
+    const result = Reflect.get(val, str);
+    this.storeValue(out, result);
+  }
+  valueSet(id, ptr, len, refAddr) {
+    const obj = this.loadValue(id);
+    const str = this.loadString(ptr, len);
+    const val = this.loadRef(refAddr);
+    Reflect.set(obj, str, val);
+  }
+  valueDeinit(id) {
+    if (id > PREDEFINED_ID_MAX) {
+      this.values[id] = null;
+      this.idPool.push(id);
+    }
+  }
+  valueObjectCreate(out) {
+    this.storeValue(out, new Object);
+  }
+  valueStringCreate(out, ptr, len) {
+    const str = this.loadString(ptr, len);
+    this.storeValue(out, str);
+  }
+  valueStringLen(id) {
+    const val = this.loadValue(id);
+    const buf = encoder.encode(val);
+    return buf.byteLength;
+  }
+  valueStringCopy(id, ptr, max) {
+    if (this.memory == null)
+      return;
+    const val = this.loadValue(id);
+    const bytes = encoder.encode(val);
+    if (bytes.byteLength > max)
+      return;
+    new Uint8Array(this.memory.buffer, ptr, bytes.length).set(bytes);
+  }
+  valueNew(out, id, argsAddr, argsLen) {
+    const fn = this.loadValue(id);
+    const args = [];
+    for (let i = 0;i < argsLen; i++) {
+      args.push(this.loadRef(argsAddr + i * 8));
+    }
+    const result = Reflect.construct(fn, args);
+    this.storeValue(out, result);
+  }
+  funcApply(out, id, thisRefAddr, argsAddr, argsLen) {
+    const fn = this.loadValue(id);
+    const thisVal = this.loadRef(thisRefAddr);
+    const args = [];
+    for (let i = 0;i < argsLen; i++) {
+      args.push(this.loadRef(argsAddr + i * 8));
+    }
+    const result = Reflect.apply(fn, thisVal, args);
+    this.storeValue(out, result);
+  }
+  loadValue(id) {
+    return this.values[id];
+  }
+  deleteValue(id) {
+    const val = this.values[id];
+    this.valueDeinit(id);
+    return val;
+  }
+  loadRef(refAddr) {
+    if (this.memory == null)
+      return;
+    const view = new DataView(this.memory.buffer);
+    const floatVal = view.getFloat64(refAddr, true);
+    if (!isNaN(floatVal))
+      return floatVal;
+    const id = this.loadRefId(refAddr);
+    return this.values[id];
+  }
+  loadRefId(refAddr) {
+    if (this.memory == null)
+      return 0;
+    return new DataView(this.memory.buffer).getUint32(refAddr, true);
+  }
+  storeValue(out, val) {
+    if (this.memory == null)
+      return;
+    const view = new DataView(this.memory.buffer);
+    if (typeof val === "number") {
+      if (isNaN(val)) {
+        view.setUint32(out, predefined.nan, true);
+        view.setUint32(out + 4, NAN_PREFIX, true);
+      } else {
+        view.setFloat64(out, val, true);
+      }
+      return;
+    }
+    if (val === null) {
+      view.setUint32(out, predefined.null, true);
+      view.setUint32(out + 4, NAN_PREFIX, true);
+      return;
+    }
+    if (val === undefined) {
+      view.setUint32(out, predefined.undefined, true);
+      view.setUint32(out + 4, NAN_PREFIX, true);
+      return;
+    }
+    let id = this.idPool.pop();
+    if (id === undefined) {
+      id = this.values.length;
+    }
+    this.values[id] = val;
+    let typeId = 0;
+    switch (typeof val) {
+      case "object":
+        typeId = 1;
+        break;
+      case "string":
+        typeId = 2;
+        break;
+      case "symbol":
+        typeId = 3;
+        break;
+      case "function":
+        typeId = 4;
+        break;
+    }
+    view.setUint32(out, Number(id), true);
+    view.setUint32(out + 4, NAN_PREFIX | typeId, true);
+  }
+  loadString(ptr, len) {
+    if (this.memory == null)
+      return "";
+    const arr = new Uint8ClampedArray(this.memory.buffer, ptr, Number(len));
+    const data = arr.slice();
+    return decoder.decode(data);
+  }
+}
+// src/wasm/index.ts
+var DEFAULT_URL = "/assets/main.wasm";
+var MAX_EVENTS = 100;
+var jsz = new ZigJS;
+var importObject = {
+  module: {},
+  env: {},
+  ...jsz.importObject()
+};
+
+class ZXInstance {
+  exports;
+  events;
+  actions;
+  constructor({ exports, events = [] }) {
+    this.exports = exports;
+    this.events = events;
+    this.actions = {};
+    Object.entries(exports).forEach(([name, func]) => {
+      if (typeof func !== "function")
+        return;
+      this.actions[name] = this.#actionWrapper.bind(this, name);
+    });
+  }
+  addEvent(event) {
+    if (this.events.length >= MAX_EVENTS)
+      this.events.length = 0;
+    const idx = this.events.push(event);
+    return idx - 1;
+  }
+  #actionWrapper(name, ...args) {
+    const func = this.exports[name];
+    if (typeof func !== "function")
+      throw new Error(`Action ${name} is not a function`);
+    const eventId = this.addEvent(args[0]);
+    return func(eventId);
+  }
+}
+async function init(options = {}) {
+  const url = options?.url ?? DEFAULT_URL;
+  const { instance } = await WebAssembly.instantiateStreaming(fetch(url), importObject);
+  jsz.memory = instance.exports.memory;
+  window._zx = new ZXInstance({ exports: instance.exports });
+  const main = instance.exports.mainClient;
+  if (typeof main === "function")
+    main();
+}
+export {
+  init
+};