lilact 0.13.0 → 0.14.0

package/package.json

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

package/root/demos/capture.jsx

@@ -0,0 +1,26 @@
+const { useEffect } = Lilact;
+
+module.exports = function Demo() {
+  useEffect(() => {
+    // Just to make it obvious in the console that this is running once
+    console.log("Mount");
+  }, []);
+
+  return <>
+    <p>See console for the logs.</p>
+    <div
+      style={{ padding: 20, border: "2px solid black" }}
+      onClick={() => console.log("div bubble")}
+      onClickCapture={() => console.log("div capture")}
+    >
+      Div
+      <button
+        style={{ marginLeft: 20 }}
+        onClick={() => console.log("button bubble")}
+        onClickCapture={() => console.log("button capture")}
+      >
+        Button
+      </button>
+    </div>
+  </>;
+}

package/root/index.html

@@ -206,13 +206,15 @@ function App()
 		['usetransition.jsx',		'( useTransition, useState, useCallback, useId ), emotion:( css, cx )'],
 		['reducer.jsx',					'( useReducer )'],
 		['context.jsx',					'( createContext, useContext, useState ), emotion:( css, cx )'],
+		
 		"API",
+		['capture.jsx',						'-- Event Capture and Bubble --'],
 		['lazy.jsx',						'( lazy, require, Suspene, Spinner )'],
 		['proptypes.jsx',				'( PropTypes )'],
 		['redux.jsx',						'( Provider, useSelector, useDispatch, connect ), redux:( createStore )'],
 		['transition.jsx',			'( useState, Transition )'],
+
 		"Components",
-		<!-- ['switch-transition.jsx',	'( SwitchTransition, useState )'], -->
 		['router.jsx',					'( HashRouter, NavLink, Routes, Route, useNavigate, useLocation )'],
 		['modal.jsx',						'( useEffect, useRef, useState )'],
 		['pane.jsx',						'( useRef, useState, SplitPane )'],
@@ -220,6 +222,7 @@ function App()
 		['switch-transition.jsx',		'( SwitchTransition )'],
 		['suspense.jsx',				'( Suspense, Spinner )'],
 		['form-elements.jsx',		'()'],
+
 		"Error Report and Handling",
 		['error-boundary.jsx',						'( ErrorBoundary, useState )'],
 		['error-parser.jsx',							'-- JSX Parser Error --'],