Add NWS discussion

api/src/wx.mjs

@@ -0,0 +1,19 @@
+import { getCachedData, putCachedData } from "./cache.mjs";
+
+export const wxDiscussion = async () => {
+    let wxdisc = getCachedData('wxdisc');
+    if (!wxdisc) {
+        const response = await fetch('https://a.atmos.washington.edu/data/disc_report.html');
+        const text = await response.text();
+        const start = 'Area Forecast Discussion\nNational Weather Service Seattle WA';
+        const startIndex = text.indexOf(start);
+        const end = '$$';
+        const endIndex = text.indexOf(end, startIndex);
+        wxdisc = {
+            text: text.substring(startIndex, endIndex)
+        };
+        putCachedData('wxdisc', wxdisc);
+    }
+    let text = wxdisc.text.replace(/(?<!\n)\n(?!\n)/g, ' '); // Remove all newlines, except for those that start a new paragraph (two consecutive newlines)
+    return text;
+};

api/today/index.mjs

@@ -1,18 +1,27 @@
 import { printToday } from '../src/index.mjs';
+import { wxDiscussion } from '../src/wx.mjs';
 
 export default async function (context, req) {
     context.log('Starting execution');
     try {
-        const utcOffset = req.query && req.query.utcOffset;
-        context.res = {
-            status: 200,
-            body: await printToday(utcOffset)
-        };    
+        const source = req.query?.source ?? '';
+        if (source === 'wxdisc') {
+            context.res = {
+                status: 200,
+                body: await wxDiscussion()
+            };
+        } else {
+            const utcOffset = req.query && req.query.utcOffset;
+            context.res = {
+                status: 200,
+                body: await printToday(utcOffset)
+            };
+        }
     } catch (err) {
         context.res = {
             status: 500,
             body: 'Error'
         };
-        context.log(`Error: ${err}`);
+        context.log(`Error: ${err}\n${err.stack}`);
     }
 }

web/src/App.css

@@ -1,21 +1,9 @@
 .App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
+  text-align: left;
 }
 
 .App-header {
   background-color: #282c34;
-  min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,11 +16,6 @@
   color: #61dafb;
 }
 
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.Wx-Disc {
+  padding: 2vh;
 }

web/src/App.js

@@ -3,18 +3,29 @@ import './App.css';
 
 function App() {
   const [apiResponse, setApiResponse] = useState('');
+  const [wxDiscussionResponse, setWxDiscussionResponse] = useState('');
 
   useEffect(() => {
     fetch('/api/today')
       .then(response => response.text())
       .then(data => setApiResponse(data));
   }, []);
 
+  useEffect(() => {
+    fetch('/api/today?source=wxdisc')
+      .then(response => response.text())
+      .then(data => setWxDiscussionResponse(data.split('\n\n').map((paragraph, index) => (
+        <p key={index}>{paragraph}</p>
+      ))));
+  }, []);
+
   return (
     <div className="App">
       <header className="App-header">
-        <pre>{apiResponse}</pre>
+        MyMinimums
       </header>
+      <div className="Wx-Disc">{wxDiscussionResponse}</div>
+      <pre>{apiResponse}</pre>
     </div>
   );
 }

web/src/App.test.js

@@ -3,6 +3,8 @@ import App from './App';
 
 test('renders learn react link', () => {
   render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
+  setTimeout(() => {
+    const linkElement = screen.getByText(/S43/i);
+    expect(linkElement).toBeInTheDocument();
+  }, 5000);
 });