anu-verzum 2.2.8 → 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/components/Component.d.ts

@@ -6,7 +6,7 @@ export declare abstract class Component<P extends Record<string, any> = Props, S
     __fiber?: any;
     static isAnuComponent: boolean;
     constructor(props: P, context?: Record<string, any>);
-    setState(partialState?: Partial<S> | ((prevState: S, prevProps: P) => S)): void;
+    setState(partialState?: Partial<S> | ((prevState: S, prevProps: P) => Partial<S>)): void;
     abstract render(): AnuElement | AnuElement[] | string | number | boolean | null | undefined;
     componentDidMount(): void;
     componentDidUpdate(_prevProps: P, _prevState: S): void;

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) {
@@ -150,12 +191,8 @@ const updateClassComponent = wipFiber => {
     cloneChildFibers(wipFiber);
     return;
   }
-  let nextState;
-  if (!wipFiber.partialStateCallback) {
-    nextState = Object.assign({}, instance.state, wipFiber.partialState);
-  } else {
-    nextState = wipFiber.partialStateCallback(instance.state, wipFiber.props);
-  }
+  const statePatch = wipFiber.partialStateCallback ? wipFiber.partialStateCallback(instance.state, wipFiber.props) : wipFiber.partialState;
+  const nextState = Object.assign({}, instance.state, statePatch);
   wipFiber.prevState = {
     ...instance.state
   };
@@ -471,7 +508,7 @@ const scheduleUpdate = (instance, partialState, partialStateCallback) => {
     updateFiber.partialStateCallback = partialStateCallback;
   }
   updateQueue.push(updateFiber);
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.scheduleUpdate = scheduleUpdate;
 const render = (elements, containerDom) => {
@@ -482,7 +519,7 @@ const render = (elements, containerDom) => {
       children: Array.isArray(elements) ? elements : [elements]
     }
   });
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.render = render;
 const unmountComponentAtNode = containerDom => {
@@ -496,7 +533,7 @@ const unmountComponentAtNode = containerDom => {
       children: []
     }
   });
-  requestIdleCallback(performWork);
+  scheduleWork();
 };
 exports.unmountComponentAtNode = unmountComponentAtNode;
 const __testing = exports.__testing = {
@@ -504,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.d.ts

@@ -43,7 +43,7 @@ declare const Anu: {
                 state: Record<string, any>;
                 context: Record<string, any>;
                 __fiber?: any;
-                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/Feature").FeatureToggleProps) => Record<string, any>)): void;
+                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/Feature").FeatureToggleProps) => Partial<Record<string, any>>)): void;
                 componentDidMount(): void;
                 componentDidUpdate(_prevProps: import("./core/components/Feature").FeatureToggleProps, _prevState: Record<string, any>): void;
                 componentWillUnmount(): void;
@@ -61,7 +61,7 @@ declare const Anu: {
                 state: Record<string, any>;
                 context: Record<string, any>;
                 __fiber?: any;
-                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryLinkProps) => Record<string, any>)): void;
+                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryLinkProps) => Partial<Record<string, any>>)): void;
                 componentDidMount(): void;
                 componentDidUpdate(_prevProps: import("./core/components/History").HistoryLinkProps, _prevState: Record<string, any>): void;
                 componentWillUnmount(): void;
@@ -76,7 +76,7 @@ declare const Anu: {
                 state: Record<string, any>;
                 context: Record<string, any>;
                 __fiber?: any;
-                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryRedirectProps) => Record<string, any>)): void;
+                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryRedirectProps) => Partial<Record<string, any>>)): void;
                 componentDidUpdate(_prevProps: import("./core/components/History").HistoryRedirectProps, _prevState: Record<string, any>): void;
                 componentWillUnmount(): void;
             };
@@ -92,7 +92,7 @@ declare const Anu: {
                 state: Record<string, any>;
                 context: Record<string, any>;
                 __fiber?: any;
-                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryRouteProps) => Record<string, any>)): void;
+                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/History").HistoryRouteProps) => Partial<Record<string, any>>)): void;
                 componentDidUpdate(_prevProps: import("./core/components/History").HistoryRouteProps, _prevState: Record<string, any>): void;
             };
             isAnuComponent: boolean;
@@ -123,7 +123,7 @@ declare const Anu: {
                 state: Record<string, any>;
                 context: Record<string, any>;
                 __fiber?: any;
-                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/Connector").ConnectorProviderProps) => Record<string, any>)): void;
+                setState(partialState?: Partial<Record<string, any>> | ((prevState: Record<string, any>, prevProps: import("./core/components/Connector").ConnectorProviderProps) => Partial<Record<string, any>>)): void;
                 componentDidMount(): void;
                 componentDidUpdate(_prevProps: import("./core/components/Connector").ConnectorProviderProps, _prevState: Record<string, any>): void;
                 componentWillUnmount(): void;

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/dist/testing/events/fireEvent.d.ts

@@ -15,6 +15,11 @@ export declare const fireEvent: {
     submit(el: Element, init?: EventInit): boolean;
     mouseDown(el: Element, init?: EventInit): boolean;
     mouseUp(el: Element, init?: EventInit): boolean;
+    mouseEnter(el: Element, init?: EventInit): boolean;
+    mouseLeave(el: Element, init?: EventInit): boolean;
+    mouseOver(el: Element, init?: EventInit): boolean;
+    mouseOut(el: Element, init?: EventInit): boolean;
+    mouseMove(el: Element, init?: EventInit): boolean;
     wheel(el: Element, init?: EventInit): boolean;
     error(el: Element, init?: EventInit): boolean;
     load(el: Element, init?: EventInit): boolean;

package/dist/testing/events/fireEvent.js

@@ -53,6 +53,11 @@ fireEvent.keyPress = (el, init) => fireEvent(el, 'keypress', init);
 fireEvent.submit = (el, init) => fireEvent(el, 'submit', init);
 fireEvent.mouseDown = (el, init) => fireEvent(el, 'mousedown', init);
 fireEvent.mouseUp = (el, init) => fireEvent(el, 'mouseup', init);
+fireEvent.mouseEnter = (el, init) => fireEvent(el, 'mouseenter', init);
+fireEvent.mouseLeave = (el, init) => fireEvent(el, 'mouseleave', init);
+fireEvent.mouseOver = (el, init) => fireEvent(el, 'mouseover', init);
+fireEvent.mouseOut = (el, init) => fireEvent(el, 'mouseout', init);
+fireEvent.mouseMove = (el, init) => fireEvent(el, 'mousemove', init);
 fireEvent.wheel = (el, init) => fireEvent(el, 'wheel', init);
 fireEvent.error = (el, init) => fireEvent(el, 'error', init);
 fireEvent.load = (el, init) => fireEvent(el, 'load', init);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "2.2.8",
+  "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",