Upgrade to LiaScript to 0.14.5

liascript/README.md

@@ -0,0 +1,275 @@
+<!--
+language: de
+
+
+@style
+.dot {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: red;
+}
+@end
+
+@onload
+
+window.clickEventListener = function(id, event, img) {
+    if (!window.loaded) {
+      window.loaded = {};
+    }
+
+    if (!window.loaded[id]) {
+      window.loaded[id] = 1;
+
+      window.LIA.classroom.subscribe("message", function(message) {
+        // Create a new dot element
+        const dot = document.createElement('div');
+        dot.classList.add('dot');
+
+        // Position the dot using CSS
+        dot.style.left = `${message.posX}px`;
+        dot.style.top = `${message.posY}px`;
+
+        // Append the dot to the container
+        img.parentNode.appendChild(dot);
+      });
+    }
+
+    console.warn("sss", id, event)
+
+    const containerRect = img.parentNode.getBoundingClientRect();
+    const posX = event.clientX
+    const posY = event.clientY
+
+    // Create a new dot element
+    const dot = document.createElement('div');
+    dot.classList.add('dot');
+
+    // Position the dot using CSS
+    dot.style.left = `${posX}px`;
+    dot.style.top = `${posY}px`;
+
+    // Append the dot to the container
+    img.parentNode.appendChild(dot);
+
+    window.LIA.classroom.publish("message", {posX, posY});
+}
+
+@end
+
+-->
+
+# asfasd
+
+[Mail](mailto:[email protected])
+
+[Tel](tel:+4917623029999)
+
+## asdfaf
+<!--
+img: ![](https://images.unsplash.com/photo-1533450718592-29d45635f0a9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEyMDd9) 
+-->
+
+[[1] [2] [3]]
+[[X] [X] [ ]] 111111
+[( ) (X) ( )]  add a line
+[(X) ( ) ( )]  add a line
+
+---
+
+<!-- data-show-partials="true" -->
+[[1] [2] [3]]
+[[X] [X] [ ]] 111111
+[( ) (X) ( )]  add a line
+[(X) ( ) ( )]  add a line
+
+---
+
+
+<!-- data-show-partials="true" -->
+``` ascii
+          +--------------+
+         /              /|
+  +-----+--------------+ +------+
+ /      | " [[ 24 ]] " |/      /|
++-------+------+-------+------+ +
+|  " [[ 12 ]] "| " [[ (12)|13 ]] " |/
++--------------+--------------+
+```
+[[?]] test
+[[?]] test2
+
+---
+
+
+
+
+
+
+``` ascii
+"@img                                    "
+
+
+
+                    <------" [[23|(22)]] "
+
+
+                " [[23]]  "
+
+
+
+
+
+```
+
+# adfasfd
+
+
+
+<script run-once input="range" value="0">
+  console.warn("test", @input);
+  if (!window.loaded) {
+    window.loaded = {};
+  }
+
+  if (!window.loaded["test"]) {
+    window.loaded["test"] = 1;
+
+    window.LIA.classroom.on("connect", function() {
+      // send.lia("connected");
+    });
+
+    window.LIA.classroom.on("disconnect", function() {
+      // send.lia("disconnected");
+    });
+
+    window.LIA.classroom.subscribe("message", function(message) {
+      send.lia(message);
+    });
+  }
+
+  window.LIA.classroom.publish("message", @input);
+
+  `@input`
+</script>
+
+## test
+
+<script run-once input="range" value="0">
+  console.warn("test", @input);
+  if (!window.loaded) {
+    window.loaded = {};
+  }
+
+  if (!window.loaded["test2"]) {
+    window.loaded["test2"] = 1;
+
+    window.LIA.classroom.on("connect", function() {
+      // send.lia("connected");
+    });
+
+    window.LIA.classroom.on("disconnect", function() {
+      // send.lia("disconnected");
+    });
+
+    window.LIA.classroom.subscribe("message", function(message) {
+      window.console.warn("XXXXXXXXXXXXXXXXXXXXXXXxmessage", message);
+      send.lia(message);
+    });
+  } else {
+    window.console.warn("XXXXXXXXXXXXXXXXXXXXXXXpublish", @input);
+    window.LIA.classroom.publish("message", @input);
+  }
+
+  window.console.warn("XXXXXXXXXXXXXXXXXXXXXXXx fin", @input);
+  `@input`
+</script>
+
+## asdfasf
+
+<iframe src="https://excalidraw.com/#room=8dc8ef6d3cf4445a63b5,ZnhjCRoSBD7KnetARqLOzg" style="width: 100%; height: 75vh;"></iframe>
+
+??[excalidraw](https://excalidraw.com/#room=8dc8ef6d3cf4445a63b5,ZnhjCRoSBD7KnetARqLOzg)
+
+??[googledrawings](https://docs.google.com/drawings/d/18k7cSGItBEipt70P_2I8EkGe1QSgyedtJDR40tM7DUA/edit)
+
+
+??[googledrawings](https://draw.chat/E884199AE3031011158:p3w8y62f#p1,0,0,r0,s1)
+
+
+## asfdasfd
+
+<!-- data-highlight-correct -->
+Bla [[test]] with [[test]].
+
+
+
+<svg width="400" height="110">
+<rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)"/>
+Sorry, your browser does not support inline SVG.  
+</svg>
+
+
+<lia-keep>
+<svg width="400" height="110">
+  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
+  Sorry, your browser does not support inline SVG.  
+</svg>
+</lia-keep>
+
+
+# afsfasasfas
+
+{{|> German Female}}
+Wir kochen heute eine Suppe.
+
+## asdfadf
+
+<lia-chart option='{
+  "xAxis": {
+    "type": "category",
+    "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+  },
+  "yAxis": {
+    "type": "value"
+  },
+  "series": [
+    {
+      "data": [150, 230, 224, 218, 135, 147, 260],
+      "type": "line"
+    }
+  ]
+}'></lia-chart>
+
+# Hiding Animation-Steps
+
+                    {{0-1}}
+First paragraph
+
+                    {{0-1}}
+Second paragraph
+
+                     {{1}}
+Third one ...
+
+
+## Blocks
+
+                    {{0-1}}
+**********************************************************
+
+First paragraph
+
+Second paragraph
+
+**********************************************************
+
+                     {{1}}
+Third one ...
+
+## Blocks with Semantic correct HTML
+
+
+
+![test](icon.ico)<!--  -->