chore: Prettier formatting. Ran command. (#21)

purplebugs · Jul 3, 2024 · 7a84921 · 7a84921
1 parent c21c0a1
commit 7a84921
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 6 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,2 @@
+# Ignore artifacts:
+public/build
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "printWidth": 80,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": false
+}
diff --git a/README.md b/README.md
@@ -43,6 +43,10 @@ Standard build
 
 `npm run build`
 
+Format the code
+
+`npm run prettier`
+
 ### Run app 🚀
 
 `npm run start`

diff --git a/build.js b/build.js
@@ -11,7 +11,7 @@ const inputOptions = {
     rollupPluginCommonjs({ include: /node_modules/ }),
     rollupPluginReplace({
       "process.env.NODE_ENV": JSON.stringify("production"),
-      "preventAssignment": true,
+      preventAssignment: true,
     }),
     rollupPluginTerser({ format: { comments: false } }),
   ],

diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "build:watch": "node --watch-path=./src build.js",
     "build": "node build.js",
+    "prettier": "prettier . --write",
     "start": "node dev-server.js"
   },
   "author": "",
@@ -18,6 +19,7 @@
     "@rollup/plugin-replace": "5.0.7",
     "@rollup/plugin-terser": "0.4.4",
     "fastify": "4.28.0",
+    "prettier": "3.3.2",
     "rollup": "4.18.0"
   },
   "dependencies": {

diff --git a/public/element.html b/public/element.html
@@ -5,7 +5,6 @@
       h3 {
         color: purple;
       }
-
     </style>
   </head>
   <body>
@@ -18,7 +17,7 @@ <h3 slot="header">This is the header</h3>
       <h3 slot="footer">This is the footer</h3>
     </alpaca-element>
 
-    <hr\>
+    <hr />
 
     <script type="module" src="/build/element.js"></script>
   </body>

diff --git a/src/alpaca-map.js b/src/alpaca-map.js
@@ -129,7 +129,9 @@ export default class AlpacaMap extends LitElement {
       // markers can only be keyboard focusable when they have click listeners
       // open info window when marker is clicked
       marker.addListener("click", () => {
-        infoWindow.setContent(farm.location.lat_lng.lat + ", " + farm.location.lat_lng.lng);
+        infoWindow.setContent(
+          farm.location.lat_lng.lat + ", " + farm.location.lat_lng.lng
+        );
         infoWindow.open(this.map, marker);
       });
 
@@ -145,7 +147,10 @@ export default class AlpacaMap extends LitElement {
 
   _filterMarkers(element) {
     const form = new FormData(element.target.parentElement);
-    console.log("element.target.parentElement.id", element.target.parentElement.id);
+    console.log(
+      "element.target.parentElement.id",
+      element.target.parentElement.id
+    );
 
     console.log("has public", form.has("public"));
     console.log("has private", form.has("private"));

diff --git a/src/element.js b/src/element.js
@@ -31,7 +31,9 @@ export class AlpacaElement extends LitElement {
 
   _title() {
     // Calling this._increase without parentheses ensures it is not run on page load, but only when the h3 element is clicked
-    return html`<button @click="${this._increase}">Alpaca: ${this.name} - Counter: ${this.counter}</button>`;
+    return html`<button @click="${this._increase}">
+      Alpaca: ${this.name} - Counter: ${this.counter}
+    </button>`;
   }
 
   render() {