lilact 0.23.1 → 0.24.1

package/package.json

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

package/src/components.jsx

@@ -35,6 +35,8 @@ import { shallowEqual, toBool, isClass } from "./misc.jsx";
 
 import { PropTypes } from './proptypes.jsx';
 
+const SVG_NS = "http://www.w3.org/2000/svg";
+
 /* 
 ComponentCache is for internal use. It is the heart of the JSX runtime,
 it holds child components and detects which one is being rendered or updated.
@@ -210,7 +212,12 @@ if(DEBUG) {
 
 			if( typeof(this.entity)==='string' ) {
 				if(!(this.element instanceof Element)) {
-					this.element = document.createElement(this.entity);
+					if(this.parent.entity==='svg' || this.entity==='svg') {
+						this.element = document.createElementNS(SVG_NS, this.entity);
+					}
+					else {
+						this.element = document.createElement(this.entity);
+					}
 					if(next_props?.defaultValue) this.element.value = String(next_props.defaultValue).slice(0, next_props?.maxLength);
 					if(next_props?.defaultChecked) this.element.checked = next_props.defaultChecked;
 				}
@@ -1142,7 +1149,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 +1215,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 +1254,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/impexptest.js

@@ -1,51 +0,0 @@
-// Imports
-import foo from "foo";
-import { a, b } from "foo";
-import {a as alpha, b as beta} from "foo";
-import * as utils from "foo";
-import foo, { a, b as c, d } from "foo";
-import "foo";
-
-// Re-exports from other modules
-export * from "foo";
-export { a, b } from "foo";
-export { default as Foo } from "foo";
-
-export * from "./some-module.js";
-export { exportedThing } from "./another-module.js";
-export { default as depDefault } from "./yet-another-module.js";
-export { default as depDefault, a, b, c as depC } from "./...";
-
-// Default export forms
-const defaultValue = { ok: true };
-export default defaultValue;
-
-export default function defaultFn() {
-  return "defaultFn";
-}
-
-export default class DefaultClass {
-  constructor() {}
-}
-
-
-export {localA as a, localB as b, localC as c};
-
-
-export { localFn as renamedFn };
-
-// Additional named exports (declared bindings)
-export const namedConst = 1;
-export let namedLet = 2;
-export var namedVar = 3;
-
-export function namedFn() {
-  return "namedFn";
-}
-
-
-export class NamedClass {}
-
-// Re-exporting local bindings is OK (examples)
-export defaultValue;
-export { defaultValue };