实现菜单debug & 修复脚本缓存问题

Author: CodFrm

docs/changelog.md

@@ -1,12 +1,13 @@
 ## v0.3.4
 
-* 新建脚本默认开启
+* 新建脚本默认开启(从远程安装的后端脚本依旧默认为不开启)
 * 管理面板简单的分页功能
 * 增加开机启动自动运行
 * 支持`@require-css`直接引入css文件
 * 支持`document-menu`执行方式
-* 修复若干bug
 * 支持`@include`和`@exclude`
+* 移除`@debug`,新增菜单条
+* 修复若干bug
 
 ## v0.3.0
 > 开始支持油猴脚本了

src/apps/script/manager.ts

@@ -376,7 +376,11 @@ export class ScriptManager {
 
     public loadScriptByUrl(url: string): Promise<ScriptUrlInfo | undefined> {
         return new Promise(resolve => {
-            axios.get(url).then((response): ScriptUrlInfo | undefined => {
+            axios.get(url, {
+                headers: {
+                    'Cache-Control': 'no-cache'
+                }
+            }).then((response): ScriptUrlInfo | undefined => {
                 if (response.status != 200) {
                     return undefined;
                 }

src/types/main.d.ts

@@ -28,6 +28,7 @@ interface IUpdateMeta {
 interface ISave {
     scriptId: number;
     currentCode: string;
+    debug: boolean;
 }
 
 interface IInitialScript {

src/views/pages/Option/tabs/ScriptTab/Editor.vue

@@ -125,7 +125,11 @@ export default class CloseButton extends Vue {
       {
         action: "调试",
         handler: () => {
-          console.log("菜单action");
+          eventBus.$emit<ISave>(EventType.Save, {
+            scriptId: this.scriptId,
+            currentCode: this.editor.getValue(),
+            debug: true,
+          });
         },
         tooltip: "调试后台脚本",
       },
@@ -154,6 +158,7 @@ export default class CloseButton extends Vue {
       eventBus.$emit<ISave>(EventType.Save, {
         scriptId: this.scriptId,
         currentCode: this.editor.getValue(),
+        debug: false,
       });
     });
 
@@ -177,4 +182,4 @@ export default class CloseButton extends Vue {
   color: rgb(128, 128, 128);
   cursor: not-allowed;
 }
-</style>
+</style>

src/views/pages/Option/tabs/ScriptTab/index.vue

@@ -125,7 +125,7 @@ export default class ScriptTab extends Vue {
         this.handleInitialSctipt(payload);
       }
     });
-    eventBus.$on<ISave>("save", (payload) => {
+    eventBus.$on<ISave>(EventType.Save, (payload) => {
       if (payload.scriptId === this.scriptId) {
         this.handleSave(payload);
       }
@@ -163,7 +163,7 @@ export default class ScriptTab extends Vue {
     this.script = script;
     this.metaBuffer = this.prepareMetaBuffer(this.script.metadata);
 
-    eventBus.$emit<IChangeTitle>("change-title", {
+    eventBus.$emit<IChangeTitle>(EventType.ChangeTitle, {
       title: script.name,
       scriptId: this.scriptId ?? this.localScriptId,
     });
@@ -187,7 +187,7 @@ export default class ScriptTab extends Vue {
     this.onMetaChange = false;
   }
 
-  async handleSave({ currentCode }: ISave) {
+  async handleSave({ currentCode, debug }: ISave) {
     // todo 保存时候错误处理
     let [newScript, oldScript] = await this.scriptMgr.prepareScriptByCode(
       currentCode,
@@ -225,21 +225,14 @@ export default class ScriptTab extends Vue {
     await this.handleInitialSctipt({} as any);
 
     // 还原unsavdChange状态的title
-    eventBus.$emit<IChangeTitle>("change-title", {
+    eventBus.$emit<IChangeTitle>(EventType.ChangeTitle, {
       title: `${this.script.name}`,
       scriptId: this.scriptId ?? this.localScriptId,
     });
 
-    if (oldScript) {
-      // 后台脚本才可以调用
-      if (this.script.metadata["debug"] != undefined) {
-        this.scriptMgr.execScript(this.script, true);
-      }
-    } else {
-      // eventBus.$emit<INewScript>("new-script", {
-      //   scriptId: this.scriptId ?? this.localScriptId,
-      // });
-      // this.$router.push({ path: "/" });
+    // 后台脚本才可以调用
+    if (debug) {
+      this.scriptMgr.execScript(this.script, true);
     }
 
     this.$refs.editor.hasUnsavedChange = false;