Merge branch 'develop'

Author: PhaserEditor2D

CHANGELOG.MD

@@ -1,5 +1,17 @@
 # Change Log
 
+## v3.66.0 - Jan 11, 2024
+
+* Allows to set a display name to game objects.
+* The display name formatting expression #{x} expands to "x".
+* The display name formatting shows prepends the `TargetActionComp.target` value, if present.
+* Fixes name collision when copying a game objects tree.
+* Fixes duplicating children objects on a tree copy/paste.
+* Fixes getting user components of nested prefabs.
+* Allows user component object formatting.
+* Allow read-only editors.
+* Set read-only to editors of node_module files.
+
 ## v3.65.0 - Dec 13, 2024
 
 * Allows using prefabs and user components from node modules.

source/editor/plugins/colibri/src/ui/controls/TabPane.ts

@@ -509,6 +509,18 @@ namespace colibri.ui.controls {
             }
         }
 
+        setTabReadOnly(labelElement: HTMLElement, readOnly: boolean) {
+
+            if (readOnly) {
+
+                labelElement.classList.add("ReadOnly");
+
+            } else {
+
+                labelElement.classList.remove("ReadOnly");
+            }
+        }
+
         closeTab(content: controls.Control) {
 
             const label = this.getLabelFromContent(content);

source/editor/plugins/colibri/src/ui/ide/EditorPart.ts

@@ -6,6 +6,7 @@ namespace colibri.ui.ide {
 
         private _input: IEditorInput;
         private _dirty: boolean;
+        private _readOnly: boolean;
         private _embeddedMode: boolean;
         private _editorFactory: EditorFactory;
 
@@ -21,6 +22,24 @@ namespace colibri.ui.ide {
             this._editorFactory = factory;
         }
 
+        setReadOnly(readOnly: boolean) {
+
+            this._readOnly = readOnly;
+
+            if (this.isInEditorArea()) {
+
+                const folder = this.getPartFolder();
+                const label = folder.getLabelFromContent(this);
+
+                folder.setTabReadOnly(label, this._readOnly);
+            }
+        }
+
+        isReadOnly() {
+
+            return this._readOnly;
+        }
+
         getEditorFactory() {
 
             return this._editorFactory;
@@ -66,6 +85,13 @@ namespace colibri.ui.ide {
 
         async save() {
 
+            if (this.isReadOnly()) {
+
+                alert("Cannot save, the editor is in read-only mode.'");
+
+                return;
+            }
+
             await this.doSave();
         }
 

source/editor/plugins/colibri/src/ui/ide/FileEditorInputExtension.ts

@@ -18,10 +18,12 @@ namespace colibri.ui.ide {
         }
 
         createEditorInput(state: any): IEditorInput {
+
             return colibri.ui.ide.FileUtils.getFileFromPath(state.filePath);
         }
 
         getEditorInputId(input: core.io.FilePath): string {
+
             return input.getFullName();
         }
     }

source/editor/plugins/colibri/styles/controls.css

@@ -137,6 +137,9 @@
         padding-bottom: 5px;
     }
 
+    .TabPaneLabel.ReadOnly span {
+        opacity: 0.5;
+    }
 
     .TabPaneLabel span {
         margin: 3px 0px 0px 3px;

source/editor/plugins/phasereditor2d.ide/src/IDEPlugin.ts

@@ -77,6 +77,16 @@ namespace phasereditor2d.ide {
             reg.addExtension(new ui.viewers.LibraryFileStyledLabelProviderExtension());
 
             phasereditor2d.files.FilesPlugin.getInstance().setOpenFileAction(file => this.openFileFromFilesView(file));
+
+            colibri.Platform.getWorkbench().eventEditorActivated.addListener(editor => {
+
+                const file = editor.getInput();
+
+                if (file instanceof colibri.core.io.FilePath) {
+
+                    editor.setReadOnly(ide.core.code.isNodeLibraryFile(file));
+                }
+            });
         }
 
         async compileProject() {

source/editor/plugins/phasereditor2d.scene/src/core/json/IObjectData.ts

@@ -6,6 +6,7 @@ namespace phasereditor2d.scene.core.json {
         prefabId?: string;
         components?: string[],
         label: string;
+        displayName?: string;
         unlock?: string[];
         scope?: ui.sceneobjects.ObjectScope;
         private_np?: boolean;

source/editor/plugins/phasereditor2d.scene/src/core/json/SceneFinder.ts

@@ -480,7 +480,10 @@ namespace phasereditor2d.scene.core.json {
 
             if (file) {
 
-                result.push(file);
+                if (!this.isNestedPrefab(prefabId)) {
+
+                    result.push(file);
+                }
 
                 const objData = this.getPrefabData(prefabId);
 

source/editor/plugins/phasereditor2d.scene/src/ui/SceneMaker.ts

@@ -80,15 +80,15 @@ namespace phasereditor2d.scene.ui {
             const selection = alternativeSelection
                 || this._editorScene.getEditor().getSelectedGameObjects();
 
-            const areDropingScriptNodes = dropObjects.filter(obj => obj instanceof sceneobjects.ScriptNode).length === dropObjects.length;
+            const areDroppingScriptNodes = dropObjects.filter(obj => obj instanceof sceneobjects.ScriptNode).length === dropObjects.length;
 
             for (const sprite of selection) {
 
-                const dropTarget = areDropingScriptNodes ? this.findDropScriptTargetParent(sprite) : this.findDropTargetParent(sprite);
+                const dropTarget = areDroppingScriptNodes ? this.findDropScriptTargetParent(sprite) : this.findDropTargetParent(sprite);
 
                 if (dropTarget) {
 
-                    if (areDropingScriptNodes) {
+                    if (areDroppingScriptNodes) {
 
                         dropInObj = dropTarget;
 

source/editor/plugins/phasereditor2d.scene/src/ui/editor/ClipboardManager.ts

@@ -91,9 +91,38 @@ namespace phasereditor2d.scene.ui.editor {
 
             const p = new Phaser.Math.Vector2();
 
-            const gameObjects = this._editor.getSelectedGameObjects();
+            const selection = new Set(this._editor.getSelectedGameObjects());
 
-            for (const obj of gameObjects) {
+            const copyObjects: sceneobjects.ISceneGameObject[] = [];
+
+            // filter off the children of selected parents
+
+            for(const obj of selection) {
+
+                let include = true;
+
+                const objES = obj.getEditorSupport();
+
+                const parents = objES.getAllParents();
+
+                for(const parent of parents) {
+
+                    if (selection.has(parent)) {
+
+                        include = false;
+                        break;
+                    }
+                }
+
+                if (include) {
+
+                    copyObjects.push(obj);
+                }
+            }
+
+            // record game objects positions
+
+            for (const obj of copyObjects) {
 
                 const sprite = obj as unknown as Phaser.GameObjects.Sprite;
 
@@ -111,7 +140,9 @@ namespace phasereditor2d.scene.ui.editor {
                 minY = Math.min(minY, p.y);
             }
 
-            for (const obj of gameObjects) {
+            // serialize objects
+
+            for (const obj of copyObjects) {
 
                 const objData = {} as any;