@fps-games/editor 0.1.7-beta.3 → 0.1.7

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-panels.js

@@ -2794,9 +2794,16 @@ function createInspectorMaterialSlotListItem(doc, item, labels) {
     appendMaterialSlotListDetailRow(doc, content, labels.material, item.materialMeta || item.materialAssetId || item.materialLabel || '');
     appendMaterialSlotListDetailRow(doc, content, labels.slotId, item.slotId ?? '');
     appendMaterialSlotListDetailRow(doc, content, labels.ownerNodePath, item.ownerNodePath ?? '');
-    appendMaterialSlotListDetailRow(doc, content, labels.sourceMaterial, [item.sourceMaterialIndex == null ? '' : `#${item.sourceMaterialIndex}`, item.sourceMaterialName ?? '']
+    appendMaterialSlotListDetailRow(doc, content, labels.primitive, formatMaterialSlotPrimitiveDetail(item));
+    appendMaterialSlotListDetailRow(doc, content, labels.sourceMaterial, [
+        item.sourceMaterialIndex == null ? '' : `#${item.sourceMaterialIndex}`,
+        item.sourceMaterialName ?? '',
+        item.materialNames && item.materialNames.length > 1 ? `(${item.materialNames.join(', ')})` : '',
+    ]
         .filter(Boolean)
         .join(' '));
+    appendMaterialSlotListDetailRow(doc, content, labels.triangles, item.triangleCount == null ? '' : String(item.triangleCount));
+    appendMaterialSlotListDetailRow(doc, content, labels.bounds, formatMaterialSlotBounds(item.boundingBox));
     appendMaterialSlotListDetailRow(doc, content, labels.bindingPath, item.bindingPath ?? '');
     details.appendChild(content);
     return details;
@@ -2848,6 +2855,10 @@ function readInspectorMaterialSlotListItem(value) {
     if (!key || !label)
         return null;
     const sourceMaterialIndex = value.sourceMaterialIndex;
+    const nodeIndex = value.nodeIndex;
+    const meshIndex = value.meshIndex;
+    const primitiveIndex = value.primitiveIndex;
+    const triangleCount = value.triangleCount;
     return {
         key,
         label,
@@ -2858,8 +2869,16 @@ function readInspectorMaterialSlotListItem(value) {
         materialLabel: readStringField(value, 'materialLabel') || undefined,
         materialMeta: readStringField(value, 'materialMeta') || undefined,
         materialPreview: isLocalEditorBrowserAssetPreview(value.materialPreview) ? value.materialPreview : undefined,
+        nodeIndex: typeof nodeIndex === 'number' && Number.isFinite(nodeIndex) ? nodeIndex : undefined,
+        nodeIndexPath: readNumberArrayField(value, 'nodeIndexPath'),
+        meshIndex: typeof meshIndex === 'number' && Number.isFinite(meshIndex) ? meshIndex : undefined,
+        primitiveIndex: typeof primitiveIndex === 'number' && Number.isFinite(primitiveIndex) ? primitiveIndex : undefined,
         sourceMaterialIndex: typeof sourceMaterialIndex === 'number' && Number.isFinite(sourceMaterialIndex) ? sourceMaterialIndex : undefined,
+        sourceMaterialIndices: readNumberArrayField(value, 'sourceMaterialIndices'),
         sourceMaterialName: readStringField(value, 'sourceMaterialName') || undefined,
+        materialNames: readStringArrayField(value, 'materialNames'),
+        triangleCount: typeof triangleCount === 'number' && Number.isFinite(triangleCount) ? triangleCount : undefined,
+        boundingBox: readMaterialSlotBoundsField(value, 'boundingBox'),
         bindingPath: readStringField(value, 'bindingPath') || undefined,
     };
 }
@@ -2870,6 +2889,9 @@ function readInspectorMaterialSlotListLabels(property) {
         slotId: readStringField(labels, 'slotId') || 'Slot ID',
         ownerNodePath: readStringField(labels, 'ownerNodePath') || 'Owner Node Path',
         sourceMaterial: readStringField(labels, 'sourceMaterial') || 'Source Material',
+        primitive: readStringField(labels, 'primitive') || 'Primitive',
+        triangles: readStringField(labels, 'triangles') || 'Triangles',
+        bounds: readStringField(labels, 'bounds') || 'Bounds',
         bindingPath: readStringField(labels, 'bindingPath') || 'Binding Path',
     };
 }
@@ -2877,12 +2899,73 @@ function readStringField(record, key) {
     const value = record[key];
     return typeof value === 'string' ? value : '';
 }
+function readStringArrayField(record, key) {
+    const value = record[key];
+    if (!Array.isArray(value))
+        return undefined;
+    const strings = value.filter((item) => typeof item === 'string' && item.length > 0);
+    return strings.length > 0 ? strings : undefined;
+}
+function readNumberArrayField(record, key) {
+    const value = record[key];
+    if (!Array.isArray(value))
+        return undefined;
+    const numbers = value.filter((item) => typeof item === 'number' && Number.isFinite(item));
+    return numbers.length > 0 ? numbers : undefined;
+}
+function readMaterialSlotBoundsField(record, key) {
+    const value = record[key];
+    if (!isRecord(value))
+        return undefined;
+    const min = readMaterialSlotVec3Tuple(value.min);
+    const max = readMaterialSlotVec3Tuple(value.max);
+    if (!min && !max)
+        return undefined;
+    return {
+        ...(min ? { min } : {}),
+        ...(max ? { max } : {}),
+    };
+}
+function readMaterialSlotVec3Tuple(value) {
+    if (!Array.isArray(value) || value.length < 3)
+        return null;
+    const [x, y, z] = value;
+    return typeof x === 'number' && Number.isFinite(x)
+        && typeof y === 'number' && Number.isFinite(y)
+        && typeof z === 'number' && Number.isFinite(z)
+        ? [x, y, z]
+        : null;
+}
+function formatMaterialSlotPrimitiveDetail(item) {
+    const parts = [
+        item.nodeIndex == null ? '' : `node #${item.nodeIndex}`,
+        item.meshIndex == null ? '' : `mesh #${item.meshIndex}`,
+        item.primitiveIndex == null ? '' : `primitive #${item.primitiveIndex}`,
+    ].filter(Boolean);
+    if (item.nodeIndexPath && item.nodeIndexPath.length > 0)
+        parts.push(`path ${item.nodeIndexPath.join('/')}`);
+    return parts.join(' / ');
+}
+function formatMaterialSlotBounds(bounds) {
+    if (!bounds)
+        return '';
+    const min = bounds.min ? bounds.min.join(', ') : '';
+    const max = bounds.max ? bounds.max.join(', ') : '';
+    if (min && max)
+        return `min ${min}; max ${max}`;
+    if (min)
+        return `min ${min}`;
+    if (max)
+        return `max ${max}`;
+    return '';
+}
 const inspectorGroundDecalLayoutImageCache = new Map();
 const INSPECTOR_GROUND_DECAL_LAYOUT_MIN_SIZE = 0.02;
 const INSPECTOR_GROUND_DECAL_LAYOUT_MAX_SIZE = 1.5;
 function createInspectorGroundDecalLayoutControl(doc, _target, property, bindInput) {
     const editable = isInspectorPropertyEditable(property);
     const layers = readInspectorGroundDecalLayoutLayers(property);
+    const previewLayers = readInspectorGroundDecalLayoutPreviewLayers(property, layers);
     const composite = isInspectorGroundDecalLayoutCompositeValue(property.value);
     const textureSize = readInspectorGroundDecalLayoutTextureSize(property.value);
     const mask = readInspectorGroundDecalLayoutMask(property.value);
@@ -2959,10 +3042,13 @@ function createInspectorGroundDecalLayoutControl(doc, _target, property, bindInp
     let previewRenderVersion = 0;
     const renderPreview = () => {
         const version = ++previewRenderVersion;
-        void renderInspectorGroundDecalLayoutPreview(previewCanvas, layers, textureSize, mask, () => version === previewRenderVersion);
+        void renderInspectorGroundDecalLayoutPreview(previewCanvas, previewLayers, textureSize, mask, () => version === previewRenderVersion);
     };
     const updateLayerRect = (layer, rect) => {
         layer.rect = normalizeInspectorGroundDecalLayoutRect(rect);
+        const previewLayer = findInspectorGroundDecalLayoutMatchingLayer(previewLayers, layer);
+        if (previewLayer && previewLayer !== layer)
+            previewLayer.rect = layer.rect;
         const layerFieldInputs = fieldInputsByLayer.get(layer);
         if (layerFieldInputs)
             updateInspectorGroundDecalLayoutFieldInputs(layerFieldInputs, layer.rect);
@@ -3107,6 +3193,20 @@ function readInspectorGroundDecalLayoutLayers(property) {
             zOrder: 0,
         }];
 }
+function readInspectorGroundDecalLayoutPreviewLayers(property, editableLayers) {
+    if (isInspectorGroundDecalLayoutCompositeValue(property.value) && Array.isArray(property.value.previewLayers)) {
+        const previewLayers = property.value.previewLayers
+            .map((layer, fallbackIndex) => readInspectorGroundDecalLayoutLayer(layer, fallbackIndex))
+            .filter((layer) => !!layer);
+        if (previewLayers.length > 0) {
+            return previewLayers.map(layer => findInspectorGroundDecalLayoutMatchingLayer(editableLayers, layer) ?? layer);
+        }
+    }
+    return [...editableLayers];
+}
+function findInspectorGroundDecalLayoutMatchingLayer(layers, target) {
+    return layers.find(layer => layer.id === target.id) ?? layers.find(layer => layer.index === target.index) ?? null;
+}
 function isInspectorGroundDecalLayoutCompositeValue(value) {
     return isRecord(value) && Array.isArray(value.layers);
 }