Update all configs in modules to avoid objects by reference

packages/core/src/asset_manager/config/config.ts

@@ -141,7 +141,7 @@ export interface AssetManagerConfig {
   dropzoneContent?: string;
 }
 
-const config: AssetManagerConfig = {
+const config: () => AssetManagerConfig = () => ({
   assets: [],
   noAssets: '',
   stylePrefix: 'am-',
@@ -163,6 +163,6 @@ const config: AssetManagerConfig = {
   dropzone: false,
   openAssetsOnDrop: true,
   dropzoneContent: '',
-};
+});
 
 export default config;

packages/core/src/asset_manager/index.ts

@@ -37,7 +37,7 @@ import { ItemManagerModule } from '../abstract/Module';
 import { AddOptions, RemoveOptions } from '../common';
 import EditorModel from '../editor/model/Editor';
 import { ProjectData } from '../storage_manager';
-import defaults, { AssetManagerConfig } from './config/config';
+import defConfig, { AssetManagerConfig } from './config/config';
 import Asset from './model/Asset';
 import Assets from './model/Assets';
 import AssetsEvents, { AssetOpenOptions } from './types';
@@ -66,7 +66,7 @@ export default class AssetManager extends ItemManagerModule<AssetManagerConfig,
    */
   constructor(em: EditorModel) {
     // @ts-ignore
-    super(em, 'AssetManager', new Assets([], em), AssetsEvents, defaults);
+    super(em, 'AssetManager', new Assets([], em), AssetsEvents, defConfig());
     const { all, config } = this;
     // @ts-ignore
     this.assetsVis = new Assets([]);

packages/core/src/block_manager/config/config.ts

@@ -38,11 +38,11 @@ export interface BlockManagerConfig {
   custom?: boolean;
 }
 
-const config: BlockManagerConfig = {
+const config: () => BlockManagerConfig = () => ({
   appendTo: '',
   blocks: [],
   appendOnClick: false,
   custom: false,
-};
+});
 
 export default config;

packages/core/src/block_manager/index.ts

@@ -31,7 +31,7 @@ import { ItemManagerModule } from '../abstract/Module';
 import FrameView from '../canvas/view/FrameView';
 import Component from '../dom_components/model/Component';
 import EditorModel from '../editor/model/Editor';
-import defaults, { BlockManagerConfig } from './config/config';
+import defConfig, { BlockManagerConfig } from './config/config';
 import Block, { BlockProperties } from './model/Block';
 import Blocks from './model/Blocks';
 import Categories from '../abstract/ModuleCategories';
@@ -61,7 +61,7 @@ export default class BlockManager extends ItemManagerModule<BlockManagerConfig,
   storageKey = '';
 
   constructor(em: EditorModel) {
-    super(em, 'BlockManager', new Blocks(em.config.blockManager?.blocks || [], { em }), BlocksEvents, defaults);
+    super(em, 'BlockManager', new Blocks(em.config.blockManager?.blocks || [], { em }), BlocksEvents, defConfig());
 
     // Global blocks collection
     this.blocks = this.all;

packages/core/src/canvas/config/config.ts

@@ -91,7 +91,7 @@ export interface CanvasConfig {
   infiniteCanvas?: boolean;
 }
 
-const config: CanvasConfig = {
+const config: () => CanvasConfig = () => ({
   stylePrefix: 'cv-',
   scripts: [],
   styles: [],
@@ -107,6 +107,6 @@ const config: CanvasConfig = {
   `,
   notTextable: ['button', 'a', 'input[type=checkbox]', 'input[type=radio]'],
   allowExternalDrop: true,
-};
+});
 
 export default config;

packages/core/src/canvas/index.ts

@@ -35,7 +35,7 @@ import Component from '../dom_components/model/Component';
 import ComponentView from '../dom_components/view/ComponentView';
 import EditorModel from '../editor/model/Editor';
 import { getElement, getViewEl } from '../utils/mixins';
-import defaults, { CanvasConfig } from './config/config';
+import defConfig, { CanvasConfig } from './config/config';
 import Canvas from './model/Canvas';
 import CanvasSpot, { CanvasSpotBuiltInTypes, CanvasSpotProps } from './model/CanvasSpot';
 import CanvasSpots from './model/CanvasSpots';
@@ -76,7 +76,7 @@ export default class CanvasModule extends Module<CanvasConfig> {
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'Canvas', defaults);
+    super(em, 'Canvas', defConfig());
 
     this.canvas = new Canvas(this);
     this.spots = new CanvasSpots(this);

packages/core/src/code_manager/config/config.ts

@@ -12,9 +12,9 @@ export interface CodeManagerConfig {
   optsCodeViewer?: Record<string, any>;
 }
 
-const config: CodeManagerConfig = {
+const config: () => CodeManagerConfig = () => ({
   stylePrefix: 'cm-',
   optsCodeViewer: {},
-};
+});
 
 export default config;

packages/core/src/code_manager/index.ts

@@ -18,7 +18,7 @@
  * @module CodeManager
  */
 import { isUndefined } from 'underscore';
-import defaults, { CodeManagerConfig } from './config/config';
+import defConfig, { CodeManagerConfig } from './config/config';
 import gHtml from './model/HtmlGenerator';
 import gCss from './model/CssGenerator';
 import gJson from './model/JsonGenerator';
@@ -39,7 +39,7 @@ export default class CodeManagerModule extends Module<CodeManagerConfig & { pSty
   EditorView = CodeEditorView;
 
   constructor(em: EditorModel) {
-    super(em, 'CodeManager', defaults);
+    super(em, 'CodeManager', defConfig());
     const { config } = this;
     const ppfx = config.pStylePrefix;
     if (ppfx) config.stylePrefix = ppfx + config.stylePrefix;

packages/core/src/commands/config/config.ts

@@ -21,10 +21,10 @@ export interface CommandsConfig {
   strict?: boolean;
 }
 
-const config: CommandsConfig = {
+const config: () => CommandsConfig = () => ({
   stylePrefix: 'com-',
   defaults: {},
   strict: true,
-};
+});
 
 export default config;

packages/core/src/commands/index.ts

@@ -37,7 +37,7 @@
 
 import { isFunction, includes } from 'underscore';
 import CommandAbstract, { Command, CommandOptions, CommandObject, CommandFunction } from './view/CommandAbstract';
-import defaults, { CommandsConfig } from './config/config';
+import defConfig, { CommandsConfig } from './config/config';
 import { Module } from '../abstract';
 import Component, { eventDrag } from '../dom_components/model/Component';
 import Editor from '../editor/model/Editor';
@@ -107,7 +107,7 @@ export default class CommandsModule extends Module<CommandsConfig & { pStylePref
    * @private
    */
   constructor(em: Editor) {
-    super(em, 'Commands', defaults);
+    super(em, 'Commands', defConfig());
     const { config } = this;
     const ppfx = config.pStylePrefix;
     const { defaultCommands } = this;

packages/core/src/css_composer/config/config.ts

@@ -11,9 +11,9 @@ export interface CssComposerConfig {
   rules?: Array<string>; // TODO
 }
 
-const config: CssComposerConfig = {
+const config: () => CssComposerConfig = () => ({
   stylePrefix: 'css-',
   rules: [],
-};
+});
 
 export default config;

packages/core/src/css_composer/index.ts

@@ -31,7 +31,7 @@ import { isArray, isString, isUndefined } from 'underscore';
 import { isObject } from '../utils/mixins';
 import Selectors from '../selector_manager/model/Selectors';
 import Selector from '../selector_manager/model/Selector';
-import defaults, { CssComposerConfig } from './config/config';
+import defConfig, { CssComposerConfig } from './config/config';
 import CssRule, { CssRuleJSON, CssRuleProperties } from './model/CssRule';
 import CssRules from './model/CssRules';
 import CssRulesView from './view/CssRulesView';
@@ -85,7 +85,7 @@ export default class CssComposer extends ItemManagerModule<CssComposerConfig & {
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'CssComposer', null, {}, defaults);
+    super(em, 'CssComposer', null, {}, defConfig());
     const { config } = this;
 
     const ppfx = config.pStylePrefix;

packages/core/src/device_manager/config/config.ts

@@ -25,7 +25,7 @@ export interface DeviceManagerConfig {
   devices?: DeviceProperties[];
 }
 
-const config: DeviceManagerConfig = {
+const config: () => DeviceManagerConfig = () => ({
   default: '',
   devices: [
     {
@@ -52,6 +52,6 @@ const config: DeviceManagerConfig = {
       widthMedia: '480px',
     },
   ],
-};
+});
 
 export default config;

packages/core/src/device_manager/index.ts

@@ -35,7 +35,7 @@
 import { isString } from 'underscore';
 import { ItemManagerModule } from '../abstract/Module';
 import EditorModel from '../editor/model/Editor';
-import defaults, { DeviceManagerConfig } from './config/config';
+import defConfig, { DeviceManagerConfig } from './config/config';
 import Device, { DeviceProperties } from './model/Device';
 import Devices from './model/Devices';
 import DevicesView from './view/DevicesView';
@@ -74,7 +74,7 @@ export default class DeviceManager extends ItemManagerModule<
   storageKey = '';
 
   constructor(em: EditorModel) {
-    super(em, 'DeviceManager', new Devices(), deviceEvents, defaults);
+    super(em, 'DeviceManager', new Devices(), deviceEvents, defConfig());
     this.devices = this.all;
     this.config.devices?.forEach((device) => this.add(device, { silent: true }));
     this.select(this.config.default || this.devices.at(0));

packages/core/src/dom_components/config/config.ts

@@ -62,7 +62,7 @@ export interface DomComponentsConfig {
   useFrameDoc?: boolean;
 }
 
-export default {
+const config: () => DomComponentsConfig = () => ({
   stylePrefix: 'comp-',
   components: [],
   draggableComponents: true,
@@ -87,4 +87,6 @@ export default {
     'track',
     'wbr',
   ],
-} as DomComponentsConfig;
+});
+
+export default config;

packages/core/src/dom_components/index.ts

@@ -55,10 +55,10 @@
  */
 import { debounce, isArray, isBoolean, isEmpty, isFunction, isString, isSymbol, result } from 'underscore';
 import { ItemManagerModule } from '../abstract/Module';
-import { AddOptions, ObjectAny } from '../common';
+import { ObjectAny } from '../common';
 import EditorModel from '../editor/model/Editor';
 import { isComponent } from '../utils/mixins';
-import defaults, { DomComponentsConfig } from './config/config';
+import defConfig, { DomComponentsConfig } from './config/config';
 import Component, { IComponent, keyUpdate, keyUpdateInside } from './model/Component';
 import ComponentComment from './model/ComponentComment';
 import ComponentFrame from './model/ComponentFrame';
@@ -334,7 +334,7 @@ export default class ComponentManager extends ItemManagerModule<DomComponentsCon
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'DomComponents', new Components(undefined, { em }));
+    super(em, 'DomComponents', new Components(undefined, { em }), ComponentsEvents, defConfig());
     const { config } = this;
     this.symbols = new Symbols([], { em, config, domc: this });
 
@@ -343,11 +343,6 @@ export default class ComponentManager extends ItemManagerModule<DomComponentsCon
       this.config.components = em.config.components || this.config.components;
     }
 
-    for (let name in defaults) {
-      //@ts-ignore
-      if (!(name in this.config)) this.config[name] = defaults[name];
-    }
-
     const ppfx = this.config.pStylePrefix;
     if (ppfx) this.config.stylePrefix = ppfx + this.config.stylePrefix;
 

packages/core/src/editor/config/config.ts

@@ -432,7 +432,7 @@ export interface EditorConfig {
 
 export type EditorConfigKeys = keyof EditorConfig;
 
-const config: EditorConfig = {
+const config: () => EditorConfig = () => ({
   stylePrefix: 'gjs-',
   components: '',
   style: '',
@@ -506,6 +506,6 @@ const config: EditorConfig = {
   textViewCode: 'Code',
   keepUnusedStyles: false,
   customUI: false,
-};
+});
 
 export default config;

packages/core/src/editor/index.ts

@@ -89,7 +89,7 @@ import TraitManager from '../trait_manager';
 import UndoManagerModule from '../undo_manager';
 import UtilsModule from '../utils';
 import html from '../utils/html';
-import defaults, { EditorConfig, EditorConfigKeys } from './config/config';
+import defConfig, { EditorConfig, EditorConfigKeys } from './config/config';
 import EditorModel, { EditorLoadOptions } from './model/Editor';
 import EditorView from './view/EditorView';
 
@@ -132,6 +132,7 @@ export default class Editor implements IBaseModule<EditorConfig> {
   config: EditorConfigType;
 
   constructor(config: EditorConfig = {}, opts: any = {}) {
+    const defaults = defConfig();
     this.config = {
       ...defaults,
       ...config,

packages/core/src/i18n/config.ts

@@ -37,13 +37,13 @@ export interface I18nConfig {
   messagesAdd?: Record<string, any>;
 }
 
-const config: I18nConfig = {
+const config: () => I18nConfig = () => ({
   locale: 'en',
   localeFallback: 'en',
   detectLocale: true,
   debug: false,
   messages: { en },
   messagesAdd: undefined,
-};
+});
 
 export default config;

packages/core/src/i18n/index.ts

@@ -27,7 +27,7 @@ import { isUndefined, isString } from 'underscore';
 import { Module } from '../abstract';
 import EditorModel from '../editor/model/Editor';
 import { hasWin, deepMerge } from '../utils/mixins';
-import defaults, { I18nConfig } from './config';
+import defConfig, { I18nConfig } from './config';
 import I18nEvents, { Messages } from './types';
 
 export default class I18nModule extends Module<I18nConfig & { stylePrefix?: string }> {
@@ -39,7 +39,7 @@ export default class I18nModule extends Module<I18nConfig & { stylePrefix?: stri
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'I18n', defaults);
+    super(em, 'I18n', defConfig());
     const add = this.config.messagesAdd;
     add && this.addMessages(add);
 

packages/core/src/keymaps/config.ts

@@ -24,7 +24,7 @@ export interface KeymapsConfig {
   defaults?: Record<string, Omit<Keymap, 'id'> & { opts?: KeymapOptions }>;
 }
 
-const config: KeymapsConfig = {
+const config: () => KeymapsConfig = () => ({
   defaults: {
     'core:undo': {
       keys: '⌘+z, ctrl+z',
@@ -66,6 +66,6 @@ const config: KeymapsConfig = {
       opts: { prevent: true },
     },
   },
-};
+});
 
 export default config;

packages/core/src/keymaps/index.ts

@@ -48,7 +48,7 @@ import { hasWin } from '../utils/mixins';
 import keymaster from '../utils/keymaster';
 import { Module } from '../abstract';
 import EditorModel from '../editor/model/Editor';
-import defaults, { Keymap, KeymapOptions, KeymapsConfig } from './config';
+import defConfig, { Keymap, KeymapOptions, KeymapsConfig } from './config';
 
 export type KeymapEvent = 'keymap:add' | 'keymap:remove' | 'keymap:emit' | `keymap:emit:${string}`;
 
@@ -59,7 +59,7 @@ export default class KeymapsModule extends Module<KeymapsConfig & { name?: strin
   keymaps: Record<string, Keymap>;
 
   constructor(em: EditorModel) {
-    super(em, 'Keymaps', defaults);
+    super(em, 'Keymaps', defConfig());
     this.keymaps = {};
   }
 

packages/core/src/modal_dialog/config/config.ts

@@ -26,13 +26,13 @@ export interface ModalConfig {
   extend?: Record<string, any>;
 }
 
-const config: ModalConfig = {
+const config: () => ModalConfig = () => ({
   stylePrefix: 'mdl-',
   title: '',
   content: '',
   backdrop: true,
   custom: false,
   extend: {},
-};
+});
 
 export default config;

packages/core/src/modal_dialog/index.ts

@@ -38,7 +38,7 @@ import { Module } from '../abstract';
 import EditorView from '../editor/view/EditorView';
 import EditorModel from '../editor/model/Editor';
 import { createText } from '../utils/dom';
-import defaults, { ModalConfig } from './config/config';
+import defConfig, { ModalConfig } from './config/config';
 import ModalM from './model/Modal';
 import ModalView from './view/ModalView';
 import { EventHandler } from '../common';
@@ -54,7 +54,7 @@ export default class ModalModule extends Module<ModalConfig> {
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'Modal', defaults);
+    super(em, 'Modal', defConfig());
 
     this.model = new ModalM(this);
     this.model.on('change:open', (m: ModalM, enable: boolean) => {

packages/core/src/navigator/config/config.ts

@@ -108,7 +108,7 @@ export interface LayerManagerConfig {
   extend?: Record<string, any>;
 }
 
-const config: LayerManagerConfig = {
+const config: () => LayerManagerConfig = () => ({
   stylePrefix: '',
   appendTo: '',
   sortable: true,
@@ -124,6 +124,6 @@ const config: LayerManagerConfig = {
   onInit: () => {},
   onRender: () => {},
   extend: {},
-};
+});
 
 export default config;

packages/core/src/navigator/index.ts

@@ -45,7 +45,7 @@ import Module from '../abstract/Module';
 import Component from '../dom_components/model/Component';
 import EditorModel from '../editor/model/Editor';
 import { hasWin, isComponent, isDef } from '../utils/mixins';
-import defaults, { LayerManagerConfig } from './config/config';
+import defConfig, { LayerManagerConfig } from './config/config';
 import View from './view/ItemView';
 import { ComponentsEvents } from '../dom_components/types';
 
@@ -91,7 +91,7 @@ export default class LayerManager extends Module<LayerManagerConfig> {
   events = events;
 
   constructor(em: EditorModel) {
-    super(em, 'LayerManager', defaults);
+    super(em, 'LayerManager', defConfig());
     bindAll(this, 'componentChanged', '__onRootChange', '__onComponent');
     this.model = new ModuleModel(this, { opened: {} });
     // @ts-ignore

packages/core/src/panels/config/config.ts

@@ -34,7 +34,7 @@ export interface PanelsConfig {
   defaults?: PanelProps[];
 }
 
-const config: PanelsConfig = {
+const config: () => PanelsConfig = () => ({
   stylePrefix: 'pn-',
   defaults: [
     {
@@ -109,6 +109,6 @@ const config: PanelsConfig = {
       ],
     },
   ],
-};
+});
 
 export default config;

packages/core/src/panels/index.ts

@@ -27,7 +27,7 @@
  */
 import { Module } from '../abstract';
 import EditorModel from '../editor/model/Editor';
-import defaults, { PanelsConfig } from './config/config';
+import defConfig, { PanelsConfig } from './config/config';
 import Panel, { PanelProperties } from './model/Panel';
 import Panels from './model/Panels';
 import PanelsView from './view/PanelsView';
@@ -42,13 +42,8 @@ export default class PanelManager extends Module<PanelsConfig> {
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'Panels', defaults);
+    super(em, 'Panels', defConfig());
     this.panels = new Panels(this, this.config.defaults!);
-    for (var name in defaults) {
-      //@ts-ignore
-      if (!(name in this.config)) this.config[name] = defaults[name];
-    }
-    return this;
   }
 
   /**

packages/core/src/parser/config/config.ts

@@ -110,7 +110,7 @@ export interface ParserConfig {
   optionsHtml?: HTMLParserOptions;
 }
 
-const config: ParserConfig = {
+const config: () => ParserConfig = () => ({
   textTags: ['br', 'b', 'i', 'u', 'a', 'ul', 'ol'],
   textTypes: ['text', 'textnode', 'comment'],
   parserCss: undefined,
@@ -122,6 +122,6 @@ const config: ParserConfig = {
     allowUnsafeAttrValue: false,
     keepEmptyTextNodes: false,
   },
-};
+});
 
 export default config;

packages/core/src/parser/index.ts

@@ -26,7 +26,7 @@
  */
 import { Module } from '../abstract';
 import EditorModel from '../editor/model/Editor';
-import defaults, { HTMLParserOptions, ParserConfig } from './config/config';
+import defConfig, { HTMLParserOptions, ParserConfig } from './config/config';
 import ParserCss from './model/ParserCss';
 import ParserHtml from './model/ParserHtml';
 
@@ -35,7 +35,7 @@ export default class ParserModule extends Module<ParserConfig & { name?: string
   parserCss: ReturnType<typeof ParserCss>;
 
   constructor(em: EditorModel) {
-    super(em, 'Parser', defaults);
+    super(em, 'Parser', defConfig());
     const { config } = this;
     this.parserCss = ParserCss(em, config);
     this.parserHtml = ParserHtml(em, config);

packages/core/src/rich_text_editor/config/config.ts

@@ -80,11 +80,11 @@ export interface RichTextEditorConfig {
   custom?: boolean;
 }
 
-const config: RichTextEditorConfig = {
+const config: () => RichTextEditorConfig = () => ({
   stylePrefix: 'rte-',
   adjustToolbar: true,
   actions: ['bold', 'italic', 'underline', 'strikethrough', 'link', 'wrap'],
   custom: false,
-};
+});
 
 export default config;

packages/core/src/rich_text_editor/index.ts

@@ -44,7 +44,7 @@ import ComponentView from '../dom_components/view/ComponentView';
 import EditorModel from '../editor/model/Editor';
 import { createEl, cx, on, removeEl } from '../utils/dom';
 import { hasWin, isDef } from '../utils/mixins';
-import defaults, { CustomRTE, RichTextEditorConfig } from './config/config';
+import defConfig, { CustomRTE, RichTextEditorConfig } from './config/config';
 import RichTextEditor, { RichTextEditorAction } from './model/RichTextEditor';
 import CanvasEvents from '../canvas/types';
 import { ComponentsEvents } from '../dom_components/types';
@@ -87,7 +87,7 @@ export default class RichTextEditorModule extends Module<RichTextEditorConfig &
    */
 
   constructor(em: EditorModel) {
-    super(em, 'RichTextEditor', defaults);
+    super(em, 'RichTextEditor', defConfig());
     const { config } = this;
     const ppfx = config.pStylePrefix;
 

packages/core/src/selector_manager/config/config.ts

@@ -132,7 +132,7 @@ export interface SelectorManagerConfig {
   custom?: boolean;
 }
 
-const config: SelectorManagerConfig = {
+const config: () => SelectorManagerConfig = () => ({
   stylePrefix: 'clm-',
   appendTo: '',
   selectors: [],
@@ -148,6 +148,6 @@ const config: SelectorManagerConfig = {
     '<svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"></path></svg>',
   componentFirst: false,
   custom: false,
-};
+});
 
 export default config;

packages/core/src/selector_manager/index.ts

@@ -76,7 +76,7 @@
 import { isString, debounce, isObject, isArray, bindAll } from 'underscore';
 import { isComponent, isRule } from '../utils/mixins';
 import { Model, Collection, RemoveOptions, SetOptions, Debounced } from '../common';
-import defaults, { SelectorManagerConfig } from './config/config';
+import defConfig, { SelectorManagerConfig } from './config/config';
 import Selector from './model/Selector';
 import Selectors from './model/Selectors';
 import State from './model/State';
@@ -86,7 +86,6 @@ import Component from '../dom_components/model/Component';
 import { ItemManagerModule } from '../abstract/Module';
 import { StyleModuleParam } from '../style_manager';
 import StyleableModel from '../domain_abstract/model/StyleableModel';
-import CssRule from '../css_composer/model/CssRule';
 import { ComponentsEvents } from '../dom_components/types';
 
 export type SelectorEvent = 'selector:add' | 'selector:remove' | 'selector:update' | 'selector:state' | 'selector';
@@ -138,7 +137,7 @@ export default class SelectorManager extends ItemManagerModule<SelectorManagerCo
    */
 
   constructor(em: EditorModel) {
-    super(em, 'SelectorManager', new Selectors([]), selectorEvents, defaults, { skipListen: true });
+    super(em, 'SelectorManager', new Selectors([]), selectorEvents, defConfig(), { skipListen: true });
     bindAll(this, '__updateSelectedByComponents');
     const { config } = this;
     const ppfx = config.pStylePrefix;

packages/core/src/storage_manager/config/config.ts

@@ -78,7 +78,7 @@ export interface StorageManagerConfig {
   };
 }
 
-const config: StorageManagerConfig = {
+const config: () => StorageManagerConfig = () => ({
   id: 'gjs-',
   type: 'local',
   autosave: true,
@@ -103,6 +103,6 @@ const config: StorageManagerConfig = {
       onLoad: (result) => result,
     },
   },
-};
+});
 
 export default config;

packages/core/src/storage_manager/index.ts

@@ -42,7 +42,7 @@
 
 import { isEmpty, isFunction } from 'underscore';
 import { Module } from '../abstract';
-import defaults, { StorageManagerConfig } from './config/config';
+import defConfig, { StorageManagerConfig } from './config/config';
 import LocalStorage from './model/LocalStorage';
 import RemoteStorage from './model/RemoteStorage';
 import EditorModel from '../editor/model/Editor';
@@ -65,7 +65,7 @@ export default class StorageManager extends Module<
   events = StorageEvents;
 
   constructor(em: EditorModel) {
-    super(em, 'StorageManager', defaults);
+    super(em, 'StorageManager', defConfig());
     const { config } = this;
     if (config._disable) config.type = undefined;
     this.storages = {};

packages/core/src/style_manager/config/config.ts

@@ -66,7 +66,7 @@ export interface StyleManagerConfig {
   pStylePrefix?: string;
 }
 
-export default {
+const config: () => StyleManagerConfig = () => ({
   sectors: [
     {
       name: 'General',
@@ -128,4 +128,6 @@ export default {
   showComputed: true,
   clearProperties: true,
   avoidComputed: ['width', 'height'],
-} as StyleManagerConfig;
+});
+
+export default config;

packages/core/src/style_manager/index.ts

@@ -66,7 +66,7 @@
 import { isUndefined, isArray, isString, debounce, bindAll } from 'underscore';
 import { isComponent } from '../utils/mixins';
 import { AddOptions, Debounced, Model } from '../common';
-import defaults, { StyleManagerConfig } from './config/config';
+import defConfig, { StyleManagerConfig } from './config/config';
 import Sector, { SectorProperties } from './model/Sector';
 import Sectors from './model/Sectors';
 import Properties from './model/Properties';
@@ -157,7 +157,7 @@ export default class StyleManager extends ItemManagerModule<
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'StyleManager', new Sectors([], { em }), stylesEvents, defaults);
+    super(em, 'StyleManager', new Sectors([], { em }), stylesEvents, defConfig());
     bindAll(this, '__clearStateTarget');
     const c = this.config;
     const ppfx = c.pStylePrefix;

packages/core/src/trait_manager/config/config.ts

@@ -22,11 +22,11 @@ export interface TraitManagerConfig {
   optionsTarget?: Record<string, any>[];
 }
 
-const config: TraitManagerConfig = {
+const config: () => TraitManagerConfig = () => ({
   stylePrefix: 'trt-',
   appendTo: '',
   optionsTarget: [{ value: false }, { value: '_blank' }],
   custom: false,
-};
+});
 
 export default config;

packages/core/src/trait_manager/index.ts

@@ -33,7 +33,7 @@ import { Module } from '../abstract';
 import { Model } from '../common';
 import Component from '../dom_components/model/Component';
 import EditorModel from '../editor/model/Editor';
-import defaults from './config/config';
+import defConfig from './config/config';
 import {
   CustomTrait,
   TraitCustomData,
@@ -81,7 +81,7 @@ export default class TraitManager extends Module<TraitManagerConfigModule> {
    * @private
    */
   constructor(em: EditorModel) {
-    super(em, 'TraitManager', defaults as any);
+    super(em, 'TraitManager', defConfig() as any);
     const { state, config, events } = this;
     const ppfx = config.pStylePrefix;
     ppfx && (config.stylePrefix = `${ppfx}${config.stylePrefix}`);

packages/core/src/undo_manager/config.ts

@@ -11,9 +11,9 @@ export interface UndoManagerConfig {
   trackSelection?: boolean;
 }
 
-const config: UndoManagerConfig = {
+const config: () => UndoManagerConfig = () => ({
   maximumStackLength: 500,
   trackSelection: true,
-};
+});
 
 export default config;

packages/core/src/undo_manager/index.ts

@@ -28,7 +28,7 @@ import UndoManager from 'backbone-undo';
 import { isArray, isBoolean, isEmpty, unique, times } from 'underscore';
 import { Module } from '../abstract';
 import EditorModel from '../editor/model/Editor';
-import defaults, { UndoManagerConfig } from './config';
+import defConfig, { UndoManagerConfig } from './config';
 
 export interface UndoGroup {
   index: number;
@@ -47,7 +47,7 @@ export default class UndoManagerModule extends Module<UndoManagerConfig & { name
   um: any;
 
   constructor(em: EditorModel) {
-    super(em, 'UndoManager', defaults);
+    super(em, 'UndoManager', defConfig());
 
     if (this.config._disable) {
       this.config.maximumStackLength = 0;

packages/core/test/specs/navigator/view/ItemView.js → packages/core/test/specs/navigator/view/ItemView.ts

@@ -1,11 +1,11 @@
-import ItemView from 'navigator/view/ItemView';
-import config from 'navigator/config/config';
-import EditorModel from 'editor/model/Editor';
+import defConfig from '../../../../src/navigator/config/config';
+import EditorModel from '../../../../src/editor/model/Editor';
+import ItemView from '../../../../src/navigator/view/ItemView';
 
 describe('ItemView', () => {
-  let itemView;
+  let itemView: ItemView;
 
-  const isVisible = (itemView) => {
+  const isVisible = (itemView: ItemView) => {
     return itemView.module.isVisible(itemView.model);
   };
 
@@ -16,8 +16,8 @@ describe('ItemView', () => {
     itemView = new ItemView({
       model: new defCmp({}, { em }),
       module: em.get('LayerManager'),
-      config: { ...config, em },
-    });
+      config: { ...defConfig(), em },
+    } as any);
   });
 
   describe('.isVisible', () => {