From 0855eacb11c2ea4d4a096f893c91c17334118ddd Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Tue, 13 Aug 2024 20:57:35 +0000
Subject: [PATCH] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/App.vue                            |   1 -
 src/components/CSVReference.vue        |   2 +-
 src/components/GeoconnexBackground.vue |   4 +-
 src/components/MetadataGenerator.vue   | 115 +++++++++++++++++--------
 src/components/PageFooter.vue          |  17 ++--
 src/components/PageHeader.vue          |  17 ++--
 src/components/UploadForm.vue          | 105 ++++++++++++++--------
 src/lib/helpers.test.ts                |   2 +-
 src/lib/helpers.ts                     |  14 +--
 src/lib/types.ts                       |   2 +-
 src/main.ts                            |  12 +--
 11 files changed, 191 insertions(+), 100 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 792d107..e6457dc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,5 +20,4 @@ body {
   margin: 0;
   padding: 0;
 }
-
 </style>
diff --git a/src/components/CSVReference.vue b/src/components/CSVReference.vue
index 1ce39a1..2ba0035 100644
--- a/src/components/CSVReference.vue
+++ b/src/components/CSVReference.vue
@@ -83,4 +83,4 @@ export default defineComponent({
 #panels {
   background-color: rgb(var(--v-theme-secondary));
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/GeoconnexBackground.vue b/src/components/GeoconnexBackground.vue
index 3320547..a4b152f 100644
--- a/src/components/GeoconnexBackground.vue
+++ b/src/components/GeoconnexBackground.vue
@@ -39,10 +39,8 @@
 </template>
 
 <style scoped>
-
 /* remove highlighting for visited link */
 a:visited {
   color: inherit;
 }
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/MetadataGenerator.vue b/src/components/MetadataGenerator.vue
index c3a7a80..6a9180e 100644
--- a/src/components/MetadataGenerator.vue
+++ b/src/components/MetadataGenerator.vue
@@ -3,47 +3,93 @@ import { fetchAllNamespaces } from '@/lib/helpers'
 </script>
 
 <template>
-
   <p class="text-center mx-15 pa-4 font-italic">
-    A namespace is a short name or alias for your organization. It will be created upon
-    submission if it does not already exist. If the namespace already exists, your new
-    CSV file will be added to the existing namespace
+    A namespace is a short name or alias for your organization. It will be created upon submission
+    if it does not already exist. If the namespace already exists, your new CSV file will be added
+    to the existing namespace
   </p>
 
-  <v-combobox label="Pick or create a new namespace" hint="Example: usgs" class="w-66 mx-auto"
-    persistent-hint required :items="existingNamespaces" v-model="namespace"></v-combobox>
-  <v-checkbox class="d-flex justify-center mb-4"
+  <v-combobox
+    label="Pick or create a new namespace"
+    hint="Example: usgs"
+    class="w-66 mx-auto"
+    persistent-hint
+    required
+    :items="existingNamespaces"
+    v-model="namespace"
+  ></v-combobox>
+  <v-checkbox
+    class="d-flex justify-center mb-4"
     label="I already have a readme file uploaded to my namespace and do not wish to update my contribution info"
-    v-model="readmeAlreadyUploaded">
+    v-model="readmeAlreadyUploaded"
+  >
   </v-checkbox>
 
   <div v-if="!readmeAlreadyUploaded">
-    <v-text-field v-model="homepage" label="Homepage for where redirects will point to" type="url" required
-      variant="outlined" hint="Example: https://waterdata.usgs.gov" persistent-hint class="pb-4"></v-text-field>
-
-    <v-textarea v-model="description" label="Description of data" required variant="outlined"
-      hint="Example: All monitoring locations used by the USGS Waterdata system" persistent-hint
-      class="pb-4"></v-textarea>
-
-    <v-text-field v-model="example_pid" label="Example PID" required variant="outlined"
-      hint="Example: https://geoconnex.us/usgs/monitoring-location/08383500" persistent-hint
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="example_redirect_target" label="Example redirect target url" type="url" variant="outlined"
-      hint="Example: https://waterdata.usgs.gov/monitoring-location/08383500" persistent-hint
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="contact_name" label="Contact name" hint="Example: John Smith" required variant="outlined"
-      class="pb-4"></v-text-field>
-
-    <v-text-field v-model="contact_email" label="Contact email" append-inner-icon="mdi-email" required
-      variant="outlined" type="email" hint="Example: user@usgs.gov"></v-text-field>
+    <v-text-field
+      v-model="homepage"
+      label="Homepage for where redirects will point to"
+      type="url"
+      required
+      variant="outlined"
+      hint="Example: https://waterdata.usgs.gov"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-textarea
+      v-model="description"
+      label="Description of data"
+      required
+      variant="outlined"
+      hint="Example: All monitoring locations used by the USGS Waterdata system"
+      persistent-hint
+      class="pb-4"
+    ></v-textarea>
+
+    <v-text-field
+      v-model="example_pid"
+      label="Example PID"
+      required
+      variant="outlined"
+      hint="Example: https://geoconnex.us/usgs/monitoring-location/08383500"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="example_redirect_target"
+      label="Example redirect target url"
+      type="url"
+      variant="outlined"
+      hint="Example: https://waterdata.usgs.gov/monitoring-location/08383500"
+      persistent-hint
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="contact_name"
+      label="Contact name"
+      hint="Example: John Smith"
+      required
+      variant="outlined"
+      class="pb-4"
+    ></v-text-field>
+
+    <v-text-field
+      v-model="contact_email"
+      label="Contact email"
+      append-inner-icon="mdi-email"
+      required
+      variant="outlined"
+      type="email"
+      hint="Example: user@usgs.gov"
+    ></v-text-field>
   </div>
 
   <v-alert type="error" class="w-50 mx-auto" v-if="!valid" icon="mdi-alert">
-    {{ error }} 
+    {{ error }}
   </v-alert>
-
 </template>
 
 <script lang="ts">
@@ -56,7 +102,7 @@ export default defineComponent({
   data() {
     return {
       homepage: '',
-      namespace: "",
+      namespace: '',
       description: '',
       example_pid: '',
       example_redirect_target: '',
@@ -73,7 +119,6 @@ export default defineComponent({
   },
 
   computed: {
-
     valid() {
       if (this.namespace.length == 0) {
         this.error = 'Namespace is required'
@@ -109,8 +154,6 @@ export default defineComponent({
       this.error = ''
       return true
     }
-  },
-}
-
-)
+  }
+})
 </script>
diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
index 2f7a599..f1de613 100644
--- a/src/components/PageFooter.vue
+++ b/src/components/PageFooter.vue
@@ -2,16 +2,25 @@
   <v-footer class="footer pa-8" width="auto">
     <div class="logo-container">
       <a href="https://internetofwater.org" class="logo-link">
-        <img src="@/assets/logo-iow.png" alt="Internet of Water Logo" title="internetofwater.org" class="logo-img" />
+        <img
+          src="@/assets/logo-iow.png"
+          alt="Internet of Water Logo"
+          title="internetofwater.org"
+          class="logo-img"
+        />
       </a>
       <a href="https://cgsearth.org" class="logo-link">
-        <img src="@/assets/logo-cgs.png" alt="CGS Earth Logo" title="cgsearth.org" class="logo-img" />
+        <img
+          src="@/assets/logo-cgs.png"
+          alt="CGS Earth Logo"
+          title="cgsearth.org"
+          class="logo-img"
+        />
       </a>
     </div>
   </v-footer>
 </template>
 
-
 <style scoped>
 .footer {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -33,7 +42,5 @@
 .logo-img {
   width: 180px;
   padding: 0 16px;
-
 }
-
 </style>
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 65ffabf..1c1bd14 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -2,15 +2,18 @@
   <div class="header pa-6 mb-4">
     <div class="logo-container">
       <a href="https://geoconnex.us">
-        <img src="@/assets/logo-geoconnex.png" alt="Geoconnex Logo" title="geoconnex.us" class="logo-geoconnex" />
+        <img
+          src="@/assets/logo-geoconnex.png"
+          alt="Geoconnex Logo"
+          title="geoconnex.us"
+          class="logo-geoconnex"
+        />
       </a>
     </div>
     <v-icon @click="toggleTheme" icon="mdi-theme-light-dark" class="theme-toggle-icon"></v-icon>
   </div>
-
 </template>
 
-
 <script setup lang="ts">
 import { useTheme } from 'vuetify'
 
@@ -21,7 +24,6 @@ function toggleTheme() {
 }
 </script>
 
-
 <style scoped>
 .header {
   display: flex;
@@ -59,9 +61,10 @@ function toggleTheme() {
 }
 
 .logo-geoconnex {
-  -webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.594)) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
-
-  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0.29 white) drop-shadow(1px -1px 0.29 white) drop-shadow(-1px -1px 0.29 white);
+  -webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.594)) drop-shadow(-1px 1px 0 white)
+    drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
 
+  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0.29 white)
+    drop-shadow(1px -1px 0.29 white) drop-shadow(-1px -1px 0.29 white);
 }
 </style>
diff --git a/src/components/UploadForm.vue b/src/components/UploadForm.vue
index 912a1ee..f34b486 100644
--- a/src/components/UploadForm.vue
+++ b/src/components/UploadForm.vue
@@ -4,19 +4,21 @@ import URLCheckSummary from '@/components/URLCheckSummary.vue'
 import CSVReference from '@/components/CSVReference.vue'
 import GeoconnexBackground from '@/components/GeoconnexBackground.vue'
 import MetadataGenerator from '@/components/MetadataGenerator.vue'
-
 </script>
 
 <template>
   <v-container class="fill-width w-66 d-flex align-center justify-center" fluid>
     <v-row class="justify-center align-center fill-height">
       <v-col cols="12">
-        <v-stepper :items="[
-          'Step 1: Review Background',
-          'Step 2: Add CSV',
-          'Step 3: Add Metadata',
-          'Step 4: Submit'
-        ]" :hide-actions="hideNext">
+        <v-stepper
+          :items="[
+            'Step 1: Review Background',
+            'Step 2: Add CSV',
+            'Step 3: Add Metadata',
+            'Step 4: Submit'
+          ]"
+          :hide-actions="hideNext"
+        >
           <template v-slot:item.1>
             <GeoconnexBackground />
           </template>
@@ -26,22 +28,46 @@ import MetadataGenerator from '@/components/MetadataGenerator.vue'
 
             <CSVReference class="mt-4" />
 
-
-            <v-file-input v-model="csv" label="CSV Mapping" accept=".csv" required show-size variant="outlined"
-              @change="checkCSV" class="w-50 mx-auto" />
-
-            <URLCheckSummary :crawlErrors="crawlErrors" :progress="progress" class="mt-4"></URLCheckSummary>
+            <v-file-input
+              v-model="csv"
+              label="CSV Mapping"
+              accept=".csv"
+              required
+              show-size
+              variant="outlined"
+              @change="checkCSV"
+              class="w-50 mx-auto"
+            />
+
+            <URLCheckSummary
+              :crawlErrors="crawlErrors"
+              :progress="progress"
+              class="mt-4"
+            ></URLCheckSummary>
 
             <v-fade-transition class="mx-auto w-66">
-              <v-alert :color="checkError.level || 'error'" :icon="`$${checkError.level || 'error'}`"
-                :title="checkError.type" :text="checkError.text" v-if="checkError.type && !progress.running">
+              <v-alert
+                :color="checkError.level || 'error'"
+                :icon="`$${checkError.level || 'error'}`"
+                :title="checkError.type"
+                :text="checkError.text"
+                v-if="checkError.type && !progress.running"
+              >
               </v-alert>
-              <v-alert color="success" icon="$success" title="Data Links Submitted" :text="result"
-                v-if="checkError.type == null && result && !progress.running"></v-alert>
+              <v-alert
+                color="success"
+                icon="$success"
+                title="Data Links Submitted"
+                :text="result"
+                v-if="checkError.type == null && result && !progress.running"
+              ></v-alert>
             </v-fade-transition>
 
-
-            <v-btn v-if="checkError.type === 'Issues Checking CSV'" @click="overrideError" class="mt-6 d-flex mx-auto ignoreButton">
+            <v-btn
+              v-if="checkError.type === 'Issues Checking CSV'"
+              @click="overrideError"
+              class="mt-6 d-flex mx-auto ignoreButton"
+            >
               Ignore warning and override
             </v-btn>
           </template>
@@ -50,19 +76,31 @@ import MetadataGenerator from '@/components/MetadataGenerator.vue'
             <h2 class="mb-4 text-center">Add Metadata for your CSV Contribution</h2>
 
             <MetadataGenerator :namespace="namespace" @result="setMetadata" />
-
           </template>
 
           <template v-slot:item.4>
             <h2 class="text-center">Upload your CSV Mapping</h2>
 
             <v-fade-transition class="mt-4 mx-auto w-66">
-              <v-alert :color="checkError.level || 'error'" :icon="`$${checkError.level || 'error'}`"
-                :title="checkError.type" :text="checkError.text"
-                v-if="checkError.type != 'Checked CSV without errors' && checkError.type && !progress.running">
+              <v-alert
+                :color="checkError.level || 'error'"
+                :icon="`$${checkError.level || 'error'}`"
+                :title="checkError.type"
+                :text="checkError.text"
+                v-if="
+                  checkError.type != 'Checked CSV without errors' &&
+                  checkError.type &&
+                  !progress.running
+                "
+              >
               </v-alert>
-              <v-alert color="success" icon="$success" title="Data Links Submitted" :text="result"
-                v-if="checkError.type == null && result && !progress.running"></v-alert>
+              <v-alert
+                color="success"
+                icon="$success"
+                title="Data Links Submitted"
+                :text="result"
+                v-if="checkError.type == null && result && !progress.running"
+              ></v-alert>
             </v-fade-transition>
 
             <v-col cols="12" class="text-center mt-8">
@@ -97,19 +135,22 @@ export default defineComponent({
       result: '',
       progress: { running: false, action: '' },
       crawlErrors: [] as ValidationReport['crawlErrors'],
-      existingNamespaces: [] as string[],
+      existingNamespaces: [] as string[]
     }
   },
   computed: {
     hideNext() {
-      return this.checkError.type === 'Issues Checking CSV' || this.progress.running 
-    },
+      return this.checkError.type === 'Issues Checking CSV' || this.progress.running
+    }
   },
 
   methods: {
     async checkCSV() {
-      this.progress = { running: true, action: 'Validating your CSV data. This may take a minute...' }
-      
+      this.progress = {
+        running: true,
+        action: 'Validating your CSV data. This may take a minute...'
+      }
+
       if (!this.csv) {
         return
       }
@@ -138,7 +179,6 @@ export default defineComponent({
     },
 
     async valid() {
-
       if (!this.csv) {
         return false
       }
@@ -147,20 +187,18 @@ export default defineComponent({
         running: true,
         action: 'Validating your CSV data. This may take a minute...'
       }
-
     },
     overrideError() {
       this.checkError = { type: undefined, text: '' }
       this.crawlErrors = []
     },
-    setMetadata(metadata: { readme: File | null, namespace: string }) {
+    setMetadata(metadata: { readme: File | null; namespace: string }) {
       const { readme, namespace } = metadata
       this.namespace = namespace
       this.readme = readme
     },
 
     async submitForm() {
-
       this.result = ''
       this.progress = { running: false, action: '' }
 
@@ -188,7 +226,6 @@ export default defineComponent({
 </script>
 
 <style scoped>
-
 .ignoreButton {
   background-color: rgb(var(--v-theme-secondary));
 }
diff --git a/src/lib/helpers.test.ts b/src/lib/helpers.test.ts
index c1a4ce0..1821c25 100644
--- a/src/lib/helpers.test.ts
+++ b/src/lib/helpers.test.ts
@@ -9,7 +9,7 @@ const path = require('path')
 test('Get namespaces', async () => {
   const namespaces = await fetchAllNamespaces()
   expect(namespaces.includes('epa')).toBe(true)
-  expect(namespaces.includes("usbr")).toBe(true)
+  expect(namespaces.includes('usbr')).toBe(true)
 })
 
 function getTestFile(fileName: string) {
diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
index e1338b2..19a40a1 100644
--- a/src/lib/helpers.ts
+++ b/src/lib/helpers.ts
@@ -1,20 +1,25 @@
 import Papa from 'papaparse'
-import { CSVError, type MarkdownSection, type ValidationReport, type namespaceResult } from './types'
+import {
+  CSVError,
+  type MarkdownSection,
+  type ValidationReport,
+  type namespaceResult
+} from './types'
 
 export async function fetchAllNamespaces(): Promise<string[]> {
-  const api = "https://api.github.com/repos/internetofwater/geoconnex.us/contents/namespaces?ref=master"
+  const api =
+    'https://api.github.com/repos/internetofwater/geoconnex.us/contents/namespaces?ref=master'
 
   const response = await fetch(api)
   if (!response.ok) {
     throw new Error(`HTTP error! Status: ${response.status}`)
   }
 
-
   const data: namespaceResult[] = await response.json()
   const namespaces = []
 
   for (const namespace of data) {
-    if (namespace.type === "dir") {
+    if (namespace.type === 'dir') {
       namespaces.push(namespace.name)
     }
   }
@@ -22,7 +27,6 @@ export async function fetchAllNamespaces(): Promise<string[]> {
   return namespaces
 }
 
-
 export async function fetchMarkdownContent(url: string): Promise<string> {
   const response = await fetch(url)
 
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 0801745..c8e60e3 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -37,5 +37,5 @@ export type namespaceResult = {
   html_url: string
   git_url: string
   download_url: string
-  type: "dir" | "file"
+  type: 'dir' | 'file'
 }
diff --git a/src/main.ts b/src/main.ts
index 09c3ea9..0310a67 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,25 +9,25 @@ import * as directives from 'vuetify/directives'
 import App from './App.vue'
 import colors from 'vuetify/util/colors'
 
-const buttonColor = "#00A087"
+const buttonColor = '#00A087'
 
 const customLightTheme: ThemeDefinition = {
   dark: false,
   colors: {
     primary: colors.grey.lighten4,
-    secondary: "#e5e9f0",
-  },
+    secondary: '#e5e9f0'
+  }
 }
 
 const customDarkTheme: ThemeDefinition = {
   dark: true,
   colors: {
-    primary:  "#3b4252",
-    background: "#434c5e",
+    primary: '#3b4252',
+    background: '#434c5e',
     surface: colors.grey.darken3,
     secondary: colors.grey.darken2,
     accent: buttonColor
-  },
+  }
 }
 
 const vuetify = createVuetify({