Merge pull request #3005 from ably/WEB-4321-local-examples-tlc

GregHolmes · web-flow · commit 836eb6687f28 · 2025-12-05T11:02:29.000Z
[WEB-4321] Local examples TLC
diff --git a/examples/auth-generate-jwt/javascript/README.md b/examples/auth-generate-jwt/javascript/README.md
@@ -27,7 +27,7 @@ Find out more about [authentication](https://ably.com/docs/auth/token?lang=javas
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Install dependencies:
@@ -45,7 +45,7 @@ Find out more about [authentication](https://ably.com/docs/auth/token?lang=javas
 5. In a new tab, change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 6. Rename the environment file:
diff --git a/examples/auth-generate-jwt/react/README.md b/examples/auth-generate-jwt/react/README.md
@@ -27,7 +27,7 @@ Find out more about [authentication](https://ably.com/docs/auth/token?lang=javas
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Install dependencies:
@@ -45,7 +45,7 @@ Find out more about [authentication](https://ably.com/docs/auth/token?lang=javas
 5. In a new tab, change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 6. Rename the environment file:
diff --git a/examples/auth-request-token/javascript/README.md b/examples/auth-request-token/javascript/README.md
@@ -27,7 +27,7 @@ Find out more about [authentication](/docs/auth).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Install dependencies:
@@ -45,7 +45,7 @@ Find out more about [authentication](/docs/auth).
 5. In a new tab, change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 6. Rename the environment file:
diff --git a/examples/auth-request-token/react/README.md b/examples/auth-request-token/react/README.md
@@ -27,7 +27,7 @@ Find out more about [authentication](/docs/auth).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Install dependencies:
@@ -45,7 +45,7 @@ Find out more about [authentication](/docs/auth).
 5. In a new tab, change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 6. Rename the environment file:
diff --git a/examples/chat-presence/javascript/README.md b/examples/chat-presence/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [presence](/docs/chat/rooms/presence?lang=javascript).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-presence/react/README.md b/examples/chat-presence/react/README.md
@@ -31,7 +31,7 @@ Find out more about [presence](/docs/chat/rooms/presence?lang=react).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-history/javascript/README.md b/examples/chat-room-history/javascript/README.md
@@ -27,7 +27,7 @@ Find out more about [message history](/docs/chat/rooms/history?lang=javascript).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-history/react/README.md b/examples/chat-room-history/react/README.md
@@ -28,7 +28,7 @@ Find out more about [message history](/docs/chat/rooms/history?lang=react).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-messages/javascript/README.md b/examples/chat-room-messages/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [rooms](/docs/chat/rooms?lang=javascript) and [messages](/do
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-messages/react/README.md b/examples/chat-room-messages/react/README.md
@@ -30,7 +30,7 @@ Find out more about [rooms](/docs/chat/rooms?lang=react) and [messages](/docs/ch
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-reactions/javascript/README.md b/examples/chat-room-reactions/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [room reactions](/docs/chat/rooms/reactions?lang=javascript)
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-room-reactions/react/README.md b/examples/chat-room-reactions/react/README.md
@@ -30,7 +30,7 @@ Find out more about [room reactions](/docs/chat/rooms/reactions).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-typing-indicator/javascript/README.md b/examples/chat-typing-indicator/javascript/README.md
@@ -30,7 +30,7 @@ Find out more about [typing indicators](/docs/chat/rooms/typing).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-typing-indicator/react/README.md b/examples/chat-typing-indicator/react/README.md
@@ -30,7 +30,7 @@ Find out more about [typing indicators](/docs/chat/rooms/typing).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-ui-app/react/README.md b/examples/chat-ui-app/react/README.md
@@ -24,7 +24,7 @@ This example uses the `App` component from the Ably Chat UI React Kit, and is wr
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-ui-chat-window/react/README.md b/examples/chat-ui-chat-window/react/README.md
@@ -25,7 +25,7 @@ This example uses the `ChatWindow` component from the Ably Chat UI React Kit, an
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/chat-ui-sidebar/react/README.md b/examples/chat-ui-sidebar/react/README.md
@@ -24,7 +24,7 @@ This example uses the `Sidebar` component from the Ably Chat UI React Kit, and i
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/liveobjects-live-counter/javascript/README.md b/examples/liveobjects-live-counter/javascript/README.md
@@ -32,7 +32,7 @@ Find out more about [LiveCounter](/docs/liveobjects/counter).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/liveobjects-live-map/javascript/README.md b/examples/liveobjects-live-map/javascript/README.md
@@ -32,7 +32,7 @@ Find out more about [LiveMap](/docs/liveobjects/map).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/package.json b/examples/package.json
@@ -108,6 +108,7 @@
     "ably": "^2.14.0",
     "cors": "^2.8.5",
     "franken-ui": "^2.0.0",
+    "lodash": "^4.17.21",
     "minifaker": "^1.34.1",
     "nanoid": "^5.0.7",
     "react": "^18",
@@ -131,7 +132,9 @@
     "express": "^4.21.1",
     "postcss": "^8.5.3",
     "postcss-combine-duplicated-selectors": "^10.0.3",
+    "postcss-js": "^4.0.1",
     "postcss-load-config": "^6.0.1",
+    "postcss-sort-media-queries": "^5.2.0",
     "tailwindcss": "3",
     "typescript": "^5",
     "vite": "4"
diff --git a/examples/pub-sub-channel-messages/javascript/README.md b/examples/pub-sub-channel-messages/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [channels](/docs/channels) and [messages](/docs/channels/mes
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-channel-messages/react/README.md b/examples/pub-sub-channel-messages/react/README.md
@@ -30,7 +30,7 @@ Find out more about [channels](/docs/channels) and [messages](/docs/channels/mes
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-channel-state/javascript/README.md b/examples/pub-sub-channel-state/javascript/README.md
@@ -26,7 +26,7 @@ Find out more about [channel states](/docs/channels/states).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-channel-state/react/README.md b/examples/pub-sub-channel-state/react/README.md
@@ -27,7 +27,7 @@ Find out more about [channel states](/docs/channels/states).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-connection-state/javascript/README.md b/examples/pub-sub-connection-state/javascript/README.md
@@ -25,7 +25,7 @@ Find out more about [connection states](/docs/connect/states).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-connection-state/react/README.md b/examples/pub-sub-connection-state/react/README.md
@@ -25,7 +25,7 @@ Find out more about [connection states](/docs/connect/states).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-history/javascript/README.md b/examples/pub-sub-history/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [history](/docs/storage-history/history).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-history/react/README.md b/examples/pub-sub-history/react/README.md
@@ -30,7 +30,7 @@ Find out more about [history](/docs/storage-history/history).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-message-annotations/javascript/README.md b/examples/pub-sub-message-annotations/javascript/README.md
@@ -50,7 +50,7 @@ This example demonstrates:
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-message-encryption/javascript/README.md b/examples/pub-sub-message-encryption/javascript/README.md
@@ -29,7 +29,7 @@ Find out more about [channels](/docs/channels), [messages](/docs/channels/messag
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-message-encryption/react/README.md b/examples/pub-sub-message-encryption/react/README.md
@@ -30,7 +30,7 @@ Find out more about [channels](/docs/channels), [messages](/docs/channels/messag
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-occupancy/javascript/README.md b/examples/pub-sub-occupancy/javascript/README.md
@@ -26,7 +26,7 @@ Find out more about [occupancy](/docs/presence-occupancy/occupancy).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-occupancy/react/README.md b/examples/pub-sub-occupancy/react/README.md
@@ -27,7 +27,7 @@ Find out more about [occupancy](/docs/presence-occupancy/occupancy).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-presence/javascript/README.md b/examples/pub-sub-presence/javascript/README.md
@@ -30,7 +30,7 @@ Find out more about [presence](/docs/presence-occupancy/presence).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-presence/react/README.md b/examples/pub-sub-presence/react/README.md
@@ -30,7 +30,7 @@ Find out more about [presence](/docs/presence-occupancy/presence).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-rewind/javascript/README.md b/examples/pub-sub-rewind/javascript/README.md
@@ -28,7 +28,7 @@ Find out more about [rewind](https://ably.com/docs/channels/options/rewind).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/pub-sub-rewind/react/README.md b/examples/pub-sub-rewind/react/README.md
@@ -29,7 +29,7 @@ Find out more about [rewind](https://ably.com/docs/channels/options/rewind).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/spaces-avatar-stack/javascript/README.md b/examples/spaces-avatar-stack/javascript/README.md
@@ -30,7 +30,7 @@ Find out more about [avatar stack](/docs/spaces/avatar).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/spaces-avatar-stack/react/README.md b/examples/spaces-avatar-stack/react/README.md
@@ -30,7 +30,7 @@ Find out more about [avatar stack](/docs/spaces/avatar).
 2. Change directory:
 
   ```sh
-  cd /examples/
+  cd examples/
   ```
 
 3. Rename the environment file:
diff --git a/examples/spaces-component-locking/javascript/README.md b/examples/spaces-component-locking/javascript/README.md
diff --git a/examples/spaces-component-locking/react/README.md b/examples/spaces-component-locking/react/README.md
diff --git a/examples/spaces-live-cursors/javascript/README.md b/examples/spaces-live-cursors/javascript/README.md
diff --git a/examples/spaces-live-cursors/react/README.md b/examples/spaces-live-cursors/react/README.md
diff --git a/examples/spaces-member-location/javascript/README.md b/examples/spaces-member-location/javascript/README.md
diff --git a/examples/spaces-member-location/react/README.md b/examples/spaces-member-location/react/README.md
diff --git a/examples/yarn.lock b/examples/yarn.lock
