💥 rename signals to observables

docs_src/components/examples/helloWorld.js

@@ -1,5 +1,5 @@
 import { el } from "deka-dom-el";
-import { S } from "deka-dom-el/signals";
+import { S } from "deka-dom-el/observables";
 const clicks= S(0);
 document.body.append(
 	el().append(

docs_src/components/examples/observables/computations-abort.js

@@ -0,0 +1,16 @@
+import { O } from "deka-dom-el/observables";
+const observable= O(0);
+// computation pattern
+const double= O(()=> 2*observable());
+
+const ac= new AbortController();
+O.on(observable, v=> console.log("observable", v), { signal: ac.signal });
+O.on(double, v=> console.log("double", v), { signal: ac.signal });
+
+observable(observable()+1);
+const interval= 5000;
+const id= setInterval(()=> observable(observable()+1), interval);
+ac.signal.addEventListener("abort",
+	()=> setTimeout(()=> clearInterval(id), 2*interval));
+
+setTimeout(()=> ac.abort(), 3*interval)

docs_src/components/examples/observables/intro.js

@@ -1,9 +1,9 @@
 // when NPM
-import { S } from "deka-dom-el/signals";
-// https://cdn.jsdelivr.net/gh/jaandrle/deka-dom-el/dist/esm-with-signals.js
+import { O } from "deka-dom-el/observables";
+// https://cdn.jsdelivr.net/gh/jaandrle/deka-dom-el/dist/esm-with-observables.js
 
 /**
- * @type {ddeSignal}
+ * @type {ddeObservable}
  * */
 /**
  * @type {ddeActions}

docs_src/components/examples/observables/observables.js

@@ -0,0 +1,8 @@
+import { O } from "deka-dom-el/observables";
+// α — `observable` represents a reactive value
+const observable= O(0);
+// β — just reacts on observable changes
+O.on(observable, console.log);
+// γ — just updates the value
+observable(observable()+1);
+setInterval(()=> observable(observable()+1), 5000);

docs_src/components/examples/signals/computations-abort.js

@@ -1,16 +0,0 @@
-import { S } from "deka-dom-el/signals";
-const signal= S(0);
-// computation pattern
-const double= S(()=> 2*signal());
-
-const ac= new AbortController();
-S.on(signal, v=> console.log("signal", v), { signal: ac.signal });
-S.on(double, v=> console.log("double", v), { signal: ac.signal });
-
-signal(signal()+1);
-const interval= 5000;
-const id= setInterval(()=> signal(signal()+1), interval);
-ac.signal.addEventListener("abort",
-	()=> setTimeout(()=> clearInterval(id), 2*interval));
-
-setTimeout(()=> ac.abort(), 3*interval)

docs_src/components/examples/signals/signals.js

@@ -1,8 +0,0 @@
-import { S } from "deka-dom-el/signals";
-// α — `signal` represents a reactive value
-const signal= S(0);
-// β — just reacts on signal changes
-S.on(signal, console.log);
-// γ — just updates the value
-signal(signal()+1);
-setInterval(()=> signal(signal()+1), 5000);