preferences refactory: added preferences model

src/core/editor.ts

@@ -6,7 +6,7 @@ import { PluginConfig, Size } from 'plugin.model';
 import { PropertyElementTag } from 'property-element-tag';
 import { ActionHandler } from './action-handler';
 import { History } from './history';
-import { Preferences } from './preferences';
+import { Preferences } from './preferences/preferences';
 import { ReferenceImageController } from './reference-image.controller';
 
 class EditorClass {

src/core/preferences/preferences.model.ts

@@ -0,0 +1,27 @@
+import { Size } from 'plugin.model';
+
+export interface PreferencesData {
+	snap: boolean;
+	gizmos: boolean;
+	guides: boolean;
+	hitArea: boolean;
+	allHitAreasSnapshot: boolean;	// do not save it
+
+	// TODO join these properties
+	leftPanelVisible: boolean;
+	leftPanelSize: string;
+
+	// TODO join these properties
+	rightPanelVisible: boolean;
+	rightPanelSize: string;
+
+	// TODO join these properties
+	responsive: boolean;
+	responsiveSize: Size;
+	responsiveSizeTemplateIndex: number;
+
+	referenceImageVisible: boolean;
+
+}
+
+export type PreferenceKey = keyof PreferencesData;

src/core/preferences.ts → src/core/preferences/preferences.ts

@@ -1,40 +1,15 @@
 import { Size } from 'plugin.model';
-
-export interface PreferencesData {
-	snap: boolean;
-	gizmos: boolean;
-	guides: boolean;
-	hitArea: boolean;
-	allHitAreasSnapshot: boolean;	// do not save it
-
-	// TODO join these properties
-	leftPanelVisible: boolean;
-	leftPanelSize: string;
-
-	// TODO join these properties
-	rightPanelVisible: boolean;
-	rightPanelSize: string;
-
-	// TODO join these properties
-	responsive: boolean;
-	responsiveSize: Size;
-	responsiveSizeTemplateIndex: number;
-
-	referenceImageVisible: boolean;
-
-}
-
-export type PreferenceKey = keyof PreferencesData;
+import { PreferenceKey, PreferencesData } from './preferences.model';
 
 const LS_KEY = '_phred_preferences_';
 
 export class Preferences {
 	public static readonly DefaultResponsiveSize: Readonly<Size> = { width: 450, height: 800 };
+
 	private data: PreferencesData = {
 		snap: true,
 		gizmos: true,
 		guides: false,
-		referenceImageVisible: false,
 		hitArea: false,
 		allHitAreasSnapshot: false,
 		responsive: false,
@@ -46,6 +21,8 @@ export class Preferences {
 
 		rightPanelVisible: true,
 		rightPanelSize: undefined,
+
+		referenceImageVisible: false,
 	};
 
 	public readonly onPreferenceChanged = new Phaser.Signal();

src/editor-view/actions/actions-toolbar.ts

@@ -1,7 +1,7 @@
 import { Action, ActionHandler } from 'core/action-handler';
 import { Actions } from 'core/actions';
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { Widget } from 'editor-view/widget/widget';
 import './actions-toolbar.scss';
 import { ActionButton } from './button/action-button';

src/editor-view/actions/size-templates/size-templates-panel.ts

@@ -1,5 +1,5 @@
 import { Editor } from 'core/editor';
-import { Preferences } from 'core/preferences';
+import { Preferences } from 'core/preferences/preferences';
 import { Size } from 'plugin.model';
 import './size-templates-panel.scss';
 

src/editor-view/panel/panel.ts

@@ -1,5 +1,5 @@
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { DataOrigin } from 'data/editor-data';
 import { Inspector } from 'editor-view/inspector/inspector';
 import { Widget } from 'editor-view/widget/widget';

src/editor-view/panel/resize-handle/panel-resize-handle.ts

@@ -1,5 +1,5 @@
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { PanelSide } from 'types';
 import './panel-resize-handle.scss';
 

src/old-ref-image/reference-image/reference-image-panel.ts

@@ -1,7 +1,7 @@
 import { ActionHandler } from 'core/action-handler';
 import { Actions } from 'core/actions';
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { OldReferenceImage } from 'old-ref-image/reference-image';
 import { ActionButton } from '../../editor-view/actions/button/action-button';
 import './reference-image-panel.scss';

src/scene-view/game-container/game-container.ts

@@ -1,6 +1,6 @@
 import { ActionHandler } from 'core/action-handler';
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { PluginConfig, Size } from 'plugin.model';
 import { GameParent } from 'scene-view/game-parent/game-parent';
 import { SelectionArea } from 'scene-view/selection-area/selection-area';

src/scene-view/selection-area/selection-area.ts

@@ -1,5 +1,5 @@
 import { Editor } from 'core/editor';
-import { PreferenceKey } from 'core/preferences';
+import { PreferenceKey } from 'core/preferences/preferences.model';
 import { PluginConfig } from 'plugin.model';
 import { Gizmo, GIZMO_MOVE, GIZMO_SCALE } from './gizmos/gizmo';
 import { SelectionGizmo } from './gizmos/selection-gizmo';