From d5520e1f429198fc277b37d090838dfc6fbff668 Mon Sep 17 00:00:00 2001
From: Nilstrieb <nilstrieb@gmail.com>
Date: Thu, 15 Jul 2021 11:44:33 +0200
Subject: [PATCH] oops

---
 ibfi-ts/src/brainfuck/Interpreter.ts |  1 -
 ibfi-ts/src/components/App.tsx       |  2 --
 ibfi-ts/src/components/CodeInput.tsx | 31 ++++++++++++++--------------
 ibfi-ts/src/components/Runner.tsx    |  6 ++----
 ibfi-ts/src/presets.json             |  1 -
 5 files changed, 18 insertions(+), 23 deletions(-)

diff --git a/ibfi-ts/src/brainfuck/Interpreter.ts b/ibfi-ts/src/brainfuck/Interpreter.ts
index 66560f3..0c4b25a 100644
--- a/ibfi-ts/src/brainfuck/Interpreter.ts
+++ b/ibfi-ts/src/brainfuck/Interpreter.ts
@@ -105,7 +105,6 @@ export default class Interpreter {
         }
     }
 
-
     private input() {
         try {
             this._array[this._pointer] = this._inHandler();
diff --git a/ibfi-ts/src/components/App.tsx b/ibfi-ts/src/components/App.tsx
index 13aaad3..edf98c3 100644
--- a/ibfi-ts/src/components/App.tsx
+++ b/ibfi-ts/src/components/App.tsx
@@ -6,7 +6,6 @@ import Runner from "./Runner";
 
 export const OptionContext = React.createContext<CodeOptions>({});
 
-
 function App() {
     const [out, setOut] = useState("");
     const [input, setInput] = useState<[string, CodeOptions]>(["", {}]);
@@ -23,7 +22,6 @@ function App() {
         }
     }
 
-
     const inputHandler = (code: string, options: CodeOptions) => setInput([code, options]);
     return (
         <div className="App-header">
diff --git a/ibfi-ts/src/components/CodeInput.tsx b/ibfi-ts/src/components/CodeInput.tsx
index afa4285..37fa956 100644
--- a/ibfi-ts/src/components/CodeInput.tsx
+++ b/ibfi-ts/src/components/CodeInput.tsx
@@ -14,6 +14,14 @@ interface CodeInputProps {
     input: [string, CodeOptions]
 }
 
+const codeOptions: Array<[string, keyof CodeOptions]> = [
+    ["Minify Code", "minify"],
+    ["Start directly", "directStart"],
+    ["Start in blocking mode", "startSuperSpeed"],
+    ["Breakpoints (•)", "enableBreakpoints"],
+    ["Show ASCII in memory", "asciiView"]
+]
+
 const CodeInput = ({input: [code, options], setInput}: CodeInputProps) => {
     const [fontSize, setFontSize] = useState(40);
 
@@ -33,15 +41,9 @@ const CodeInput = ({input: [code, options], setInput}: CodeInputProps) => {
                     <input type="range" id="bf-input-fontsize-range" onChange={v => setFontSize(+v.target.value)}/>
                 </div>
 
-                <CodeOption displayName="Minify Code" name="minify" options={options} onChange={changeHandler}/>
-                <CodeOption displayName="Start Directly" name="directStart" options={options}
-                            onChange={changeHandler}/>
-                <CodeOption displayName="Start in blocking mode" name="startSuperSpeed" options={options}
-                            onChange={changeHandler}/>
-                <CodeOption displayName="Breakpoints (•)" name="enableBreakpoints" options={options}
-                            onChange={changeHandler}/>
-                <CodeOption displayName="Show ASCII in memory" name="asciiView" options={options}
-                            onChange={changeHandler}/>
+                {codeOptions.map(([display, id]) =>
+                    <CodeOption displayName={display} name={id} options={options} onChange={changeHandler}/>
+                )}
 
             </div>
             <textarea value={code} onChange={e => setInput(e.target.value, options)} style={{fontSize}}
@@ -69,14 +71,13 @@ interface CodeOptionProps {
     onChange: (name: keyof CodeOptions) => (event: ChangeEvent<HTMLInputElement>) => void,
 }
 
-const CodeOption = ({displayName, name, options, onChange}: CodeOptionProps) => {
-    return (
-        <span>
+const CodeOption = ({displayName, name, options, onChange}: CodeOptionProps) => (
+    <span>
         <input type="checkbox" checked={options[name]} id={`input-options-${name}`}
                onChange={onChange(name)}/>
         <label htmlFor={`input-options-${name}`}>{displayName}</label>
-        </span>
-    );
-}
+    </span>
+);
+
 
 export default CodeInput;
\ No newline at end of file
diff --git a/ibfi-ts/src/components/Runner.tsx b/ibfi-ts/src/components/Runner.tsx
index 79e2a59..3ff59e7 100644
--- a/ibfi-ts/src/components/Runner.tsx
+++ b/ibfi-ts/src/components/Runner.tsx
@@ -19,13 +19,11 @@ const Runner = ({setRunning, running, outHandler, code}: RunInfoProps) => {
     const [startTime, setStartTime] = useState(0);
 
     const [, setRerenderNumber] = useState(0);
-    const options = useContext(OptionContext);
-
-
     const rerender = () => setRerenderNumber(n => n + 1);
 
-    const inputArea = useRef<HTMLTextAreaElement>(null);
+    const options = useContext(OptionContext);
 
+    const inputArea = useRef<HTMLTextAreaElement>(null);
 
     const inputHandler = () => {
         if (!inputArea.current) {
diff --git a/ibfi-ts/src/presets.json b/ibfi-ts/src/presets.json
index fae0127..74f1bc7 100644
--- a/ibfi-ts/src/presets.json
+++ b/ibfi-ts/src/presets.json
@@ -5,5 +5,4 @@
   "gameoflife": "\n                            Linus Akesson presents:\n                   The Game Of Life implemented in Brainfuck\n       +>>++++[<++++>-]<[<++++++>-]+[<[>>>>+<<<<-]>>>>[<<<<+>>>>>>+<<-]<+\n   +++[>++++++++<-]>.[-]<+++[>+++<-]>+[>>.+<<-]>>[-]<<<++[<+++++>-]<.<<[>>>>+\n <<<<-]>>>>[<<<<+>>>>>>+<<-]<<[>>>>.+<<<++++++++++[<[>>+<<-]>>[<<+>>>>>++++++++\n +++<<<-]<[>+<-]>[<+>>>>+<<<-]>>>[>>>>>>>>>>>>+>+<<     <<<<<<<<<<<-]>>>>>>>>>>\n>>[-[>>>>+<<<<-]>[>>>>+<<<<-]>>>]>      >>[<<<+>>  >-    ]<<<[>>+>+<<<-]>[->[<<<\n<+>>>>-]<[<<<  <+>      >>>-]<<<< ]<     ++++++  ++       +[>+++++<-]>>[<<+>>-]<\n<[>---<-]>.[- ]         <<<<<<<<< <      <<<<<< <         -]++++++++++.[-]<-]>>>\n>[-]<[-]+++++           +++[>++++        ++++<     -     ]>--.[-]<,----------[<+\n>-]>>>>>>+<<<<< <     <[>+>>>>>+>[      -]<<<      <<   <<-]>++++++++++>>>>>[[-]\n<<,<<<<<<<->>>> >    >>[<<<<+>>>>-]<<<<[>>>>+      >+<<<<<-]>>>>>----------[<<<<\n<<<<+<[>>>>+<<<      <-]>>>>[<<<<+>>>>>>+<<-      ]>[>-<-]>++++++++++[>+++++++++\n++<-]<<<<<<[>>>      >+<<<<-]>>>>[<<<<+>>>>>      >+<<-]>>>>[<<->>-]<<++++++++++\n[>+<-]>[>>>>>>>      >>>>>+>+<<<<      <<<<<      <<<<-]>>> >>     >>>>>>>[-[>>>\n>+<<<<-]>[>>>>       +<<<<-]>> >       ]>> >           [<< <        +>>>-]+<<<[>\n>>-<<<-]>[->[<      <<<+>>>>-]         <[ <            < <           <+>>>>-]<<<\n<]<<<<<<<<<<<, [    -]]>]>[-+++        ++               +    +++     ++[>+++++++\n++++>+++++++++ +    +<<-]>[-[>>>      +<<<-      ]>>>[ <    <<+      >>>>>>>+>+<\n<<<<-]>>>>[-[> >    >>+<<<<-]>[>      >>>+< <    <<-]> >    >]>      >>[<<<+>>>-\n]<<<[>>+>+<<< -     ]>[->[<<<<+>      >>>-] <    [<<< <    +>>       >>-]<<<<]<<\n<<<<<<[>>>+<< <     -]>>>[<<<+>>      >>>>> +    >+<< <             <<-]<<[>>+<<\n-]>>[<<+>>>>>      >+>+<<<<<-]>>      >>[-[ >    >>>+ <            <<<-]>[>>>>+<\n<<<-]>[>>>>+<      <<<-]>>]>>>[ -    ]<[>+< -    ]<[ -           [<<<<+>>>>-]<<<\n<]<<<<<<<<]<<      <<<<<<<<++++ +    +++++  [   >+++ +    ++++++[<[>>+<<-]>>[<<+\n>>>>>++++++++ +    ++<<<     -] <    [>+<- ]    >[<+ >    >>>+<<<-]>>>[<<<+>>>-]\n<<<[>>>+>>>>  >    +<<<<     <<      <<-]> >    >>>>       >>>[>>+<<-]>>[<<+<+>>\n>-]<<<------ -    -----[     >>      >+<<< -    ]>>>       [<<<+> > >>>>>+>+<<<<\n<-]>>>>[-[>> >    >+<<<<    -] >     [>>>> +    <<<<-       ]>>> ]  >>>[<<<+>>>-\n]<<<[>>+>+<< <    -]>>>     >>           > >    [<<<+               >>>-]<<<[>>>\n+<<<<<+>>-                  ]>           >     >>>>>[<             <<+>>>-]<<<[>\n>>+<<<<<<<                  <<+         >      >>>>>-]<          <<<<<<[->[<<<<+\n>>>>-]<[<<<<+>>>>-]<<<<]>[<<<<<<    <+>>>      >>>>-]<<<<     <<<<<+++++++++++[>\n>>+<<<-]>>>[<<<+>>>>>>>+>+<<<<<-]>>>>[-[>     >>>+<<<<-]>[>>>>+<<<<-]>>>]>>>[<<<\n+>>>-]<<<[>>+>+<<<-]>>>>>>>[<<<+>>>-]<<<[     >>>+<<<<<+>>-]>>>>>>>[<<<+>>>-]<<<\n[>>>+<<<<<<<<<+>>>>>>-]<<<<<<<[->[< <  <     <+>>>>-]<[<<<<+>>>>-]<<<<]>[<<<<<<<\n+>>>>>>>-]<<<<<<<<<+++++++++++[>>> >        >>>+>+<<<<<<<<-]>>>>>>>[-[>>>>+<<<<-\n]>[>>>>+<<<<-]>>>]>>>[<<<+>>>-]<<< [       >>+>+<<<-]>>>>>>>[<<<+>>>-]<<<[>>>+<<\n<<<+>>-]>>>>>>>[<<<+>>>-]<<<[>>>+<        <<<<<<<<+>>>>>>-]<<<<<<<[->[<<<<+>>>>-\n ]<[<<<<+>>>>-]<<<<]>[<<<<<<<+>>>>>      >>-]<<<<<<<----[>>>>>>>+<<<<<<<+[>>>>>\n >>-<<<<<<<[-]]<<<<<<<[>>>>>>>>>>>>+>+<<<<<<<<<<<<<-][   lft@df.lth.se   ]>>>>>\n   >>>>>>>[-[>>>>+<<<<-]>[>>>>+<<<<-]>[>>>>+<<<<-]>>]>>>[-]<[>+<-]<[-[<<<<+>>\n       >>-]<<<<]<<<<<<[-]]<<<<<<<[-]<<<<-]<-]>>>>>>>>>>>[-]<<]<<<<<<<<<<]\n        Type for instance \"fg\" to toggle the cell at row f and column g\n                   Hit enter to calculate the next generation\n                                 Type q to quit",
   "benchmark": ">+>+>+>+>++<[>[<+++>-\n  >>>>>\n  >+>+>+>+>++<[>[<+++>-\n    >>>>>\n    >+>+>+>+>++<[>[<+++>-\n      >>>>>\n      >+>+>+>+>++<[>[<+++>-\n        >>>>>\n        +++[->+++++<]>[-]<\n        <<<<<\n      ]<<]>[-]\n      <<<<<\n    ]<<]>[-]\n    <<<<<\n  ]<<]>[-]\n  <<<<<\n]<<]>.",
   "fizzbuzz": "++++++++++[>++++++++++<-]>>++++++++++>->>>>>>>>>>>>>>>>-->+++++++[->++\n++++++++<]>[->+>+>+>+<<<<]+++>>+++>>>++++++++[-<++++<++++<++++>>>]++++\n+[-<++++<++++>>]>>-->++++++[->+++++++++++<]>[->+>+>+>+<<<<]+++++>>+>++\n++++>++++++>++++++++[-<++++<++++<++++>>>]++++++[-<+++<+++<+++>>>]>>-->\n---+[-<+]-<[+[->+]-<<->>>+>[-]++[-->++]-->+++[---++[--<++]---->>-<+>[+\n+++[----<++++]--[>]++[-->++]--<]>++[--+[-<+]->>[-]+++++[---->++++]-->[\n->+<]>>[.>]++[-->++]]-->+++]---+[-<+]->>-[+>>>+[-<+]->>>++++++++++<<[-\n>+>-[>+>>]>[+[-<+>]>+>>]<<<<<<]>>[-]>>>++++++++++<[->-[>+>>]>[+[-<+>]>\n+>>]<<<<<]>[-]>>[>++++++[-<++++++++>]<.<<+>+>[-]]<[<[->-<]++++++[->+++\n+++++<]>.[-]]<<++++++[-<++++++++>]<.[-]<<[-<+>]+[-<+]->>]+[-]<<<.>>>+[\n-<+]-<<]"
-
 }
\ No newline at end of file