feat: add shared store functionality

Author: Hyperkid123

.github/actions/test-e2e/action.yaml

@@ -10,6 +10,9 @@ runs:
     - name: Install deps
       shell: bash
       run: npm i
+    - name: Build packages
+      shell: bash
+      run: npm run build
     - name: Run e2e tests
       shell: bash
       run: npm run test:e2e

README.md

@@ -63,6 +63,11 @@ Documentation is organized within individual package directories, following mono
   - [useRemoteHookManager Guide](./packages/react-core/docs/use-remote-hook-manager.md)
   - [RemoteHookProvider Reference](./packages/react-core/docs/remote-hook-provider.md)
   - [Type Definitions](./packages/react-core/docs/remote-hook-types.md)
+- 🏪 **Shared Stores** - Event-driven state management for micro-frontends:
+  - [Complete Shared Stores Guide](./packages/react-core/docs/shared-stores.md) - Comprehensive documentation
+  - [API Reference](./packages/react-core/docs/shared-stores.md#api-reference)
+  - [Usage Patterns](./packages/react-core/docs/shared-stores.md#usage-patterns)
+  - [Testing Guide](./packages/react-core/docs/shared-stores.md#testing)
 
 ## Getting Started
 

examples/test-app-e2e/src/e2e/test-app/shared-store.cy.ts

@@ -12,6 +12,7 @@ import UseModuleLoading from './routes/UseModuleLoading';
 import ApiUpdates from './routes/ApiUpdates';
 import RemoteHooks from './routes/RemoteHooks';
 import RemoteHookManager from './routes/RemoteHookManager';
+import SharedStore from './routes/SharedStore';
 
 const config: AppsConfig<{ assetsHost?: string }> = {
   notFound: {
@@ -84,6 +85,7 @@ const Entry = () => {
             <Route path="/api" element={<ApiUpdates />} />
             <Route path="/remote-hooks" element={<RemoteHooks />} />
             <Route path="/remote-hook-manager" element={<RemoteHookManager />} />
+            <Route path="/shared-store" element={<SharedStore />} />
           </Route>
         </Routes>
       </BrowserRouter>

examples/test-app/src/entry.tsx

@@ -40,6 +40,12 @@ function RootLayout() {
             <NavLink variant="button" color="text.primary" to="/api" sx={{ my: 1, mx: 1.5 }}>
               API updates
             </NavLink>
+            <NavLink variant="button" color="text.primary" to="/remote-hooks" sx={{ my: 1, mx: 1.5 }}>
+              Remote Hooks
+            </NavLink>
+            <NavLink variant="button" color="text.primary" to="/shared-store" sx={{ my: 1, mx: 1.5 }}>
+              Shared Store
+            </NavLink>
           </nav>
         </Toolbar>
       </AppBar>