lilact 0.15.3 → 0.15.4

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

@@ -10240,7 +10240,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) {