ziex 0.1.0-dev.1259 → 0.1.0-dev.1309

package/README.md

@@ -172,15 +172,17 @@ const zx = @import("zx");
 ## Versions
 | Zig         | Ziex                | Branch            | Status         |
 |-------------|---------------------|-------------------|----------------|
-| `0.17.x`    |                     | `zig-0.17`        | Development    |
-| `0.16.x`    | `0.1.0-dev.1068`-*  | `main`            | **Latest**     |
+| `0.17.x`    |                     | `main`            | Development    |
+| `0.16.x`    | `0.1.0-dev.1259`    | `zig-0.16`        | **Latest**     |
 | `0.15.x`    | `0.1.0-dev-1050`    | `zig-0.15`        | Latest (`Zig 0.15.x`)        |
 
 
 ## Roadmap
-[Ziex 0.1.0](https://github.com/ziex-dev/ziex/milestone/2) is targeted after `Zig 0.17.0` release. You can see the [roadmap](https://github.com/ziex-dev/ziex/milestone) to learn more.
+[Ziex 0.1.0](https://github.com/ziex-dev/ziex/milestone/2) is planned for release after `Zig 0.17.0` is available. You can view the [roadmap](https://github.com/ziex-dev/ziex/milestone) to learn more.
 
-`0.1.0` release will indicate that Ziex is production ready with all majore features fully baked and will receive patch releases for bug fixes.
+The `0.1.0` release will indicate that Ziex is production-ready, with all major features fully implemented, and will receive patch releases for bug fixes.
+
+The `1.0.0` release will signify long-term support for that major version, receiving bug fixes and minor updates.
 
 ## Editor Support
 

package/cloudflare/index.js

@@ -682,12 +682,12 @@ class ZxBridge extends ZxBridgeCore {
   clearEventHandlerModes(velementId) {
     eventHandlerModes.delete(velementId);
   }
-  submitFormActionAsync(form, statesJson, fetchId) {
+  submitFormActionAsync(form, actionId, statesJson, fetchId) {
     const formData = new FormData(form);
     formData.append("__$states", statesJson);
     fetch(window.location.href, {
       method: "POST",
-      headers: { "X-ZX-Action": "1" },
+      headers: { "x-action": String(actionId >>> 0) },
       body: formData
     }).then(async (response) => {
       const text = await response.text();
@@ -911,23 +911,23 @@ class ZxBridge extends ZxBridgeCore {
           writeBytes(bufPtr, bytes.subarray(0, len));
           return len;
         },
-        _submitFormAction: (vnodeId) => {
+        _submitFormAction: (vnodeId, actionId) => {
           const form = domNodes.get(vnodeId);
           if (!form || !(form instanceof HTMLFormElement))
             return;
           const formData = new FormData(form);
           fetch(window.location.href, {
             method: "POST",
-            headers: { "X-ZX-Action": "1" },
+            headers: { "x-action": String(actionId >>> 0) },
             body: formData
           }).catch(() => {});
         },
-        _submitFormActionAsync: (vnodeId, statesPtr, statesLen, fetchId) => {
+        _submitFormActionAsync: (vnodeId, actionId, statesPtr, statesLen, fetchId) => {
           const form = domNodes.get(vnodeId);
           if (!form || !(form instanceof HTMLFormElement))
             return;
           const statesJson = statesLen > 0 ? readString(statesPtr, statesLen) : "[]";
-          bridgeRef.current?.submitFormActionAsync(form, statesJson, fetchId);
+          bridgeRef.current?.submitFormActionAsync(form, actionId, statesJson, fetchId);
         }
       }
     };
@@ -1259,7 +1259,8 @@ async function init(options = {}) {
       domNodes.clear();
     }
   };
-  registerDevReinit(normalizedOptions);
+  if (true)
+    registerDevReinit(normalizedOptions);
   return { source, bridge };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziex",
-  "version": "0.1.0-dev.1259",
+  "version": "0.1.0-dev.1309",
   "description": "Ziex 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.1259"
+    "@ziex/cli": "0.1.0-dev.1309"
   },
   "peerDependenciesMeta": {
     "react": {

package/wasm/index.d.ts

@@ -14,7 +14,7 @@ export declare class ZxBridge extends ZxBridgeCore {
     setEventHandlerMode(velementId: bigint, eventTypeId: number, maySuspend: boolean): void;
     clearEventHandlerModes(velementId: bigint): void;
     /** Submit a form action with bound-state round-trip. */
-    submitFormActionAsync(form: HTMLFormElement, statesJson: string, fetchId: bigint): void;
+    submitFormActionAsync(form: HTMLFormElement, actionId: number, statesJson: string, fetchId: bigint): void;
     /**
      * Create and connect a WebSocket.
      * Calls __zx_ws_onopen, __zx_ws_onmessage, __zx_ws_onerror, __zx_ws_onclose.
@@ -58,6 +58,7 @@ export declare function init(options?: InitOptions): Promise<{
     bridge: ZxBridge;
 }>;
 declare global {
+    const __DEV__: boolean;
     interface HTMLElement {
         __zx_ref?: number;
     }

package/wasm/index.js

@@ -682,12 +682,12 @@ class ZxBridge extends ZxBridgeCore {
   clearEventHandlerModes(velementId) {
     eventHandlerModes.delete(velementId);
   }
-  submitFormActionAsync(form, statesJson, fetchId) {
+  submitFormActionAsync(form, actionId, statesJson, fetchId) {
     const formData = new FormData(form);
     formData.append("__$states", statesJson);
     fetch(window.location.href, {
       method: "POST",
-      headers: { "X-ZX-Action": "1" },
+      headers: { "x-action": String(actionId >>> 0) },
       body: formData
     }).then(async (response) => {
       const text = await response.text();
@@ -911,23 +911,23 @@ class ZxBridge extends ZxBridgeCore {
           writeBytes(bufPtr, bytes.subarray(0, len));
           return len;
         },
-        _submitFormAction: (vnodeId) => {
+        _submitFormAction: (vnodeId, actionId) => {
           const form = domNodes.get(vnodeId);
           if (!form || !(form instanceof HTMLFormElement))
             return;
           const formData = new FormData(form);
           fetch(window.location.href, {
             method: "POST",
-            headers: { "X-ZX-Action": "1" },
+            headers: { "x-action": String(actionId >>> 0) },
             body: formData
           }).catch(() => {});
         },
-        _submitFormActionAsync: (vnodeId, statesPtr, statesLen, fetchId) => {
+        _submitFormActionAsync: (vnodeId, actionId, statesPtr, statesLen, fetchId) => {
           const form = domNodes.get(vnodeId);
           if (!form || !(form instanceof HTMLFormElement))
             return;
           const statesJson = statesLen > 0 ? readString(statesPtr, statesLen) : "[]";
-          bridgeRef.current?.submitFormActionAsync(form, statesJson, fetchId);
+          bridgeRef.current?.submitFormActionAsync(form, actionId, statesJson, fetchId);
         }
       }
     };
@@ -1259,7 +1259,8 @@ async function init(options = {}) {
       domNodes.clear();
     }
   };
-  registerDevReinit(normalizedOptions);
+  if (true)
+    registerDevReinit(normalizedOptions);
   return { source, bridge };
 }
 export {