[ECO-4114] Fix missing ably/react export from ably package on v2 branch

package.json

@@ -17,6 +17,10 @@
     "./modules": {
       "types": "./modules.d.ts",
       "default": "./build/modules/index.js"
+    },
+    "./react": {
+      "require": "./react/cjs/index.js",
+      "import": "./react/mjs/index.js"
     }
   },
   "typings": "./ably.d.ts",

src/platform/react-hooks/res/package.react.json

@@ -1,7 +1,3 @@
 {
-  "main": "./cjs/index.js",
-  "exports": {
-    "require": "./cjs",
-    "import": "./mjs"
-  }
+  "main": "./cjs/index.js"
 }

test/package/browser/template/.gitignore

@@ -0,0 +1,6 @@
+dist
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

test/package/browser/template/README.md

@@ -5,21 +5,26 @@ This directory is intended to be used for testing the following aspects of the a
 - that its exports are correctly configured and provide access to ably-js’s functionality
 - that its TypeScript typings are correctly configured and can be successfully used from a TypeScript-based app that imports the package
 
-It contains two files, each of which import ably-js in different manners, and which export a function which briefly exercises its functionality:
+It contains three files, each of which import ably-js in different manners, and provide a way to briefly exercise its functionality:
 
 - `src/index-default.ts` imports the default ably-js package (`import { Realtime } from 'ably'`).
 - `src/index-modules.ts` imports the tree-shakable ably-js package (`import { BaseRealtime, WebSocketTransport, FetchRequest } from 'ably/modules'`).
+- `src/ReactApp.tsx` imports React hooks from the ably-js package (`import { useChannel } from 'ably/react'`).
 
 ## Why is `ably` not in `package.json`?
 
 The `ably` dependency gets added when we run the repository’s `test:package` package script. That script copies the contents of this `template` directory to a new temporary directory, and then adds the `ably` dependency to the copy. We do this so that we can check this directory’s `package-lock.json` into Git, without needing to modify it whenever ably-js’s dependencies change.
 
+## React hooks tests
+
+To test hooks imported from `ably/react` in React components, we used [Playwright for components](https://playwright.dev/docs/test-components). The main logic sits in `src/ReactApp.tsx`, and `AblyProvider` is configured in `playwright/index.tsx` file based on [this guide](https://playwright.dev/docs/test-components#hooks).
+
 ## Package scripts
 
 This directory exposes three package scripts that are to be used for testing:
 
 - `build`: Uses esbuild to create:
-  1.  a bundle containing `src/index-default.ts` and ably-js;
-  2.  a bundle containing `src/index-modules.ts` and ably-js.
-- `test`: Using the bundles created by `build`, tests that the code that exercises ably-js’s functionality is working correctly in a browser.
+  1. a bundle containing `src/index-default.ts` and ably-js;
+  2. a bundle containing `src/index-modules.ts` and ably-js.
+- `test`: Using the bundles created by `build` and playwright components setup, tests that the code that exercises ably-js’s functionality is working correctly in a browser.
 - `typecheck`: Type-checks the code that imports ably-js.