merge dev

src/ScriptEditor/ui/ScriptEditorRoot.tsx

@@ -15,7 +15,7 @@ import { TextFile } from "../../TextFile";
 import { calculateRamUsage } from "../../Script/RamCalculations";
 import { RamCalculationErrorCode } from "../../Script/RamCalculationErrorCodes";
 import { numeralWrapper } from "../../ui/numeralFormat";
-import { CursorPositions } from "../../ScriptEditor/CursorPositions";
+import { CursorPositions } from "../CursorPositions";
 import { libSource } from "../NetscriptDefinitions";
 import { NetscriptFunctions } from "../../NetscriptFunctions";
 import { WorkerScript } from "../../Netscript/WorkerScript";
@@ -201,7 +201,7 @@ export function Root(props: IProps): React.ReactElement {
   }
 
   function onFilenameChange(event: React.ChangeEvent<HTMLInputElement>): void {
-    lastFilename = filename;
+    lastFilename = event.target.value;
     setFilename(event.target.value);
   }
 
@@ -296,8 +296,13 @@ export function Root(props: IProps): React.ReactElement {
   return (
     <>
       <Box display="flex" flexDirection="row" alignItems="center">
-        <Typography>Script name: </Typography>
+        <TextField
-        <TextField type="text" tabIndex={1} value={filename} onChange={onFilenameChange} />
+          type="text"
+          tabIndex={1}
+          value={filename}
+          onChange={onFilenameChange}
+          InputProps={{ startAdornment: <Typography>Script&nbsp;name:&nbsp;</Typography> }}
+        />
         <IconButton onClick={() => setOptionsOpen(true)}>
           <>
             <SettingsIcon />

src/Sidebar/ui/SidebarRoot.tsx

@@ -168,7 +168,7 @@ export function SidebarRoot(props: IProps): React.ReactElement {
     if (flashTerminal) iTutorialNextStep();
   }
 
-  function clickCreateScripts(): void {
+  function clickScriptEditor(): void {
     props.router.toScriptEditor();
   }
 
@@ -278,7 +278,7 @@ export function SidebarRoot(props: IProps): React.ReactElement {
         clickStats();
       } else if (event.keyCode === KEY.E && event.altKey) {
         event.preventDefault();
-        clickCreateScripts();
+        clickScriptEditor();
       } else if (event.keyCode === KEY.S && event.altKey) {
         event.preventDefault();
         clickActiveScripts();
@@ -371,18 +371,18 @@ export function SidebarRoot(props: IProps): React.ReactElement {
             <ListItem
               classes={{ root: classes.listitem }}
               button
-              key={"Create Scripts"}
+              key={"Script Editor"}
               className={clsx({
-                [classes.active]: props.page === Page.CreateScript,
+                [classes.active]: props.page === Page.ScriptEditor,
               })}
-              onClick={clickCreateScripts}
+              onClick={clickScriptEditor}
             >
               <ListItemIcon>
-                <CreateIcon color={props.page !== Page.CreateScript ? "secondary" : "primary"} />
+                <CreateIcon color={props.page !== Page.ScriptEditor ? "secondary" : "primary"} />
               </ListItemIcon>
               <ListItemText>
-                <Typography color={props.page !== Page.CreateScript ? "secondary" : "primary"}>
+                <Typography color={props.page !== Page.ScriptEditor ? "secondary" : "primary"}>
-                  Create Script
+                  Script Editor
                 </Typography>
               </ListItemText>
             </ListItem>

src/engine.tsx

@@ -15,7 +15,7 @@ import { Factions, initFactions } from "./Faction/Factions";
 import { staneksGift } from "./CotMG/Helper";
 import { processPassiveFactionRepGain, inviteToFaction } from "./Faction/FactionHelpers";
 import { Router } from "./ui/GameRoot";
-import { SetupTextEditor } from "./ScriptEditor/ui/Root";
+import { SetupTextEditor } from "./ScriptEditor/ui/ScriptEditorRoot";
 
 import {
   getHackingWorkRepGain,

src/ui/GameRoot.tsx

@@ -50,7 +50,7 @@ import { HacknetRoot } from "../Hacknet/ui/HacknetRoot";
 import { GenericLocation } from "../Locations/ui/GenericLocation";
 import { LocationCity } from "../Locations/ui/City";
 import { ProgramsRoot } from "../Programs/ui/ProgramsRoot";
-import { Root as ScriptEditorRoot } from "../ScriptEditor/ui/Root";
+import { Root as ScriptEditorRoot } from "../ScriptEditor/ui/ScriptEditorRoot";
 import { MilestonesRoot } from "../Milestones/ui/MilestonesRoot";
 import { TerminalRoot } from "../Terminal/ui/TerminalRoot";
 import { TutorialRoot } from "../Tutorial/ui/TutorialRoot";
@@ -237,7 +237,7 @@ export function GameRoot({ player, engine, terminal }: IProps): React.ReactEleme
     toScriptEditor: (fn: string, c: string) => {
       filename = fn;
       code = c;
-      setPage(Page.CreateScript);
+      setPage(Page.ScriptEditor);
     },
     toSleeves: () => setPage(Page.Sleeves),
     toStockMarket: () => setPage(Page.StockMarket),
@@ -313,7 +313,7 @@ export function GameRoot({ player, engine, terminal }: IProps): React.ReactEleme
                 <CharacterStats />
               ) : page === Page.StaneksGift ? (
                 <StaneksGiftRoot staneksGift={staneksGift} />
-              ) : page === Page.CreateScript ? (
+              ) : page === Page.ScriptEditor ? (
                 <ScriptEditorRoot filename={filename} code={code} player={player} router={Router} />
               ) : page === Page.ActiveScripts ? (
                 <ActiveScriptsRoot workerScripts={workerScripts} />

src/ui/Router.ts

@@ -13,7 +13,7 @@ export enum Page {
   City,
   Corporation,
   CreateProgram,
-  CreateScript,
+  ScriptEditor,
   DevMenu,
   Faction,
   Factions,