feat: Add different filesystem colors for added, deleted or changed diff files

Author: pxor

src/frontend/styles/components/filesystem.styl

@@ -25,9 +25,15 @@
 .jstree-anchor
   color: TEXT_CONTENT_COLOR !important
 
-.diff-file
+.diff-file-added
+  color: green !important
+
+.diff-file-changed
   color: orange !important
 
+.diff-file-deleted
+  color: red !important
+
 .diff-files-list
   max-height: 20% !important
   height: auto

src/frontend/types.nim

@@ -287,7 +287,9 @@ type
     hasSaveHistoryTimeout*: bool
     switchTabHistoryLimit*: int
     cachedFiles*: JsAssoc[cstring, TabInfo]
-    diffId*: seq[cstring]
+    addedDiffId*: seq[cstring]
+    changedDiffId*: seq[cstring]
+    deletedDiffId*: seq[cstring]
     index*: int
     # commandData*: CommandData
 
@@ -1534,7 +1536,7 @@ type
     # sys*: SysConfig
 
 when defined(ctRenderer):
-  import 
+  import
     std / jsconsole,
     .. / common / ct_event
 
@@ -1590,7 +1592,9 @@ when defined(ctRenderer):
         # lowLevel: LowLevel(),
         expandedOpen: JsAssoc[cstring, TabInfo]{},
         cachedFiles: JsAssoc[cstring, TabInfo]{},
-        diffId: @[],
+        addedDiffId: @[],
+        changedDiffId: @[],
+        deletedDiffId: @[],
         index: 1),
       calltrace: CalltraceService(
         callstackCollapse: (name: cstring"", level: -1),
@@ -1630,7 +1634,7 @@ when defined(ctRenderer):
     # TODO max for program, maybe min as well?
 
   console.log "data.dapApi"
-  console.log data.dapApi 
+  console.log data.dapApi
 
   console.log "data.viewsApi"
   console.log data.viewsApi
@@ -1678,7 +1682,7 @@ when defined(ctRenderer):
 
   proc newLocalViewToMiddlewareTransport(middlewareToViewsTransport: Transport): LocalViewToMiddlewareTransport =
     LocalViewToMiddlewareTransport(middlewareToViewsTransport: middlewareToViewsTransport)
-  
+
   # === end
 
   proc setupLocalViewToMiddlewareApi*(name: cstring, middlewareToViewsApi: MediatorWithSubscribers): MediatorWithSubscribers =
@@ -1866,7 +1870,7 @@ method onOutputJumpFromShellUi*(self: Component, response: int) {.base, async.}
 
 method onDapStopped*(self: Component, response: DapStoppedEvent) {.base, async.} =
   discard
- 
+
 method increaseWhitespaceWidth*(self: EditorViewComponent) {.base.} =
   if self.whitespace.width < MAX_WHITESPACE_WIDTH:
     self.whitespace.width += 1

src/frontend/ui/filesystem.nim

@@ -119,17 +119,30 @@ proc changeIcons*(file: CodetracerFile) =
 
 
 proc reapplyDiffClasses(self: FilesystemComponent) =
-  for id in self.service.diffId:
-    let sel = "#j" & id
-    let el  = jqFind(sel)
-    if not el.isNil: el.addClass("diff-file")
+  proc applyClass(diffIdList: seq[cstring], class: cstring) =
+    for id in diffIdList:
+      let sel = "#j" & id
+      let el  = jqFind(sel)
+      if not el.isNil: el.addClass(class)
+
+  self.service.addedDiffId.applyClass("diff-file-added")
+  self.service.changedDiffId.applyClass("diff-file-changed")
+  self.service.deletedDiffId.applyClass("diff-file-deleted")
 
 proc mapDiff(service: EditorService, node: CodetracerFile) =
   for child in node.children:
     service.index += 1
     for fileDiff in data.startOptions.diff.files:
       if child.original.path == fileDiff.currentPath:
-        service.diffId.add(&"1_{service.index}_anchor")
+        case fileDiff.change:
+        of FileAdded:
+          service.addedDiffId.add(&"1_{service.index}_anchor")
+        of FileDeleted:
+          service.deletedDiffId.add(&"1_{service.index}_anchor")
+        of FileRenamed:
+          discard
+        of FileChanged:
+          service.changedDiffId.add(&"1_{service.index}_anchor")
     mapDiff(service, child)
 
 proc openTab(currentPath: cstring) =
@@ -165,8 +178,7 @@ method render*(self: FilesystemComponent): VNode =
               jqFind(".filesystem").toJs.on(
                 "ready.jstree",
                 proc(e: js, node: jsobject(node=CodetracerFile)) =
-                  for id in self.service.diffId:
-                    jqFind("#j" & id).addClass("diff-file")
+                  self.reapplyDiffClasses()
               )
 
               jqFind(".filesystem").toJs.on(cstring"refresh.jstree",