click-stream array

vchub · vchub · commit 2f6f14968118 · 2022-09-26T15:52:12.000-07:00
diff --git a/rxjs/html/click-stream/click-stream.js b/rxjs/html/click-stream/click-stream.js
@@ -0,0 +1,22 @@
+const pr = console.log;
+let { range, filter, map } = rxjs;
+
+// range(1, 13)
+//   .pipe(
+//     filter((x) => x % 2 === 1),
+//     map((x) => x + x),
+//   )
+//   .subscribe((x) => pr(x));
+
+const sq = document.querySelector('#square');
+
+function makeClickStream(element) {
+  const queue = [];
+  element.addEventListener('click', (e) => {
+    const { clientX, clientY } = e;
+    queue.push([clientX, clientY]);
+  });
+  return queue;
+}
+
+let clickcoords = makeClickStream(sq);
diff --git a/rxjs/html/click-stream/clicks.html b/rxjs/html/click-stream/clicks.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Clicks stream</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./main.css" />
+    <script src="../../blib/rxjs.umd.min.js"></script>
+  </head>
+  <body>
+    <div class="content">
+      <div id="square">click me a few times</div>
+    </div>
+
+    <script src="click-stream.js"></script>
+  </body>
+</html>
diff --git a/rxjs/html/click-stream/main.css b/rxjs/html/click-stream/main.css
@@ -0,0 +1,9 @@
+.content {
+}
+
+#square {
+  margin: 1em;
+  height: 100px;
+  width: 100px;
+  background: grey;
+}
diff --git a/rxjs/html/mocha b/rxjs/html/mocha
diff --git a/rxjs/html/test/a.spec.js b/rxjs/html/test/a.spec.js
@@ -1,16 +1,4 @@
-// import { range } from 'rxjs';
-// let rxjs;
-
-// if (typeof window === 'undefined') {
-//   rxjs = await import('rxjs');
-
-// } else {
-//   rxjs = await import('rxjs');
-// }
-
 const pr = console.log;
-// let { range, filter, map } = 'rxjs';
-// import { assert } from '../node_modules/chai/index.mjs';
 let { range, filter, map } = rxjs;
 const assert = chai.assert;
 
diff --git a/rxjs/html/test/mocha b/rxjs/html/test/mocha
@@ -0,0 +1 @@
+../../../mocha
diff --git a/rxjs/html/test/tests.html b/rxjs/html/test/tests.html
@@ -22,7 +22,7 @@
     </script>
 
     <!-- libs -->
-    <script src="../blib/rxjs.umd.min.js"></script>
+    <script src="../../blib/rxjs.umd.min.js"></script>
 
     <!-- specs -->
     <script src="a.spec.js" type="module"></script>
diff --git a/rxjs/smreactjs5-code b/rxjs/smreactjs5-code
@@ -0,0 +1 @@
+../../rxjs/smreactjs5-code/
