peryl 1.5.7 → 1.5.8

package/demo/hsml-app-form_demo.ts

@@ -145,6 +145,16 @@ const view: HView<State, Actions> = function (state) {
                                 ]
                             ]
                         ]],
+                        ["p", [
+                            ["label", ["Data",
+                                ["input.w3-input", {
+                                    type: "file",
+                                    name: "file",
+                                    accept: "application/json,.json",
+                                    multiple: false
+                                }]
+                            ]]
+                        ]],
                         ["button.w3-btn.w3-blue", "Submit"]
                     ]
                 ]
@@ -163,7 +173,18 @@ const dispatcher: HDispatcher<State, Actions> = async function (action, state) {
             break;
 
         case Actions.change:
-            console.log("FormActions.change", JSON.stringify(action.data, null, 4));
+            console.log("FormActions.change", action.data);
+            if (action.data.file) {
+                const file = action.data.file as File;
+                // Read the file as text
+                console.log("FormActions.change file text:", await file.text());
+                // Abuse response to read json data
+                console.log("FormActions.change file json:", JSON.stringify(await new Response(file).json(), null, 4));
+                // Read the file as ArrayBuffer to handle binary data
+                console.log("FormActions.change file ArrayBuffer:", new Uint8Array(await file.arrayBuffer()));
+                // Read large data chunk by chunk
+                console.log("FormActions.change file stream:", file.stream());
+            }
             break;
 
         case Actions.submit:

package/dist/browser-esmodule/hsml-app.js

@@ -981,7 +981,6 @@ var $9adf8bc2f1ba310f$export$3dcd9fad60135c2c;
     HAppActions["init"] = "happ-init";
     HAppActions["mount"] = "happ-mount";
     HAppActions["umount"] = "happ-umount";
-    HAppActions["update"] = "happ-update";
     HAppActions["action"] = "happ-action";
     HAppActions["attribute"] = "happ-attribute";
 })($9adf8bc2f1ba310f$export$3dcd9fad60135c2c || ($9adf8bc2f1ba310f$export$3dcd9fad60135c2c = {}));
@@ -1326,6 +1325,14 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
                     };
                     else data = iel.checked ? String(iel.value) : null;
                     break;
+                case "file":
+                    const files = iel.files;
+                    const value = files.length === 1 ? files[0] : files;
+                    if (iel.name) data = {
+                        [iel.name]: value
+                    };
+                    else data = value;
+                    break;
             }
             break;
         case "SELECT":