added degrees to compass

package.json

@@ -1,6 +1,6 @@
 {
   "name": "weather-sucks",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "Our Earth needs yet another Weather App",
   "devDependencies": {
     "typescript": "^3.2.2"

src/components/additional-info.js

@@ -1,4 +1,5 @@
 import { html } from '../libs/preact.js';
+import { degreeToCompass } from '../modules/utils.js';
 
 /**
  * @param {AdditionalInfoProps} props
@@ -16,7 +17,7 @@ export const AdditionalInfoPanel = ({ show, data }) => {
         <div>Humidity: ${humidity}%</div>
         <div>Pressure: ${pressure} hPa</div>
         <div>Wind Speed: ${windSpeed} m/s</div>
-        <div>Wind Direction: ${windDirection}°</div>
+        <div>Wind Direction: ${windDirection}° (${degreeToCompass(windDirection)})</div>
       </div>
     </div>
   `;

src/modules/utils.js

@@ -123,7 +123,7 @@ export function convertKelvinTo(kelvin, unit) {
   }
 
   if (unit === 'F') {
-    return Math.round((kelvin - 273.15) * (9/5) + 32);
+    return Math.round((kelvin - 273.15) * (9 / 5) + 32);
   }
 
   throw Error('unknown unit: ' + unit);
@@ -206,6 +206,17 @@ export function toUnit(val) {
   return 'C';
 }
 
+/**
+ * https://stackoverflow.com/a/25867068
+ * @param {number} degree
+ * @return {string}
+ */
+export function degreeToCompass(degree) {
+  const val = Math.floor((degree / 22.5) + 0.5);
+  const arr = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'];
+  return arr[(val % 16)];
+}
+
 /**
  * @param {Callback} callback
  * @return {DisposeCallback}
@@ -219,6 +230,7 @@ export function onDocumentClick(callback) {
     document.removeEventListener('click', listener);
   };
 }
+
 /**
  * @return {void}
  */

src/service-worker.js

@@ -1,7 +1,7 @@
 // @ts-nocheck
 // having issues with ServiceWorker types
 
-const version = '9.0.0'; // version needs to be updated manually for now
+const version = '10.0.0'; // version needs to be updated manually for now
 const projectName = 'weather-sucks';
 const preCacheName = `${projectName}-precache-${version}`;
 const runtimeCacheName = `${projectName}-runtimeCache-${version}`;