Chat constants reload (#2455)

* Fix incorrect links in content docs

* Fix bug where support link goes to /docs/support

* feat: initial ably-ui insights setup

* refactor: consolidate SessionState types into a single one

* cleanup: externalScriptsData doesn't change at runtime

* feat: compile-time feature flags like ably-ui

Local implementation of compile-time feature flags like we added in
ably/ably-ui#650

* cleanup: remove unused GTM trackPageView function

* chore(deps): bump @babel/helpers from 7.24.0 to 7.26.10

Bumps [@babel/helpers](https://github.com/babel/babel/tree/HEAD/packages/babel-helpers) from 7.24.0 to 7.26.10.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.26.10/packages/babel-helpers)

---
updated-dependencies:
- dependency-name: "@babel/helpers"
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* chat: update message version comparison function names (#2462)

* chat: add JS message copying and update signature (#2470)

* chat/js: rename DefaultRoomOptions to AllFeaturesEnabled

* chat/js: make explicit reference to client options

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Andrew Bulat <andrii.bulat@gmail.com>
Co-authored-by: Mark Hulbert <39801222+m-hulbert@users.noreply.github.com>
Co-authored-by: Greg Holmes <iam@gregholmes.co.uk>
Co-authored-by: Kenneth Kalmer <kenneth.kalmer@ably.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: 6 people

content/chat/rooms/index.textile

@@ -30,12 +30,12 @@ blang[react].
   </aside>
 
 ```[javascript]
-const room = await chatClient.rooms.get('basketball-stream', RoomOptionsDefaults);
+const room = await chatClient.rooms.get('basketball-stream', AllFeaturesEnabled);
 ```
 
 ```[react]
 import * as Ably from 'ably';
-import { ChatClientProvider, ChatRoomProvider, LogLevel, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClientProvider, ChatRoomProvider, LogLevel, AllFeaturesEnabled } from '@ably/chat';
 
 const realtimeClient = new Ably.Realtime({ key: '{{API_KEY}}', clientId: 'clientId' });
 const chatClient = new ChatClient(realtimeClient);
@@ -45,7 +45,7 @@ const App = () => {
     <ChatClientProvider client={chatClient}>
       <ChatRoomProvider
         id="my-room-id"
-        options={RoomOptionsDefaults}
+        options={AllFeaturesEnabled}
       >
         <RestOfYourApp />
       </ChatRoomProvider>
@@ -96,10 +96,10 @@ blang[javascript,swift,kotlin].
   ```
 
 blang[javascript].
-  You can also use the @RoomOptionsDefaults@ property for each @RoomOption@ to configure whether the default settings should be used:
+  You can also use the @AllFeaturesEnabled@ property for each @RoomOption@ to configure whether preconfigured example settings should be used:
 
   ```[javascript]
-  const room = await chatClient.rooms.get('basketball-stream', {presence: RoomOptionsDefaults.presence});
+  const room = await chatClient.rooms.get('basketball-stream', {presence: AllFeaturesEnabled.presence});
   ```
 
   Or configure each feature using your own values:
@@ -114,10 +114,10 @@ Enable each feature using its associated option. The details of the options avai
 
 blang[javascript].
   | Feature | @RoomOption@ | Default settings |
-  | "Presence":/docs/chat/rooms/presence | @presence@ | @RoomOptionsDefaults.presence@ |
-  | "Occupancy":/docs/chat/rooms/occupancy | @occupancy@ | @RoomOptionsDefaults.occupancy@ |
-  | "Typing indicators":/docs/chat/rooms/typing | @typing@ | @RoomOptionsDefaults.typing@ |
-  | "Room reactions":/docs/chat/rooms/reactions | @reactions@ | @RoomOptionsDefaults.reactions@ |
+  | "Presence":/docs/chat/rooms/presence | @presence@ | @AllFeaturesEnabled.presence@ |
+  | "Occupancy":/docs/chat/rooms/occupancy | @occupancy@ | @AllFeaturesEnabled.occupancy@ |
+  | "Typing indicators":/docs/chat/rooms/typing | @typing@ | @AllFeaturesEnabled.typing@ |
+  | "Room reactions":/docs/chat/rooms/reactions | @reactions@ | @AllFeaturesEnabled.reactions@ |
 
 blang[swift,kotlin].
   | Feature | @RoomOption@ | Default settings |

content/chat/setup.textile

@@ -128,13 +128,17 @@ blang[react].
 blang[javascript,swift,kotlin].
 
 ```[javascript]
+import { LogLevel } from '@ably/chat'
+
 const realtimeClient = new Ably.Realtime({ key: '{{API_KEY}}', clientId: '<clientId>'});
-const chatClient = new ChatClient(realtimeClient);
+const chatClient = new ChatClient(realtimeClient, { logLevel: LogLevel.Error });
 ```
 
 ```[react]
-const realtimeClient = new Ably.Realtime({ key: '{{API_KEY}}', clientId: '<clientId>' });
-const chatClient = new ChatClient(realtimeClient);
+import { LogLevel } from '@ably/chat'
+
+const realtimeClient = new Ably.Realtime({ key: '{{API_KEY}}', clientId: '<clientId>'});
+const chatClient = new ChatClient(realtimeClient, { logLevel: LogLevel.Error });
 
 const App = () => {
   return (

examples/chat-online-status/javascript/src/script.ts

@@ -1,5 +1,5 @@
 import * as Ably from 'ably';
-import { ChatClient, PresenceEvent, PresenceMember, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, PresenceEvent, PresenceMember, AllFeaturesEnabled } from '@ably/chat';
 import { faker } from '@faker-js/faker';
 
 const realtimeClient = new Ably.Realtime({
@@ -14,7 +14,7 @@ async function initializeChat() {
 
   // Get ROOM with typing capabilities
   const room = await chatClient.rooms.get(channelName, {
-    presence: RoomOptionsDefaults.presence,
+    presence: AllFeaturesEnabled.presence,
   });
   const onlineStatuses = await room.presence.get();
 

examples/chat-online-status/react/src/app/layout.tsx

@@ -2,7 +2,7 @@
 
 import { Inter } from "next/font/google";
 import { Realtime } from 'ably';
-import { ChatClient, ChatClientProvider, ChatRoomProvider, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, ChatClientProvider, ChatRoomProvider, AllFeaturesEnabled } from '@ably/chat';
 import { ReactNode, useEffect, useState } from 'react';
 import { faker } from '@faker-js/faker';
 import '../../styles/styles.css';
@@ -34,7 +34,7 @@ export default function RootLayout({
         <ChatClientProvider client={chatClient}>
           <ChatRoomProvider
             id={roomName}
-            options={RoomOptionsDefaults}
+            options={AllFeaturesEnabled}
           >
             {children}
           </ChatRoomProvider>

examples/chat-room-history/javascript/src/script.ts

@@ -1,5 +1,5 @@
 import * as Ably from 'ably';
-import { ChatClient, Message, Room, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, Message, Room, AllFeaturesEnabled } from '@ably/chat';
 import { faker } from '@faker-js/faker';
 import './styles.css';
 
@@ -16,7 +16,7 @@ const roomName = urlParams.get('name') || 'chat-room-history';
 
 async function initializeChat() {
   chatClient = new ChatClient(realtimeClient);
-  room = await chatClient.rooms.get(roomName, RoomOptionsDefaults);
+  room = await chatClient.rooms.get(roomName, AllFeaturesEnabled);
 }
 
 initializeChat().catch((error) => {

examples/chat-room-history/react/src/app/layout.tsx

@@ -2,7 +2,7 @@
 
 import { Inter } from "next/font/google";
 import { Realtime } from 'ably';
-import { ChatClient, ChatClientProvider, ChatRoomProvider, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, ChatClientProvider, ChatRoomProvider, AllFeaturesEnabled } from '@ably/chat';
 import { faker } from '@faker-js/faker';
 import '../../styles/styles.css'
 import { useEffect, useState } from "react";
@@ -34,7 +34,7 @@ export default function RootLayout({
         <ChatClientProvider client={chatClient}>
           <ChatRoomProvider
             id={roomName}
-            options={RoomOptionsDefaults}
+            options={AllFeaturesEnabled}
           >
             {children}
           </ChatRoomProvider>

examples/chat-room-messages/javascript/src/script.ts

@@ -1,5 +1,5 @@
 import * as Ably from 'ably';
-import { ChatClient, Room, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, Room, AllFeaturesEnabled } from '@ably/chat';
 import './styles.css';
 
 const mockNames = ['Bob', 'Jane', 'John', 'Sammy'];
@@ -17,7 +17,7 @@ async function initializeChat() {
 
   const urlParams = new URLSearchParams(window.location.search);
   const roomName = urlParams.get('name') || 'chat-room-messages';
-  room = await chatClient.rooms.get(roomName, RoomOptionsDefaults);
+  room = await chatClient.rooms.get(roomName, AllFeaturesEnabled);
 
   /** 💡 Add every every message published to the room 💡 */
   room.messages.subscribe((message) => {

examples/chat-room-messages/react/src/app/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Inter } from "next/font/google";
-import { ChatClient, ChatClientProvider, ChatRoomProvider, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, ChatClientProvider, ChatRoomProvider, AllFeaturesEnabled } from '@ably/chat';
 import { Realtime } from 'ably';
 import '../../styles/styles.css'
 import { useEffect, useState } from "react";
@@ -36,7 +36,7 @@ export default function RootLayout({
         <ChatClientProvider client={chatClient}>
           <ChatRoomProvider
             id={roomName}
-            options={RoomOptionsDefaults}
+            options={AllFeaturesEnabled}
           >
             {children}
           </ChatRoomProvider>

examples/chat-room-reactions/javascript/src/script.ts

@@ -1,5 +1,5 @@
 import * as Ably from 'ably';
-import { ChatClient, Room, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, Room, AllFeaturesEnabled } from '@ably/chat';
 import { nanoid } from 'nanoid';
 import './styles.css';
 
@@ -14,7 +14,7 @@ async function initializeChat() {
   const chatClient = new ChatClient(realtimeClient);
   const urlParams = new URLSearchParams(window.location.search);
   const roomName = urlParams.get('name') || 'chat-room-reactions';
-  room = await chatClient.rooms.get(roomName, RoomOptionsDefaults);
+  room = await chatClient.rooms.get(roomName, AllFeaturesEnabled);
 
   /** 💡 Add every room reaction published to the room 💡 */
   room.reactions.subscribe((reaction) => {

examples/chat-room-reactions/react/src/app/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Inter } from "next/font/google";
-import { ChatClient, ChatClientProvider, ChatRoomProvider, RoomOptionsDefaults } from '@ably/chat';
+import { ChatClient, ChatClientProvider, ChatRoomProvider, AllFeaturesEnabled } from '@ably/chat';
 import { Realtime } from 'ably';
 import '../../styles/styles.css'
 import { useEffect, useState } from "react";
@@ -36,7 +36,7 @@ export default function RootLayout({
         <ChatClientProvider client={chatClient}>
           <ChatRoomProvider
             id={roomName}
-            options={RoomOptionsDefaults}
+            options={AllFeaturesEnabled}
           >
             {children}
           </ChatRoomProvider>