feat(editor): move editor to dynamic components

src/plugins/async-plugins.ts

@@ -0,0 +1,9 @@
+function loadPlugin(selector: string, loadCallback: () => void): void {
+  if (document.querySelector(selector)) {
+    loadCallback();
+  }
+}
+
+export const registerAsyncPlugins = () => {
+  loadPlugin('uip-editor', () => import(/* webpackChunkName: "uip-editor" */ './editor/editor'));
+}

src/plugins/editor/editor.ts

@@ -119,3 +119,5 @@ export class UIPEditor extends UIPPlugin {
     }
   }
 }
+
+UIPEditor.register();

src/plugins/registration.ts

@@ -1,14 +1,14 @@
-import {UIPEditor} from './editor/editor';
 import {UIPHeader} from './header/header';
 import {UIPOptions} from './header/options/options';
 import {UIPSnippets} from './header/snippets/snippets';
 import {UIPSettings} from './settings/settings';
 import {registeredSettings} from '../registration';
+import {registerAsyncPlugins} from './async-plugins';
 
-export {UIPEditor, UIPOptions, UIPSettings, UIPSnippets, UIPHeader};
+export {UIPOptions, UIPSettings, UIPSnippets, UIPHeader};
 
 export const registerPlugins = () => {
-  UIPEditor.register();
+  registerAsyncPlugins();
   UIPHeader.register();
   UIPOptions.register();
   UIPSnippets.register();

tsconfig.json

@@ -9,7 +9,7 @@
     "esModuleInterop": true,
     "target": "ES6",
     "downlevelIteration": true,
-    "module": "ES2015",
+    "module": "ES2020",
     "moduleResolution": "Node",
     "lib": [
       "ES2015",