lilact 0.7.9 → 0.7.10

package/README.md

@@ -1,4 +1,4 @@
-<img src="./icon.png" alt="Description" width="200" style="margin-left: -.75rem"/>
+<img src="./icon.png" alt="Description" width="128" style="margin-left: -.76rem"/>
 
 # Lilact
 
@@ -8,6 +8,8 @@
 
 [Lilact repo on GitHub](https://github.com/arashkazemi/lilact) - [Lilact on npm](https://www.npmjs.com/package/lilact)
 
+[Lilact/PHP Demo](https://github.com/arashkazemi/lilact-php-demo) - [Lilact/Python Demo](https://github.com/arashkazemi/lilact-python-demo)
+
 ---
 
 If you find Lilact useful, please consider sponsoring. Your support funds ongoing maintenance, 
@@ -18,33 +20,34 @@ performance improvements, and new features. [Sponsor me on GitHub](https://githu
 `Lilact` is a very lightweight implementation of the React API that is
 designed to work in the browser. It can be used as a single script
 that is around `80kb` minified and around `27kb` gzipped and includes its whole api.
-`Lilact` is very fast, it uses minimum resources and handles memory very efficiently.
+`Lilact` is very fast, it uses minimal resources and handles memory very efficiently.
 
 `Lilact` works in the browser, so it doesn't rely on any JS/node back-end and can 
 essentially work with any kind of web server/back-end. An example of using it with a PHP/MySQL
 data store is available on [lilact-php-demo](https://github.com/arashkazemi/lilact-php-demo).
+And an example of using it with a Python/SQLite data store is available on 
+[lilact-python-demo](https://github.com/arashkazemi/lilact-python-demo).
 
-`Lilact` uses its own JSX transpiler, and not babel. It is a recursive-descent 
-parser with lookahead, but it doesn't parse the JS syntax completely and relies on the 
-JS runtime to detect some errors. The transpiler weights
-only a few kilobytes and can be even incorporated into other React engines. To
-make it better, it even generates sourcemaps like a charm, without relying on
-any 3rd party library. There is a `transpile.js` helper in the bin directory to
-show how you can use it. 
+`Lilact` uses its own JSX transpiler (not Babel). It is a recursive-descent 
+parser with lookahead, that doesn't parse the JS syntax completely and relies on the 
+JS runtime to detect some errors. The transpiler weights only a few kilobytes and can 
+be incorporated into other React engines too. It even generates sourcemaps without relying 
+on any 3rd party library. There is a `transpile.js` helper in the bin directory to show 
+how you can use it. 
 
 `Lilact` implements both the **legacy class based** and **modern hook based** APIs. And it 
 has almost everything  necessary. In addition to the API, it also includes the official 
 `Redux` and `PropTypes` libraries to be used (see the `redux.jsx` and `proptypes.jsx` demos). 
-So yes it has redux support and has many of the functions and hooks, i.e. `connect` and 
+So it has redux support and has many of the functions and hooks, i.e. `connect` and 
 `useDispatch`.
 
 It also includes the amazing `@emotion/css` library to ease working with styles.
 It can be accessed through `Lilact.emotion`.
 
 To ease working, it already includes a `HashRouter`, `CSSTransition`, `ErrorBoundary`,
-`Suspense`, `Spinner`, and many other stuff. It also has a specific timeout implementation 
-that can be paused and resumed at will. `Lilact`'s `Suspense` even has a few more features
-than the standard API.
+`Suspense`, and some helper components like `Spinner` and `ResizablePane`. It also has 
+a specific timeout implementation that can be paused and resumed at will. `Lilact`'s 
+`Suspense` has a few more features than the standard API.
 
 You can see all the available methods in the documentation. And there is a list of
 demos that can all be seen alongside their code at [Lilact Demo Examples](./static/index.html).

package/dist/lilact.development.js

@@ -7570,16 +7570,32 @@ function HashRouter({ children, basename = "" }) {
 
 	const [location, setLocation] = useState(readLocation);
 	useEffect(() => {
-		const onHash = () => setLocation(readLocation());
-		window.addEventListener("hashchange", onHash);
-		return () => window.removeEventListener("hashchange", onHash);
+		const onChange = () => setLocation(readLocation());
+
+		window.addEventListener("hashchange", onChange);
+		window.addEventListener("popstate", onChange);
+
+		// initialize once in case hash/state are already set
+		onChange();
+
+		return () => {
+			window.removeEventListener("hashchange", onChange);
+			window.removeEventListener("popstate", onChange);
+		};
 	}, [basename]);
 
 	const navigate = useCallback((to, { replace = false, state } = {}) => {
+		if (typeof to === "number") {
+			history.go(to);
+			return;
+		}
+
 		const url = createURL(to);
 		const href = "#" + (basename + url);
+
 		if (replace) history.replaceState({ __state: state }, "", href);
 		else history.pushState({ __state: state }, "", href);
+
 		setLocation(readLocation());
 	}, [basename]);
 
@@ -7785,7 +7801,7 @@ function Routes({ children }) {
 
 
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9yb3V0ZXIuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9yb3V0ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLEFBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQThCQzs7UUFFTztRQUNBOztvQ0FFNEI7bUNBQ0EsQUFBRCxVQUFXOztDQUU3QzttQkFDa0IsUUFBUSw4QkFBK0Isc0JBQXNCLG9CQUFvQjs7Q0FFbkc7Ozs7Ozs7MkJBTzJCLEFBQUQsOEJBQThCO3VCQUNsQyxNQUFNOzt5QkFFSjttQ0FDVSxVQUFXO3NEQUNRO2tEQUNKO1VBQ3hDOzs7Ozs7OzswQ0FRZ0M7V0FDOUIsQUFBRCxNQUFPO2lCQUNBLGlCQUFpQixZQUFhO3lCQUN0QjtTQUNoQixnQ0FBZ0M7Ozs4QkFHWCxBQUFELElBQU0sNkJBQTZCLFFBQU87dUJBQ2hEO3FCQUNGO0tBQ2hCLDhCQUErQixBQUFEO3dCQUNWLEFBQUQ7YUFDWCxZQUFhOzs7U0FHbEIsMkNBQWlFOzs7Q0FHekU7Ozs7OzRCQUsyQixHQUFHO3dCQUNQO0tBQ25CLHNCQUFzQjs7OztDQUkxQjs7Ozs7NEJBSzJCLEdBQUc7d0JBQ1A7S0FDbkIsc0JBQXNCOzs7bUJBR1IsR0FBRzt3QkFDRTt1QkFDRDs7O0NBR3RCOzs7Ozs7Ozs7Ozs7Ozs7cUJBZXFCLEFBQUQsaUdBQWlHOzhCQUN4Rjs4QkFDQTtzQkFDUixJQUFJO01BQ3BCLGlCQUFpQjtNQUNqQjs7O0dBR0Y7OzttQkFHZTtXQUNSLElBQUs7O1NBRVA7RUFDTiwrSEFDQzs7Ozt1QkFLbUIsSUFBSTtLQUN0QjtrQkFDYyxBQUFEOzs7O0NBSWpCOzs7Ozs7Ozs7Ozs7Ozs7d0JBZXdCLEFBQUQ7Ozs7Ozs7Ozs7OztJQVlwQjs4QkFDMEI7OEJBQ0E7c0RBQ3dCLGNBQWMsV0FBVzs7c0NBRXpDLCtCQUErQiw0QkFBNEIsd0JBQXdCLGFBQWM7dUVBQy9ELEFBQUQ7c0ZBQ2UsY0FBYzsyREFDeEMsQUFBRDtpQ0FDMUIsS0FBSyxpQkFBa0IsU0FBUSxlQUFnQjs4QkFDbEQ7O3NCQUVSLElBQUk7TUFDcEIsaUJBQWlCO01BQ2pCO21CQUNhO1dBQ1IsSUFBSzs7O1NBR1A7RUFDTixpSkFDQyx5Q0FBMkMsQUFBRDs7OztDQUs3QztDQUNBO3FCQUNvQixVQUFVOztFQUU3Qjt5Q0FDd0MsQUFBRCxtQkFBb0IsQUFBRDtXQUNoRCxBQUFELHdCQUF5QixhQUFhO2tCQUM5Qjs7O1dBR1AsQUFBRCxzQkFBc0I7OzBCQUVQO1NBQ2pCOzs7bUJBR1Usb0JBQW9CO0tBQ2xDLHlCQUF5Qix5QkFBeUIsTUFBTTtRQUNyRCxtQ0FBbUM7c0JBQ3JCO0tBQ2pCLFlBQVk7aUJBQ0E7b0JBQ0ksQUFBRCxVQUFXLDhCQUErQjtFQUM1RDtLQUNHLG1DQUFtQzs4REFDc0I7O1NBRXJEOzs7Q0FHUjtDQUNBOzs7Ozs7OztzQkFRc0IsQUFBRCxxQ0FBcUM7RUFDekQ7OztDQUdEOzs7Ozs7dUJBTXVCLEFBQUQsZUFBZTs4QkFDUjs7RUFFNUI7aUNBQytCOztNQUUzQixvQ0FBb0M7O0dBRXZDOzs7OztTQUtNLCtCQUErQjtNQUNsQyxVQUFVO0lBQ1o7T0FDRyxVQUFVO1lBQ0wscUJBQTBDO2NBQ3hDLGNBQWM7S0FDdkI7WUFDTyxxQkFBMEMsRUFBUTtXQUNuRDtZQUNDLHFCQUEwQzs7Ozs7RUFLcEQifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9yb3V0ZXIuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9yb3V0ZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLEFBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQThCQzs7UUFFTztRQUNBOztvQ0FFNEI7bUNBQ0EsQUFBRCxVQUFXOztDQUU3QzttQkFDa0IsUUFBUSw4QkFBK0Isc0JBQXNCLG9CQUFvQjs7Q0FFbkc7Ozs7Ozs7MkJBTzJCLEFBQUQsOEJBQThCO3VCQUNsQyxNQUFNOzt5QkFFSjttQ0FDVSxVQUFXO3NEQUNRO2tEQUNKO1VBQ3hDOzs7Ozs7OzswQ0FRZ0M7V0FDOUIsQUFBRCxNQUFPO21CQUNFLGlCQUFpQixZQUFhOzt5QkFFeEI7eUJBQ0E7O0VBRXZCO1VBQ1E7O1NBRUQsTUFBTTs2QkFDYzs2QkFDQTs7Ozs4QkFJQyxBQUFELElBQU0sNkJBQTZCLFFBQU87S0FDbEUseUJBQXlCO2FBQ2pCOzs7O3VCQUlVO3FCQUNGOztLQUVoQiw4QkFBK0IsQUFBRDt3QkFDVixBQUFEOzthQUVYLFlBQWE7OztTQUdsQiwyQ0FBaUU7OztDQUd6RTs7Ozs7NEJBSzJCLEdBQUc7d0JBQ1A7S0FDbkIsc0JBQXNCOzs7O0NBSTFCOzs7Ozs0QkFLMkIsR0FBRzt3QkFDUDtLQUNuQixzQkFBc0I7OzttQkFHUixHQUFHO3dCQUNFO3VCQUNEOzs7Q0FHdEI7Ozs7Ozs7Ozs7Ozs7OztxQkFlcUIsQUFBRCxpR0FBaUc7OEJBQ3hGOzhCQUNBO3NCQUNSLElBQUk7TUFDcEIsaUJBQWlCO01BQ2pCOzs7R0FHRjs7O21CQUdlO1dBQ1IsSUFBSzs7U0FFUDtFQUNOLCtIQUNDOzs7O3VCQUttQixJQUFJO0tBQ3RCO2tCQUNjLEFBQUQ7Ozs7Q0FJakI7Ozs7Ozs7Ozs7Ozs7Ozt3QkFld0IsQUFBRDs7Ozs7Ozs7Ozs7O0lBWXBCOzhCQUMwQjs4QkFDQTtzREFDd0IsY0FBYyxXQUFXOztzQ0FFekMsK0JBQStCLDRCQUE0Qix3QkFBd0IsYUFBYzt1RUFDL0QsQUFBRDtzRkFDZSxjQUFjOzJEQUN4QyxBQUFEO2lDQUMxQixLQUFLLGlCQUFrQixTQUFRLGVBQWdCOzhCQUNsRDs7c0JBRVIsSUFBSTtNQUNwQixpQkFBaUI7TUFDakI7bUJBQ2E7V0FDUixJQUFLOzs7U0FHUDtFQUNOLGlKQUNDLHlDQUEyQyxBQUFEOzs7O0NBSzdDO0NBQ0E7cUJBQ29CLFVBQVU7O0VBRTdCO3lDQUN3QyxBQUFELG1CQUFvQixBQUFEO1dBQ2hELEFBQUQsd0JBQXlCLGFBQWE7a0JBQzlCOzs7V0FHUCxBQUFELHNCQUFzQjs7MEJBRVA7U0FDakI7OzttQkFHVSxvQkFBb0I7S0FDbEMseUJBQXlCLHlCQUF5QixNQUFNO1FBQ3JELG1DQUFtQztzQkFDckI7S0FDakIsWUFBWTtpQkFDQTtvQkFDSSxBQUFELFVBQVcsOEJBQStCO0VBQzVEO0tBQ0csbUNBQW1DOzhEQUNzQjs7U0FFckQ7OztDQUdSO0NBQ0E7Ozs7Ozs7O3NCQVFzQixBQUFELHFDQUFxQztFQUN6RDs7O0NBR0Q7Ozs7Ozt1QkFNdUIsQUFBRCxlQUFlOzhCQUNSOztFQUU1QjtpQ0FDK0I7O01BRTNCLG9DQUFvQzs7R0FFdkM7Ozs7O1NBS00sK0JBQStCO01BQ2xDLFVBQVU7SUFDWjtPQUNHLFVBQVU7WUFDTCxxQkFBMEM7Y0FDeEMsY0FBYztLQUN2QjtZQUNPLHFCQUEwQyxFQUFRO1dBQ25EO1lBQ0MscUJBQTBDOzs7OztFQUtwRCJ9
 ;// ./src/accessories.jsx
 /*