[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_271":-5,"_274":275,"_276":277},"routes/shell",{"_40":41,"_270":-5,"_271":-5,"_272":273},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","2e24cd12e626a7f14aac9880ab3b8ec90e400a4e","path","apps/app/src/layout/use-dnd.ts","oid","46113ae74b00a83f2c34308fcee9ce751020267c","size",7853,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { type PointerEvent, useEffect, useEffectEvent, useRef, useState } from \"react\";\n\nimport * as Split from \"@ace/split-tabs\";\n\nexport type DndDrop =\n\t| { kind: \"pane\"; pane: string; side?: Split.Side; valid: boolean }\n\t| { kind: \"tab\"; pane: string; before: string }\n\t| { kind: \"bar\"; pane: string };\n\nexport type DndDrag = {\n\tuid: string;\n\tx: number;\n\ty: number;\n};\n\ntype Press = {\n\tuid: string;\n\tpane: string;\n\tpointer: number;\n\tx: number;\n\ty: number;\n\tstarted: boolean;\n};\n\nconst DISTANCE = 4;\nconst SHIFT = 10;\nconst EDGE = 0.25;\nconst MIN = 80;\n\nfunction translate(x: number, y: number) {\n\treturn `translate3d(${x + SHIFT}px, ${y + SHIFT}px, 0)`;\n}\n\nfunction same(a: DndDrop | undefined, b: DndDrop | undefined) {\n\tif (!a || !b) return a === b;\n\tif (a.kind !== b.kind || a.pane !== b.pane) return false;\n\tif (a.kind === \"pane\" && b.kind === \"pane\") return a.side === b.side && a.valid === b.valid;\n\tif (a.kind === \"tab\" && b.kind === \"tab\") return a.before === b.before;\n\treturn true;\n}\n\nfunction edge(rect: DOMRect, x: number, y: number): Split.Side | undefined {\n\tconst left = x - rect.left;\n\tconst top = y - rect.top;\n\tif (left < 0 || left > rect.width || top < 0 || top > rect.height) return undefined;\n\n\tconst xedge = Math.max(MIN, rect.width * EDGE);\n\tconst yedge = Math.max(MIN, rect.height * EDGE);\n\n\tif (left < xedge) return \"left\";\n\tif (left > rect.width - xedge) return \"right\";\n\tif (top < yedge) return \"top\";\n\tif (top > rect.height - yedge) return \"bottom\";\n\treturn undefined;\n}\n\nfunction closest(list: Element[], selector: string): HTMLElement | undefined {\n\tfor (const element of list) {\n\t\tconst match = element.closest(selector);\n\t\tif (match) return match;\n\t}\n}\n\nfunction home(state: Split.State, item: Press, pane: string) {\n\tconst host = Split.host(state, item.uid);\n\treturn host?.uid === pane ? host : undefined;\n}\n\nfunction still(pane: Split.Pane, uid: string, before?: string) {\n\tif (before === uid) return true;\n\tif (before) return pane.tabs[pane.tabs.indexOf(uid) + 1] === before;\n\treturn pane.tabs.at(-1) === uid;\n}\n\nexport function useDnd(\n\tapi: Split.Api,\n\tflat: boolean,\n\tfit: Split.Fit,\n) {\n\tconst [drag, setDrag] = useState();\n\tconst [drop, setDrop] = useState();\n\tconst press = useRef(undefined);\n\tconst preview = useRef(null);\n\tconst skip = useRef(false);\n\tconst mode = useRef(flat);\n\tconst data = useRef(fit);\n\n\tuseEffect(() => {\n\t\tmode.current = flat;\n\t\tdata.current = fit;\n\t}, [flat, fit]);\n\n\tfunction target(x: number, y: number, item: Press | undefined): DndDrop | undefined {\n\t\tconst state = api.get();\n\t\tconst stack = document.elementsFromPoint(x, y);\n\t\tconst tab = closest(stack, \"[data-layout-tab]\");\n\t\tlet pane = tab?.dataset.layoutPane;\n\t\tconst before = tab?.dataset.layoutTab;\n\t\tif (pane && before) {\n\t\t\tconst own = item ? home(state, item, pane) : undefined;\n\t\t\tif (item && own && still(own, item.uid, before)) return undefined;\n\n\t\t\treturn { kind: \"tab\", pane, before };\n\t\t}\n\n\t\tconst bar = closest(stack, \"[data-layout-tabs]\");\n\t\tpane = bar?.dataset.layoutPane;\n\t\tif (pane) {\n\t\t\tconst own = item ? home(state, item, pane) : undefined;\n\t\t\tif (item && own && still(own, item.uid)) return undefined;\n\n\t\t\treturn { kind: \"bar\", pane };\n\t\t}\n\n\t\tconst zone = closest(stack, \"[data-layout-zone]\");\n\t\tpane = zone?.dataset.layoutPane;\n\t\tif (!zone || !pane) return undefined;\n\n\t\tconst side = item ? edge(zone.getBoundingClientRect(), x, y) : undefined;\n\t\tconst own = item ? home(state, item, pane) : undefined;\n\t\tif (!side || !item) return own ? undefined : { kind: \"pane\", pane, side, valid: true };\n\t\tif (own?.tabs.length === 1) return undefined;\n\n\t\tconst move = { tab: item.uid, to: { pane, side } };\n\t\tconst valid = Split.can(state, { ...data.current, move });\n\t\treturn { kind: \"pane\", pane, side, valid };\n\t}\n\n\tfunction mark(next: DndDrop | undefined) {\n\t\tsetDrop(prev => same(prev, next) ? prev : next);\n\t}\n\n\tfunction nudge(x: number, y: number) {\n\t\tconst node = preview.current;\n\t\tif (node) node.style.transform = translate(x, y);\n\t}\n\n\tfunction previewRef(node: HTMLDivElement | null) {\n\t\tpreview.current = node;\n\t}\n\n\tfunction shift(id: number, x: number, y: number) {\n\t\tconst item = press.current;\n\t\tif (!item || item.pointer !== id) return false;\n\n\t\tif (!item.started) {\n\t\t\tconst dx = x - item.x;\n\t\t\tconst dy = y - item.y;\n\t\t\tif (Math.hypot(dx, dy) < DISTANCE) return false;\n\n\t\t\titem.started = true;\n\t\t\twindow.getSelection()?.removeAllRanges();\n\t\t\tsetDrag({ uid: item.uid, x: x + SHIFT, y: y + SHIFT });\n\t\t}\n\n\t\tnudge(x, y);\n\t\tmark(target(x, y, item));\n\t\treturn true;\n\t}\n\n\tfunction abort(id?: number) {\n\t\tconst item = press.current;\n\t\tif (id !== undefined && item?.pointer !== id) return false;\n\n\t\tpress.current = undefined;\n\t\tskip.current = false;\n\t\tsetDrag(undefined);\n\t\tmark(undefined);\n\t\treturn !!item;\n\t}\n\n\tfunction finish(id: number, x: number, y: number) {\n\t\tconst item = press.current;\n\t\tif (!item || item.pointer !== id) return false;\n\n\t\tpress.current = undefined;\n\t\tif (!item.started) return true;\n\n\t\t// Suppress the synthetic click that fires after pointerup so a drag-release\n\t\t// over a tab doesn't also trigger its onClick selection. Clears on the next tick.\n\t\tskip.current = true;\n\t\tsetTimeout(() => {\n\t\t\tskip.current = false;\n\t\t});\n\t\tconst next = target(x, y, item);\n\t\tsetDrag(undefined);\n\t\tmark(undefined);\n\n\t\tif (!next) return true;\n\t\tif (next.kind === \"pane\" && next.side && !next.valid) return true;\n\t\tif (next.kind === \"tab\") {\n\t\t\tapi.move({ tab: item.uid, to: { pane: next.pane, before: next.before }, fit: data.current });\n\t\t} else if (next.kind === \"bar\" || !next.side || mode.current) {\n\t\t\tapi.move({ tab: item.uid, to: { pane: next.pane }, fit: data.current });\n\t\t} else {\n\t\t\tapi.move({ tab: item.uid, to: { pane: next.pane, side: next.side }, fit: data.current });\n\t\t}\n\t\treturn true;\n\t}\n\n\tconst move = useEffectEvent((event: globalThis.PointerEvent) => {\n\t\tif (shift(event.pointerId, event.clientX, event.clientY)) event.preventDefault();\n\t});\n\tconst up = useEffectEvent((event: globalThis.PointerEvent) => {\n\t\tif (finish(event.pointerId, event.clientX, event.clientY)) event.preventDefault();\n\t});\n\tconst cancel = useEffectEvent(abort);\n\n\tuseEffect(() => {\n\t\tconst scope = new AbortController();\n\t\tconst capture = { capture: true, signal: scope.signal };\n\t\tconst options = { signal: scope.signal };\n\n\t\tfunction cancel(event: globalThis.PointerEvent) {\n\t\t\tif (abort(event.pointerId)) event.preventDefault();\n\t\t}\n\n\t\tfunction leave(event: globalThis.PointerEvent) {\n\t\t\tconst { clientX, clientY } = event;\n\t\t\tif (clientX <= 0 || clientY <= 0 || clientX >= innerWidth || clientY >= innerHeight) abort();\n\t\t}\n\n\t\tfunction stop() {\n\t\t\tabort();\n\t\t}\n\n\t\tfunction key(event: KeyboardEvent) {\n\t\t\tif (event.key === \"Escape\" && abort()) event.preventDefault();\n\t\t}\n\n\t\tfunction visible() {\n\t\t\tif (document.visibilityState !== \"visible\") abort();\n\t\t}\n\n\t\tdocument.addEventListener(\"pointermove\", move, capture);\n\t\tdocument.addEventListener(\"pointerup\", up, capture);\n\t\tdocument.addEventListener(\"pointercancel\", cancel, capture);\n\t\tdocument.documentElement.addEventListener(\"pointerleave\", leave, options);\n\t\tdocument.addEventListener(\"keydown\", key, options);\n\t\tdocument.addEventListener(\"visibilitychange\", visible, options);\n\t\twindow.addEventListener(\"blur\", stop, options);\n\n\t\treturn () => scope.abort();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (flat) cancel();\n\t}, [flat]);\n\n\tfunction start(event: PointerEvent, uid: string, pane: string) {\n\t\tif (flat || !event.isPrimary || event.button !== 0) return;\n\n\t\tpress.current = {\n\t\t\tuid,\n\t\t\tpane,\n\t\t\tpointer: event.pointerId,\n\t\t\tx: event.clientX,\n\t\t\ty: event.clientY,\n\t\t\tstarted: false,\n\t\t};\n\t}\n\n\tfunction consume() {\n\t\tif (!skip.current) return false;\n\t\tskip.current = false;\n\t\treturn true;\n\t}\n\n\treturn {\n\t\tdrag,\n\t\tdrop,\n\t\tconsume,\n\t\tpreview: previewRef,\n\t\tstart,\n\t};\n}\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[226,227,228,229,230,231,232,233,234,235,236,237,238],"navigation",{"_54":55,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_42":31,"_180":166,"_181":31,"_48":49,"_50":49},"branches",[81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],"tags",[69,70,71,72,73,74,75,76,77,78,79,80],"cloneUrl","https://git.nexthub.sh/githubnext/ace2.git","desktop-canary-v0.0.10","desktop-canary-v0.0.11","desktop-canary-v0.0.12","desktop-canary-v0.0.13","desktop-canary-v0.0.14","desktop-canary-v0.0.15","desktop-canary-v0.0.16","desktop-canary-v0.0.18","desktop-canary-v0.0.21","desktop-canary-v0.0.7","desktop-canary-v0.0.8","desktop-canary-v0.0.9","amber-beacon/composer-effort","brisk-ember/github-avatars","brisk-grove/image-paste-91","calm-anchor/fix-streaming-draft-overlap","calm-grove/composer-agent-mode","cloud-pilot-ops/canary-0-0-17","cloud-pilot-ops/cloud-move","cloud-pilot-ops/cloud-pilot","codex/agentation-shortcut","codex/annotation-polish","codex/browser-pages","codex/canary-0-0-21","codex/canary-0.0.11","codex/channel-delete-close","codex/channel-watch-recovery","codex/clipboard-files-write","codex/composer-coordinate-check","codex/computer-use-validation","codex/desktop-actions","codex/desktop-app-search","codex/desktop-app-state","codex/desktop-availability","codex/desktop-click-variants","codex/desktop-clipboard","codex/desktop-clipboard-files","codex/desktop-clipboard-image","codex/desktop-clipboard-image-write","codex/desktop-clipboard-text","codex/desktop-drag","codex/desktop-keyboard","codex/desktop-launch","codex/desktop-locked-feedback","codex/desktop-menu-command","codex/desktop-menu-inventory","codex/desktop-minimize","codex/desktop-open","codex/desktop-pointer","codex/desktop-quit","codex/desktop-selection-keys","codex/desktop-tool-guidance","codex/desktop-tools-extraction","codex/desktop-window-close","codex/desktop-window-geometry","codex/desktop-windows","codex/dev-permission-identity","codex/durable-composer-drafts","codex/fix-message-clipping","codex/lane-base-96","codex/native-patch-prefix","codex/peekaboo","codex/peer-channel-messaging","codex/pixel-snapshot-authority","codex/publish-canary-0-0-21","codex/readme-security","codex/settings-refresh","codex/stale-click-refusal","codex/tab-renaming-api","codex/team-agent-access","codex/team-channel-sections","codex/team-dogfood-integration","codex/webkit-coordinate-window","codex/webkit-desktop-focus","deft-beacon/helper-isolation","deft-grove/align-avatar-byline","deft-grove/build-canary-0-0-18","deft-grove/canary-github-releases","deft-grove/ship-canary-0-0-18","deft-meadow/details-sidebar","fair-ember/canary-0-0-13","fair-ember/canary-0-0-14","fair-fjord/all-projects","feat/github-cache","feat/rebuild","fix/channel-credentials","glad-anchor/restore-message-queue","glad-ember/archive-inactive-channels","glad-fjord/project-identity","glad-orbit/channel-progress","glad-ridge/terminal-replay-input","hazy-anchor/github-row-actions","hazy-ember/channel-access-toggles","hazy-grove/all-projects-add-channel","local-project-setup/build-canary-0-0-20","local-project-setup/canary-0-0-20","local-project-setup/local-project-setup","main","mellow-ridge/canary-0-0-16","mellow-ridge/top-bar-drag-area","nimble-cedar/modal-top-offset","nimble-meadow/canary-0-0-15","remote-channel-load/build-canary-0-0-19","remote-channel-load/canary-0-0-19","remote-channel-load/fix-remote-channel-load","description","Ace: a collaborative coding environment on the team's own machines","owner","githubnext","section","","head","empty","pins",[208,209,210],"documents",{"_203":204,"_205":206},"code",{"_199":200,"_201":202},"automations",{"_196":197,"_198":-5},"delivery",{"_194":49,"_195":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_207":206},"total",86,"issue",{"_211":201,"_213":224,"_15":201,"_215":225,"_52":217,"_218":31,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_52":217,"_218":31,"_219":217,"_220":49},{"_211":212,"_213":214,"_15":212,"_215":216,"_52":217,"_218":31,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_52":217,"_218":31,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_52":217,"_218":31,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_52":217,"_218":31,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_52":31,"_218":31,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_52":31,"_218":31,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_52":31,"_218":31,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_52":31,"_218":31,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_52":31,"_218":31,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_52":31,"_218":31,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_52":31,"_218":31,"_219":31},{"_211":245,"_213":246,"_15":245,"_215":247,"_52":31,"_218":31,"_219":31},{"_211":242,"_213":243,"_15":242,"_215":244,"_52":31,"_218":31,"_219":31},{"_211":239,"_213":240,"_15":239,"_215":241,"_52":31,"_218":31,"_219":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794438558736,"sidebar","expanded"]