@lukekaalim/act-web 3.4.0-alpha.1 → 3.4.0-alpha.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @lukekaalim/act-web
 
+## 3.4.0-alpha.3
+
+### Patch Changes
+
+- ccb3900: Reconciler should apply all changes in the correct order, and not skip any.
+  - Reconciler does send out a Render command once it completes all pending renders (called a "ThreadStack")
+    Scheduler has been updated to perform some updates in Sync.
+- Updated dependencies [ccb3900]
+  - @lukekaalim/act-recon@3.0.0-alpha.3
+
+## 3.4.0-alpha.2
+
+### Minor Changes
+
+- Add support for data-\* attributes on HTML elements
+
 ## 3.4.0-alpha.1
 
 ### Patch Changes

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@lukekaalim/act-web",
-  "version": "3.4.0-alpha.1",
+  "version": "3.4.0-alpha.3",
   "type": "module",
   "main": "mod.ts",
   "dependencies": {
     "@lukekaalim/act": "^3.1.0",
-    "@lukekaalim/act-recon": "^3.0.0-alpha.0",
+    "@lukekaalim/act-recon": "^3.0.0-alpha.3",
     "@lukekaalim/act-backstage": "^3.0.0-alpha.0"
   }
 }

package/props.ts

@@ -64,6 +64,12 @@ export const setHTMLElementProps = (
       setEventProp(node as any, eventName, next, prev);
       return true;
     }
+    if (name.startsWith('data-')) {
+      if (next === undefined)
+        node.removeAttribute(name);
+      else
+        node.setAttribute(name, next as string);
+    }
     switch (name) {
       case 'ref':
         (next as any).current = node;

package/scheduler.ts

@@ -1,26 +1,53 @@
-import { createId } from "@lukekaalim/act";
 import { Scheduler } from "@lukekaalim/act-recon";
 
 export const createDOMScheduler = (): Scheduler => {
-  const workMap = new Map();
   let id: number | null = null;
-  const work = () => {
+  let callbackFunc = () => console.error(`DOMScheduler got callback before callback function was configured`)
+  let synccall_available = false;
+  let synccall_requested = false;
+  const time_budget = 100;
+
+  const onTimeout = () => {
+    const start = performance.now();
     id = null;
-    for (const [,callback] of workMap)
-      callback();
 
-    workMap.clear();
-  };
+    synccall_available = true;
+    // at least 1 call
+    callbackFunc();
+
+    // if callback func re-requested a call,
+    // do the rest in sync
+    while (synccall_requested) {
+      synccall_requested = false;
+      const now = performance.now();
+      
+      if (now - start >= time_budget) {
+        synccall_available = false;
+      }
+      
+      callbackFunc();
+    }
+    synccall_available = false;
+  }
+
   return {
-    requestWork(callback) {
-      const workId = createId<'WorkID'>();
-      workMap.set(workId, callback);
-      if (!id)
-        id = setTimeout(work, 1) as any;
-      return workId;
+    setCallbackFunc(newCallbackFunc) {
+      callbackFunc = newCallbackFunc;
+    },
+    isCallbackPending() {
+      return id !== null;
+    },
+    requestCallback() {
+      if (synccall_available) {
+        synccall_requested = true;
+      }
+      else if (!id) {
+        id = window.setTimeout(onTimeout, 0);
+      }
     },
-    cancelWork(workId) {
-      workMap.delete(workId);
+    cancelCallback() {
+      if (id !== null)
+        window.clearTimeout(id);
     },
   }
 }