[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":29,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","694ec55894488191b227cb30d1509604","versionInt","title","Elevator Simulator — React (single File App","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\n// Elevator Simulator\n// Requirements implemented from the provided task:\n// - N floors (default 5)\n// - Hall buttons Up/Down (first/last only one)\n// - Cabin panel with floor buttons + current floor indicator\n// - Travel animation: X seconds per floor\n// - Doors: open immediately on arrival, wait Y seconds, close; door animation Z seconds\n// - While moving you can add stops; hall stops only if it matches current travel direction;\n// cabin stops: if on the way -> stop, otherwise queue for later.\n\nconst clampInt = (v, min, max) => {\n const n = Number.parseInt(String(v), 10);\n if (Number.isNaN(n)) return min;\n return Math.min(max, Math.max(min, n));\n};\n\nconst sleep = (ms) => new Promise((r) => setTimeout(r, ms));\n\nexport default function App() {\n // --- Config (bonus: editable) ---\n const [config, setConfig] = useState({\n floors: 5,\n travelSecPerFloor: 2,\n doorAnimSec: 1,\n dwellOpenSec: 3,\n });\n const [draftConfig, setDraftConfig] = useState(config);\n\n // --- Requests ---\n // Hall calls are directional. Cabin calls are just floor selection.\n const [hallUp, setHallUp] = useState(() => new Set());\n const [hallDown, setHallDown] = useState(() => new Set());\n const [cabin, setCabin] = useState(() => new Set());\n\n // Keep first-press time per request to decide what to serve first when idle.\n // Keys:\n // hallUp-3, hallDown-4, cabin-5\n const requestTimesRef = useRef(new Map());\n\n // Primary target allows servicing a first request even if it is a \"down\" call above us (or \"up\" below us)\n // when elevator was idle (task: if idle -> goes to the user).\n const primaryTargetRef = useRef(null); // number | null\n\n // --- Elevator state ---\n const [elevator, setElevator] = useState({\n currentFloor: 1, // last arrived floor\n carFloor: 1, // animated position target (integer floor)\n direction: \"idle\", // 'up' | 'down' | 'idle'\n moving: false,\n moveDurationMs: 0,\n door: \"closed\", // 'closed'|'opening'|'open'|'closing'\n targetFloor: null,\n });\n\n // Keep latest snapshots in refs for async controller.\n const snapshotRef = useRef({ elevator, config, hallUp, hallDown, cabin });\n useEffect(() => {\n snapshotRef.current = { elevator, config, hallUp, hallDown, cabin };\n }, [elevator, config, hallUp, hallDown, cabin]);\n\n const controllerRunId = useRef(0);\n const controllerBusy = useRef(false);\n\n // --- Helpers to manage requests ---\n const markTimeIfAbsent = (key) => {\n const m = requestTimesRef.current;\n if (!m.has(key)) m.set(key, Date.now());\n };\n\n const addHallCall = (floor, dir) => {\n if (dir === \"up\") {\n setHallUp((prev) => {\n if (prev.has(floor)) return prev;\n const next = new Set(prev);\n next.add(floor);\n return next;\n });\n markTimeIfAbsent(`hallUp-${floor}`);\n } else {\n setHallDown((prev) => {\n if (prev.has(floor)) return prev;\n const next = new Set(prev);\n next.add(floor);\n return next;\n });\n markTimeIfAbsent(`hallDown-${floor}`);\n }\n };\n\n const addCabinCall = (floor) => {\n setCabin((prev) => {\n if (prev.has(floor)) return prev;\n const next = new Set(prev);\n next.add(floor);\n return next;\n });\n markTimeIfAbsent(`cabin-${floor}`);\n };\n\n const clearAtFloor = (floor) => {\n // Clear all requests for this floor (arrived -> buttons unlight).\n setHallUp((prev) => {\n if (!prev.has(floor)) return prev;\n const next = new Set(prev);\n next.delete(floor);\n return next;\n });\n setHallDown((prev) => {\n if (!prev.has(floor)) return prev;\n const next = new Set(prev);\n next.delete(floor);\n return next;\n });\n setCabin((prev) => {\n if (!prev.has(floor)) return prev;\n const next = new Set(prev);\n next.delete(floor);\n return next;\n });\n\n const m = requestTimesRef.current;\n m.delete(`hallUp-${floor}`);\n m.delete(`hallDown-${floor}`);\n m.delete(`cabin-${floor}`);\n\n if (primaryTargetRef.current === floor) {\n primaryTargetRef.current = null;\n }\n };\n\n const hasAnyRequests = (snap) =>\n snap.hallUp.size > 0 || snap.hallDown.size > 0 || snap.cabin.size > 0;\n\n const getOldestRequestFloor = () => {\n // Returns {floor, key} | null\n const m = requestTimesRef.current;\n let best = null;\n for (const [key, t] of m.entries()) {\n const parts = key.split(\"-\");\n const floor = Number(parts[1]);\n if (!Number.isFinite(floor)) continue;\n if (best == null || t < best.time) best = { floor, key, time: t };\n }\n return best ? { floor: best.floor, key: best.key } : null;\n };\n\n const getEligibleStops = (snap) => {\n const { direction, currentFloor } = snap.elevator;\n const primary = primaryTargetRef.current;\n\n if (direction === \"up\") {\n const stops = new Set();\n // Cabin floors above\n for (const f of snap.cabin) if (f > currentFloor) stops.add(f);\n // Hall UP calls above\n for (const f of snap.hallUp) if (f > currentFloor) stops.add(f);\n // Primary target regardless of hall direction\n if (primary != null && primary > currentFloor) stops.add(primary);\n return Array.from(stops).sort((a, b) => a - b);\n }\n\n if (direction === \"down\") {\n const stops = new Set();\n for (const f of snap.cabin) if (f < currentFloor) stops.add(f);\n for (const f of snap.hallDown) if (f < currentFloor) stops.add(f);\n if (primary != null && primary < currentFloor) stops.add(primary);\n return Array.from(stops).sort((a, b) => b - a);\n }\n\n return [];\n };\n\n const computeDirectionTo = (fromFloor, toFloor) => {\n if (toFloor > fromFloor) return \"up\";\n if (toFloor < fromFloor) return \"down\";\n return \"idle\";\n };\n\n // --- Motion + doors ---\n const moveTo = async (toFloor, runId) => {\n const snap = snapshotRef.current;\n const from = snap.elevator.currentFloor;\n const delta = Math.abs(toFloor - from);\n const durationMs = Math.round(delta * snap.config.travelSecPerFloor * 1000);\n\n const dir = computeDirectionTo(from, toFloor);\n\n setElevator((e) => ({\n ...e,\n direction: dir === \"idle\" ? e.direction : dir,\n moving: delta > 0,\n moveDurationMs: durationMs,\n carFloor: toFloor,\n targetFloor: toFloor,\n }));\n\n if (delta > 0) {\n await sleep(durationMs);\n if (controllerRunId.current !== runId) return false;\n }\n\n // Arrived\n setElevator((e) => ({\n ...e,\n currentFloor: toFloor,\n moving: false,\n moveDurationMs: 0,\n targetFloor: null,\n }));\n\n return true;\n };\n\n const doorCycle = async (runId) => {\n const { doorAnimSec, dwellOpenSec } = snapshotRef.current.config;\n const doorMs = Math.round(doorAnimSec * 1000);\n const dwellMs = Math.round(dwellOpenSec * 1000);\n\n setElevator((e) => ({ ...e, door: \"opening\" }));\n await sleep(doorMs);\n if (controllerRunId.current !== runId) return false;\n\n setElevator((e) => ({ ...e, door: \"open\" }));\n await sleep(dwellMs);\n if (controllerRunId.current !== runId) return false;\n\n setElevator((e) => ({ ...e, door: \"closing\" }));\n await sleep(doorMs);\n if (controllerRunId.current !== runId) return false;\n\n setElevator((e) => ({ ...e, door: \"closed\" }));\n return true;\n };\n\n // --- Controller loop ---\n const startControllerIfNeeded = async () => {\n if (controllerBusy.current) return;\n\n const snap = snapshotRef.current;\n if (!hasAnyRequests(snap)) return;\n if (snap.elevator.moving) return;\n if (snap.elevator.door !== \"closed\") return;\n\n controllerBusy.current = true;\n const runId = ++controllerRunId.current;\n\n try {\n // eslint-disable-next-line no-constant-condition\n while (true) {\n const s = snapshotRef.current;\n if (controllerRunId.current !== runId) break;\n\n if (!hasAnyRequests(s)) {\n setElevator((e) => ({ ...e, direction: \"idle\" }));\n primaryTargetRef.current = null;\n break;\n }\n\n // If idle: pick the oldest request and make it the primary target.\n if (s.elevator.direction === \"idle\") {\n const oldest = getOldestRequestFloor();\n if (!oldest) break;\n\n const primaryFloor = oldest.floor;\n primaryTargetRef.current = primaryFloor;\n\n const dir = computeDirectionTo(s.elevator.currentFloor, primaryFloor);\n setElevator((e) => ({ ...e, direction: dir === \"idle\" ? \"idle\" : dir }));\n\n // If we're already on that floor: just clear + open doors.\n if (primaryFloor === s.elevator.currentFloor) {\n clearAtFloor(primaryFloor);\n await doorCycle(runId);\n continue;\n }\n }\n\n // Ensure direction is up/down if there is a target\n const s2 = snapshotRef.current;\n const dirNow = s2.elevator.direction;\n if (dirNow === \"idle\") {\n // still idle but had requests (rare), loop again\n continue;\n }\n\n // Determine next stop in the current direction.\n const stops = getEligibleStops(s2);\n if (stops.length === 0) {\n // No more in this direction: complete current assignment, then go idle and pick oldest again.\n primaryTargetRef.current = null;\n setElevator((e) => ({ ...e, direction: \"idle\" }));\n continue;\n }\n\n const nextStop = stops[0];\n\n const okMove = await moveTo(nextStop, runId);\n if (!okMove) break;\n\n // Arrived -> clear all lights for this floor\n clearAtFloor(nextStop);\n\n const okDoor = await doorCycle(runId);\n if (!okDoor) break;\n }\n } finally {\n controllerBusy.current = false;\n }\n };\n\n // Trigger controller when something changes.\n useEffect(() => {\n startControllerIfNeeded();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [hallUp, hallDown, cabin, elevator.moving, elevator.door, elevator.direction, config]);\n\n // --- UI derived ---\n const floorsArr = useMemo(() => {\n const arr = [];\n for (let f = config.floors; f >= 1; f--) arr.push(f);\n return arr;\n }, [config.floors]);\n\n const floorHeight = 72; // px\n const shaftHeight = config.floors * floorHeight;\n\n // car position: bottom aligned (floor 1 at bottom)\n const carTranslateY = (config.floors - elevator.carFloor) * floorHeight;\n\n const doorOpen = elevator.door === \"open\" || elevator.door === \"opening\";\n\n // --- Config apply / reset ---\n const applyConfig = () => {\n const next = {\n floors: clampInt(draftConfig.floors, 2, 30),\n travelSecPerFloor: Math.max(0.2, Number(draftConfig.travelSecPerFloor) || 2),\n doorAnimSec: Math.max(0.2, Number(draftConfig.doorAnimSec) || 1),\n dwellOpenSec: Math.max(0, Number(draftConfig.dwellOpenSec) || 3),\n };\n\n // reset controller and clamp current floor\n controllerRunId.current += 1;\n controllerBusy.current = false;\n primaryTargetRef.current = null;\n\n // Clear requests out of new range\n const maxF = next.floors;\n const filterSet = (setter) => {\n setter((prev) => {\n const filtered = new Set();\n for (const f of prev) if (f >= 1 && f <= maxF) filtered.add(f);\n return filtered;\n });\n };\n filterSet(setHallUp);\n filterSet(setHallDown);\n filterSet(setCabin);\n\n // Clean request times map\n const m = requestTimesRef.current;\n for (const k of Array.from(m.keys())) {\n const parts = k.split(\"-\");\n const f = Number(parts[1]);\n if (!(f >= 1 && f <= maxF)) m.delete(k);\n }\n\n setConfig(next);\n setDraftConfig(next);\n\n setElevator((e) => {\n const cf = Math.min(maxF, Math.max(1, e.currentFloor));\n return {\n ...e,\n currentFloor: cf,\n carFloor: cf,\n direction: \"idle\",\n moving: false,\n door: \"closed\",\n targetFloor: null,\n moveDurationMs: 0,\n };\n });\n };\n\n const resetAll = () => {\n controllerRunId.current += 1;\n controllerBusy.current = false;\n primaryTargetRef.current = null;\n requestTimesRef.current = new Map();\n\n setHallUp(new Set());\n setHallDown(new Set());\n setCabin(new Set());\n setElevator({\n currentFloor: 1,\n carFloor: 1,\n direction: \"idle\",\n moving: false,\n moveDurationMs: 0,\n door: \"closed\",\n targetFloor: null,\n });\n };\n\n return (\n

\n \n\n

\n {/* Building */}\n

Симулятор лифта

\n Нажимайте вызов на этажах (вверх/вниз) и кнопки внутри лифта. Кнопка горит до прибытия лифта.\n

\n\n

\n {/* Floor call buttons */}\n

\n {floorsArr.map((f) => {\n const canUp = f !== config.floors;\n const canDown = f !== 1;\n const upOn = hallUp.has(f);\n const downOn = hallDown.has(f);\n\n return (\n

{f}

\n {canUp ? (\n addHallCall(f, \"up\")}\n title=\"Вызов вверх\"\n >\n ▲\n \n ) : (\n \n )}\n {canDown ? (\n addHallCall(f, \"down\")}\n title=\"Вызов вниз\"\n >\n ▼\n \n ) : (\n \n )}\n

\n\n

\n {elevator.currentFloor === f && (\n \n {elevator.moving ? \"проезжает\" : \"здесь\"}\n \n )}\n

\n );\n })}\n

\n\n {/* Shaft */}\n

\n {Array.from({ length: config.floors - 1 }).map((_, i) => (\n \n ))}\n

\n\n

\n {elevator.door === \"open\"\n ? \"Двери открыты\"\n : elevator.door === \"opening\"\n ? \"Открываем…\"\n : elevator.door === \"closing\"\n ? \"Закрываем…\"\n : elevator.moving\n ? `Едем ${elevator.direction === \"up\" ? \"вверх\" : \"вниз\"}`\n : \"Готов\"}\n

\n\n {/* Cabin panel */}\n

Текущий этаж

{elevator.currentFloor}

Статус

\n \n {elevator.direction === \"idle\" ? \"—\" : elevator.direction === \"up\" ? \"▲\" : \"▼\"}\n \n \n {elevator.door}\n \n

\n\n

Кнопки внутри лифта

\n {Array.from({ length: config.floors }).map((_, idx) => {\n const f = idx + 1;\n const on = cabin.has(f);\n return (\n addCabinCall(f)}\n title={`Ехать на этаж ${f}`}\n >\n {f}\n \n );\n })}\n

\n\n

\n \n

\n Логика: по пути останавливаемся на этажах по текущему направлению, иначе — в очередь.\n

\n\n {/* Config */}\n

Конфиг

Можно менять количество этажей и времена анимаций.

\n\n

\n Этажей (2–30)\n setDraftConfig((c) => ({ ...c, floors: e.target.value }))}\n inputMode=\"numeric\"\n />\n

\n\n

\n Секунд на этаж (перемещение)\n setDraftConfig((c) => ({ ...c, travelSecPerFloor: e.target.value }))}\n inputMode=\"decimal\"\n />\n

\n\n

\n Секунд на анимацию дверей\n setDraftConfig((c) => ({ ...c, doorAnimSec: e.target.value }))}\n inputMode=\"decimal\"\n />\n

\n\n

\n Секунд ожидания с открытыми дверями\n setDraftConfig((c) => ({ ...c, dwellOpenSec: e.target.value }))}\n inputMode=\"decimal\"\n />\n

\n\n

\n \n \n По умолчанию: {config.floors} этажей · {config.travelSecPerFloor}s/этаж · двери {config.doorAnimSec}s · ожидание {config.dwellOpenSec}s\n \n

\n\n

\n Примечание: при применении конфига симулятор перезапускается и очищает запросы вне диапазона этажей.\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","15742413469839401715","traceTime",1778660090242]