Merge pull request #5 from InteropIO/update-home-3.2

Update Home 3.2

browser-platform-home-react-wsp/package.json

@@ -4,12 +4,12 @@
   "private": true,
   "dependencies": {
     "@auth0/auth0-react": "^2.1.0",
-    "@interopio/browser-platform": "~3.1.2",
-    "@interopio/browser-worker": "~3.1.0",
-    "@interopio/home-ui-react": "~1.1.1",
-    "@interopio/react-hooks": "~3.1.2",
-    "@interopio/workspaces-api": "~3.1.0",
-    "@interopio/workspaces-ui-react": "~3.1.2",
+    "@interopio/browser-platform": "^3.2.0",
+    "@interopio/browser-worker": "^3.2.0",
+    "@interopio/home-ui-react": "^1.2.1",
+    "@interopio/react-hooks": "^3.2.0",
+    "@interopio/workspaces-api": "^3.2.0",
+    "@interopio/workspaces-ui-react": "^3.2.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

browser-platform-home-react-wsp/src/index.tsx

@@ -1,16 +1,17 @@
 import ReactDOM from 'react-dom/client';
 import reportWebVitals from './reportWebVitals';
-import { Main } from "./main";
+import { Auth0Main } from "./main";
 
 import './index.css';
 import "@interopio/home-ui-react/index.css";
+import "@interopio/workspaces-ui-react/dist/styles/workspaces.css";
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 
 root.render(
-  <Main />
+  <Auth0Main />
 );
 
 // If you want to start measuring performance in your app, pass a function

browser-platform-home-react-wsp/src/main/auth0-main.tsx

@@ -1,19 +1,24 @@
-import { Auth0Provider } from "@auth0/auth0-react";
-import { IOConnectHomeProvider } from "@interopio/home-ui-react";
-import { App } from "../app";
+import { IOConnectHome, IOConnectHomeConfig } from "@interopio/home-ui-react";
+import { getIoConfig } from "../common/getIoConfig";
+import { useMemo } from "react";
 
-export const Main = () => {
-    return (
-        <Auth0Provider
-            domain={process.env.REACT_APP_AUTH_DOMAIN as string}
-            clientId={process.env.REACT_APP_AUTH_CLIENT_ID as string}
-            authorizationParams={{
-                redirect_uri: process.env.REACT_APP_AUTH_REDIRECT_URL,
-            }}
-        >
-            <IOConnectHomeProvider>
-                <App />
-            </IOConnectHomeProvider>
-        </Auth0Provider>
+export const Auth0Main = () => {
+    const ioConnectHomeConfig: IOConnectHomeConfig = useMemo(
+        () => ({
+            ioConnectConfig: getIoConfig(),
+            login: {
+                type: 'auth0',
+                providerOptions: {
+                    domain: process.env.REACT_APP_AUTH_DOMAIN as string,
+                    clientId: process.env.REACT_APP_AUTH_CLIENT_ID as string,
+                    authorizationParams: {
+                        redirect_uri: process.env.REACT_APP_AUTH_REDIRECT_URL,
+                    },
+                },
+            }
+        }),
+        []
     );
+
+    return <IOConnectHome config={ioConnectHomeConfig} />;
 };

browser-platform-home-react-wsp/src/main/index.ts

@@ -1 +1,2 @@
 export * from "./auth0-main";
+export * from "./no-auth-main";

browser-platform-home-react-wsp/src/main/no-auth-main.tsx

@@ -0,0 +1,14 @@
+import { IOConnectHome, IOConnectHomeConfig } from "@interopio/home-ui-react";
+import { getIoConfig } from "../common/getIoConfig";
+import { useMemo } from "react";
+
+export const NoAuthMain = () => {
+    const ioConnectHomeConfig: IOConnectHomeConfig = useMemo(
+        () => ({
+            ioConnectConfig: getIoConfig(),
+        }),
+        []
+    );
+
+    return <IOConnectHome config={ioConnectHomeConfig} />;
+};