@daz4126/helium 0.6.0 → 0.7.0

package/helium.js

@@ -1,8 +1,13 @@
+let ue = true;
 export default function helium(data = {}) {
   const root =
     document.querySelector("[\\@helium]") ||
     document.querySelector("[data-helium]") ||
     document.body;
+  if (Object.keys(data).length > 0)
+    document
+      .querySelectorAll("[data-helium-processed]")
+      .forEach((el) => el.removeAttribute("data-helium-processed"));
   const [bindings, refs] = [new Map(), new Map()];
   const $ = (selector) => document.querySelector(selector);
   const html = (string) => {
@@ -12,6 +17,7 @@ export default function helium(data = {}) {
   };
 
   const ajax = (url, method, target, options) => {
+    console.log(url, method, target, options);
     fetch(url, {
       method,
       headers: { "Content-Type": "application/json" },
@@ -22,10 +28,13 @@ export default function helium(data = {}) {
           ? res.json()
           : res.text(),
       )
-      .then((data) => (state[target] = data));
+      .then((data) => {
+        state[target] = data;
+      });
   };
   const get = (url, prop) => ajax(url, "GET", prop);
   const post = (url, params, prop) => ajax(url, "POST", prop, params);
+  const put = (url, params, prop) => ajax(url, "PUT", prop, params);
   const patch = (url, params, prop) => ajax(url, "PATCH", prop, params);
   const del = (url, params, prop) => ajax(url, "DELETE", prop, params);
 
@@ -57,6 +66,7 @@ export default function helium(data = {}) {
       html,
       get,
       post,
+      put,
       patch,
       del,
       ...Object.values(data),
@@ -84,6 +94,7 @@ export default function helium(data = {}) {
         "$html",
         "$get",
         "$post",
+        "$put",
         "$patch",
         "$delete",
         ...Object.keys(data),
@@ -96,7 +107,7 @@ export default function helium(data = {}) {
   }
 
   // processElements now returns an array of newly-created binding objects
-  function processElements(element) {
+  function processElements(element, addEvents = ue) {
     const newlyAddedBindings = [];
 
     // quick guard: avoid re-processing same node
@@ -104,12 +115,10 @@ export default function helium(data = {}) {
       element.nodeType === 1 &&
       element.hasAttribute &&
       element.hasAttribute("data-helium-processed")
-    ) {
+    )
       return newlyAddedBindings;
-    }
-    if (element.nodeType === 1 && element.setAttribute) {
+    if (element.nodeType === 1 && element.setAttribute)
       element.setAttribute("data-helium-processed", "");
-    }
 
     const heliumElements = [
       element,
@@ -164,6 +173,7 @@ export default function helium(data = {}) {
               html,
               get,
               post,
+              put,
               patch,
               del,
               ...Object.values(data),
@@ -256,12 +266,16 @@ export default function helium(data = {}) {
             html,
             get,
             post,
+            put,
             patch,
             del,
             ...Object.values(data),
             ...[...refs.values()],
           );
-        } else if (name.startsWith("@") || name.startsWith("data-he-on")) {
+        } else if (
+          (name.startsWith("@") || name.startsWith("data-he-on")) &&
+          addEvents
+        ) {
           // event handling — keep this as before (register listeners)
           const [eventName, ...modifiers] = name
             .slice(name.startsWith("@") ? 1 : 10)
@@ -318,6 +332,7 @@ export default function helium(data = {}) {
                 html,
                 get,
                 post,
+                put,
                 patch,
                 del,
                 ...Object.values(data),
@@ -347,7 +362,7 @@ export default function helium(data = {}) {
           node.nodeType === 1 &&
           !node.hasAttribute("data-helium-processed")
         ) {
-          const newly = processElements(node);
+          const newly = processElements(node, false);
           // apply only the bindings we just created for this node
           newly.forEach(applyBinding);
         }
@@ -358,5 +373,7 @@ export default function helium(data = {}) {
 
   const initialBindings = processElements(root);
   for (const [key, items] of bindings.entries()) items.forEach(applyBinding);
+  ue = false;
 }
+
 helium();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daz4126/helium",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "main": "helium.js",
   "type": "module",
   "keywords": [