ziex 0.1.0-dev.1050 → 0.1.0-dev.1103

package/README.md

@@ -168,6 +168,13 @@ You can view our current progress and planned features here:
 
 **[Check out the Ziex Issue Tracker →](https://github.com/ziex-dev/ziex/issues)**
 
+## Versions
+| Zig         | Ziex              | Branch            | Status         |
+|-------------|-------------------|-------------------|----------------|
+| `0.16.0`    | `0.1.0-dev.1050+` | `main`            | Unstable (dev) |
+| `0.15.2`    | `0.1.0-dev-1050`  | `zig-0.15`        | Stable (dev)   |
+
+
 ## Editor Support
 
 * [VSCode](https://marketplace.visualstudio.com/items?itemName=ziex.ziex)/[VSCode Forks](https://open-vsx.org/extension/ziex/ziex) Extension

package/build.zig.zon

@@ -2,6 +2,6 @@
     .name = .ziex_js,
     .fingerprint = 0x3428b4e119b455bf,
     .version = "0.1.0-dev.804",
-    .minimum_zig_version = "0.15.2",
+    .minimum_zig_version = "0.16.0",
     .paths = .{""},
 }

package/cloudflare/index.js

@@ -84,6 +84,8 @@ class ZigJS {
     const bytes = encoder.encode(val);
     if (bytes.byteLength > max)
       return;
+    if (bytes.length === 0)
+      return;
     new Uint8Array(this.memory.buffer, ptr, bytes.length).set(bytes);
   }
   valueNew(out, id, argsAddr, argsLen) {
@@ -1129,69 +1131,48 @@ var TAG_NAMES = [
   "view"
 ];
 var DELEGATED_EVENTS = [
-  "click",
-  "dblclick",
-  "input",
-  "change",
-  "submit",
-  "focus",
-  "blur",
-  "keydown",
-  "keyup",
-  "keypress",
-  "mouseenter",
-  "mouseleave",
-  "mousedown",
-  "mouseup",
-  "mousemove",
-  "touchstart",
-  "touchend",
-  "touchmove",
-  "scroll"
+  { domType: "click", eventTypeId: 0 },
+  { domType: "dblclick", eventTypeId: 1 },
+  { domType: "input", eventTypeId: 2 },
+  { domType: "change", eventTypeId: 3 },
+  { domType: "submit", eventTypeId: 4 },
+  { domType: "focusin", eventTypeId: 5 },
+  { domType: "focusout", eventTypeId: 6 },
+  { domType: "keydown", eventTypeId: 7 },
+  { domType: "keyup", eventTypeId: 8 },
+  { domType: "keypress", eventTypeId: 9 },
+  { domType: "mouseenter", eventTypeId: 10 },
+  { domType: "mouseleave", eventTypeId: 11 },
+  { domType: "mousedown", eventTypeId: 12 },
+  { domType: "mouseup", eventTypeId: 13 },
+  { domType: "mousemove", eventTypeId: 14 },
+  { domType: "touchstart", eventTypeId: 15 },
+  { domType: "touchend", eventTypeId: 16 },
+  { domType: "touchmove", eventTypeId: 17 },
+  { domType: "scroll", eventTypeId: 18 }
 ];
-var EVENT_TYPE_MAP = {
-  click: 0,
-  dblclick: 1,
-  input: 2,
-  change: 3,
-  submit: 4,
-  focus: 5,
-  blur: 6,
-  keydown: 7,
-  keyup: 8,
-  keypress: 9,
-  mouseenter: 10,
-  mouseleave: 11,
-  mousedown: 12,
-  mouseup: 13,
-  mousemove: 14,
-  touchstart: 15,
-  touchend: 16,
-  touchmove: 17,
-  scroll: 18
-};
 var eventHandlerModes = new Map;
 function initEventDelegation(bridge, rootSelector = "body") {
   const root = document.querySelector(rootSelector);
   if (!root)
     return () => {};
   const removers = [];
-  for (const eventType of DELEGATED_EVENTS) {
+  for (const delegatedEvent of DELEGATED_EVENTS) {
     const listener = (event) => {
       let target = event.target;
       while (target && target !== document.body) {
         const zxRef = target.__zx_ref;
         if (zxRef !== undefined) {
-          bridge.eventbridge(BigInt(zxRef), EVENT_TYPE_MAP[eventType] ?? 0, event);
+          bridge.eventbridge(BigInt(zxRef), delegatedEvent.eventTypeId, event);
           if (event.cancelBubble)
             break;
         }
         target = target.parentElement;
       }
     };
-    const options = { passive: eventType.startsWith("touch") || eventType === "scroll" };
-    root.addEventListener(eventType, listener, options);
-    removers.push(() => root.removeEventListener(eventType, listener, options));
+    const options = { passive: delegatedEvent.domType.startsWith("touch") || delegatedEvent.domType === "scroll" };
+    root.addEventListener(delegatedEvent.domType, listener, options);
+    removers.push(() => root.removeEventListener(delegatedEvent.domType, listener, options));
   }
   return () => {
     for (const remove of removers)
@@ -1707,6 +1688,61 @@ function createWasiImports({
       dv.setBigUint64(filestat_ptr + 56, 0n, true);
       return 0;
     },
+    fd_filestat_set_size(_fd, _size) {
+      return 76;
+    },
+    fd_filestat_set_times(_fd, _atim, _mtim, _fst_flags) {
+      return 76;
+    },
+    fd_fdstat_set_flags(_fd, _flags) {
+      return 0;
+    },
+    fd_fdstat_set_rights(_fd, _rights_base, _rights_inheriting) {
+      return 0;
+    },
+    fd_sync(_fd) {
+      return 0;
+    },
+    fd_datasync(_fd) {
+      return 0;
+    },
+    fd_advise(_fd, _offset, _len, _advice) {
+      return 0;
+    },
+    fd_allocate(_fd, _offset, _len) {
+      return 76;
+    },
+    fd_tell(_fd, offset_ptr) {
+      v().setBigUint64(offset_ptr, 0n, true);
+      return 0;
+    },
+    fd_renumber(_from, _to) {
+      return 0;
+    },
+    path_filestat_set_times(_fd, _flags, _path, _path_len, _atim, _mtim, _fst_flags) {
+      return 76;
+    },
+    path_link(_old_fd, _old_flags, _old_path, _old_path_len, _new_fd, _new_path, _new_path_len) {
+      return 76;
+    },
+    path_symlink(_old_path, _old_path_len, _fd, _new_path, _new_path_len) {
+      return 76;
+    },
+    proc_raise(_sig) {
+      return 0;
+    },
+    sock_recv(_fd, _ri_data, _ri_data_len, _ri_flags, ro_datalen_ptr, ro_flags_ptr) {
+      v().setUint32(ro_datalen_ptr, 0, true);
+      v().setUint32(ro_flags_ptr, 0, true);
+      return 76;
+    },
+    sock_send(_fd, _si_data, _si_data_len, _si_flags, so_datalen_ptr) {
+      v().setUint32(so_datalen_ptr, 0, true);
+      return 76;
+    },
+    sock_shutdown(_fd, _how) {
+      return 76;
+    },
     fd_seek(_fd, _offset, _whence, newoffset_ptr) {
       v().setBigInt64(newoffset_ptr, 0n, true);
       return 0;
@@ -1721,6 +1757,10 @@ function createWasiImports({
       v().setBigUint64(time_ptr, BigInt(Date.now()) * 1000000n, true);
       return 0;
     },
+    clock_res_get(_id, res_ptr) {
+      v().setBigUint64(res_ptr, 1000000n, true);
+      return 0;
+    },
     random_get(buf_ptr, buf_len) {
       crypto.getRandomValues(new Uint8Array(wasmMemory.buffer, buf_ptr, buf_len));
       return 0;

package/index.js

@@ -570,6 +570,61 @@ function createWasiImports({
       dv.setBigUint64(filestat_ptr + 56, 0n, true);
       return 0;
     },
+    fd_filestat_set_size(_fd, _size) {
+      return 76;
+    },
+    fd_filestat_set_times(_fd, _atim, _mtim, _fst_flags) {
+      return 76;
+    },
+    fd_fdstat_set_flags(_fd, _flags) {
+      return 0;
+    },
+    fd_fdstat_set_rights(_fd, _rights_base, _rights_inheriting) {
+      return 0;
+    },
+    fd_sync(_fd) {
+      return 0;
+    },
+    fd_datasync(_fd) {
+      return 0;
+    },
+    fd_advise(_fd, _offset, _len, _advice) {
+      return 0;
+    },
+    fd_allocate(_fd, _offset, _len) {
+      return 76;
+    },
+    fd_tell(_fd, offset_ptr) {
+      v().setBigUint64(offset_ptr, 0n, true);
+      return 0;
+    },
+    fd_renumber(_from, _to) {
+      return 0;
+    },
+    path_filestat_set_times(_fd, _flags, _path, _path_len, _atim, _mtim, _fst_flags) {
+      return 76;
+    },
+    path_link(_old_fd, _old_flags, _old_path, _old_path_len, _new_fd, _new_path, _new_path_len) {
+      return 76;
+    },
+    path_symlink(_old_path, _old_path_len, _fd, _new_path, _new_path_len) {
+      return 76;
+    },
+    proc_raise(_sig) {
+      return 0;
+    },
+    sock_recv(_fd, _ri_data, _ri_data_len, _ri_flags, ro_datalen_ptr, ro_flags_ptr) {
+      v().setUint32(ro_datalen_ptr, 0, true);
+      v().setUint32(ro_flags_ptr, 0, true);
+      return 76;
+    },
+    sock_send(_fd, _si_data, _si_data_len, _si_flags, so_datalen_ptr) {
+      v().setUint32(so_datalen_ptr, 0, true);
+      return 76;
+    },
+    sock_shutdown(_fd, _how) {
+      return 76;
+    },
     fd_seek(_fd, _offset, _whence, newoffset_ptr) {
       v().setBigInt64(newoffset_ptr, 0n, true);
       return 0;
@@ -584,6 +639,10 @@ function createWasiImports({
       v().setBigUint64(time_ptr, BigInt(Date.now()) * 1000000n, true);
       return 0;
     },
+    clock_res_get(_id, res_ptr) {
+      v().setBigUint64(res_ptr, 1000000n, true);
+      return 0;
+    },
     random_get(buf_ptr, buf_len) {
       crypto.getRandomValues(new Uint8Array(wasmMemory.buffer, buf_ptr, buf_len));
       return 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziex",
-  "version": "0.1.0-dev.1050",
+  "version": "0.1.0-dev.1103",
   "description": "ZX is a framework for building web applications with Zig.",
   "main": "index.js",
   "type": "module",
@@ -37,7 +37,7 @@
   "license": "MIT",
   "scripts": {},
   "dependencies": {
-    "@ziex/cli": "0.1.0-dev.1050"
+    "@ziex/cli": "0.1.0-dev.1103"
   },
   "peerDependenciesMeta": {
     "react": {

package/wasi.d.ts

@@ -37,10 +37,28 @@ export declare function createWasiImports({ request, stdinData, onStdout, }: {
         fd_pread(_fd: number, _iovs: number, _iovs_len: number, _offset: bigint, nread_ptr: number): number;
         fd_pwrite(_fd: number, _iovs: number, _iovs_len: number, _offset: bigint, nwritten_ptr: number): number;
         fd_filestat_get(_fd: number, filestat_ptr: number): number;
+        fd_filestat_set_size(_fd: number, _size: bigint): number;
+        fd_filestat_set_times(_fd: number, _atim: bigint, _mtim: bigint, _fst_flags: number): number;
+        fd_fdstat_set_flags(_fd: number, _flags: number): number;
+        fd_fdstat_set_rights(_fd: number, _rights_base: bigint, _rights_inheriting: bigint): number;
+        fd_sync(_fd: number): number;
+        fd_datasync(_fd: number): number;
+        fd_advise(_fd: number, _offset: bigint, _len: bigint, _advice: number): number;
+        fd_allocate(_fd: number, _offset: bigint, _len: bigint): number;
+        fd_tell(_fd: number, offset_ptr: number): number;
+        fd_renumber(_from: number, _to: number): number;
+        path_filestat_set_times(_fd: number, _flags: number, _path: number, _path_len: number, _atim: bigint, _mtim: bigint, _fst_flags: number): number;
+        path_link(_old_fd: number, _old_flags: number, _old_path: number, _old_path_len: number, _new_fd: number, _new_path: number, _new_path_len: number): number;
+        path_symlink(_old_path: number, _old_path_len: number, _fd: number, _new_path: number, _new_path_len: number): number;
+        proc_raise(_sig: number): number;
+        sock_recv(_fd: number, _ri_data: number, _ri_data_len: number, _ri_flags: number, ro_datalen_ptr: number, ro_flags_ptr: number): number;
+        sock_send(_fd: number, _si_data: number, _si_data_len: number, _si_flags: number, so_datalen_ptr: number): number;
+        sock_shutdown(_fd: number, _how: number): number;
         fd_seek(_fd: number, _offset: bigint, _whence: number, newoffset_ptr: number): number;
         proc_exit(code: number): never;
         sched_yield(): number;
         clock_time_get(_id: number, _precision: bigint, time_ptr: number): number;
+        clock_res_get(_id: number, res_ptr: number): number;
         random_get(buf_ptr: number, buf_len: number): number;
         path_open(_fd: number, _dirflags: number, _path: number, _path_len: number, _oflags: number, _rights_base: bigint, _rights_inheriting: bigint, _fdflags: number, opened_fd_ptr: number): number;
         path_create_directory(_fd: number, _path: number, _path_len: number): number;

package/wasm/index.js

@@ -84,6 +84,8 @@ class ZigJS {
     const bytes = encoder.encode(val);
     if (bytes.byteLength > max)
       return;
+    if (bytes.length === 0)
+      return;
     new Uint8Array(this.memory.buffer, ptr, bytes.length).set(bytes);
   }
   valueNew(out, id, argsAddr, argsLen) {
@@ -1129,69 +1131,48 @@ var TAG_NAMES = [
   "view"
 ];
 var DELEGATED_EVENTS = [
-  "click",
-  "dblclick",
-  "input",
-  "change",
-  "submit",
-  "focus",
-  "blur",
-  "keydown",
-  "keyup",
-  "keypress",
-  "mouseenter",
-  "mouseleave",
-  "mousedown",
-  "mouseup",
-  "mousemove",
-  "touchstart",
-  "touchend",
-  "touchmove",
-  "scroll"
+  { domType: "click", eventTypeId: 0 },
+  { domType: "dblclick", eventTypeId: 1 },
+  { domType: "input", eventTypeId: 2 },
+  { domType: "change", eventTypeId: 3 },
+  { domType: "submit", eventTypeId: 4 },
+  { domType: "focusin", eventTypeId: 5 },
+  { domType: "focusout", eventTypeId: 6 },
+  { domType: "keydown", eventTypeId: 7 },
+  { domType: "keyup", eventTypeId: 8 },
+  { domType: "keypress", eventTypeId: 9 },
+  { domType: "mouseenter", eventTypeId: 10 },
+  { domType: "mouseleave", eventTypeId: 11 },
+  { domType: "mousedown", eventTypeId: 12 },
+  { domType: "mouseup", eventTypeId: 13 },
+  { domType: "mousemove", eventTypeId: 14 },
+  { domType: "touchstart", eventTypeId: 15 },
+  { domType: "touchend", eventTypeId: 16 },
+  { domType: "touchmove", eventTypeId: 17 },
+  { domType: "scroll", eventTypeId: 18 }
 ];
-var EVENT_TYPE_MAP = {
-  click: 0,
-  dblclick: 1,
-  input: 2,
-  change: 3,
-  submit: 4,
-  focus: 5,
-  blur: 6,
-  keydown: 7,
-  keyup: 8,
-  keypress: 9,
-  mouseenter: 10,
-  mouseleave: 11,
-  mousedown: 12,
-  mouseup: 13,
-  mousemove: 14,
-  touchstart: 15,
-  touchend: 16,
-  touchmove: 17,
-  scroll: 18
-};
 var eventHandlerModes = new Map;
 function initEventDelegation(bridge, rootSelector = "body") {
   const root = document.querySelector(rootSelector);
   if (!root)
     return () => {};
   const removers = [];
-  for (const eventType of DELEGATED_EVENTS) {
+  for (const delegatedEvent of DELEGATED_EVENTS) {
     const listener = (event) => {
       let target = event.target;
       while (target && target !== document.body) {
         const zxRef = target.__zx_ref;
         if (zxRef !== undefined) {
-          bridge.eventbridge(BigInt(zxRef), EVENT_TYPE_MAP[eventType] ?? 0, event);
+          bridge.eventbridge(BigInt(zxRef), delegatedEvent.eventTypeId, event);
           if (event.cancelBubble)
             break;
         }
         target = target.parentElement;
       }
     };
-    const options = { passive: eventType.startsWith("touch") || eventType === "scroll" };
-    root.addEventListener(eventType, listener, options);
-    removers.push(() => root.removeEventListener(eventType, listener, options));
+    const options = { passive: delegatedEvent.domType.startsWith("touch") || delegatedEvent.domType === "scroll" };
+    root.addEventListener(delegatedEvent.domType, listener, options);
+    removers.push(() => root.removeEventListener(delegatedEvent.domType, listener, options));
   }
   return () => {
     for (const remove of removers)

package/wasm/init.js

@@ -69,6 +69,8 @@ class ZigJS {
     const bytes = encoder.encode(val);
     if (bytes.byteLength > max)
       return;
+    if (bytes.length === 0)
+      return;
     new Uint8Array(this.memory.buffer, ptr, bytes.length).set(bytes);
   }
   valueNew(out, id, argsAddr, argsLen) {
@@ -1091,69 +1093,48 @@ var TAG_NAMES = [
   "view"
 ];
 var DELEGATED_EVENTS = [
-  "click",
-  "dblclick",
-  "input",
-  "change",
-  "submit",
-  "focus",
-  "blur",
-  "keydown",
-  "keyup",
-  "keypress",
-  "mouseenter",
-  "mouseleave",
-  "mousedown",
-  "mouseup",
-  "mousemove",
-  "touchstart",
-  "touchend",
-  "touchmove",
-  "scroll"
+  { domType: "click", eventTypeId: 0 },
+  { domType: "dblclick", eventTypeId: 1 },
+  { domType: "input", eventTypeId: 2 },
+  { domType: "change", eventTypeId: 3 },
+  { domType: "submit", eventTypeId: 4 },
+  { domType: "focusin", eventTypeId: 5 },
+  { domType: "focusout", eventTypeId: 6 },
+  { domType: "keydown", eventTypeId: 7 },
+  { domType: "keyup", eventTypeId: 8 },
+  { domType: "keypress", eventTypeId: 9 },
+  { domType: "mouseenter", eventTypeId: 10 },
+  { domType: "mouseleave", eventTypeId: 11 },
+  { domType: "mousedown", eventTypeId: 12 },
+  { domType: "mouseup", eventTypeId: 13 },
+  { domType: "mousemove", eventTypeId: 14 },
+  { domType: "touchstart", eventTypeId: 15 },
+  { domType: "touchend", eventTypeId: 16 },
+  { domType: "touchmove", eventTypeId: 17 },
+  { domType: "scroll", eventTypeId: 18 }
 ];
-var EVENT_TYPE_MAP = {
-  click: 0,
-  dblclick: 1,
-  input: 2,
-  change: 3,
-  submit: 4,
-  focus: 5,
-  blur: 6,
-  keydown: 7,
-  keyup: 8,
-  keypress: 9,
-  mouseenter: 10,
-  mouseleave: 11,
-  mousedown: 12,
-  mouseup: 13,
-  mousemove: 14,
-  touchstart: 15,
-  touchend: 16,
-  touchmove: 17,
-  scroll: 18
-};
 var eventHandlerModes = new Map;
 function initEventDelegation(bridge, rootSelector = "body") {
   const root = document.querySelector(rootSelector);
   if (!root)
     return () => {};
   const removers = [];
-  for (const eventType of DELEGATED_EVENTS) {
+  for (const delegatedEvent of DELEGATED_EVENTS) {
     const listener = (event) => {
       let target = event.target;
       while (target && target !== document.body) {
         const zxRef = target.__zx_ref;
         if (zxRef !== undefined) {
-          bridge.eventbridge(BigInt(zxRef), EVENT_TYPE_MAP[eventType] ?? 0, event);
+          bridge.eventbridge(BigInt(zxRef), delegatedEvent.eventTypeId, event);
           if (event.cancelBubble)
             break;
         }
         target = target.parentElement;
       }
     };
-    const options = { passive: eventType.startsWith("touch") || eventType === "scroll" };
-    root.addEventListener(eventType, listener, options);
-    removers.push(() => root.removeEventListener(eventType, listener, options));
+    const options = { passive: delegatedEvent.domType.startsWith("touch") || delegatedEvent.domType === "scroll" };
+    root.addEventListener(delegatedEvent.domType, listener, options);
+    removers.push(() => root.removeEventListener(delegatedEvent.domType, listener, options));
   }
   return () => {
     for (const remove of removers)