refactor: combine react and core packages into one

This change combines the core and react packages into one - so that one import is required to use the full suite of functionality.

It also updates the build:

dist/core is the core libraries only, which are used for the CDN upload.
dist/chat is the entire library - both react and chat.

demo/src/App.tsx

@@ -2,8 +2,7 @@ import { FC, useEffect, useState } from 'react';
 import { Chat } from './containers/Chat';
 import { OccupancyComponent } from './components/OccupancyComponent';
 import { UserPresenceComponent } from './components/UserPresenceComponent';
-import { ChatRoomProvider } from '@ably/chat/react';
-import { RoomOptionsDefaults } from '@ably/chat';
+import { RoomOptionsDefaults, ChatRoomProvider } from '@ably/chat';
 
 // We read the roomID from the URL query string and default to 'abcd' if none
 // provided. We make sure the URL is updated to always include the roomId. This

demo/src/components/ConnectionStatusComponent/ConnectionStatusComponent.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { useChatConnection } from '@ably/chat/react';
-import { ConnectionStatus } from '@ably/chat';
+import { ConnectionStatus, useChatConnection } from '@ably/chat';
 
 export const ConnectionStatusComponent: React.FC = () => {
   const { currentStatus } = useChatConnection();

demo/src/components/OccupancyComponent/OccupancyComponent.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { useOccupancy } from '@ably/chat/react';
+import { useOccupancy } from '@ably/chat';
 import './OccupancyComponent.css';
 
 /**

demo/src/components/UserPresenceComponent/UserPresenceComponent.tsx

@@ -1,8 +1,14 @@
 import { FC, useState } from 'react';
-import { useChatClient, useChatConnection, usePresence, usePresenceListener } from '@ably/chat/react';
 import '../../../styles/global.css';
 import './UserPresenceComponent.css';
-import { ConnectionStatus, PresenceMember } from '@ably/chat';
+import {
+  ConnectionStatus,
+  PresenceMember,
+  useChatClient,
+  useChatConnection,
+  usePresence,
+  usePresenceListener,
+} from '@ably/chat';
 
 interface UserListComponentProps {}
 

demo/src/containers/Chat/Chat.tsx

@@ -1,10 +1,21 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { MessageComponent } from '../../components/MessageComponent';
 import { MessageInput } from '../../components/MessageInput';
-import { useChatClient, useChatConnection, useMessages, useRoomReactions, useTyping } from '@ably/chat/react';
 import { ReactionInput } from '../../components/ReactionInput';
 import { ConnectionStatusComponent } from '../../components/ConnectionStatusComponent';
-import { ConnectionStatus, Message, MessageEventPayload, MessageEvents, PaginatedResult, Reaction } from '@ably/chat';
+import {
+  ConnectionStatus,
+  Message,
+  MessageEventPayload,
+  MessageEvents,
+  PaginatedResult,
+  Reaction,
+  useChatClient,
+  useChatConnection,
+  useMessages,
+  useRoomReactions,
+  useTyping,
+} from '@ably/chat';
 
 export const Chat = (props: { roomId: string; setRoomId: (roomId: string) => void }) => {
   const chatClient = useChatClient();
@@ -16,16 +27,14 @@ export const Chat = (props: { roomId: string; setRoomId: (roomId: string) => voi
   const isConnected: boolean = currentStatus === ConnectionStatus.Connected;
 
   const backfillPreviousMessages = (getPreviousMessages: ReturnType<typeof useMessages>['getPreviousMessages']) => {
-    chatClient.logger.debug('backfilling previous messages');
     if (getPreviousMessages) {
       getPreviousMessages({ limit: 50 })
         .then((result: PaginatedResult<Message>) => {
-          chatClient.logger.debug('backfilled messages', result.items);
           setMessages(result.items.filter((m) => !m.isDeleted).reverse());
           setLoading(false);
         })
         .catch((error: unknown) => {
-          chatClient.logger.error('Error fetching initial messages', error);
+          console.error('Failed to backfill previous messages', error);
         });
     }
   };
@@ -131,7 +140,6 @@ export const Chat = (props: { roomId: string; setRoomId: (roomId: string) => voi
   const messagesEndRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
-    chatClient.logger.debug('updating getPreviousMessages useEffect', { getPreviousMessages });
     backfillPreviousMessages(getPreviousMessages);
   }, [getPreviousMessages]);
 

demo/src/main.tsx

@@ -2,11 +2,10 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import * as Ably from 'ably';
 import { ClientOptions } from 'ably';
-import { ChatClient, LogLevel } from '@ably/chat';
+import { ChatClient, LogLevel, ChatClientProvider } from '@ably/chat';
 import { nanoid } from 'nanoid';
 import App from './App.tsx';
 import './index.css';
-import { ChatClientProvider } from '@ably/chat/react';
 import { AblyProvider } from 'ably/react';
 
 // Generate a random clientId and remember it for the length of the session, so