lilact 0.26.2 → 0.26.4

package/package.json

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

package/src/accessories.jsx

@@ -693,7 +693,7 @@ export const SplitPane = forwardRef(function SplitPane(
   const computedSplitterStyle = {
     background: "rgba(0,0,0,0.08)",
     boxShadow: "inset 0 0 2px rgba(0,0,0,0.25)",
-    zIndex: 10,
+    zIndex: 1000000,
     position: "absolute",
     cursor: internalMode === "horizontal" ? "col-resize" : "row-resize",
     touchAction: "none",

package/src/lilact.jsx

@@ -63,6 +63,7 @@ import * as misc from './misc.jsx';
 import * as errors from './errors.jsx';
 import * as router from './router.jsx';
 import * as accessories from './accessories.jsx';
+import * as symbols from './symbols.jsx';
 import {transpileJSX, transpilerConfig} from "./jsx";
 
 
@@ -79,6 +80,7 @@ export * from './misc.jsx';
 export * from './errors.jsx';
 export * from './router.jsx';
 export * from './accessories.jsx';
+export * from './symbols.jsx';
 export {transpileJSX, transpilerConfig} from "./jsx";
 
 
@@ -111,6 +113,7 @@ export const Lilact =
 	...timers,
 	...events,
 	...errors,
+	...symbols,
 
 	...router,
 	...accessories,

package/src/run.jsx

@@ -30,7 +30,7 @@
 import Lilact from './lilact.jsx';
 
 import { CORE, COMPONENT, LAZY } from "./symbols.jsx"
-
+import { injectGlobal } from "@emotion/css"
 
 function joinPaths(basePath, relativePath) {
 	const isAbs = relativePath.startsWith("/");
@@ -56,7 +56,7 @@ function joinPaths(basePath, relativePath) {
 }
 
 // Examples:
-//console.log(joinPaths("a/b/c", "./../d")); // a/b/dfdsfds
+//console.log(joinPaths("a/b/c", "./../d")); // a/b/d
 //console.log(joinPaths("a/b/c", "../../d")); // a/d
 
 /** @ignore */
@@ -68,16 +68,15 @@ export const required_scripts = {};
  *
  * @param jsx - The code to run.
  * @param path - The optional path to be used in reporting errors.
- * @param is_inline - To treat the code as inline. The main difference at the moment is that inline code doesn't include sourcemap.
  * 
  * @returns An array representation of the children.
  */
-export function run(jsx, path=`InlineJSX-${++Lilact.eval_num}`, is_inline=true)
+export function run(jsx, path=`InlineJSX-${++Lilact.eval_num}`, {isInline, isModule}={isInline:true, isModule:true})
 {
 	const mappings = [];
 	const module = { 	
 		mappings,
-		is_inline,
+		isInline,
 		path,
 		code: jsx,
 		exports: {}
@@ -124,7 +123,7 @@ if(DEBUG) {
 
 		//const res = new Function( "module", processed )(module);
 		const res = eval(processed);
-		if(module.exports) return module.exports;
+		if(isModule && module.exports) return module.exports;
 		return res;
 	}
 	catch(e) {
@@ -187,6 +186,10 @@ export function require(path)
 					return res.text();
 				})
 				.then(res => {
+					if(path.endsWith(".css")) {
+						injectGlobal(res);
+						return;
+					}
 					res = run(res, path, false);
 					return res?.default ?? res;
 				})
@@ -199,7 +202,7 @@ export function require(path)
 			// but import should be sync. for an async solution use lazy and suspense.
 
 			const request = new XMLHttpRequest();
-			request.open("GET", path, false);
+			request.open("GET", path, {isInline:false});
 			request.send(null);
 			if (request.status === 200) {
 				return run(request.responseText, path, false);