Address comments

Author: minggangw

demo/web/README.md

@@ -29,16 +29,15 @@ SDK from a plain URL).
   const ros = await connect('ws://localhost:9000/capability');
 
   const reply = await ros.call('/add_two_ints', { a: '2n', b: '40n' });
-  console.log(reply.sum);              // '42n'
+  console.log(reply.sum); // '42n'
 
   await ros.subscribe('/web_demo_tick', (msg) => render(msg.data));
   await ros.publish('/web_demo_chatter', { data: 'hi' });
 </script>
 ```
 
-That's the whole client. The page also has a **transport toggle**
-(WebSocket vs. HTTP) so you can flip the SDK between the two without
-restarting.
+The page also has a **transport toggle** (WebSocket vs. HTTP) so you
+can flip the SDK between the two without restarting.
 
 ## Same capability, no SDK
 
@@ -67,10 +66,10 @@ The browser code is unchanged; only the URL it points to changes.
 
 ## Putting the SDK in your own project
 
-| Approach | When | How |
-|---|---|---|
-| Plain `<script type="module">` | static page, hackathon | host `web/index.js` somewhere, `import { connect } from '/path/to/it'` |
-| ESM via npm | Vite, Next.js, esbuild, webpack | `npm i rclnodejs`, then `import { connect } from 'rclnodejs/web'` |
-| ESM CDN | quick prototypes, codepens | `import { connect } from 'https://esm.sh/rclnodejs/web'` |
+| Approach                        | When                            | How                                                                |
+| ------------------------------- | ------------------------------- | ------------------------------------------------------------------ |
+| Plain `<script type="module">`  | static page, hackathon          | host `web/index.js` somewhere, `import { connect } from '/path/to/it'` |
+| ESM via npm                     | Vite, Next.js, esbuild, webpack | `npm i rclnodejs`, then `import { connect } from 'rclnodejs/web'`  |
+| ESM CDN                         | quick prototypes, codepens      | `import { connect } from 'https://esm.sh/rclnodejs/web'`           |
 
 For a typed version, see the [TypeScript demo](../typescript/).

demo/web/javascript/README.md

@@ -13,14 +13,12 @@ const reply = await ros.call<'example_interfaces/srv/AddTwoInts'>(
 
 ## Run it (two shells)
 
-**Setup once:**
-
 ```bash
 cd demo/web/typescript
 npm install
 ```
 
-**Shell 1 — runtime (with backing ROS 2 nodes):**
+**Shell 1 — runtime:**
 
 ```bash
 source /opt/ros/<distro>/setup.bash
@@ -39,34 +37,33 @@ npm run dev
 # ➜  Local:  http://localhost:5173/
 ```
 
-Edits to `src/main.ts` hot-reload; edits to `server.ts` need a
-restart of shell 1.
+Edits to `src/main.ts` hot-reload; edits to `server.ts` need a restart
+of shell 1.
 
 ## Without the bundled `server.ts`
 
 Real projects use the `rclnodejs-web` CLI against an existing ROS 2
-graph instead of running `server.ts`:
+graph:
 
 ```bash
 npx rclnodejs-web ../javascript/web.json
-# (then `ros2 run demo_nodes_cpp add_two_ints_server` etc.
-#  to back the panels)
+# (then `ros2 run demo_nodes_cpp add_two_ints_server` etc. to back the panels)
 ```
 
 `src/main.ts` doesn't change between the two setups.
 
 ## Other npm scripts
 
-| Command | What it does |
-|---|---|
-| `npm run typecheck` | `tsc --noEmit` — silent on success |
-| `npm run build` | static bundle in `dist/` (~6 kB JS, ~1.5 kB CSS gzipped) |
-| `npm run preview` | serve the built `dist/` |
+| Command             | What it does                                         |
+| ------------------- | ---------------------------------------------------- |
+| `npm run typecheck` | `tsc --noEmit` — silent on success                   |
+| `npm run build`     | static bundle in `dist/` (~6 kB JS, ~1.5 kB CSS gz)  |
+| `npm run preview`   | serve the built `dist/`                              |
 
 ## Deploying for real
 
 Browser bundle (`dist/`) and runtime are independent — they only
 share a WebSocket URL. Static-host the bundle anywhere; run
 `rclnodejs-web` wherever ROS 2 lives. For production: terminate
 `wss://` at a TLS proxy, gate the upgrade with your existing auth,
-and keep `web.json` narrow.
+keep `web.json` narrow.