anu-verzum 2.2.9 → 2.3.0

package/README.md

@@ -9,7 +9,7 @@
 
 A lightweight React-inspired UI library for building component-based web applications in JavaScript and TypeScript.
 
-- Fiber-based virtual DOM with time-sliced rendering (`requestIdleCallback`)
+- Fiber-based virtual DOM with time-sliced rendering (MessageChannel scheduler)
 - Class components with full lifecycle support and function components
 - JSX via a custom Babel preset — no separate TypeScript preset needed
 - Redux-compatible state management with thunk middleware and memoized selectors

package/dist/core/reconciler.d.ts

@@ -6,5 +6,7 @@ export declare const render: (elements: AnuElement | AnuElement[], containerDom:
 export declare const unmountComponentAtNode: (containerDom: Element) => void;
 export declare const __testing: {
     flushSync(): void;
+    installSyncScheduler(): void;
+    uninstallSyncScheduler(): void;
     resetGlobals(): void;
 };

package/dist/core/reconciler.js

@@ -61,9 +61,50 @@ const workLoop = deadline => {
 const performWork = deadline => {
   workLoop(deadline);
   if (nextUnitOfWork || updateQueue.length > 0) {
-    requestIdleCallback(performWork);
+    scheduleWork();
   }
 };
+const FRAME_BUDGET = 5;
+const now = () => typeof performance !== 'undefined' && typeof performance.now === 'function' ? performance.now() : Date.now();
+let frameDeadline = 0;
+const FRAME_DEADLINE = {
+  didTimeout: false,
+  timeRemaining: () => Math.max(0, frameDeadline - now())
+};
+const SYNC_DEADLINE = {
+  didTimeout: false,
+  timeRemaining: () => 999
+};
+const createMacroTaskScheduler = () => {
+  let scheduled = false;
+  const flush = () => {
+    scheduled = false;
+    frameDeadline = now() + FRAME_BUDGET;
+    performWork(FRAME_DEADLINE);
+  };
+  let post;
+  if (typeof MessageChannel !== 'undefined') {
+    const channel = new MessageChannel();
+    channel.port1.onmessage = flush;
+    post = () => channel.port2.postMessage(null);
+  } else {
+    post = () => {
+      setTimeout(flush, 0);
+    };
+  }
+  return () => {
+    if (scheduled) {
+      return;
+    }
+    scheduled = true;
+    post();
+  };
+};
+const defaultScheduleWork = createMacroTaskScheduler();
+const syncScheduleWork = () => {
+  performWork(SYNC_DEADLINE);
+};
+let scheduleWork = defaultScheduleWork;
 const performUnitOfWork = wipFiber => {
   beginWork(wipFiber);
   if (wipFiber.child) {
@@ -467,7 +508,7 @@ const scheduleUpdate = (instance, partialState, partialStateCallback) => {
     updateFiber.partialStateCallback = partialStateCallback;
   }
   updateQueue.push(updateFiber);
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.scheduleUpdate = scheduleUpdate;
 const render = (elements, containerDom) => {
@@ -478,7 +519,7 @@ const render = (elements, containerDom) => {
       children: Array.isArray(elements) ? elements : [elements]
     }
   });
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.render = render;
 const unmountComponentAtNode = containerDom => {
@@ -492,7 +533,7 @@ const unmountComponentAtNode = containerDom => {
       children: []
     }
   });
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.unmountComponentAtNode = unmountComponentAtNode;
 const __testing = exports.__testing = {
@@ -500,16 +541,24 @@ const __testing = exports.__testing = {
     if (process.env.NODE_ENV !== 'test') {
       return;
     }
-    const syncDeadline = {
-      didTimeout: false,
-      timeRemaining: () => 999
-    };
     while (updateQueue.length > 0 || nextUnitOfWork != null) {
-      workLoop(syncDeadline);
+      workLoop(SYNC_DEADLINE);
     }
     nextUnitOfWork = null;
     pendingCommit = null;
   },
+  installSyncScheduler() {
+    if (process.env.NODE_ENV !== 'test') {
+      return;
+    }
+    scheduleWork = syncScheduleWork;
+  },
+  uninstallSyncScheduler() {
+    if (process.env.NODE_ENV !== 'test') {
+      return;
+    }
+    scheduleWork = defaultScheduleWork;
+  },
   resetGlobals() {
     if (process.env.NODE_ENV !== 'test') {
       return;

package/dist/index.js

@@ -121,22 +121,6 @@ var _Intl = _interopRequireDefault(require("./core/components/Intl"));
 var _AnulyticsProvider = _interopRequireWildcard(require("./core/components/AnulyticsProvider"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-if (!window.requestIdleCallback) {
-  window.requestIdleCallback = callback => {
-    const start = Date.now();
-    return setTimeout(() => {
-      callback({
-        didTimeout: false,
-        timeRemaining: () => Math.max(0, 50 - (Date.now() - start))
-      });
-    }, 1);
-  };
-}
-if (!window.cancelIdleCallback) {
-  window.cancelIdleCallback = id => {
-    clearTimeout(id);
-  };
-}
 const Anu = {
   Anulytics: {
     Provider: _AnulyticsProvider.default,

package/dist/testing/act.js

@@ -5,25 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.uninstallSyncScheduler = exports.installSyncScheduler = exports.flushEffects = exports.act = void 0;
 var _reconciler = require("../core/reconciler");
-const FAKE_DEADLINE = {
-  didTimeout: false,
-  timeRemaining: () => 999
-};
 let _installed = false;
 const installSyncScheduler = () => {
   if (_installed) {
     return;
   }
   _installed = true;
-  window.requestIdleCallback = cb => {
-    cb(FAKE_DEADLINE);
-    return 0;
-  };
-  window.cancelIdleCallback = () => {};
+  _reconciler.__testing.installSyncScheduler();
 };
 exports.installSyncScheduler = installSyncScheduler;
 const uninstallSyncScheduler = () => {
   _installed = false;
+  _reconciler.__testing.uninstallSyncScheduler();
 };
 exports.uninstallSyncScheduler = uninstallSyncScheduler;
 const flushEffects = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "2.2.9",
+  "version": "2.3.0",
   "description": "A \"React-like\" UI library that supports JSX syntax, Redux-like state management, array-rendering, i18n, routing and many more.",
   "keywords": [
     "anu-verzum",