refactor

Author: yeonjuan

src/App.tsx

@@ -47,10 +47,6 @@ export const App: FC = () => {
     (async () => setLinter(await loadDemoLinter()))();
   }, []);
 
-  const handleCodeEditing = (code: string) => {
-    setCode(code);
-  };
-
   const handleRuleEditing = (ruleStr: string) => {
     try {
       const rules = JSON5.parse(ruleStr);
@@ -100,7 +96,7 @@ export const App: FC = () => {
               <Tab eventKey="code" title="Code">
                 <CodeEditor
                   initial={queryParamsState.get().code || DEFAULT_CODE}
-                  onChange={handleCodeEditing}
+                  onChange={setCode}
                   messages={messages}
                 />
               </Tab>

src/components/CodeEditor.tsx

@@ -10,11 +10,15 @@ interface Props {
   messages?: Linter.LintMessage[];
 }
 
+function toMarkerPos (pos: number): number {
+  return pos - 1;
+}
+
 function messageToMarker(message: Linter.LintMessage): Marker {
-  const from = { line: message.line - 1, ch: message.column - 1 };
+  const from = { line: toMarkerPos(message.line), ch: toMarkerPos(message.column) };
   const to = {
-    line: (message.endLine || message.line) - 1,
-    ch: (message.endColumn || message.column) - 1,
+    line: toMarkerPos(message.endLine || message.line) - 1,
+    ch: toMarkerPos(message.endColumn || message.column) - 1,
   };
   return [from, to];
 }