feat(ClientSideAPI): Hold React-baked API methods undefined until ready (#70)

* feat(ClientSideAPI): Hold API methods undefined until ready

* chore(ClientSideAPI): set static (non-React) APIs with static mappings

---------

Co-authored-by: Darran Boyd <[email protected]>

Author: dboyd13

packages/threat-composer/src/components/generic/WindowExporter/index.tsx

@@ -16,10 +16,7 @@
 import { useCallback, FC, PropsWithChildren, useEffect } from 'react';
 import { useWorkspacesContext } from '../../../contexts';
 import { ThreatComposerNamespace } from '../../../customTypes/dataExchange';
-import useExportImport, {
-  PLACEHOLDER_EXCHANGE_DATA,
-  PLACEHOLDER_EXCHANGE_DATA_FOR_WORKSPACE,
-} from '../../../hooks/useExportImport';
+import useExportImport from '../../../hooks/useExportImport';
 import useRemoveData from '../../../hooks/useRemoveData';
 import EventController from '../../../utils/EventController';
 
@@ -36,17 +33,9 @@ const stringifyWorkspaceData = (data: any) => {
 const eventController = new EventController();
 
 window.threatcomposer = {
-  getWorkspaceList: () => [PLACEHOLDER_EXCHANGE_DATA_FOR_WORKSPACE],
-  getCurrentWorkspaceMetadata: () => PLACEHOLDER_EXCHANGE_DATA_FOR_WORKSPACE,
-  getCurrentWorkspaceData: () => PLACEHOLDER_EXCHANGE_DATA,
   stringifyWorkspaceData,
-  setCurrentWorkspaceData: () => Promise.resolve(),
-  switchWorkspace: () => {},
-  createWorkspace: () =>
-    Promise.resolve(PLACEHOLDER_EXCHANGE_DATA_FOR_WORKSPACE),
-  deleteWorkspace: () => Promise.resolve(),
-  renameWorkspace: () => Promise.resolve(),
-  addEventListener: (eventName, eventHandler) => eventController.addEventListener(eventName, eventHandler),
+  addEventListener: (eventName, eventHandler) =>
+    eventController.addEventListener(eventName, eventHandler),
   dispatchEvent: (event) => eventController.dispatchEvent(event),
 };
 
@@ -104,6 +93,10 @@ const WindowExporter: FC<PropsWithChildren<{}>> = ({ children }) => {
     window.threatcomposer.renameWorkspace = renameWorkspace;
   }, [renameWorkspace]);
 
+  useEffect(() => {
+    window.threatcomposer.stringifyWorkspaceData = stringifyWorkspaceData;
+  }, []);
+
   return <>{children}</>;
 };