From 11018f55edafb6f41d0ae26a0fbb12d84f071f22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchrisshank=E2=80=9D?= <chris.shank.23@gmail.com>
Date: Tue, 22 Oct 2024 22:10:08 -0700
Subject: [PATCH] new event propagator example

---
 demo/chains-of-thought/chains-of-thought.json | 52 +++++++++++++++++++
 demo/event-propagator.html                    | 12 ++++-
 2 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 demo/chains-of-thought/chains-of-thought.json

diff --git a/demo/chains-of-thought/chains-of-thought.json b/demo/chains-of-thought/chains-of-thought.json
new file mode 100644
index 0000000..ba09afb
--- /dev/null
+++ b/demo/chains-of-thought/chains-of-thought.json
@@ -0,0 +1,52 @@
+{
+  "thoughts": [
+    {
+      "id": "1",
+      "text": "Blindfold chess requires internalizing chess structures.",
+      "x": 398,
+      "y": 166
+    },
+    {
+      "id": "2",
+      "text": "Internalizing chess structures builds intuition.",
+      "x": 73,
+      "y": 88
+    },
+    {
+      "id": "3",
+      "text": "Blindfold chess improves intuition.",
+      "x": 158,
+      "y": 337
+    },
+    {
+      "id": "4",
+      "text": "Building intuition is essential for chess improvement.",
+      "x": 457,
+      "y": 532
+    },
+    {
+      "id": "5",
+      "text": "Blindfold chess is useful for chess improvement.",
+      "x": 206,
+      "y": 621
+    }
+  ],
+  "connections": [
+    {
+      "sourceId": "1",
+      "targetId": "3"
+    },
+    {
+      "sourceId": "2",
+      "targetId": "3"
+    },
+    {
+      "sourceId": "3",
+      "targetId": "5"
+    },
+    {
+      "sourceId": "4",
+      "targetId": "5"
+    }
+  ]
+}
diff --git a/demo/event-propagator.html b/demo/event-propagator.html
index 1b3e1e1..26a9ee4 100644
--- a/demo/event-propagator.html
+++ b/demo/event-propagator.html
@@ -16,7 +16,8 @@
       }
 
       spatial-geometry {
-        background: rgb(187, 178, 178);
+        border: 1px solid black;
+        border-radius: 3px;
       }
 
       event-propagator {
@@ -36,6 +37,15 @@
       expression="$target.textContent += '!'"
     ></event-propagator>
 
+    <spatial-geometry id="box3" x="150" y="200" width="50" height="50"></spatial-geometry>
+    <spatial-geometry id="box4" x="300" y="350" width="50" height="50"></spatial-geometry>
+    <event-propagator
+      source="#box3"
+      target="#box4"
+      triggers="move"
+      expression="$target.y = $source.x"
+    ></event-propagator>
+
     <script type="module">
       import { SpatialGeometry } from '../src/canvas/spatial-geometry.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';