lilact 0.2.3 → 0.4.0

package/src/misc.jsx

@@ -10,10 +10,10 @@
 	modification, are permitted provided that the following conditions are met:
 
 	* Redistributions of source code must retain the above copyright
-	  notice, this list of conditions and the following disclaimer.
+		notice, this list of conditions and the following disclaimer.
 	* Redistributions in binary form must reproduce the above copyright
-	  notice, this list of conditions and the following disclaimer in the
-	  documentation and/or other materials provided with the distribution.
+		notice, this list of conditions and the following disclaimer in the
+		documentation and/or other materials provided with the distribution.
 
 	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 	AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
@@ -38,10 +38,10 @@ const typeOf = (input) => {
 	// used for object comparison functions
 	// https://monsterlessons-academy.com/posts/shallow-comparison-vs-deep-comparison-in-javascript
 
-  const rawObject = Object.prototype.toString.call(input).toLowerCase();
-  const typeOfRegex = /\[object (.*)]/g;
-  const type = typeOfRegex.exec(rawObject)[1];
-  return type;
+	const rawObject = Object.prototype.toString.call(input).toLowerCase();
+	const typeOfRegex = /\[object (.*)]/g;
+	const type = typeOfRegex.exec(rawObject)[1];
+	return type;
 };
 
 
@@ -347,7 +347,7 @@ export function isClass(func) {
  * @returns True if the value is an async function; otherwise false.
  */
 export function isAsync(fn) {
-  return typeof fn === 'function' && fn.constructor && fn.constructor.name === 'AsyncFunction';
+	return typeof fn === 'function' && fn.constructor && fn.constructor.name === 'AsyncFunction';
 }
 
 /**
@@ -370,7 +370,25 @@ export function isError(x) {
 	return x instanceof Error || Object.prototype.toString.call(x) === '[object Error]';
 }
 
+/**
+ * Converts the input to a boolean value
+ *
+ * @param value - Value to inspect.
+ * @returns boolean value
+ */
+export function toBool(x) {
+	if (typeof x === "boolean") return x;
+
+	if (typeof x === "number") return x !== 0;
+
+	if (typeof x === "string") {
+		x = x.trim().toLowerCase();
+		if (x === "true") return true;
+		if (x === "false") return false;
+	}
 
+	return Boolean(x);
+}
 
 
 // Internals
@@ -395,13 +413,18 @@ export let update_cbs  = new Set;
 /** @ignore */
 export let roots  = new Set;
 /** @ignore */
-export let special_attributes = new Set(["classname", "classname", "ref", "action", "lilact_jsx_loc", "children", "key"]);
-/** @ignore */
 export let err = null; // this is only to ease debuggin,
 /** @ignore */
 export let layout_effects = new Set;
+
 /** @ignore */
-export let events_set = new Set([
+export const special_attributes = new Set([
+		"classname", "classname", "ref", "action", "lilact_jsx_loc", "children", "key",
+		"defaultvalue", "defaultchecked"
+	]);
+
+/** @ignore */
+export const events_set = new Set([
 	"onafterprint","onbeforeprint","onbeforeunload","onerror","onhashchange","onload","onmessage",
 	"onoffline","ononline","onpagehide","onpageshow","onpopstate","onresize","onstorage","onunload",
 	"onblur","onchange","oncontextmenu","onfocus","oninput","oninvalid","onreset","onsearch","onselect",
@@ -418,14 +441,19 @@ export let events_set = new Set([
 
 	"onpointerdown", "onpointerup", "onpointermove", "onpointercancel", "onpointerover", "onpointerout", 
 	"onpointerenter", "onpointerleave"
-])
+]);
+
 /** @ignore */
-export let length_css_attributes_set = new Set([
+export const length_css_attributes_set = new Set([
 	"width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","margin",
 	"marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom",
 	"paddingLeft","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth",
 	"outlineWidth","fontSize","lineHeight","letterSpacing","wordSpacing","textIndent","borderRadius",
 	"borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius",
 	"columnGap","rowGap","gap"
-])
+]);
 
+/** @ignore */
+export const boolean_html_attributes_set = new 
+	Set(["disabled", "readOnly", "required", "checked", "multiple",
+			 "hidden","open","loop","muted","controls","playsInline","allowFullScreen"]);

package/src/redux.jsx

@@ -81,68 +81,35 @@ export function useDispatch()
  * @param [equalityFn=(a, b) => a === b] - Determines when the selected value should update.
  * @returns The selected slice of state.
  */
-export function useSelector(selector, equalityFn = (a, b) => a === b) 
-{
-	const store = Lilact.useStore();
-	const latestSelectedRef = Lilact.useRef();
-	const latestSelectorRef = Lilact.useRef();
-	const [, forceRender] = Lilact.useState(0);
-
-	if (!latestSelectorRef.current) {
-		latestSelectorRef.current = selector;
-	}
-	latestSelectorRef.current = selector;
-
-	let selected = selector(store.getState()); // todo: should exception be covered?
+export function useSelector(selector, equalityFn = (a, b) => a === b) {
+  const store = Lilact.useStore();
+  const latestSelected = Lilact.useRef();
+  const selectorRef = Lilact.useRef(selector);
+  selectorRef.current = selector;
 
-	if (latestSelectedRef.current === undefined) {
-		latestSelectedRef.current = selected;
-	}
-
-	Lilact.useLayoutEffect(() => {
-		// keep latestSelectedRef in sync after render (in case selector used props or similar)
-		latestSelectedRef.current = selected;
-	}, [selected]);
+  const [selected, setSelected] = Lilact.useState(() => selector(store.getState()));
 
-	Lilact.useEffect(() => {
+  // Keep ref in sync for the subscription callback
+  latestSelected.current = selected;
 
-		let didUnsubscribe = false;
+  Lilact.useEffect(() => {
+    function checkForUpdates() {
+      const nextSelected = selectorRef.current(store.getState());
+      if (!equalityFn(latestSelected.current, nextSelected)) {
+        latestSelected.current = nextSelected;
+        setSelected(nextSelected);
+      }
+    }
 
-		function checkForUpdates() {
-			if (didUnsubscribe) return;
-			try {
-				const newSelected = latestSelectorRef.current(store.getState());
-				const oldSelected = latestSelectedRef.current;
-				if (!equalityFn(oldSelected, newSelected)) {
-					latestSelectedRef.current = newSelected;
+    const unsubscribe = store.subscribe(checkForUpdates);
 
-					forceRender((n) => n + 1);
-				}
-			} catch (err) {
+    // In case state changed between render and effect
+    checkForUpdates();
 
-ʔ if(DEBUG) {
-				// todo: which is better? cover the error or throw?
+    return unsubscribe;
+  }, [store, equalityFn]);
 
-				// If selector throws during subscription notifications, re-render to surface error
-				// (could instead log or ignore)
-				// throw err;
-				console.warn(err);
-ʔ }
-			}
-		}
-
-		const unsubscribe = store.subscribe(checkForUpdates);
-
-		// run check once in case state changed between render and effect
-		checkForUpdates();
-
-		return () => {
-			didUnsubscribe = true;
-			unsubscribe();
-		};
-	}, [store, equalityFn]);
-
-	return latestSelectedRef.current;
+  return selected;
 }
 
 
@@ -196,3 +163,41 @@ export function connect(mapStateToProps, mapDispatchToProps)
 	};
 }
 
+/**
+ * Creates a root reducer by mapping keys to slice reducers.
+ *
+ * Each slice reducer is called with:
+ *   - the previous slice state at `state[key]` (or `undefined` initially)
+ *   - the dispatched action
+ *
+ * The returned reducer builds the next state object using all reducer keys.
+ * If none of the slice reducers produce a change (reference equality),
+ * the previous `state` object is returned to avoid unnecessary updates.
+ *
+ * @param {object} reducers - An object whose values are reducers.
+ * @returns {function} A root reducer function compatible with your createStore.
+ */
+export function combineReducers(reducers) {
+  const reducerKeys = Object.keys(reducers);
+
+  for (const key of reducerKeys) {
+    if (typeof reducers[key] !== "function") {
+      throw new Error(`combineReducers: reducer for key "${key}" is not a function`);
+    }
+  }
+
+  return function rootReducer(state = {}, action) {
+    let hasChanged = false;
+    const nextState = {};
+
+    for (const key of reducerKeys) {
+      const reducer = reducers[key];
+      const prevSlice = state[key];
+      const nextSlice = reducer(prevSlice, action);
+      nextState[key] = nextSlice;
+      hasChanged = hasChanged || nextSlice !== prevSlice;
+    }
+
+    return hasChanged ? nextState : state;
+  };
+}

package/src/timers.jsx

@@ -38,11 +38,16 @@
 /**
  * Timer helpers for a promise-friendly timer framework.
  *
- * These functions keep the same call signatures as the standard JavaScript timer APIs where applicable (`setTimeout`/`setInterval`/`clearTimeout`/`clearInterval`), but add extra capabilities for promise-friendly control and lifecycle management. This module can “grab” timers and later pause/resume/reset/release them, plus provide promise wrappers like `timeoutPromise` and `animationFramePromise`.
+ * These functions keep the same call signatures as the standard JavaScript timer APIs where applicable 
+ * (`setTimeout`/`setInterval`/`clearTimeout`/`clearInterval`), 
+ * but add extra capabilities for promise-friendly control and lifecycle management. 
+ * 
+ * This module can “grab” timers and later pause/resume/reset/release them, plus provide promise wrappers 
+ * like `timeoutPromise` and `animationFramePromise`.
  *
  * - `setTimeout` / `setInterval`: schedule callbacks (same interface as the built-ins).
  * - `clearTimeout` / `clearInterval`: cancel scheduled timers (same interface as the built-ins).
- * - `grabTimers` / `pauseTimers` / `resumeTimers` / `resetTimers` / `releaseTimers`: manage tracked timers (implementation-dependent behavior).
+ * - `grabTimers` / `pauseTimers` / `resumeTimers` / `resetTimers` / `releaseTimers`: manage tracked timers.
  * - `timeoutPromise` / `animationFramePromise`: promise-based convenience wrappers.
  */
 

package/webpack.config.js

@@ -56,7 +56,7 @@ export default (env, argv) => {
 		optimization: {
 		    concatenateModules: true,      // scope hoisting
 		    moduleIds: 'deterministic',   // smaller stable ids (or 'hashed')
-			minimize: true, //mode === 'production',
+			minimize: true //mode === 'production',
 		},
 		experiments: {    
 			outputModule: true           // enable module output