From 2025517596c333494ebb38b2601ada2fceab0897 Mon Sep 17 00:00:00 2001
From: flaryer <a@oi.al>
Date: Fri, 27 May 2022 17:23:00 +0800
Subject: [PATCH] add config file

---
 index.html        | 75 ++++++++++++++++++++++++++---------------------
 js/index.js       | 56 +++++++++++++++++++++++++++++++----
 package-lock.json |  4 +--
 package.json      |  2 +-
 4 files changed, 96 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 6556ce1..749000c 100644
--- a/index.html
+++ b/index.html
@@ -18,14 +18,14 @@
                         <div class="form-group">
                             <label for="directory-input">代码文件夹</label>
                             <div class="row">
-                                <div class="col col-9">
+                                <div class="col col-8">
                                     <input
                                         type="text"
                                         id="directory-input"
                                         class="form-control"
                                     />
                                 </div>
-                                <div class="col col-3">
+                                <div class="col col-2">
                                     <button
                                         type="button"
                                         onclick="chooseDirectory()"
@@ -34,6 +34,15 @@
                                         选择文件夹
                                     </button>
                                 </div>
+                                <div class="col col-2">
+                                    <button
+                                        type="button"
+                                        onclick="resetConfig()"
+                                        class="btn btn-primary"
+                                    >
+                                        重置配置
+                                    </button>
+                                </div>
                             </div>
                         </div>
                         <div class="form-group">
@@ -43,9 +52,7 @@
                                 cols="30"
                                 rows="2"
                                 class="form-control"
-                            >
-(filename) => true</textarea
-                            >
+                            ></textarea>
                         </div>
                         <div class="form-group">
                             <button
@@ -70,7 +77,7 @@
                             <select id="language-select" class="form-control">
                                 <option value="0">8086</option>
                                 <option value="1">C</option>
-                                <option value="2" selected>C++</option>
+                                <option value="2">C++</option>
                                 <option value="3">Java</option>
                                 <option value="4">lisp</option>
                                 <option value="5">m2</option>
@@ -85,12 +92,36 @@
                                 id="threshold"
                                 type="number"
                                 step="1"
-                                min="0"
+                                min="1"
                                 max="100"
                                 class="form-control"
-                                value="75"
                             />
                         </div>
+                        <div class="form-group">
+                            <button
+                                type="button"
+                                class="btn btn-primary"
+                                onclick="processSIM()"
+                            >
+                                执行
+                            </button>
+                        </div>
+                        <label for="sim-stdout">sim-stdout</label>
+                        <pre
+                            id="sim-stdout"
+                            class="bg-light text-info"
+                            style="max-height: 300px"
+                        >
+Null</pre
+                        >
+                        <label for="sim-stderr">sim-stderr</label>
+                        <pre
+                            id="sim-stderr"
+                            class="bg-light text-info"
+                            style="max-height: 100px"
+                        >
+Null</pre
+                        >
                         <div class="form-group">
                             <label for="result-fliter">结果过滤器</label>
                             <textarea
@@ -98,40 +129,18 @@
                                 cols="30"
                                 rows="5"
                                 class="form-control"
-                            >
-(fileAName, fileBName, percentage) => {
-  const A = fileAName.split("-");
-  const B = fileBName.split("-");
-  return A[0] != B[0] && A[1] == B[1];
-};</textarea
-                            >
+                            ></textarea>
                         </div>
                         <div class="form-group">
                             <button
                                 type="button"
                                 class="btn btn-primary"
-                                onclick="processSIM()"
+                                onclick="processResultFilter()"
                             >
-                                执行
+                                过滤
                             </button>
                         </div>
                     </form>
-                    <label for="sim-stdout">sim-stdout</label>
-                    <pre
-                        id="sim-stdout"
-                        class="bg-light text-info"
-                        style="max-height: 300px"
-                    >
-Null</pre
-                    >
-                    <label for="sim-stderr">sim-stderr</label>
-                    <pre
-                        id="sim-stderr"
-                        class="bg-light text-info"
-                        style="max-height: 100px"
-                    >
-Null</pre
-                    >
                     <!-- <div style="overflow-y: auto; max-height: 300px"> -->
                     <table
                         class="table table-striped table-hover"
diff --git a/js/index.js b/js/index.js
index 29398a5..2418903 100644
--- a/js/index.js
+++ b/js/index.js
@@ -2,8 +2,9 @@ const { dialog } = require("electron").remote;
 const fs = require("fs");
 const path = require("path");
 const child_process = require("child_process");
-const stream = require("stream");
 const os = require("os");
+const process = require("process");
+const configPath = path.join(process.cwd(), "config.json");
 
 const valueToLanguage = [
     "8086",
@@ -22,7 +23,7 @@ const valueToMonacoLanguage = [
     "cpp",
     "java",
     "plaintext",
-    "plaintext",
+    "m3",
     "plaintext",
     "pascal",
     "plaintext",
@@ -83,6 +84,10 @@ async function processSIM() {
     const err = ret.stderr.toString("utf-8");
     $("#sim-stdout").text(out);
     $("#sim-stderr").text(err);
+}
+
+function processResultFilter() {
+    const out = $("#sim-stdout").text();
     const resArr = out.split("\n");
     let startIndex = resArr.indexOf("\r") + 1;
     let tableData = [];
@@ -103,9 +108,7 @@ async function processSIM() {
     tableData.forEach((v) => {
         tableBody.append(
             $(
-                `<tr onclick="diff()"><th>${v.fileAName}</th><th>${
-                    v.fileBName
-                }</th><th>${v.similarPercentage.toString()}</th></tr>`
+                `<tr onclick="diff()"><th>${v.fileAName}</th><th>${v.fileBName}</th><th>${v.similarPercentage}</th></tr>`
             )
         );
     });
@@ -132,6 +135,40 @@ function diff() {
     $("#diffModal").modal();
 }
 
+function loadConfig() {
+    const config = JSON.parse(fs.readFileSync(configPath));
+    $("#directory-input").val(config.directory ?? "");
+    $("#input-file-fliter").val(config.fileFilter ?? "");
+    $("#language-select").val(config.language ?? "");
+    $("#threshold").val(config.threshold ?? "");
+    $("#result-fliter").val(config.resultFilter ?? "");
+}
+
+function saveConfig(config) {
+    fs.writeFileSync(
+        configPath,
+        JSON.stringify(
+            config ?? {
+                directory: $("#directory-input").val(),
+                fileFilter: $("#input-file-fliter").val(),
+                language: $("#language-select").val(),
+                threshold: $("#threshold").val(),
+                resultFilter: $("#result-fliter").val(),
+            }
+        )
+    );
+}
+function resetConfig() {
+    saveConfig({
+        directory: os.homedir(),
+        fileFilter: "(filename) => true",
+        language: "2",
+        threshold: 75,
+        resultFilter: `(fileAName, fileBName, percentage) => {\n    const A = fileAName.split("-");\n    const B = fileBName.split("-");\n    return A[0] != B[0] && A[1] == B[1];\n};`,
+    });
+    loadConfig();
+}
+
 (function () {
     const amdLoader = require("./node_modules/monaco-editor/min/vs/loader.js");
     const amdRequire = amdLoader.require;
@@ -159,3 +196,12 @@ function diff() {
         );
     });
 })();
+
+(function () {
+    if (!fs.existsSync(configPath)) {
+        resetConfig();
+    } else {
+        loadConfig();
+    }
+    window.onbeforeunload = () => saveConfig();
+})();
diff --git a/package-lock.json b/package-lock.json
index bd58046..c845b84 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "simgui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "simgui",
-      "version": "0.0.4",
+      "version": "0.0.5",
       "license": "MIT",
       "dependencies": {
         "electron-squirrel-startup": "^1.0.0",
diff --git a/package.json b/package.json
index 4f1f25c..c9b2ddb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simgui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "SimGUI",
   "main": "dist/main.js",
   "scripts": {