From 4a72fdd9b54b47645ccb880a1108f699554adee3 Mon Sep 17 00:00:00 2001
From: mr-tz <moritz.raabe@mandiant.com>
Date: Wed, 11 Sep 2024 15:31:53 +0000
Subject: [PATCH] reformat

---
 web/explorer/src/components/BannerHeader.vue  |  2 +-
 .../src/components/DescriptionPanel.vue       | 23 +++++++++++--------
 web/explorer/src/components/MetadataPanel.vue | 14 +++++------
 .../src/components/ProcessCapabilities.vue    |  8 +++----
 .../src/components/RuleMatchesTable.vue       |  2 +-
 web/explorer/src/components/SettingsPanel.vue |  4 ++--
 .../src/components/columns/RuleColumn.vue     |  7 +++---
 7 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/web/explorer/src/components/BannerHeader.vue b/web/explorer/src/components/BannerHeader.vue
index 9d4e10cfb..11e5d8d4f 100644
--- a/web/explorer/src/components/BannerHeader.vue
+++ b/web/explorer/src/components/BannerHeader.vue
@@ -5,7 +5,7 @@
     >
         <div class="font-bold mr-8">This is an early release</div>
         <div class="align-items-center hidden lg:flex">
-            <span class="line-height-3">Please report any bugs, enhancements or features in the </span>
+            <span class="line-height-3">Please report any bugs, enhancements or features in the</span>
             <a
                 v-ripple
                 href="https://github.com/mandiant/capa/issues"
diff --git a/web/explorer/src/components/DescriptionPanel.vue b/web/explorer/src/components/DescriptionPanel.vue
index 232bce540..3dd773719 100644
--- a/web/explorer/src/components/DescriptionPanel.vue
+++ b/web/explorer/src/components/DescriptionPanel.vue
@@ -17,17 +17,21 @@
             <p class="text-700 text-sm mb-3"></p>
             <ol class="text-left text-sm pl-4 mb-3">
                 <li class="mb-2">
-                    <a href="https://github.com/mandiant/capa/blob/master/doc/installation.md" class="underline"
-                        >Install capa</a
-                    >, e.g.
+                    <a href="https://github.com/mandiant/capa/blob/master/doc/installation.md" class="underline">
+                        Install capa
+                    </a>
+                    , e.g.
                     <ul>
                         <li>
                             download the latest
-                            <a href="https://github.com/mandiant/capa/releases" class="underline"
-                                >standalone executable release</a
-                            >
+                            <a href="https://github.com/mandiant/capa/releases" class="underline">
+                                standalone executable release
+                            </a>
+                        </li>
+                        <li>
+                            or run
+                            <code>$ pip install flare-capa</code>
                         </li>
-                        <li>or run <code>$ pip install flare-capa</code></li>
                     </ul>
                 </li>
                 <li class="mb-2">
@@ -46,8 +50,9 @@
                     rel="noopener noreferrer"
                     class="text-blue-600 hover:text-blue-800 transition-colors duration-200"
                 >
-                    capa GitHub repository</a
-                >.
+                    capa GitHub repository
+                </a>
+                .
             </p>
         </div>
         <div>
diff --git a/web/explorer/src/components/MetadataPanel.vue b/web/explorer/src/components/MetadataPanel.vue
index 504676c6d..4bc9851fa 100644
--- a/web/explorer/src/components/MetadataPanel.vue
+++ b/web/explorer/src/components/MetadataPanel.vue
@@ -11,7 +11,7 @@
             </h1>
             <p class="text-xs mt-1 mb-0 text-white-alpha-70">
                 SHA256:
-                <a :href="`https://www.virustotal.com/gui/file/${sha256}`" target="_blank">{{ sha256 }} </a>
+                <a :href="`https://www.virustotal.com/gui/file/${sha256}`" target="_blank">{{ sha256 }}</a>
             </p>
         </div>
 
@@ -23,20 +23,20 @@
             <!-- OS • Program Format • Arch -->
             <div class="flex align-items-center text-sm m-0 line-height-3 text-white">
                 <span class="capitalize">{{ data.meta.analysis.os }}</span>
-                <span class="ml-2 mr-2 text-white-alpha-30"> • </span>
+                <span class="ml-2 mr-2 text-white-alpha-30">•</span>
                 <span class="uppercase">{{ data.meta.analysis.format }}</span>
-                <span class="ml-2 mr-2 text-white-alpha-30"> • </span>
+                <span class="ml-2 mr-2 text-white-alpha-30">•</span>
                 <span>{{ data.meta.analysis.arch === "i386" ? "i386" : data.meta.analysis.arch.toUpperCase() }}</span>
             </div>
             <!-- Flavor • Extractor • capa Version • Timestamp -->
             <div class="flex-wrap align-items-center text-sm m-0 line-height-3 text-white">
                 <span class="capitalize">
-                    {{ flavor }} analysis with {{ data.meta.analysis.extractor.split(/(Feature)?Extractor/)[0] }}</span
-                >
+                    {{ flavor }} analysis with {{ data.meta.analysis.extractor.split(/(Feature)?Extractor/)[0] }}
+                </span>
                 <!--- Extractor (e.g., CapeExtractor -> Cape, GhidraFeatureExtractor -> Ghidra, ... etc) -->
-                <span class="mx-2 text-white-alpha-30"> • </span>
+                <span class="mx-2 text-white-alpha-30">•</span>
                 <span>capa v{{ data.meta.version }}</span>
-                <span class="mx-2 text-white-alpha-30"> • </span>
+                <span class="mx-2 text-white-alpha-30">•</span>
                 <span>{{ new Date(data.meta.timestamp).toLocaleString() }}</span>
             </div>
         </div>
diff --git a/web/explorer/src/components/ProcessCapabilities.vue b/web/explorer/src/components/ProcessCapabilities.vue
index cd0fa798a..63f78f6ee 100644
--- a/web/explorer/src/components/ProcessCapabilities.vue
+++ b/web/explorer/src/components/ProcessCapabilities.vue
@@ -22,7 +22,7 @@
                         >
                             {{ slotProps.node.data.processname }}
                         </span>
-                        <span class="ml-2"> - PID: {{ slotProps.node.data.pid }} </span>
+                        <span class="ml-2">- PID: {{ slotProps.node.data.pid }}</span>
                         <span v-if="slotProps.node.data.uniqueMatchCount > 0" class="font-italic ml-2 match-count">
                             ({{ slotProps.node.data.uniqueMatchCount }} unique
                             {{ slotProps.node.data.uniqueMatchCount > 1 ? "matches" : "match" }})
@@ -53,9 +53,9 @@
         >
             <div v-for="rule in currentNode.data.uniqueRules" :key="rule.name">
                 • {{ rule.name }}
-                <span class="font-italic match-count"
-                    >({{ rule.matchCount }} {{ rule.scope }} {{ rule.matchCount > 1 ? "matches" : "match" }})</span
-                >
+                <span class="font-italic match-count">
+                    ({{ rule.matchCount }} {{ rule.scope }} {{ rule.matchCount > 1 ? "matches" : "match" }})
+                </span>
                 <LibraryTag v-if="rule.lib" />
             </div>
         </div>
diff --git a/web/explorer/src/components/RuleMatchesTable.vue b/web/explorer/src/components/RuleMatchesTable.vue
index 91718c0a5..fe891901f 100644
--- a/web/explorer/src/components/RuleMatchesTable.vue
+++ b/web/explorer/src/components/RuleMatchesTable.vue
@@ -67,7 +67,7 @@
                 />
             </template>
             <template #body="{ node }">
-                <span class="font-monospace text-sm"> {{ node.data.address }} </span>
+                <span class="font-monospace text-sm">{{ node.data.address }}</span>
             </template>
         </Column>
 
diff --git a/web/explorer/src/components/SettingsPanel.vue b/web/explorer/src/components/SettingsPanel.vue
index 9dddd2f0f..f559e5d21 100644
--- a/web/explorer/src/components/SettingsPanel.vue
+++ b/web/explorer/src/components/SettingsPanel.vue
@@ -28,7 +28,7 @@
                 </div>
                 <div class="flex flex-row align-items-center gap-2">
                     <Checkbox v-model="showNamespaceChart" inputId="showNamespaceChart" :binary="true" />
-                    <label for="showNamespaceChart"> Show namespace chart </label>
+                    <label for="showNamespaceChart">Show namespace chart</label>
                 </div>
                 <div class="flex flex-row align-items-center gap-2">
                     <Checkbox
@@ -37,7 +37,7 @@
                         :binary="true"
                         :disabled="showNamespaceChart"
                     />
-                    <label for="showColumnFilters"> Show column filters </label>
+                    <label for="showColumnFilters">Show column filters</label>
                 </div>
             </div>
         </template>
diff --git a/web/explorer/src/components/columns/RuleColumn.vue b/web/explorer/src/components/columns/RuleColumn.vue
index 1baab06bd..2a23a2749 100644
--- a/web/explorer/src/components/columns/RuleColumn.vue
+++ b/web/explorer/src/components/columns/RuleColumn.vue
@@ -17,8 +17,8 @@
         </template>
 
         <!-- example node: "- or", "- and" -->
-        <template v-else-if="node.data.type === 'statement'"
-            >-
+        <template v-else-if="node.data.type === 'statement'">
+            -
             <span
                 :class="{
                     'text-green-700': node.data.typeValue === 'range',
@@ -49,7 +49,8 @@
 
         <!-- example node: "- malware.exe" (these are the captures (i.e. children nodes) of regex nodes) -->
         <template v-else-if="node.data.type === 'regex-capture'">
-            - <span class="text-green-700 font-monospace">{{ node.data.name }}</span>
+            -
+            <span class="text-green-700 font-monospace">{{ node.data.name }}</span>
         </template>
 
         <!-- example node: "exit(0) -> 0" (if the node type is call-info, we highlight node.data.name.callInfo) -->