lilact 0.15.3 → 0.15.5

package/docs/static/demos/error-callback.jsx

@@ -1,8 +1,29 @@
 module.exports = function() {
 
   return <center>
+          <button onClick={()=>{doUnknown()}}>
+            Press to get Error! (With Curly Brackets)
+          </button>
+          <br/><br/>
           <button onClick={()=>doUnknown()}>
-            Press to get Error!
+            Press to get Error! (Without Curly Brackets)
           </button>
-        </center>
+
+          <p>The first button's onClick arrow handler body is wrapped in curly brackets. <br/><br/>
+
+            {"<button onClick={()=>{doUnknown()}}>"}<br/><br/>
+
+            JS runtimes currently lack a consistent reporting mechanism for errors produced in eval,
+            and as Lilact runs the transpiled JSX in eval, tracing errors has its own difficulties.
+            <br/><br/>
+            At the moment things work pretty nice and errors are tracked to the JSX scripts in
+            {" "}<b>Firefox</b>{" "}and{" "}<b>Chrome</b>{" "}, but{" "}<b>Safari</b>{" "}
+            has problems sometimes, as it drops the eval frame data on async or deferred calls.
+            <br/><br/>
+            Lilact has a tracking mechanism to overcome this, but for the sake of efficiency, 
+            it is block-based and only locates the code that is in  {" {} "} blocks. As a result, the callbacks
+            should be wrapped in a {" {} "} to be tracable in Safari. If not, it works, 
+            but it is not possible to display the exact location of some errors in Safari.</p>
+          </center>
+
 }

package/docs/static/demos/forwardref.jsx

@@ -20,11 +20,11 @@ module.exports = function Demo() {
     childRefs.current[i] = handle;
   };
 
-  const components = [1, 2, 3];
+  const components = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
   return <center>
           <p>This is an example of using forwardRef in combination with 
-             function refs. 
+             function refs. See the console for logs.
            </p>
 
           <div>

package/docs/static/index.html

@@ -18,7 +18,7 @@
 <script type='text/jsx'>
 	
 const { useRef, useEffect, useState, Suspense, Spinner, run, render } = Lilact;
-const { css,cx,injectGlobal } = Lilact.emotion;
+const { css,cx,keyframes,injectGlobal } = Lilact.emotion;
 
 
 const cache = new Map();
@@ -72,8 +72,8 @@ injectGlobal({
 			overflowWrap: "anywhere" 
 		},
 		p: {padding: "10px"},
-		body: { padding: "20px", background: "#1a2d2c", color: "#e7e7e7" },
-		":visited": {color: "#c16480"},
+		body: { padding: "20px", background: "#434b5f", color: "#fff", textShadow: "0 0 10px #0002", lineHeight: "1.4rem" },
+		":visited": {color: "#fff"},
 
 	});
 
@@ -195,6 +195,17 @@ function DemoBlock({entry})
 					</div>
 }
 
+const glow = keyframes`
+  0% {
+    filter: drop-shadow(rgb(202, 131, 203) 0px 0px 8px);
+  }
+  50% {
+    filter: drop-shadow(rgb(252, 131, 203) 0px 0px 18px);
+  }
+  100% {
+    filter: drop-shadow(rgb(202, 131, 203) 0px 0px 8px);
+  }
+`;
 
 function App()
 {
@@ -234,7 +245,7 @@ function App()
 
 	return<>
 						<center>
-						<img src="icon.png" width="128"/><br/>
+						<img src="icon.png" width="128" style={`animation: ${glow} 5s ease-in-out infinite`}/><br/>
 						<h1>Lilact Examples</h1>
 
 						<p>These scripts are transpiled and run directly in your browser. You have already loaded Lilact completely!</p>

package/docs/static/lilact.development.js

@@ -6618,17 +6618,16 @@ function useImperativeHandle(ref, factory, deps=undefined)
 
 	ref.deps = deps;
 
-	lilact.setTimeout( ()=>{ 
-		if(typeof ref?.current !== 'object') {
-			ref.current = {};
-		}
-		Object.assign( ref.current, factory(), 0 );	
-	}, 0);
+	if(typeof ref?.current !== 'object') {
+		ref.current = {};
+	}
+	Object.assign( ref.current, factory(), 0 );	
+
 }
 
 
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9ob29rcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2hvb2tzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1FBK0JROztRQUVBOzs7Q0FHUDs7Ozs7Ozt3QkFPdUI7Q0FDdkI7OztJQUdHLDBDQUEwQztrQkFDM0IsQUFBRDs7Ozs7O0NBTWpCOzs7Ozs7eUJBTXdCO0NBQ3hCO29CQUNtQjs7SUFFaEIsUUFBUyxRQUFPO0tBQ2YsTUFBTyxxREFBb0Q7Ozt5QkFHdkMsa0JBQWtCO01BQ3JDLE1BQU8sdUNBQXNDOzs7OEJBR3JCO1NBQ3JCOzs7Ozs7O0NBT1I7Ozs7Ozs7NEJBTzJCO0NBQzNCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlELGtCQUFpQjs7Ozs7SUFLM0UsY0FBYzthQUNMOzs7Ozs7Ozs7Q0FTWjs7Ozs7OzhCQU02QjtDQUM3Qjt1QkFDdUIsQUFBRCxvQkFBb0I7Ozs7U0FJbEM7Ozs7OztDQU1SOzs7Ozs7MkJBTTBCO0NBQzFCOzs7T0FHTSxnREFBZ0Q7Ozs7SUFJbkQsY0FBYzs7Ozs7Ozs7Q0FRakI7Ozs7OztzQkFNcUI7Q0FDckI7b0JBQ21COztJQUVoQixRQUFTLFFBQU87Ozs7Ozs7Q0FPbkI7Ozs7OzhCQUs2QjtDQUM3QjtvQkFDbUI7O0lBRWhCLFFBQVMsUUFBTzs7Ozs7R0FLakIsY0FBZSxlQUFlOzs7O0tBSTNCLGVBQWU7OEJBQ1U7OztXQUduQjs7OztLQUlOLGVBQWU7OEJBQ1U7Ozs7U0FJdEI7Ozs7OztDQU1SOzs7Ozs7O2dDQU8rQjtDQUMvQjs7b0JBRW1COzs7TUFHZDttQkFDYTs7T0FFWixJQUFJOzs7SUFHUCxrQkFBa0I7S0FDakIsTUFBTyx5REFBd0Q7O3FDQUUvQjs7O0lBR2pDLFFBQVMsUUFBTzs7eUJBRUssZ0JBQWdCOztNQUVuQyxNQUFPLDhCQUE2Qjs7TUFFcEM7O3NDQUVnQzs7OzhCQUdSOztTQUVyQjs7Ozs7O0NBTVI7Ozs7Ozs7dUJBT3NCO0NBQ3RCO29CQUNtQjs7SUFFaEIsUUFBUyxRQUFPOzs7Ozs7O0NBT25COzs7Ozs7O2dDQU8rQjtDQUMvQjtJQUNHLHFCQUFzQixNQUFPLDBEQUF3RDtrQkFDdkU7OztvQkFHRTs7SUFFaEIsU0FBVSxRQUFPO0tBQ2hCLHdEQUF5RDs7O0lBRzFELGNBQWM7YUFDTDs7OzsyQkFJYyxDQUFFLElBQUkscUJBQXFCO21EQUNIOzs7Q0FHbEQ7Ozs7Ozs7MEJBT3lCO0NBQ3pCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlEOzs7SUFHMUQsY0FBYzthQUNMOzs7O21CQUlNLENBQUUsSUFBSSxxQkFBcUI7Ozs7Q0FJN0M7Ozs7Ozs7d0JBT3VCO0NBQ3ZCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlELGtCQUFpQjs7Ozs7O29CQU0zRDs7Ozs7Q0FLbkI7Ozs7Ozs7K0JBTzhCO0NBQzlCO29CQUNtQjtxREFDaUM7O0lBRWpELFFBQVMsUUFBTzs7OztvQkFJQSxPQUFPO3dCQUNIOzttQkFFTDtXQUNQLEtBQUs7b0NBQ29COzZCQUNQOzs7Ozs7Ozs7Ozs7Q0FZN0I7Ozs7Ozs7OzJCQVEwQjtDQUMxQjtvQkFDbUI7O0lBRWhCLFFBQVMsUUFBTzs7dUJBRUc7eUJBQ0UsbUJBQW1COzRCQUNoQjtNQUN0QixzQkFBdUIsbUJBQWtCOzsrQkFFaEI7O1NBRXRCOzs7Ozs7OztDQVFSOztDQUVBOzs7Ozs7aUNBTWdDO0NBQ2hDO1FBQ087OzBDQUVrQzs7OzZCQUdiOzJCQUNGOztXQUVmLEFBQUQsTUFBTztLQUNaOzs7RUFHSDtLQUNHLDZCQUE2Qjs7Ozs7RUFLaEM7Y0FDWTs7O2lCQUdHLE9BQVEsQUFBRCxNQUFPO0tBQ3pCO0VBQ0g7YUFDVzs7OztTQUlMLE1BQU07TUFDVCxxQkFBcUI7Ozs7Ozs7Ozs7Q0FVM0I7Ozs7Ozs7Ozs7Ozs7b0NBYW1DO0NBQ25DO0lBQ0cseURBQTBEOzs7O21CQUkzQyxDQUFFLElBQUk7SUFDcEIsbUNBQW1DO2lCQUN0Qjs7ZUFFRixxQkFBc0IifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9ob29rcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2hvb2tzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1FBK0JROztRQUVBOzs7Q0FHUDs7Ozs7Ozt3QkFPdUI7Q0FDdkI7OztJQUdHLDBDQUEwQztrQkFDM0IsQUFBRDs7Ozs7O0NBTWpCOzs7Ozs7eUJBTXdCO0NBQ3hCO29CQUNtQjs7SUFFaEIsUUFBUyxRQUFPO0tBQ2YsTUFBTyxxREFBb0Q7Ozt5QkFHdkMsa0JBQWtCO01BQ3JDLE1BQU8sdUNBQXNDOzs7OEJBR3JCO1NBQ3JCOzs7Ozs7O0NBT1I7Ozs7Ozs7NEJBTzJCO0NBQzNCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlELGtCQUFpQjs7Ozs7SUFLM0UsY0FBYzthQUNMOzs7Ozs7Ozs7Q0FTWjs7Ozs7OzhCQU02QjtDQUM3Qjt1QkFDdUIsQUFBRCxvQkFBb0I7Ozs7U0FJbEM7Ozs7OztDQU1SOzs7Ozs7MkJBTTBCO0NBQzFCOzs7T0FHTSxnREFBZ0Q7Ozs7SUFJbkQsY0FBYzs7Ozs7Ozs7Q0FRakI7Ozs7OztzQkFNcUI7Q0FDckI7b0JBQ21COztJQUVoQixRQUFTLFFBQU87Ozs7Ozs7Q0FPbkI7Ozs7OzhCQUs2QjtDQUM3QjtvQkFDbUI7O0lBRWhCLFFBQVMsUUFBTzs7Ozs7R0FLakIsY0FBZSxlQUFlOzs7O0tBSTNCLGVBQWU7OEJBQ1U7OztXQUduQjs7OztLQUlOLGVBQWU7OEJBQ1U7Ozs7U0FJdEI7Ozs7OztDQU1SOzs7Ozs7O2dDQU8rQjtDQUMvQjs7b0JBRW1COzs7TUFHZDttQkFDYTs7T0FFWixJQUFJOzs7SUFHUCxrQkFBa0I7S0FDakIsTUFBTyx5REFBd0Q7O3FDQUUvQjs7O0lBR2pDLFFBQVMsUUFBTzs7eUJBRUssZ0JBQWdCOztNQUVuQyxNQUFPLDhCQUE2Qjs7TUFFcEM7O3NDQUVnQzs7OzhCQUdSOztTQUVyQjs7Ozs7O0NBTVI7Ozs7Ozs7dUJBT3NCO0NBQ3RCO29CQUNtQjs7SUFFaEIsUUFBUyxRQUFPOzs7Ozs7O0NBT25COzs7Ozs7O2dDQU8rQjtDQUMvQjtJQUNHLHFCQUFzQixNQUFPLDBEQUF3RDtrQkFDdkU7OztvQkFHRTs7SUFFaEIsU0FBVSxRQUFPO0tBQ2hCLHdEQUF5RDs7O0lBRzFELGNBQWM7YUFDTDs7OzsyQkFJYyxDQUFFLElBQUkscUJBQXFCO21EQUNIOzs7Q0FHbEQ7Ozs7Ozs7MEJBT3lCO0NBQ3pCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlEOzs7SUFHMUQsY0FBYzthQUNMOzs7O21CQUlNLENBQUUsSUFBSSxxQkFBcUI7Ozs7Q0FJN0M7Ozs7Ozs7d0JBT3VCO0NBQ3ZCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7O29CQUdFOztJQUVoQixTQUFVLFFBQU87S0FDaEIsd0RBQXlELGtCQUFpQjs7Ozs7O29CQU0zRDs7Ozs7Q0FLbkI7Ozs7Ozs7K0JBTzhCO0NBQzlCO29CQUNtQjtxREFDaUM7O0lBRWpELFFBQVMsUUFBTzs7OztvQkFJQSxPQUFPO3dCQUNIOzttQkFFTDtXQUNQLEtBQUs7b0NBQ29COzZCQUNQOzs7Ozs7Ozs7Ozs7Q0FZN0I7Ozs7Ozs7OzJCQVEwQjtDQUMxQjtvQkFDbUI7O0lBRWhCLFFBQVMsUUFBTzs7dUJBRUc7eUJBQ0UsbUJBQW1COzRCQUNoQjtNQUN0QixzQkFBdUIsbUJBQWtCOzsrQkFFaEI7O1NBRXRCOzs7Ozs7OztDQVFSOztDQUVBOzs7Ozs7aUNBTWdDO0NBQ2hDO1FBQ087OzBDQUVrQzs7OzZCQUdiOzJCQUNGOztXQUVmLEFBQUQsTUFBTztLQUNaOzs7RUFHSDtLQUNHLDZCQUE2Qjs7Ozs7RUFLaEM7Y0FDWTs7O2lCQUdHLE9BQVEsQUFBRCxNQUFPO0tBQ3pCO0VBQ0g7YUFDVzs7OztTQUlMLE1BQU07TUFDVCxxQkFBcUI7Ozs7Ozs7Ozs7Q0FVM0I7Ozs7Ozs7Ozs7Ozs7b0NBYW1DO0NBQ25DO0lBQ0cseURBQTBEOzs7O0lBSTFELG1DQUFtQztpQkFDdEI7O2VBRUYscUJBQXNCIn0=
 // EXTERNAL MODULE: ./src/run.jsx
 var run = __webpack_require__(861);
 ;// ./src/timers.jsx
@@ -10240,7 +10239,7 @@ function run(jsx, path=`InlineJSX-${++_lilact_jsx__WEBPACK_IMPORTED_MODULE_0__["
 			appendSourcemap: false,
 			blocks_info: _lilact_jsx__WEBPACK_IMPORTED_MODULE_0__["default"].blocks_info,
 
-			injectTraceLabels: false,
+			injectTraceLabels: true,
 		} );
 	}
 	catch(e) {