lilact 0.22.0 → 0.23.0

package/package.json

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

package/src/components.jsx

@@ -1206,6 +1206,13 @@ export function createPortal(children, element)
 }
 
 
+export function cloneComponent(component, propsPatch, ...children)
+{
+	return { entity: component.entity, props: {...component.props, ...propsPatch, children} };
+}
+
+export const cloneElement = cloneComponent;
+
 /**
  * Renders a component into a target DOM element.
  * If the component maintains internal state, this typically mounts it (or updates the existing tree) under `element`.

package/src/expscan.js

@@ -174,6 +174,7 @@ export function processImportExports(node, jsx)
 			const src = jsx.substring(node.out[m.index+imp.length-1].begin, node.out[m.index+imp.length-1].end);
 			const imports = {};
 			let star_imports = [];
+			let import_alls = [];
 
 			for(i = m.index+1;i<m.index+imp.length-1;i++) {
 
@@ -181,6 +182,7 @@ export function processImportExports(node, jsx)
 							type: "import",
 							begin: begins[m.index],
 							end: begins[m.index+imp.length],
+							cjs: ''
 						});
 
 				skip_spaces();
@@ -189,8 +191,7 @@ export function processImportExports(node, jsx)
 				case ',':
 					break;
 				case 'I': {
-					const prop = node.out[i];
-					imports[prop] = 'default'; 
+					import_alls.push(node.out[i]);
 					continue;
 				}
 				case 'J': {
@@ -238,9 +239,12 @@ export function processImportExports(node, jsx)
 					}
 
 					let cjs = '';
-					for(const s of star_imports) {
+					for(const s of import_alls) {
 						cjs+=`const ${s} = require(${src},{requirer:module});\n`;
 					}
+					for(const s of star_imports) {
+						cjs+=`const ${s} = require(${src},{requirer:module, checkExport: ['default']}).default;\n`;
+					}
 					if(Object.keys(imports).length) {
 						let o = '{';
 						let ls = '[';

package/src/lilact.jsx

@@ -92,7 +92,7 @@ export {transpileJSX, transpilerConfig} from "./jsx";
 export const Lilact = 
 {	
 
-	VERSION: "beta.22",
+	VERSION: "beta.23",
 	
 	// Configuration
 
@@ -123,10 +123,12 @@ export const Lilact =
 	redux,
 	emotion,
 
-	default: Lilact,
-
 }
 
+Lilact.default = Lilact;
+
+export default Lilact;
+
 Lilact.importObjectPaths = {
 	"lilact": Lilact,
 	"@emotion/css": Lilact.emotion,
@@ -153,5 +155,3 @@ if(DEBUG) {
 	console.log(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);
 }
 
-export default Lilact;
-

package/src/run.jsx

@@ -135,26 +135,24 @@ if(DEBUG) {
 
 
 /**
- * Loads a jsx script from a path. All scripts can access Lilact namespace as a global object. 
- * 
- * `require` loads synchronously, as it is expected to be loaded on the next instruction.
- * 
- * As running the transpiled scripts rely on `new Function`, it is not possible to use module imports 
- * and exports. So to import you should use `const {useState} = Lilact` convention. And to 
- * export, you should use `module.exports = ...`. `require` returns `module.exports` value
- * so you can import different modules using the convention above.
+ * Loads a jsx script from a path. `require` loads synchronously, as it is expected to be loaded on the next instruction.
  * 
  * If the path is in the format #id, it will query the document for a script element with the given 
  * id and run its contents.
  * 
  * If require is called inside the function given to lazy, it will run async. See `lazy`.
  * 
+ * All required scripts can access Lilact namespace as a global object. 
+ * 
  * @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.