快捷命令服务改为内置 feature

src/pages/FeaturesPage.vue

@@ -4,7 +4,6 @@
 
 <script>
 import PluginNickName from "components/quickFeatures/PluginNickName";
-import ApiServer from "components/quickFeatures/ApiServer";
 import FavFile from "components/quickFeatures/FavFile";
 import FavUrl from "components/quickFeatures/FavUrl";
 import { markRaw } from "vue";
@@ -12,7 +11,6 @@ import { markRaw } from "vue";
 export default {
   components: {
     pluNickName: markRaw(PluginNickName),
-    apiServer: markRaw(ApiServer),
     favFile: markRaw(FavFile),
     favUrl: markRaw(FavUrl),
   },

src/pages/ServerPage.vue

@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <MonacoEditor
+      :placeholder="false"
+      class="absolute-top"
+      ref="editor"
+      @typing="
+        (val) => {
+          if (cmd === val) return;
+          cmd = val;
+          saveCode();
+        }
+      "
+      :style="{
+        bottom: bottomHeight + 'px',
+      }"
+    />
+    <div
+      class="
+        absolute-bottom
+        flex
+        items-center
+        justify-between
+        q-px-md
+        shadow-10
+      "
+      :style="{
+        height: bottomHeight + 'px',
+      }"
+    >
+      <div class="q-gutter-xs flex items-center full-height content-center">
+        <q-badge color="primary" dense square>POST</q-badge
+        ><q-badge color="primary" dense square>GET</q-badge>
+        <span> http://127.0.0.1:</span>
+        <q-input
+          borderless
+          dense
+          v-model="$root.nativeProfile.serverPort"
+          style="width: 40px"
+          input-class="text-weight-bolder"
+          @blur="restartServer"
+          ><q-tooltip>点击修改端口</q-tooltip></q-input
+        >
+        <span>的参数，均会作为本脚本里的变量 </span>
+      </div>
+      <q-btn-group unelevated>
+        <q-btn flat color="primary" icon="help" @click="showHelp" />
+        <q-separator inset vertical />
+        <div v-if="!!saveCodeTimer">
+          <q-btn
+            flat
+            color="warning"
+            icon="restart_alt"
+            @click="saveCode"
+            label="正在保存"
+          />
+        </div>
+        <div v-else>
+          <q-btn
+            flat
+            color="negative"
+            icon="stop"
+            v-if="$root.nativeProfile.serverStatus"
+            @click="stopServer"
+            label="停止服务"
+          />
+          <q-btn
+            flat
+            color="primary"
+            icon="play_arrow"
+            v-else
+            label="开启服务"
+            @click="enableServer"
+          >
+          </q-btn>
+        </div>
+      </q-btn-group>
+    </div>
+  </div>
+</template>
+
+<script>
+import MonacoEditor from "components/MonacoEditor";
+
+export default {
+  components: { MonacoEditor },
+  data() {
+    return {
+      bottomHeight: 40,
+      saveCodeTimer: null,
+      cmd: null,
+    };
+  },
+  mounted() {
+    this.cmd = this.$root.utools.getStorage("cfg_serverCode") || "";
+    this.$refs.editor.setEditorValue(this.cmd);
+    this.$refs.editor.setEditorLanguage("javascript");
+  },
+  methods: {
+    enableServer() {
+      if (!this.cmd)
+        return quickcommand.showMessageBox("脚本不能为空！", "warning");
+      quickcommand
+        .showConfirmBox(
+          "请注意，该接口未做任何权限鉴定，千万不要试图将本端口转发出去，否则无异于将本机的 shell 权限暴露在公网！",
+          "FBI WARNING"
+        )
+        .then(() => {
+          this.$root.nativeProfile.serverStatus = true;
+          window
+            .quickcommandHttpServer()
+            .run(this.$root.nativeProfile.serverPort);
+          quickcommand.showMessageBox("启动服务成功！");
+        });
+    },
+    stopServer() {
+      window.quickcommandHttpServer().stop();
+      this.$root.nativeProfile.serverStatus = false;
+      quickcommand.showMessageBox("关闭服务成功！");
+    },
+    restartServer() {
+      if (!this.$root.nativeProfile.serverPort)
+        this.$root.nativeProfile.serverPort = 33442;
+      if ((this.$root.nativeProfile.serverStatus = true)) {
+        window.quickcommandHttpServer().stop();
+        window
+          .quickcommandHttpServer()
+          .run(this.$root.nativeProfile.serverPort);
+        quickcommand.showMessageBox("服务已重启");
+      }
+    },
+    saveCode() {
+      clearTimeout(this.saveCodeTimer);
+      this.saveCodeTimer = setTimeout(() => {
+        this.$root.utools.setStorage("cfg_serverCode", this.cmd);
+        this.saveCodeTimer = null;
+      }, 1000);
+    },
+    showHelp() {
+      window.showUb.help("#GNjEg");
+    },
+  },
+};
+</script>