@fps-games/editor 0.1.4-beta.2 → 0.1.4-beta.3

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

@@ -342,6 +342,67 @@ function readInspectorCommitMode(input) {
 function readRenderingCommitMode(input) {
     return input.dataset.renderingCommitMode ?? 'live';
 }
+function resolveLocalEditorRightDockContentKey(state, tab, inspectorFilter) {
+    if (tab === 'rendering') {
+        const rendering = state.renderingPanel;
+        if (!rendering)
+            return 'rendering:none';
+        return [
+            'rendering',
+            rendering.sections.map(section => [
+                section.id,
+                section.systems.map(system => [
+                    system.id,
+                    system.properties.map(property => property.path).join(','),
+                ].join(':')).join('|'),
+            ].join('=')).join(';'),
+        ].join(':');
+    }
+    const selectionCount = state.selectionSummary?.count ?? state.selectedIds.length;
+    return [
+        'inspector',
+        selectionCount,
+        state.selectionSummary?.activeId ?? state.activeId ?? '',
+        state.selectedIds.join(','),
+        inspectorFilter,
+    ].join(':');
+}
+function findLocalEditorRightDockScrollViewport(tab, inspectorPanel, renderingPanel) {
+    const panel = tab === 'inspector' ? inspectorPanel : renderingPanel;
+    const selector = tab === 'inspector'
+        ? '[data-editor-inspector-scroll-viewport]'
+        : '[data-editor-rendering-scroll-viewport]';
+    return panel.querySelector(selector) ?? panel;
+}
+function captureLocalEditorRightDockScrollSnapshot(state, tab, inspectorFilter, inspectorPanel, renderingPanel) {
+    if (!state || state.mode !== 'editor')
+        return null;
+    const viewport = findLocalEditorRightDockScrollViewport(tab, inspectorPanel, renderingPanel);
+    if (!viewport)
+        return null;
+    const panel = tab === 'inspector' ? inspectorPanel : renderingPanel;
+    return {
+        tab,
+        contentKey: resolveLocalEditorRightDockContentKey(state, tab, inspectorFilter),
+        panelId: panel.dataset.editorPanelId ?? tab,
+        scrollLeft: viewport.scrollLeft,
+        scrollTop: viewport.scrollTop,
+    };
+}
+function restoreLocalEditorRightDockScrollSnapshot(snapshot, state, tab, inspectorFilter, inspectorPanel, renderingPanel) {
+    if (!snapshot || snapshot.tab !== tab || state.mode !== 'editor')
+        return;
+    const panel = tab === 'inspector' ? inspectorPanel : renderingPanel;
+    if ((panel.dataset.editorPanelId ?? tab) !== snapshot.panelId)
+        return;
+    if (resolveLocalEditorRightDockContentKey(state, tab, inspectorFilter) !== snapshot.contentKey)
+        return;
+    const viewport = findLocalEditorRightDockScrollViewport(tab, inspectorPanel, renderingPanel);
+    if (!viewport)
+        return;
+    viewport.scrollLeft = snapshot.scrollLeft;
+    viewport.scrollTop = snapshot.scrollTop;
+}
 function readInspectorImmediateSource(input) {
     if (input instanceof HTMLSelectElement)
         return 'select';
@@ -365,6 +426,49 @@ function readRenderingImmediateSource(input) {
         return 'list';
     return 'input';
 }
+function markLocalEditorKeyboardCommittedValue(input) {
+    input.dataset.editorKeyboardCommittedValue = input.value;
+}
+function consumeLocalEditorKeyboardCommittedValue(input) {
+    const committedValue = input.dataset.editorKeyboardCommittedValue;
+    if (committedValue == null || committedValue !== input.value)
+        return false;
+    delete input.dataset.editorKeyboardCommittedValue;
+    return true;
+}
+function isLocalEditorKeyboardCommitEvent(event, input) {
+    if (event.key !== 'Enter' || event.isComposing)
+        return false;
+    if (input instanceof HTMLTextAreaElement)
+        return event.metaKey || event.ctrlKey;
+    return input instanceof HTMLInputElement;
+}
+function commitLocalEditorInspectorInput(input, callbacks, lockedInspectorVectorGroups) {
+    if (!input.dataset.serializedPath || !input.dataset.serializedTargetId)
+        return false;
+    if (input.type === 'checkbox' || input.type === 'color')
+        return false;
+    const propertyInputs = createInspectorPropertyInputs(input, 'input', lockedInspectorVectorGroups);
+    if (!propertyInputs)
+        return false;
+    applyInspectorLockedVectorInputToDom(input, propertyInputs);
+    markLocalEditorKeyboardCommittedValue(input);
+    for (const propertyInput of propertyInputs)
+        callbacks.onPropertyInput?.(propertyInput);
+    return true;
+}
+function commitLocalEditorRenderingInput(input, callbacks) {
+    if (!input.dataset.editorRenderingProperty)
+        return false;
+    if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'color'))
+        return false;
+    const propertyInput = createRenderingPropertyInput(input, input instanceof HTMLTextAreaElement ? 'list' : 'input');
+    if (!propertyInput)
+        return false;
+    markLocalEditorKeyboardCommittedValue(input);
+    callbacks.onRenderingPropertyChange?.(propertyInput);
+    return true;
+}
 export function captureLocalEditorEditableFocus(doc) {
     const active = doc.activeElement;
     if (!(active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active instanceof HTMLSelectElement)) {
@@ -3247,6 +3351,16 @@ export function createLocalEditorBrowserUi(options = {}) {
             copyTextToClipboard(doc.defaultView, value);
             return;
         }
+        const readonlyCopyButton = target?.closest('[data-editor-inspector-readonly-copy]');
+        if (readonlyCopyButton) {
+            const value = readonlyCopyButton.dataset.editorInspectorReadonlyCopyValue;
+            if (!value)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            copyTextToClipboard(doc.defaultView, value);
+            return;
+        }
         const materialSlotSelectTarget = target?.closest('[data-editor-inspector-material-slot-select]');
         const materialSlotSelectionId = materialSlotSelectTarget?.dataset.editorInspectorMaterialSlotSelect;
         if (materialSlotSelectionId) {
@@ -3292,6 +3406,8 @@ export function createLocalEditorBrowserUi(options = {}) {
         if (input instanceof HTMLInputElement && (input.type === 'text' || input.type === 'number')) {
             if (readInspectorCommitMode(input) !== 'change')
                 return;
+            if (consumeLocalEditorKeyboardCommittedValue(input))
+                return;
         }
         const propertyInputs = createInspectorPropertyInputs(input, readInspectorImmediateSource(input), lockedInspectorVectorGroups);
         if (!propertyInputs)
@@ -3300,12 +3416,23 @@ export function createLocalEditorBrowserUi(options = {}) {
         for (const propertyInput of propertyInputs)
             callbacks.onPropertyInput?.(propertyInput);
     });
+    inspectorPanel.addEventListener('keydown', (event) => {
+        const input = event.target instanceof HTMLInputElement ? event.target : null;
+        if (!input || !isLocalEditorKeyboardCommitEvent(event, input))
+            return;
+        if (!commitLocalEditorInspectorInput(input, callbacks, lockedInspectorVectorGroups))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+    });
     inspectorPanel.addEventListener('focusout', (event) => {
         const input = event.target instanceof HTMLInputElement ? event.target : null;
         if (!input?.dataset.serializedPath || !input.dataset.serializedTargetId)
             return;
         if (readInspectorCommitMode(input) !== 'blur')
             return;
+        if (consumeLocalEditorKeyboardCommittedValue(input))
+            return;
         const propertyInputs = createInspectorPropertyInputs(input, 'input', lockedInspectorVectorGroups);
         if (!propertyInputs)
             return;
@@ -3338,11 +3465,24 @@ export function createLocalEditorBrowserUi(options = {}) {
         if ((input instanceof HTMLInputElement && (input.type === 'text' || input.type === 'number')) || input instanceof HTMLTextAreaElement) {
             if (readRenderingCommitMode(input) !== 'change')
                 return;
+            if (consumeLocalEditorKeyboardCommittedValue(input))
+                return;
         }
         const propertyInput = createRenderingPropertyInput(input, readRenderingImmediateSource(input));
         if (propertyInput)
             callbacks.onRenderingPropertyChange?.(propertyInput);
     });
+    renderingPanel.addEventListener('keydown', (event) => {
+        const input = event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement
+            ? event.target
+            : null;
+        if (!input || !isLocalEditorKeyboardCommitEvent(event, input))
+            return;
+        if (!commitLocalEditorRenderingInput(input, callbacks))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+    });
     renderingPanel.addEventListener('focusout', (event) => {
         const input = event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement
             ? event.target
@@ -3353,6 +3493,8 @@ export function createLocalEditorBrowserUi(options = {}) {
             return;
         if (readRenderingCommitMode(input) !== 'blur')
             return;
+        if (consumeLocalEditorKeyboardCommittedValue(input))
+            return;
         const propertyInput = createRenderingPropertyInput(input, input instanceof HTMLTextAreaElement ? 'list' : 'input');
         if (propertyInput)
             callbacks.onRenderingPropertyChange?.(propertyInput);
@@ -3557,13 +3699,18 @@ export function createLocalEditorBrowserUi(options = {}) {
         };
         renderPreviewState(currentState);
         if (shouldRenderInspectorPreview && panelRegistry.getRightDockTab() === 'inspector') {
+            const rightDockScrollSnapshot = captureLocalEditorRightDockScrollSnapshot(currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel);
             LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, currentState, inspectorFilter, {
                 ...options.inspector,
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
+            restoreLocalEditorRightDockScrollSnapshot(rightDockScrollSnapshot, currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel);
         }
     };
     const render = (state) => {
+        const previousState = currentState;
+        const previousRightTab = panelRegistry.getRightDockTab();
+        const rightDockScrollSnapshot = captureLocalEditorRightDockScrollSnapshot(previousState, previousRightTab, inspectorFilter, inspectorPanel, renderingPanel);
         currentState = state;
         const focusSnapshot = captureLocalEditorEditableFocus(doc);
         const inEditor = state.mode === 'editor';
@@ -3760,6 +3907,7 @@ export function createLocalEditorBrowserUi(options = {}) {
             LocalEditorPanels.renderRenderingPanel(doc, renderingPanel, state);
         }
         restoreLocalEditorEditableFocus(doc, focusSnapshot);
+        restoreLocalEditorRightDockScrollSnapshot(rightDockScrollSnapshot, state, activeRightTab, inspectorFilter, inspectorPanel, renderingPanel);
     };
     return {
         update(state) {