transplant setCaretLine, focusToEditor to EditorContainer

src/client/js/app.js

@@ -96,6 +96,7 @@ if (mainContent !== null) {
 const isLoggedin = document.querySelector('.main-container.nologin') == null;
 
 const appContainer = new AppContainer();
+window.appContainer = appContainer;
 
 // backward compatibility
 const crowi = appContainer;
@@ -118,7 +119,7 @@ window.crowiRenderer = crowiRenderer;
 // create unstated container instance
 const pageContainer = new PageContainer();
 const commentContainer = new CommentContainer(crowi, pageContainer);
-const editorContainer = new EditorContainer(defaultEditorOptions, defaultPreviewOptions);
+const editorContainer = new EditorContainer(appContainer, defaultEditorOptions, defaultPreviewOptions);
 
 // FIXME
 const isEnabledPlugins = $('body').data('plugin-enabled');

src/client/js/legacy/crowi.js

@@ -55,14 +55,15 @@ Crowi.setCaretLineAndFocusToEditor = function() {
     return;
   }
 
-  const crowi = window.crowi;
+  const { appContainer } = window;
+  const editorContainer = appContainer.getContainer('EditorContainer');
   const line = pageEditorDom.getAttribute('data-caret-line') || 0;
-  crowi.setCaretLine(+line);
+  editorContainer.setCaretLine(+line);
   // reset data-caret-line attribute
   pageEditorDom.removeAttribute('data-caret-line');
 
   // focus
-  crowi.focusToEditor();
+  editorContainer.focusToEditor();
 };
 
 // original: middleware.swigFilter

src/client/js/services/AppContainer.js

@@ -55,6 +55,7 @@ export default class AppContainer extends Container {
 
     this.socket = io();
 
+    this.containerInstances = {};
     this.componentInstances = {};
   }
 
@@ -69,6 +70,28 @@ export default class AppContainer extends Container {
     return this.config;
   }
 
+  /**
+   * Register instance
+   * @param {object} instance unstated container instance
+   */
+  registerContainer(instance) {
+    if (instance == null) {
+      throw new Error('The specified instance must not be null');
+    }
+
+    const className = instance.constructor.name;
+
+    if (this.containerInstances[className] != null) {
+      throw new Error('The specified instance couldn\'t register because the same type object has already been registered');
+    }
+
+    this.containerInstances[className] = instance;
+  }
+
+  getContainer(className) {
+    return this.containerInstances[className];
+  }
+
   /**
    * Register instance
    * @param {object} instance React component instance
@@ -173,20 +196,6 @@ export default class AppContainer extends Container {
       });
   }
 
-  setCaretLine(line) {
-    const pageEditor = this.getComponentInstance('PageEditor');
-    if (pageEditor != null) {
-      pageEditor.setCaretLine(line);
-    }
-  }
-
-  focusToEditor() {
-    const pageEditor = this.getComponentInstance('PageEditor');
-    if (pageEditor != null) {
-      pageEditor.focusToEditor();
-    }
-  }
-
   clearDraft(path) {
     delete this.draft[path];
     window.localStorage.setItem('draft', JSON.stringify(this.draft));

src/client/js/services/EditorContainer.js

@@ -6,9 +6,12 @@ import { Container } from 'unstated';
  */
 export default class EditorContainer extends Container {
 
-  constructor(defaultEditorOptions, defaultPreviewOptions) {
+  constructor(appContainer, defaultEditorOptions, defaultPreviewOptions) {
     super();
 
+    this.appContainer = appContainer;
+    this.appContainer.registerContainer(this);
+
     this.state = {
       editorOptions: {},
       previewOptions: {},
@@ -42,4 +45,18 @@ export default class EditorContainer extends Container {
     window.localStorage.setItem('previewOptions', JSON.stringify(this.state.previewOptions));
   }
 
+  setCaretLine(line) {
+    const pageEditor = this.appContainer.getComponentInstance('PageEditor');
+    if (pageEditor != null) {
+      pageEditor.setCaretLine(line);
+    }
+  }
+
+  focusToEditor() {
+    const pageEditor = this.appContainer.getComponentInstance('PageEditor');
+    if (pageEditor != null) {
+      pageEditor.focusToEditor();
+    }
+  }
+
 }