diff --git a/src/Terminal/commands/ls.tsx b/src/Terminal/commands/ls.tsx index 5cc498308..536af6995 100644 --- a/src/Terminal/commands/ls.tsx +++ b/src/Terminal/commands/ls.tsx @@ -1,9 +1,13 @@ +import { Theme } from "@mui/material/styles"; +import createStyles from "@mui/styles/createStyles"; +import makeStyles from "@mui/styles/makeStyles"; +import { toString } from "lodash"; import React from "react"; -import { ITerminal } from "../ITerminal"; -import { IRouter } from "../../ui/Router"; import { IPlayer } from "../../PersonObjects/IPlayer"; import { BaseServer } from "../../Server/BaseServer"; -import { getFirstParentDirectory, isValidDirectoryPath, evaluateDirectoryPath } from "../../Terminal/DirectoryHelpers"; +import { evaluateDirectoryPath, getFirstParentDirectory, isValidDirectoryPath } from "../../Terminal/DirectoryHelpers"; +import { IRouter } from "../../ui/Router"; +import { ITerminal } from "../ITerminal"; export function ls( terminal: ITerminal, @@ -113,7 +117,51 @@ export function ls( allMessages.sort(); folders.sort(); - function postSegments(segments: string[], style?: any): void { + interface ClickableScriptRowProps { + row: string; + prefix: string; + } + + function ClickableScriptRow({ row, prefix }: ClickableScriptRowProps): React.ReactElement { + const classes = makeStyles((theme: Theme) => + createStyles({ + scriptLinksWrap: { + display: "flex", + color: theme.palette.warning.main, + }, + scriptLink: { + cursor: "pointer", + textDecorationLine: "underline", + paddingRight: "1.15em", + "&:last-child": { padding: 0 }, + }, + }), + )(); + + const rowSplit = row + .split(" ") + .map((x) => x.trim()) + .filter((x) => !!x); + + function onScriptLinkClick(filename: string): void { + if (filename.startsWith("/")) filename = filename.slice(1); + const filepath = terminal.getFilepath(`${prefix}${filename}`); + const code = toString(terminal.getScript(player, filepath)?.code); + router.toScriptEditor({ [filepath]: code }); + } + + return ( + + {rowSplit.map((rowItem) => ( + onScriptLinkClick(rowItem)}> + {rowItem} + + ))} + + ); + } + + function postSegments(segments: string[], style?: any, linked?: boolean): void { const maxLength = Math.max(...segments.map((s) => s.length)) + 1; const filesPerRow = Math.floor(80 / maxLength); for (let i = 0; i < segments.length; i++) { @@ -128,7 +176,11 @@ export function ls( if (!style) { terminal.print(row); } else { - terminal.printRaw({row}); + if (linked) { + terminal.printRaw(); + } else { + terminal.printRaw({row}); + } } } } @@ -139,9 +191,9 @@ export function ls( { segments: allTextFiles }, { segments: allPrograms }, { segments: allContracts }, - { segments: allScripts, style: { color: "yellow", fontStyle: "bold" } }, + { segments: allScripts, style: { color: "yellow", fontStyle: "bold" }, linked: true }, ].filter((g) => g.segments.length > 0); for (let i = 0; i < groups.length; i++) { - postSegments(groups[i].segments, groups[i].style); + postSegments(groups[i].segments, groups[i].style, groups[i].linked); } }