Refactor examples into per-app directories with separate HTML, CSS, and JS

- Give each example its own directory: chat/, whiteboard/, sdk-demo/, hrpc-demo/, data-demo/, screenshare/ - Split each into index.html, style.css, and app.js (no inline script/style; CSP-friendly) - Remove old flat files (e.g. chat.html, whiteboard.html, whiteboard.js) - Update README, examples/README, and docs/HRPC to use new paths
2026-02-12 07:35:18 -05:00
parent 1ea4deac6e
commit e801bc0041
24 changed files with 1080 additions and 1217 deletions
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>BridgeSwarm – Chat</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <h1>BridgeSwarm – Chat</h1>
+  <p class="status" id="status">Load the extension, then join a topic. Open this page in another tab or device to chat.</p>
+  <div class="row">
+    <input type="text" id="topic" placeholder="Topic (e.g. my-chat-room)" value="bridge-swarm-demo">
+    <button class="primary" id="btnJoin">Join</button>
+    <button class="danger" id="btnLeave" disabled>Leave</button>
+  </div>
+  <div class="peers" id="peers">Peers: 0</div>
+  <div class="row">
+    <input type="text" id="message" placeholder="Type a message..." disabled>
+    <button class="primary" id="btnSend" disabled>Send</button>
+  </div>
+  <div class="log" id="log"></div>
+
+  <script src="app.js"></script>
+</body>
+</html>