Refactor initialization sequence in index.ts and initializeObserversAndListeners.ts to ensure config tree refresh occurs after relevant setup steps. (#342)

Author: mdroidian

apps/roam/src/index.ts

@@ -90,6 +90,10 @@ export default runExtension(async (onloadArgs) => {
       timeout: 500,
     });
   }
+
+  await initializeDiscourseNodes();
+  refreshConfigTree();
+
   addGraphViewNodeStyling();
   registerCommandPaletteCommands(onloadArgs);
   createSettingsPanel(onloadArgs);
@@ -115,9 +119,6 @@ export default runExtension(async (onloadArgs) => {
   document.addEventListener("input", discourseNodeSearchTriggerListener);
   document.addEventListener("selectionchange", nodeCreationPopoverListener);
 
-  await initializeDiscourseNodes();
-  refreshConfigTree();
-
   const { extensionAPI } = onloadArgs;
   window.roamjs.extension.queryBuilder = {
     runQuery: (parentUid: string) =>

apps/roam/src/utils/initializeObserversAndListeners.ts

@@ -150,6 +150,8 @@ export const initObservers = async ({
         tabs: configPageTabs(onloadArgs),
       },
     });
+  // refresh config tree after config page is created
+  refreshConfigTree();
 
   const hashChangeListener = (e: Event) => {
     const evt = e as HashChangeEvent;