fix(artist): clear unused timers

Author: lokesh-coder

packages/misc/artist-ui/src/elements/spinner.ts

@@ -12,5 +12,5 @@ export const spinner = (_: any, ctx: any) => {
     interval,
   );
   ctx.disposer(() => {});
-  return ` ${ctx.store.spinner || "..."} `;
+  return ` ${ctx.store.spinner || frames[0]} `;
 };

packages/misc/artist-ui/src/index.ts

@@ -17,6 +17,7 @@ class ArtistClass {
   private chalk = {};
   private disposers = [];
   private timers = {};
+  private invokedTimers = [];
 
   constructor(chalk = {}) {
     this.registerElements(uiElements);
@@ -61,6 +62,9 @@ class ArtistClass {
     handlebars.registerHelper("eq", function (arg1, arg2, options) {
       return arg1 === arg2 ? options.fn(this) : options.inverse(this);
     });
+    handlebars.registerHelper("neq", function (arg1, arg2, options) {
+      return arg1 !== arg2 ? options.fn(this) : options.inverse(this);
+    });
     handlebars.registerHelper("list", (context, options) => {
       let ret = "";
 
@@ -87,6 +91,7 @@ class ArtistClass {
   }
 
   registerAndInvokeTimer(id, name, func, ms) {
+    this.invokedTimers.push(id);
     if (this.timers[id]?.[name]) {
       return;
     }
@@ -108,6 +113,14 @@ class ArtistClass {
     });
   }
 
+  clearUnusedTimers() {
+    Object.keys(this.timers).forEach((t) => {
+      if (!this.invokedTimers.includes(t)) {
+        clearInterval(this.timers[t]["intervalId"]);
+      }
+    });
+  }
+
   clearTimers() {
     Object.keys(this.timers).forEach((key: any) => {
       clearInterval(this.timers[key].intervalId);
@@ -185,6 +198,8 @@ class ArtistClass {
   }
 
   render(tplStr: string) {
+    this.clearUnusedTimers();
+    this.invokedTimers = [];
     const minifiedStr = this.minifyTpl(tplStr);
     const compiledStr = this.compileTpl(minifiedStr);
     const elements = this.parseTpl(compiledStr);