lilact 0.23.0 → 0.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lilact",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "A Little React/JSX Runtime Implementation for Browser",
   "repository": "github:arashkazemi/lilact",
   "homepage": "https://arashkazemi.github.io/lilact/",

package/src/components.jsx

@@ -1142,7 +1142,7 @@ export function createComponent(entity, props={}, ...children)
 	props.key = generateComponentKey(entity, props);
 	props.children = children;
 
-	return { entity, props };
+	return { entity, props, [CORE]: null };
 }
 
 /**
@@ -1208,7 +1208,7 @@ export function createPortal(children, element)
 
 export function cloneComponent(component, propsPatch, ...children)
 {
-	return { entity: component.entity, props: {...component.props, ...propsPatch, children} };
+	return { entity: component.entity, props: {...component.props, ...propsPatch, children}, [CORE]: null };
 }
 
 export const cloneElement = cloneComponent;
@@ -1247,7 +1247,7 @@ export function memo(component)
 		component[MEMOIZED] = true;
 	}
 	else {
-		component = { component, [MEMOIZED]: true };
+		component = { component, [MEMOIZED]: true, [CORE]: null };
 	}
 	return component;
 }

package/src/lilact.jsx

@@ -92,7 +92,7 @@ export {transpileJSX, transpilerConfig} from "./jsx";
 export const Lilact = 
 {	
 
-	VERSION: "beta.23",
+	VERSION: "RC.1",
 	
 	// Configuration
 

package/src/proptypes.jsx

@@ -28,6 +28,9 @@
 
 */
 
+import { isValidComponent } from "./misc.jsx";
+
+
 function isNullOrUndefined(v) {
   return v === null || v === undefined;
 }
@@ -45,6 +48,28 @@ function defaultGetDisplayName(x) {
   return x.displayName || x.name || "Unknown";
 }
 
+
+// ---- node validator ----
+function isNode(x) {
+  // ignored-by-render children should be accepted by node
+  if (x === null || x === undefined) return true;
+  if (x === false || x === true) return true;
+
+  // primitives render
+  if (typeof x === "string" || typeof x === "number") return true;
+
+  if (isValidComponent(x)) return true;
+
+  // arrays are accepted as children; renderer will flatten later
+  if (Array.isArray(x)) return x.every(isNode);
+
+  return false;
+}
+
+function isValidElementType(x) {
+  return typeof x === "function" || typeof x === "string";
+}
+
 /**
  * Build a prop validator with a consistent contract:
  * validator(props, propName, componentName, location, propFullName)
@@ -117,6 +142,19 @@ function createPropTypes() {
   PropTypes.symbol = createPrimitiveValidator((v) => typeof v === "symbol");
   PropTypes.symbol.expectedType = "symbol";
 
+  PropTypes.component = createPrimitiveValidator((v) => isValidComponent(v));
+  PropTypes.component.expectedType = "component";
+
+  PropTypes.element = createPrimitiveValidator((v) => isValidComponent(v));
+  PropTypes.element.expectedType = "element";
+
+  PropTypes.node = createPrimitiveValidator((v) => isNode(v));
+  PropTypes.node.expectedType = "node";
+
+  PropTypes.elementType = createPrimitiveValidator((v) => isValidElementType(v));
+  PropTypes.elementType.expectedType = "elementType";
+
+
   // ----- combinators -----
 
   PropTypes.oneOf = function oneOf(values) {

package/src/run.jsx

@@ -147,25 +147,25 @@ if(DEBUG) {
  * @param path - The path to the required file. Must be either absolute path or relative to the current 
  * module or document’s URL (the page/location that initiated the request).
  * 
- * @param [forceUpdate] - Force re-run module. By default an imported module is only run once.
- * 
- * @param [checkExport] - An array of module properties to be checked upon import. This is used for import error detection.
- * 
- * @param [isLazy] - if loading is should be async. Returns a promise if true.
- * 
- * @param [requirer] - The module that is importing the other module. This is used internally to resolve relative paths.
- * 
  * @returns An array representation of the children.
  */
-export function require(path, {forceUpdate, checkExport, requirer, isLazy})
+export function require(path)
 {
+	let forceUpdate, checkExport, requirer, isLazy;
+
+	// note: instead of named props, just to bypass typedoc.
+	if(arguments.length===2 && typeof(arguments[1]==='object')) {
+		forceUpdate = arguments[1]?.forceUpdate;
+		checkExport = arguments[1]?.checkExport;
+		requirer = arguments[1]?.requirer;
+		isLazy = arguments[1]?.isLazy;
+	}
 
 	if(Lilact.importObjectPaths?.[path]) return Lilact.importObjectPaths[path];
 	if(required_scripts[path] && !forceUpdate) return required_scripts[path].exports;
 	
 
 	if(path[0]==='#') {
-
 		const el = document.getElementById(path);
 
 		if(el) {
@@ -188,7 +188,6 @@ export function require(path, {forceUpdate, checkExport, requirer, isLazy})
 				})
 				.then(res => {
 					res = run(res, path, false);
-					// todo: this is for the lazy, so we detect default to match react behaviour, but should we do it in sync mode too?
 					return res?.default ?? res;
 				})
 				.catch(err => {