feat: update wired editor extras and selection handling

2026-06-20 15:36:18 +00:00 · 2026-03-22 16:48:51 +01:00
parent ccaec9185e
commit 3e20f65f3a
15 changed files with 956 additions and 1251 deletions
@@ -0,0 +1,47 @@
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Slider, Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredExtraBaseView } from './WiredExtraBaseView';
+
+const MIN_DURATION = 50;
+const MAX_DURATION = 2000;
+const STEP_DURATION = 50;
+const DEFAULT_DURATION = 500;
+
+const normalizeDuration = (value: number) =>
+{
+    if(isNaN(value)) return DEFAULT_DURATION;
+
+    return Math.max(MIN_DURATION, Math.min(MAX_DURATION, Math.round(value / STEP_DURATION) * STEP_DURATION));
+};
+
+export const WiredExtraAnimationTimeView: FC<{}> = () =>
+{
+    const { trigger = null, setIntParams = null, setStringParam = null } = useWired();
+    const [ duration, setDuration ] = useState(DEFAULT_DURATION);
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        setDuration(normalizeDuration((trigger.intData.length > 0) ? trigger.intData[0] : DEFAULT_DURATION));
+    }, [ trigger ]);
+
+    const save = () =>
+    {
+        setIntParams([ normalizeDuration(duration) ]);
+        setStringParam('');
+    };
+
+    return (
+        <WiredExtraBaseView hasSpecialInput={ true } requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save } cardStyle={ { width: 380 } }>
+            <div className="flex flex-col gap-2">
+                <Text bold>{ LocalizeText('wiredfurni.params.anim_time.title') }</Text>
+                <Text>{ LocalizeText('wiredfurni.params.anim_time.description') }</Text>
+                <Text bold>{ LocalizeText('wiredfurni.params.anim_time.value', [ 'ms' ], [ duration.toString() ]) }</Text>
+                <Slider min={ MIN_DURATION } max={ MAX_DURATION } step={ STEP_DURATION } value={ duration } onChange={ value => setDuration(normalizeDuration(Array.isArray(value) ? value[0] : Number(value))) } />
+            </div>
+        </WiredExtraBaseView>
+    );
+};
@@ -0,0 +1,62 @@
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourceOption, WiredSourcesSelector } from '../WiredSourcesSelector';
+import { WiredExtraBaseView } from './WiredExtraBaseView';
+
+const CARRY_MODE_DIRECT = 0;
+const CARRY_MODE_SAME_TILE = 1;
+const SOURCE_ALL_ROOM_USERS = 900;
+
+const USER_SOURCES: WiredSourceOption[] = [
+    { value: SOURCE_ALL_ROOM_USERS, label: 'wiredfurni.params.sources.users.900' },
+    { value: 0, label: 'wiredfurni.params.sources.users.0' },
+    { value: 200, label: 'wiredfurni.params.sources.users.200' },
+    { value: 201, label: 'wiredfurni.params.sources.users.201' }
+];
+
+const normalizeCarryMode = (value: number) => ((value === CARRY_MODE_SAME_TILE) ? CARRY_MODE_SAME_TILE : CARRY_MODE_DIRECT);
+const normalizeUserSource = (value: number) => (USER_SOURCES.some(option => option.value === value) ? value : 0);
+
+export const WiredExtraMoveCarryUsersView: FC<{}> = () =>
+{
+    const { trigger = null, setIntParams = null, setStringParam = null } = useWired();
+    const [ carryMode, setCarryMode ] = useState(CARRY_MODE_DIRECT);
+    const [ userSource, setUserSource ] = useState(0);
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        setCarryMode(normalizeCarryMode((trigger.intData.length > 0) ? trigger.intData[0] : CARRY_MODE_DIRECT));
+        setUserSource(normalizeUserSource((trigger.intData.length > 1) ? trigger.intData[1] : 0));
+    }, [ trigger ]);
+
+    const save = () =>
+    {
+        setIntParams([ normalizeCarryMode(carryMode), normalizeUserSource(userSource) ]);
+        setStringParam('');
+    };
+
+    return (
+        <WiredExtraBaseView
+            hasSpecialInput={ true }
+            requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE }
+            save={ save }
+            cardStyle={ { width: 420 } }
+            footer={ <WiredSourcesSelector showUsers={ true } userSource={ userSource } userSources={ USER_SOURCES } usersTitle="wiredfurni.params.sources.users.title.carry" onChangeUsers={ value => setUserSource(normalizeUserSource(value)) } /> }>
+            <div className="flex flex-col gap-2">
+                <Text bold>{ LocalizeText('wiredfurni.params.carry_mode') }</Text>
+                <label className="flex items-center gap-1 cursor-pointer">
+                    <input checked={ (carryMode === CARRY_MODE_DIRECT) } className="form-check-input" name="wiredCarryMode" type="radio" onChange={ () => setCarryMode(CARRY_MODE_DIRECT) } />
+                    <Text>{ LocalizeText('wiredfurni.params.carry_mode.0') }</Text>
+                </label>
+                <label className="flex items-center gap-1 cursor-pointer">
+                    <input checked={ (carryMode === CARRY_MODE_SAME_TILE) } className="form-check-input" name="wiredCarryMode" type="radio" onChange={ () => setCarryMode(CARRY_MODE_SAME_TILE) } />
+                    <Text>{ LocalizeText('wiredfurni.params.carry_mode.1') }</Text>
+                </label>
+            </div>
+        </WiredExtraBaseView>
+    );
+};
@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredExtraBaseView } from './WiredExtraBaseView';
+
+export const WiredExtraMoveNoAnimationView: FC<{}> = () =>
+{
+    const { setIntParams = null, setStringParam = null } = useWired();
+
+    const save = () =>
+    {
+        setIntParams([]);
+        setStringParam('');
+    };
+
+    return (
+        <WiredExtraBaseView hasSpecialInput={ true } requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save } cardStyle={ { width: 360 } }>
+            <div className="flex flex-col gap-1">
+                <Text bold>{ LocalizeText('wiredfurni.params.mov_no_animation.title') }</Text>
+                <Text>{ LocalizeText('wiredfurni.params.mov_no_animation.description') }</Text>
+            </div>
+        </WiredExtraBaseView>
+    );
+};
@@ -0,0 +1,120 @@
+import { FC, useEffect, useMemo, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourceOption, WiredSourcesSelector } from '../WiredSourcesSelector';
+import { WiredExtraBaseView } from './WiredExtraBaseView';
+
+const SOURCE_ALL_ROOM = 900;
+const DEFAULT_SOURCE = 0;
+
+const FURNI_SOURCES: WiredSourceOption[] = [
+    { value: SOURCE_ALL_ROOM, label: 'wiredfurni.params.sources.furni.900' },
+    { value: 0, label: 'wiredfurni.params.sources.furni.0' },
+    { value: 200, label: 'wiredfurni.params.sources.furni.200' },
+    { value: 201, label: 'wiredfurni.params.sources.furni.201' }
+];
+
+const USER_SOURCES: WiredSourceOption[] = [
+    { value: SOURCE_ALL_ROOM, label: 'wiredfurni.params.sources.users.900' },
+    { value: 0, label: 'wiredfurni.params.sources.users.0' },
+    { value: 200, label: 'wiredfurni.params.sources.users.200' },
+    { value: 201, label: 'wiredfurni.params.sources.users.201' }
+];
+
+const normalizeSource = (value: number, options: WiredSourceOption[]) => (options.some(option => option.value === value) ? value : DEFAULT_SOURCE);
+const getFlag = (value: number) => (value === 1);
+
+export const WiredExtraMovePhysicsView: FC<{}> = () =>
+{
+    const { trigger = null, setIntParams = null, setStringParam = null } = useWired();
+    const [ keepAltitude, setKeepAltitude ] = useState(false);
+    const [ moveThroughFurni, setMoveThroughFurni ] = useState(false);
+    const [ moveThroughUsers, setMoveThroughUsers ] = useState(false);
+    const [ blockByFurni, setBlockByFurni ] = useState(false);
+    const [ moveThroughFurniSource, setMoveThroughFurniSource ] = useState(DEFAULT_SOURCE);
+    const [ blockByFurniSource, setBlockByFurniSource ] = useState(DEFAULT_SOURCE);
+    const [ moveThroughUsersSource, setMoveThroughUsersSource ] = useState(DEFAULT_SOURCE);
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        setKeepAltitude(getFlag(trigger.intData[0] ?? 0));
+        setMoveThroughFurni(getFlag(trigger.intData[1] ?? 0));
+        setMoveThroughUsers(getFlag(trigger.intData[2] ?? 0));
+        setBlockByFurni(getFlag(trigger.intData[3] ?? 0));
+        setMoveThroughFurniSource(normalizeSource((trigger.intData[4] ?? DEFAULT_SOURCE), FURNI_SOURCES));
+        setBlockByFurniSource(normalizeSource((trigger.intData[5] ?? DEFAULT_SOURCE), FURNI_SOURCES));
+        setMoveThroughUsersSource(normalizeSource((trigger.intData[6] ?? DEFAULT_SOURCE), USER_SOURCES));
+    }, [ trigger ]);
+
+    const save = () =>
+    {
+        setIntParams([
+            keepAltitude ? 1 : 0,
+            moveThroughFurni ? 1 : 0,
+            moveThroughUsers ? 1 : 0,
+            blockByFurni ? 1 : 0,
+            normalizeSource(moveThroughFurniSource, FURNI_SOURCES),
+            normalizeSource(blockByFurniSource, FURNI_SOURCES),
+            normalizeSource(moveThroughUsersSource, USER_SOURCES)
+        ]);
+        setStringParam('');
+    };
+
+    const footer = useMemo(() =>
+    {
+        if(!moveThroughFurni && !blockByFurni && !moveThroughUsers) return null;
+
+        return (
+            <div className="flex flex-col gap-3">
+                { moveThroughFurni &&
+                    <WiredSourcesSelector
+                        showFurni={ true }
+                        furniSource={ moveThroughFurniSource }
+                        furniSources={ FURNI_SOURCES }
+                        furniTitle="wiredfurni.params.sources.furni.title.physics.0"
+                        onChangeFurni={ value => setMoveThroughFurniSource(normalizeSource(value, FURNI_SOURCES)) } /> }
+                { blockByFurni &&
+                    <WiredSourcesSelector
+                        showFurni={ true }
+                        furniSource={ blockByFurniSource }
+                        furniSources={ FURNI_SOURCES }
+                        furniTitle="wiredfurni.params.sources.furni.title.physics.1"
+                        onChangeFurni={ value => setBlockByFurniSource(normalizeSource(value, FURNI_SOURCES)) } /> }
+                { moveThroughUsers &&
+                    <WiredSourcesSelector
+                        showUsers={ true }
+                        userSource={ moveThroughUsersSource }
+                        userSources={ USER_SOURCES }
+                        usersTitle="wiredfurni.params.sources.users.title.physics.0"
+                        onChangeUsers={ value => setMoveThroughUsersSource(normalizeSource(value, USER_SOURCES)) } /> }
+            </div>
+        );
+    }, [ blockByFurni, blockByFurniSource, moveThroughFurni, moveThroughFurniSource, moveThroughUsers, moveThroughUsersSource ]);
+
+    return (
+        <WiredExtraBaseView hasSpecialInput={ true } requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save } cardStyle={ { width: 430 } } footer={ footer }>
+            <div className="flex flex-col gap-2">
+                <Text bold>{ LocalizeText('wiredfurni.params.select_options') }</Text>
+                <label className="flex items-center gap-2 cursor-pointer">
+                    <input checked={ keepAltitude } className="form-check-input" type="checkbox" onChange={ event => setKeepAltitude(event.target.checked) } />
+                    <Text>{ LocalizeText('wiredfurni.params.movephysics.keep_altitude') }</Text>
+                </label>
+                <label className="flex items-center gap-2 cursor-pointer">
+                    <input checked={ moveThroughFurni } className="form-check-input" type="checkbox" onChange={ event => setMoveThroughFurni(event.target.checked) } />
+                    <Text>{ LocalizeText('wiredfurni.params.movephysics.move_through_furni') }</Text>
+                </label>
+                <label className="flex items-center gap-2 cursor-pointer">
+                    <input checked={ moveThroughUsers } className="form-check-input" type="checkbox" onChange={ event => setMoveThroughUsers(event.target.checked) } />
+                    <Text>{ LocalizeText('wiredfurni.params.movephysics.move_through_users') }</Text>
+                </label>
+                <label className="flex items-center gap-2 cursor-pointer">
+                    <input checked={ blockByFurni } className="form-check-input" type="checkbox" onChange={ event => setBlockByFurni(event.target.checked) } />
+                    <Text>{ LocalizeText('wiredfurni.params.movephysics.block_by_furni') }</Text>
+                </label>
+            </div>
+        </WiredExtraBaseView>
+    );
+};