Merge pull request #4700 from weseek/imprv/move-context-extractor-to-root

imprv: Moved context extractor to root

packages/app/src/client/app.jsx

@@ -118,6 +118,8 @@ Object.assign(componentMappings, {
   'duplicated-alert': <DuplicatedAlert />,
   'redirected-alert': <RedirectedAlert />,
   'renamed-alert': <RenamedAlert />,
+
+  'growi-context-extractor': <ContextExtractor />, // use static swr
 });
 
 // additional definitions if data exists
@@ -131,7 +133,6 @@ if (pageContainer.state.pageId != null) {
 
     'recent-created-icon': <RecentlyCreatedIcon />,
     'user-bookmark-icon': <BookmarkIcon />,
-    'page-context': <ContextExtractor />, // use static swr
   });
 
   // show the Page accessory modal when query of "compare" is requested
@@ -176,13 +177,13 @@ const renderMainComponents = () => {
 };
 
 // extract context before rendering main components
-const elem = document.getElementById('page-context');
+const elem = document.getElementById('growi-context-extractor');
 ReactDOM.render(
   <I18nextProvider i18n={i18n}>
     <ErrorBoundary>
       <SWRConfig value={swrGlobalConfiguration}>
         <Provider inject={injectableContainers}>
-          {componentMappings['page-context']}
+          {componentMappings['growi-context-extractor']}
         </Provider>
       </SWRConfig>
     </ErrorBoundary>

packages/app/src/server/views/layout-growi/base/layout.html

@@ -9,6 +9,8 @@
 {% block layout_main %}
 <div class="h-100 d-flex flex-column justify-content-between">
 
+  <div id="growi-context-extractor"></div>
+
   {% block content_header_wrapper %}
     <header class="py-0">
       {% block content_header %}