!!! FEATURE: Separate properties and references in clientEval

Classes/Domain/Service/NodePropertyConverterService.php

@@ -165,7 +165,7 @@ private function getProperty(Node $node, string $propertyName): mixed
     }
 
     /**
-     * Get all properties and references stuff reduced to simple type (no objects) representations in an array
+     * Get all properties information reduced to simple type (no objects) representations in an array
      *
      * @param Node $node
      * @return array<string,mixed>
@@ -181,10 +181,23 @@ public function getPropertiesArray(Node $node)
 
             $properties[$propertyName] = $this->getProperty($node, $propertyName);
         }
+        return $properties;
+    }
+
+    /**
+     * Get all references information reduced to simple type (no objects) representations in an array
+     *
+     * @param Node $node
+     * @return array<string,mixed>
+     */
+    public function getReferencesArray(Node $node)
+    {
+        $references = [];
+
         foreach ($this->getNodeType($node)->getReferences() as $referenceName => $_) {
-            $properties[$referenceName] = $this->getReference($node, $referenceName);
+            $references[$referenceName] = $this->getReference($node, $referenceName);
         }
-        return $properties;
+        return $references;
     }
 
     /**

Classes/Fusion/Helper/NodeInfoHelper.php

@@ -141,6 +141,7 @@ public function renderNodeWithPropertiesAndChildrenInformation(
 
         $nodeInfo = $this->getBasicNodeInformation($node);
         $nodeInfo['properties'] = $this->nodePropertyConverterService->getPropertiesArray($node);
+        $nodeInfo['references'] = $this->nodePropertyConverterService->getReferencesArray($node);
         $nodeInfo['tags'] = $node->tags;
         $nodeInfo['isFullyLoaded'] = true;
 

packages/neos-ts-interfaces/src/index.ts

@@ -69,6 +69,9 @@ export interface Node {
     properties: {
         [propName: string]: any;
     };
+    references: {
+        [referenceName: string]: any;
+    };
     isFullyLoaded: boolean;
     uri: string;
     parent: NodeContextPath;
@@ -142,7 +145,26 @@ export interface PropertyConfiguration {
         [propName: string]: ValidatorConfiguration | undefined;
     };
 }
-
+export interface ReferencesConfiguration {
+    type?: string;
+    ui?: {
+        label?: string;
+        reloadIfChanged?: boolean;
+        inspector?: {
+            hidden?: boolean;
+            editor?: string;
+            editorOptions?: {
+                [propName: string]: any;
+            }
+            group?: string;
+            position?: number | string;
+        };
+        help?: {
+            message?: string;
+            thumbnail?: string;
+        };
+    };
+}
 export interface NodeType {
     name?: string;
     superTypes: {
@@ -215,6 +237,9 @@ export interface NodeType {
     properties?: {
         [propName: string]: PropertyConfiguration | undefined;
     };
+    references?: {
+        [referenceName: string]: ReferencesConfiguration | undefined;
+    };
 }
 
 //

packages/neos-ui-contentrepository/src/registry/NodeTypesRegistry.ts

@@ -191,6 +191,9 @@ export default class NodeTypesRegistry extends SynchronousRegistry<NodeType> {
         const _properties = Object.values(withId(nodeType.properties || {}));
         const properties = positionalArraySorter(_properties, 'position', 'id');
 
+        const _references = Object.values(withId(nodeType.references || {}));
+        const references = positionalArraySorter(_references, 'position', 'id');
+
         const viewConfiguration = {
             tabs: tabs.map(tab => ({
                 ...tab,
@@ -215,6 +218,19 @@ export default class NodeTypesRegistry extends SynchronousRegistry<NodeType> {
                                     helpThumbnail: property.ui?.help?.thumbnail
                                 })
                             ),
+                        ...references.filter(p => p.ui?.inspector?.group === group.id)
+                                .map(reference => ({
+                                    type: 'editor',
+                                    id: reference.id,
+                                    label: reference.ui?.label,
+                                    editor: reference.ui?.inspector?.editor,
+                                    editorOptions: reference.ui?.inspector?.editorOptions,
+                                    position: reference.ui?.inspector?.position,
+                                    hidden: reference.ui?.inspector?.hidden,
+                                    helpMessage: reference.ui?.help?.message,
+                                    helpThumbnail: reference.ui?.help?.thumbnail
+                                })
+                            ),
                         ...views.filter(v => v.group === group.id)
                                 .map(property => ({
                                     type: 'view',

packages/neos-ui/src/Containers/RightSideBar/Inspector/InspectorEditorEnvelope/index.js

@@ -67,8 +67,7 @@ export default class InspectorEditorEnvelope extends PureComponent {
         //
         // nodeType needs to be read directly from node
         //
-        const sourceValueRaw = id === '_nodeType' ? node?.nodeType : node?.properties?.[id];
-        const sourceValue = sourceValueRaw;
+        const sourceValue = id === '_nodeType' ? node?.nodeType : (node?.references?.[id] ? node?.references?.[id] : node?.properties?.[id]);
         const transientValue = transientValueRaw;
 
         return (