lilact 0.22.0 → 0.23.1

package/docs/static/demos/reducer.jsx

@@ -37,6 +37,8 @@ function reducer(state, action) {
 
 function Demo({ username }) 
 {
+	username ??= "Tester";
+	
 	const [state, dispatch] = useReducer(
 		reducer,
 		username,

package/docs/static/demos/router.jsx

@@ -79,7 +79,7 @@ function NavControls() {
         }
         style={{ marginLeft: 8 }}
       >
-        Go Profile (replace + state)
+        Go Profile (replace + state) (Clears History)
       </button>
       <button onClick={() => navigate(-1)} style={{ marginLeft: 8 }}>
         Back

package/docs/static/index.html

@@ -142,8 +142,8 @@ const pane = css({ flex: "1 1 0",
 						}
 					});
 
-const left = css({ float: "left" });
-const right = css({ float: "right" });
+const left = css({ float: "left", textAlign: "left" });
+const right = css({ float: "right", textAlign: "right" });
 const demobox = css({ background: "#fff3", borderRadius: "15px", padding: "4px 2px", margin: "4px"});
 
 
@@ -172,8 +172,8 @@ function DemoView({ entry })
 	
 	return 	<>
 						<button onClick={()=>setOpen(!isOpen)} className={collapsible} type="button">
-							<span className={left}>{ (isOpen?'- ':'+ ') + entry[0] + ' '}</span>
-							<b className={right}>{entry[1]}</b>
+							<b className={left}>{ (isOpen?'- ':'+ ') + entry[1] + ' '}</b>
+							<span className={right}>{entry[0]}</span>
 						</button>
 						{isOpen &&
 						<div style={{width:"100%"}}>
@@ -216,40 +216,41 @@ function App()
 {
 	const demos =[
 		"Hooks",
-		['stopwatch.jsx',				'( useState, useRef )'],
-		['actionstate.jsx',			'( useActionState, Spinner )'],
-		['usedefered.jsx',		'( useState, useDeferredValue )'],
-		['usetransition.jsx',		'( useTransition, useState, useCallback, useId ), emotion:( css, cx )'],
-		['reducer.jsx',					'( useReducer )'],
-		['context.jsx',					'( createContext, useContext, useState ), emotion:( css, cx )'],
+		['stopwatch.jsx',				'Stop Watch ( useState, useRef )'],
+		['actionstate.jsx',			'Action State ( useActionState, Spinner )'],
+		['usedefered.jsx',		'Deferred List Update ( useState, useDeferredValue )'],
+		['usetransition.jsx',		'Transition ( useTransition, useState, useCallback, useId ), emotion:( css, cx )'],
+		['reducer.jsx',					'Todo List: ( useReducer )'],
+		['context.jsx',					'Modern Context API ( createContext, useContext, useState ), emotion:( css, cx )'],
 		
 		"API",
-		['capture.jsx',						'-- Event Capture and Bubble --'],
-		['priorities.jsx',						'-- Effect Priorities --'],
-		['forwardref.jsx',						'( forwardRef, useImperativeHandle, useRef )'],
-		['memo.jsx',						'( memo, useState )'],
-		['lazy.jsx',						'( lazy, require, Suspene, Spinner )'],
-		['proptypes.jsx',				'( PropTypes )'],
-		['legacy-context.jsx',				'-- Legacy Context API --'],
-		['redux.jsx',						'( Provider, useSelector, useDispatch, connect ), redux:( createStore )'],
-		['transition.jsx',			'( useState, Transition )'],
+		['capture.jsx',						'Event Capture and Bubble'],
+		['priorities.jsx',						'Effect Priorities'],
+		['forwardref.jsx',						'ForwardRef with Function Refs ( forwardRef, useImperativeHandle, useRef )'],
+		['memo.jsx',						'Component Memoization ( memo, useState )'],
+		['lazy.jsx',						'Lazy Loading ( lazy, require, Suspene, Spinner )'],
+		['proptypes.jsx',				'PropTypes Validation'],
+		['legacy-context.jsx',				'Legacy Context API'],
+		['redux.jsx',						'Redux and Despatch ( Provider, useSelector, useDispatch, connect ), redux:( createStore )'],
+		['transition.jsx',			'Transition States ( useState, Transition )'],
+		['cloneelement.jsx',			'Cloning Components ( cloneElement, import as React )'],
 
 		"Components",
-		['router.jsx',					'( HashRouter, NavLink, Routes, Route, useNavigate, useLocation )'],
-		['modal.jsx',						'( useEffect, useRef, useState )'],
-		['portal.jsx',						'(createPortal, useState )'],
-		['pane.jsx',						'( useRef, useState, SplitPane )'],
-		['css-transition.jsx',		'( CSSTransition, useState, useRef )'],
-		['switch-transition.jsx',		'( SwitchTransition )'],
-		['suspense.jsx',				'( Suspense, Spinner )'],
-		['form-elements.jsx',		'()'],
+		['router.jsx',					'Hash Router ( HashRouter, NavLink, Routes, Route, useNavigate, useLocation )'],
+		['modal.jsx',						'Simple Modal ( useEffect, useRef, useState )'],
+		['portal.jsx',						'Portal (createPortal, useState )'],
+		['pane.jsx',						'SplitPane ( useRef, useState, SplitPane )'],
+		['css-transition.jsx',		'CSSTransition ( CSSTransition, useState, useRef )'],
+		['switch-transition.jsx',		'SwitchTransition'],
+		['suspense.jsx',				'Suspense and Spinner'],
+		['form-elements.jsx',		'Form Elements'],
 
 		"Error Report and Handling",
-		['error-boundary.jsx',						'( ErrorBoundary, useState )'],
-		['error-parser.jsx',							'-- JSX Parser Error --'],
-		['error-init.jsx',								'-- Error in Component initialization --'],
-		['error-component-stack.jsx',			'-- Error Component Stack --'],
-		['error-callback.jsx',						'-- Error in Callback --'],
+		['error-boundary.jsx',						'Error Boundary'],
+		['error-parser.jsx',							'JSX Parser Error'],
+		['error-init.jsx',								'Error in Component initialization'],
+		['error-component-stack.jsx',			'Error Component Stack'],
+		['error-callback.jsx',						'Error in Callback'],
 	];
 
 	return<>

package/docs/static/lilact.development.js

@@ -1973,6 +1973,8 @@ __export(components_exports, {
   RootComponent: () => RootComponent,
   boolean_html_attributes_set: () => boolean_html_attributes_set,
   capture_events_set: () => capture_events_set,
+  cloneComponent: () => cloneComponent,
+  cloneElement: () => cloneElement,
   createComponent: () => createComponent2,
   createElement: () => createElement,
   createPortal: () => createPortal,
@@ -3071,6 +3073,10 @@ function createRoot(element) {
 function createPortal(children, element) {
   return createComponent2(lilact_default.Portal, { "view": element }, children);
 }
+function cloneComponent(component, propsPatch, ...children) {
+  return { entity: component.entity, props: { ...component.props, ...propsPatch, children } };
+}
+var cloneElement = cloneComponent;
 function render(component, element) {
   if (component[CORE] && (component[CORE].container || component[CORE].parent)) {
     throw new Error("Component is already in use");
@@ -3606,9 +3612,16 @@ function run(jsx, path = `InlineJSX-${++lilact_default.eval_num}`, is_inline = t
     throw e;
   }
 }
-function require2(path2, { forceUpdate, checkExport, requirer, isLazy }) {
-  var _a, _b;
-  if ((_a = lilact_default.importObjectPaths) == null ? void 0 : _a[path2]) return lilact_default.importObjectPaths[path2];
+function require2(path2) {
+  var _a, _b, _c, _d, _e, _f;
+  let forceUpdate, checkExport, requirer, isLazy;
+  if (arguments.length === 2 && typeof (arguments[1] === "object")) {
+    forceUpdate = (_a = arguments[1]) == null ? void 0 : _a.forceUpdate;
+    checkExport = (_b = arguments[1]) == null ? void 0 : _b.checkExport;
+    requirer = (_c = arguments[1]) == null ? void 0 : _c.requirer;
+    isLazy = (_d = arguments[1]) == null ? void 0 : _d.isLazy;
+  }
+  if ((_e = lilact_default.importObjectPaths) == null ? void 0 : _e[path2]) return lilact_default.importObjectPaths[path2];
   if (required_scripts[path2] && !forceUpdate) return required_scripts[path2].exports;
   if (path2[0] === "#") {
     const el = document.getElementById(path2);
@@ -3619,7 +3632,7 @@ function require2(path2, { forceUpdate, checkExport, requirer, isLazy }) {
     if (requirer && requirer.path) {
       path2 = joinPaths(requirer.path, path2);
     }
-    if (((_b = lilact_default) == null ? void 0 : _b[LAZY]) || isLazy) {
+    if (((_f = lilact_default) == null ? void 0 : _f[LAZY]) || isLazy) {
       lilact_default[LAZY] = false;
       return fetch(path2).then((res2) => {
         if (!res2.ok) throw new Error(`HTTP ${res2.status}`);
@@ -5316,19 +5329,20 @@ function processImportExports(node3, jsx2) {
       const src = jsx2.substring(node3.out[m.index + imp.length - 1].begin, node3.out[m.index + imp.length - 1].end);
       const imports = {};
       let star_imports = [];
+      let import_alls = [];
       for (i2 = m.index + 1; i2 < m.index + imp.length - 1; i2++) {
         node3.out.splice(m.index, 1, {
           type: "import",
           begin: begins[m.index],
-          end: begins[m.index + imp.length]
+          end: begins[m.index + imp.length],
+          cjs: ""
         });
         skip_spaces();
         switch (s[i2]) {
           case ",":
             break;
           case "I": {
-            const prop = node3.out[i2];
-            imports[prop] = "default";
+            import_alls.push(node3.out[i2]);
             continue;
           }
           case "J": {
@@ -5371,8 +5385,12 @@ function processImportExports(node3, jsx2) {
               node3.out[i2] = null;
             }
             let cjs = "";
-            for (const s2 of star_imports) {
+            for (const s2 of import_alls) {
               cjs += `const ${s2} = require(${src},{requirer:module});
+`;
+            }
+            for (const s2 of star_imports) {
+              cjs += `const ${s2} = require(${src},{requirer:module, checkExport: ['default']}).default;
 `;
             }
             if (Object.keys(imports).length) {
@@ -6387,7 +6405,7 @@ function transpileJSX(jsx2, {
 
 // .tmp/src/lilact.jsx
 var Lilact2 = {
-  VERSION: "beta.22",
+  VERSION: "beta.23",
   // Configuration
   defaultTransitionTimeout: 300,
   defaultIsEqual: Object.is,
@@ -6409,9 +6427,10 @@ var Lilact2 = {
   // Dependencies
   PropTypes,
   redux: redux_exports,
-  emotion: emotion_css_esm_exports,
-  default: Lilact2
+  emotion: emotion_css_esm_exports
 };
+Lilact2.default = Lilact2;
+var lilact_default = Lilact2;
 Lilact2.importObjectPaths = {
   "lilact": Lilact2,
   "@emotion/css": Lilact2.emotion,
@@ -6433,7 +6452,6 @@ if (true) {
   console.log(`Lilact (Version: ${Lilact2.VERSION}) - Debug Mode`);
   console.log(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);
 }
-var lilact_default = Lilact2;
 export {
   CSSTransition,
   Children,
@@ -6465,6 +6483,8 @@ export {
   capture_events_set,
   clearInterval,
   clearTimeout2 as clearTimeout,
+  cloneComponent,
+  cloneElement,
   combineReducers2 as combineReducers,
   connect,
   createComponent2 as createComponent,