[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_272":-5,"_275":276,"_277":278},"routes/shell",{"_42":43,"_271":-5,"_272":-5,"_273":274},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":31,"_45":31,"_46":31,"_47":31,"_48":31,"_49":31,"_50":51,"_52":51,"_53":31,"_54":-7,"_55":-7,"_56":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70},"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","908ddbf84c4e24decd84fcaf0f95f30d3226271e","path","packages/ui/src/components/file/file-view.tsx","oid","47ae5d2c28d97427bd40f2d2b3520347bee900f8","size",5819,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { type ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport type { FileContents } from \"@pierre/diffs\";\nimport { File } from \"@pierre/diffs/react\";\n\nimport { cachedFile, fileOptions, highlightFile } from \"../../lib/highlighter\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../ui/button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../ui/tooltip\";\n\nimport { FilePath } from \"../file-path/file-path\";\nimport { FileTree } from \"../file-tree/file-tree\";\nimport { IconFileTree, IconLoader } from \"../../icons\";\n\ntype FileViewProps = Omit, \"children\"> & {\n\tpath: string;\n\tsource?: string;\n\tpending?: boolean;\n\terror?: string;\n\ttreePaths?: string[];\n\ttreePending?: boolean;\n\tonFileSelect?: (path: string, option?: Select) => void;\n};\n\ntype Select = {\n\ttab?: boolean;\n};\n\nfunction contents(path: string, source: string): FileContents {\n\treturn { name: path, contents: source };\n}\n\nfunction useFile(path: string, source: string | undefined, pending: boolean) {\n\tlet [state, setState] = useState<\n\t\t{\n\t\t\tpath: string;\n\t\t\tsource: string;\n\t\t\thtml: string;\n\t\t} | null\n\t>(() => {\n\t\tif (source === undefined) return null;\n\t\tlet file = contents(path, source);\n\t\tlet html = cachedFile(file);\n\t\treturn html ? { path, source, html } : null;\n\t});\n\n\tuseEffect(() => {\n\t\tif (source === undefined) return;\n\t\tlet cancelled = false;\n\t\tlet file = contents(path, source);\n\t\thighlightFile(file).then(html => {\n\t\t\tif (!cancelled) {\n\t\t\t\tsetState(prev =>\n\t\t\t\t\tprev?.path === path && prev.source === source && prev.html === html\n\t\t\t\t\t\t? prev\n\t\t\t\t\t\t: { path, source, html }\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [path, source]);\n\n\tlet file = source === undefined\n\t\t? pending && state\n\t\t\t? contents(state.path, state.source)\n\t\t\t: undefined\n\t\t: contents(path, source);\n\tlet html = source === undefined\n\t\t? pending && state\n\t\t\t? state.html\n\t\t\t: undefined\n\t\t: state?.path === path && state.source === source\n\t\t? state.html\n\t\t: file\n\t\t? cachedFile(file)\n\t\t: undefined;\n\treturn { file, html };\n}\n\nfunction FileContent(\n\t{ path, source, pending = false, error }: Pick<\n\t\tFileViewProps,\n\t\t\"path\" | \"source\" | \"pending\" | \"error\"\n\t>,\n) {\n\tlet { file, html } = useFile(path, source, pending);\n\tlet loading = pending && !file;\n\tlet empty = !loading && !error && source === undefined && !file;\n\treturn (loading\n\t\t? (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t)\n\t\t: error || empty\n\t\t? (\n\t\t\t

\n\t\t\t\t{error ?? \"No file selected\"}\n\t\t\t

\n\t\t)\n\t\t: file\n\t\t? (\n\t\t\t\n\t\t)\n\t\t: null);\n}\n\nfunction FileBrowser(\n\t{ path, treePaths, treePending, onFileSelect }: Pick<\n\t\tFileViewProps,\n\t\t\"path\" | \"treePaths\" | \"treePending\" | \"onFileSelect\"\n\t>,\n) {\n\treturn (treePending && !treePaths?.length\n\t\t? (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t)\n\t\t: treePaths?.length\n\t\t? (\n\t\t\t onFileSelect?.(next)}\n\t\t\t\tonOpenTab={next => onFileSelect?.(next, { tab: true })}\n\t\t\t/>\n\t\t)\n\t\t: (\n\t\t\t

\n\t\t\t\tNo files\n\t\t\t

\n\t\t));\n}\n\nfunction FileView(\n\t{\n\t\tpath,\n\t\tsource,\n\t\tpending = false,\n\t\terror,\n\t\ttreePaths,\n\t\ttreePending = false,\n\t\tonFileSelect,\n\t\tclassName,\n\t\tref,\n\t\t...props\n\t}: FileViewProps,\n) {\n\tlet [tree, setTree] = useState(() => !path);\n\tlet hasTree = treePaths !== undefined || treePending;\n\tlet open = tree && hasTree;\n\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t

\n\t\t\t\t{hasTree && (\n\t\t\t\t\t\n\t\t\t\t\t\t setTree(open => !open)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{tree ? \"Hide file tree\" : \"Show file tree\"}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{open && (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport { FileView };\nexport type { FileViewProps };\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","organization",true,"site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[227,228,229,230,231,232,233,234,235,236,237,238,239],"navigation",{"_56":57,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"sources",[],"viewer","meta",{"_176":177,"_178":179,"_180":181,"_44":31,"_182":168,"_183":31,"_50":51,"_52":51},"branches",[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,174,175],"tags",[71,72,73,74,75,76,77,78,79,80,81,82],"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",[210,211,212],"documents",{"_205":206,"_207":208},"code",{"_201":202,"_203":204},"automations",{"_198":199,"_200":-5},"delivery",{"_196":51,"_197":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_209":208},"total",86,"issue",{"_213":203,"_215":225,"_15":203,"_217":226,"_54":41,"_219":31,"_220":41,"_221":204},{"_213":222,"_215":223,"_15":222,"_217":224,"_54":41,"_219":31,"_220":41,"_221":51},{"_213":214,"_215":216,"_15":214,"_217":218,"_54":41,"_219":31,"_220":41,"_221":208},"id","issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_213":203,"_215":225,"_15":203,"_217":270,"_54":41,"_219":31,"_220":41},{"_213":222,"_215":223,"_15":222,"_217":269,"_54":41,"_219":31,"_220":41},{"_213":214,"_215":216,"_15":214,"_217":268,"_54":41,"_219":31,"_220":41},{"_213":265,"_215":266,"_15":265,"_217":267,"_54":31,"_219":31,"_220":41},{"_213":262,"_215":263,"_15":262,"_217":264,"_54":31,"_219":31,"_220":41},{"_213":198,"_215":260,"_15":190,"_217":261,"_54":31,"_219":31,"_220":41},{"_213":200,"_215":257,"_15":258,"_217":259,"_54":31,"_219":31,"_220":41},{"_213":196,"_215":255,"_15":196,"_217":256,"_54":31,"_219":31,"_220":41},{"_213":251,"_215":252,"_15":253,"_217":254,"_54":31,"_219":31,"_220":41},{"_213":186,"_215":249,"_15":186,"_217":250,"_54":31,"_219":31,"_220":31},{"_213":246,"_215":247,"_15":246,"_217":248,"_54":31,"_219":31,"_220":31},{"_213":243,"_215":244,"_15":243,"_217":245,"_54":31,"_219":31,"_220":31},{"_213":240,"_215":241,"_15":240,"_217":242,"_54":31,"_219":31,"_220":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794611977785,"sidebar","expanded"]