feat(signal2): update demo

demo/index.html

@@ -16,7 +16,8 @@
       <li><a href="./logger/">Logger</a></li>
       <li><a href="./fetch/">Fetch</a></li>
       <li><a href="./signal/">Signal</a></li>
-      <li><a href="./signal2/">Signal 2</a></li>
+      <li><a href="./signal2/simple/">Signal simple</a></li>
+      <li><a href="./signal2/multithread-context/">Signal multithread</a></li>
       <li><a href="./router/">Router</a></li>
       <li><a href="./font/">Font</a></li>
       <li><a href="./math/">Math</a></li>

demo/signal2/multithread-context/index.ts

@@ -1,6 +1,6 @@
-import {AlwatrMultithreadContext} from '@alwatr/signal2';
+import {AlwatrMultithreadContextSignal} from '@alwatr/signal2';
 
 import './main.js';
 
 const worker = new Worker('./worker.js', {type: 'module'});
-AlwatrMultithreadContext.setupChannel(worker);
+AlwatrMultithreadContextSignal.setupChannel(worker);

demo/signal2/multithread-context/share-context.ts

@@ -1,9 +1,9 @@
-import {AlwatrMultithreadContext} from '@alwatr/signal2';
+import {AlwatrMultithreadContextSignal} from '@alwatr/signal2';
 
 import type {Stringifyable} from '@alwatr/type';
 
 type Message = {
   type: string;
   payload: Stringifyable
 }
-export const messageContext = new AlwatrMultithreadContext<Message>('demo.message');
+export const messageContext = new AlwatrMultithreadContextSignal<Message>('demo.message');

demo/signal2/multithread-context/worker.ts

@@ -1,7 +1,7 @@
 import {createLogger} from '@alwatr/logger';
-import {AlwatrMultithreadContext} from '@alwatr/signal2';
+import {AlwatrMultithreadContextSignal} from '@alwatr/signal2';
 
-AlwatrMultithreadContext.setupChannel();
+AlwatrMultithreadContextSignal.setupChannel();
 
 import {messageContext} from './share-context.js';
 

demo/signal2/simple/index.ts

@@ -0,0 +1,17 @@
+import {AlwatrEventSignal, AlwatrSimpleSignal} from '@alwatr/signal2';
+
+const clickEvent = new AlwatrSimpleSignal('myClick');
+
+document.getElementById('myButton')?.addEventListener('click', () => clickEvent.dispatch());
+
+clickEvent.subscribe(() => {
+  console.log('subscribe: a new signal received ');
+});
+
+const clickEvent2 = new AlwatrEventSignal('myClick2');
+
+document.getElementById('myButton2')?.addEventListener('click', () => clickEvent2.dispatch({clickedBy: 'MHF'}));
+
+clickEvent2.subscribe((detail) => {
+  console.log('subscribe: a new signal received ', detail);
+});