From cf797c7702a9f92784263e5b1498467df924938f Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 26 Sep 2024 09:13:22 -0600
Subject: [PATCH] disable checkboxes for nostr partner messages; adjust linting
 warnings

---
 .eslintrc.js                     |  9 +++++---
 src/components/PhotoDialog.vue   |  3 ++-
 src/views/AccountViewView.vue    | 10 ++++++---
 src/views/HelpOnboardingView.vue |  3 ++-
 src/views/HelpView.vue           |  2 +-
 src/views/NewEditProjectView.vue | 38 +++++++++++++++++++++++++-------
 src/views/ProjectViewView.vue    |  5 ++++-
 src/views/ProjectsView.vue       |  5 ++++-
 src/views/StatisticsView.vue     | 15 ++++++++-----
 9 files changed, 65 insertions(+), 25 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 58c9c98..553ac75 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -17,15 +17,18 @@ module.exports = {
     "max-len": [
       "warn",
       {
-        code: 100,
-        ignoreComments: true,
+        code: 120,
+        ignoreComments: true, // why does this not make it allow comment of any length?
+        ignorePattern: '^\\s*class="[^"]*"$',
+        ignoreStrings: true,
         ignoreTemplateLiterals: true,
+        ignoreTrailingComments: true,
         ignoreUrls: true,
       },
     ],
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "prettier/prettier": ["warn", { printWidth: 100 }],
+    // "prettier/prettier": ["warn", { printWidth: 120 }], // removes errors but adds thousands of warnings
     "@typescript-eslint/no-unnecessary-type-constraint": "off",
   },
 };
diff --git a/src/components/PhotoDialog.vue b/src/components/PhotoDialog.vue
index ddf07ad..a83890b 100644
--- a/src/components/PhotoDialog.vue
+++ b/src/components/PhotoDialog.vue
@@ -76,7 +76,8 @@
       </div>
       <div v-else ref="cameraContainer">
         <!--
-          Camera "resolution" doesn't change how it shows on screen but rather stretches the result, eg the following which just stretches it vertically:
+          Camera "resolution" doesn't change how it shows on screen but rather stretches the result,
+          eg. the following which just stretches it vertically:
           :resolution="{ width: 375, height: 812 }"
         -->
         <camera
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index feea0fa..0603435 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -151,7 +151,10 @@
     </div>
 
     <!-- Registration notice -->
-    <!-- We won't show any loading indicator because it usually doesn't change anything. We'll just pop the message in only if we discover that they need it. -->
+    <!--
+     We won't show any loading indicator because it usually doesn't change anything.
+     We'll just pop the message in only if we discover that they need it.
+    -->
     <div
       v-if="!loadingLimits && !endorserLimits?.nextWeekBeginDateTime"
       id="noticeBeforeAnnounce"
@@ -588,12 +591,13 @@
       </span>
 
       <div id="sectionImageServerURL" class="mt-2">
-        <span class="text-slate-500 text-sm font-bold">Image Server URL</span>&nbsp;
+        <span class="text-slate-500 text-sm font-bold">Image Server URL</span>
+        &nbsp;
         <span class="text-sm">{{ DEFAULT_IMAGE_API_SERVER }}</span>
       </div>
 
       <div id="sectionPartnerServerURL" class="mt-2">
-        <span class="text-slate-500 text-sm font-bold">Partner Server URL</span>&nbsp;
+        <span class="text-slate-500 text-sm font-bold">Partner Server URL</span>
         <span class="text-sm">{{ DEFAULT_PARTNER_API_SERVER }}</span>
       </div>
 
diff --git a/src/views/HelpOnboardingView.vue b/src/views/HelpOnboardingView.vue
index e6c6b11..9685dfa 100644
--- a/src/views/HelpOnboardingView.vue
+++ b/src/views/HelpOnboardingView.vue
@@ -50,7 +50,8 @@
       <h1 class="font-bold text-xl">Discuss Backups</h1>
       <div>
         <p>
-          8) Exporting backups <fa icon="circle-user" /> are important if they lose their phone --- especially for the Identifier Seed!
+          8) Exporting backups <fa icon="circle-user" /> are important if they lose their phone
+          --- especially for the Identifier Seed!
         </p>
       </div>
 
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index cf3c9a1..89f4f8d 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -21,7 +21,7 @@
       </h1>
     </div>
 
-    <!-- eslint-disable prettier/prettier -->
+    <!-- eslint-disable prettier/prettier max-len -->
     <div>
       <p>
         This app focuses on gifts & gratitude, using them to build cool things together with your network.
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 759ea39..c91138d 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -145,7 +145,10 @@
       </l-map>
     </div>
 
-    <div v-if="showGeneralAdvanced && includeLocation" class="items-center mb-4">
+    <div
+      v-if="showGeneralAdvanced && includeLocation && false"
+      class="items-center mb-4"
+    >
       <div class="flex">
         <input
           type="checkbox"
@@ -206,7 +209,11 @@ import { Router } from "vue-router";
 
 import ImageMethodDialog from "@/components/ImageMethodDialog.vue";
 import QuickNav from "@/components/QuickNav.vue";
-import { DEFAULT_IMAGE_API_SERVER, DEFAULT_PARTNER_API_SERVER, NotificationIface } from "@/constants/app";
+import {
+  DEFAULT_IMAGE_API_SERVER,
+  DEFAULT_PARTNER_API_SERVER,
+  NotificationIface,
+} from "@/constants/app";
 import { accountsDB, retrieveSettingsForActiveAccount } from "@/db/index";
 import {
   createEndorserJwtVcFromClaim,
@@ -451,12 +458,16 @@ export default class NewEditProjectView extends Vue {
 
         if (this.sendToTrustroots) {
           this.sendToNostrPartner(
-            "NOSTR-EVENT-TRUSTROOTS", "Trustroots", resp.data.success.claimId
+            "NOSTR-EVENT-TRUSTROOTS",
+            "Trustroots",
+            resp.data.success.claimId,
           );
         }
         if (this.sendToTripHopping) {
           this.sendToNostrPartner(
-            "NOSTR-EVENT-TRIPHOPPING", "TripHopping", resp.data.success.claimId
+            "NOSTR-EVENT-TRIPHOPPING",
+            "TripHopping",
+            resp.data.success.claimId,
           );
         }
 
@@ -524,7 +535,11 @@ export default class NewEditProjectView extends Vue {
     }
   }
 
-  private async sendToNostrPartner(linkCode: string, serviceName: string, jwtId: string) {
+  private async sendToNostrPartner(
+    linkCode: string,
+    serviceName: string,
+    jwtId: string,
+  ) {
     // first, get the public key for nostr
     const account = await getAccount(this.activeDid);
     // get the last number of the derivationPath
@@ -532,7 +547,11 @@ export default class NewEditProjectView extends Vue {
     // remove any trailing '
     const finalDerNumNoApostrophe = finalDerNum?.replace(/'/g, "");
     const accountNum = Number(finalDerNumNoApostrophe || 0);
-    const pubPri = accountFromSeedWords(account?.mnemonic as string, "", accountNum);
+    const pubPri = accountFromSeedWords(
+      account?.mnemonic as string,
+      "",
+      accountNum,
+    );
     const nostrPubKey = pubPri?.publicKey;
 
     const trustrootsUrl = DEFAULT_PARTNER_API_SERVER + "/api/partner/link";
@@ -547,7 +566,11 @@ export default class NewEditProjectView extends Vue {
     const fullTrustrootsUrl = trustrootsUrl;
     const headers = await getHeaders(this.activeDid);
     try {
-      const linkResp = await this.axios.post(fullTrustrootsUrl, trustrootsParams, { headers });
+      const linkResp = await this.axios.post(
+        fullTrustrootsUrl,
+        trustrootsParams,
+        { headers },
+      );
       if (linkResp.status === 201) {
         this.$notify(
           {
@@ -586,7 +609,6 @@ export default class NewEditProjectView extends Vue {
         5000,
       );
     }
-
   }
 
   public async onSaveProjectClick() {
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index c11a73f..a816b46 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -220,7 +220,10 @@
         </li>
       </ul>
 
-      <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) -->
+      <!--
+       Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list
+        (we want to limit the grid count above to 8 or 12 accounts to keep it compact)
+      -->
       <a
         v-if="allContacts.length >= 7"
         @click="onClickAllContactsGifting()"
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 3e1dbc2..c49db4c 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -150,7 +150,10 @@
                       <span
                         v-if="offer.amountGivenConfirmed >= offer.amountGiven"
                       >
-                        <!-- no need for green icon; unnecessary if there's already a green, confusing if there's a yellow -->
+                        <!--
+                         There's no need for a green icon:
+                         it's unnecessary if there's already a green, and confusing if there's a yellow.
+                        -->
                         all
                       </span>
                       <span v-else>
diff --git a/src/views/StatisticsView.vue b/src/views/StatisticsView.vue
index cd4b593..7adcb31 100644
--- a/src/views/StatisticsView.vue
+++ b/src/views/StatisticsView.vue
@@ -25,12 +25,13 @@
       Here is a view of the activity you can see.
       <ul class="list-disc outside ml-4">
         <li>Each identity and claim has a unique position.</li>
-        <!-- eslint-disable prettier/prettier --><!-- If we format prettier then there is extra space at the start of the line. -->
-        <li>Each will show at their time of appearance relative to all others.</li>
-        <li>Note that the ones on the left and right edges are randomized
-          because their data isn't all visible to you.
+        <li>
+          Each will show at their time of appearance relative to all others.
+        </li>
+        <li>
+          Note that the ones on the left and right edges are randomized because
+          their data isn't all visible to you.
         </li>
-        <!-- eslint-enable -->
       </ul>
     </div>
 
@@ -46,7 +47,9 @@
         {{ worldProperties.animationDurationSeconds }} seconds
       </div>
     </div>
-    <button class="float-right text-blue-600" @click="captureGraphics()">Screenshot</button>
+    <button class="float-right text-blue-600" @click="captureGraphics()">
+      Screenshot
+    </button>
     <div id="scene-container" class="h-screen"></div>
   </section>
 </template>