From e4593013e74a11f703e7fd534710e6df8b69b8b0 Mon Sep 17 00:00:00 2001
From: Casey Watts <casey.s.watts@gmail.com>
Date: Sat, 9 Jul 2022 19:41:26 -0400
Subject: [PATCH] getting and parsing the ics feed

---
 package-lock.json               | 11 +++++++++++
 package.json                    |  1 +
 src/App.vue                     |  2 ++
 src/components/MeetupEvents.vue | 13 +++++++++++++
 4 files changed, 27 insertions(+)
 create mode 100644 src/components/MeetupEvents.vue

diff --git a/package-lock.json b/package-lock.json
index 8af268c..b3c3d55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@testing-library/vue": "^6.6.0",
+        "ical.js": "^1.5.0",
         "sass": "^1.52.3",
         "vue": "^3.2.36",
         "vue-router": "^4.0.15"
@@ -1235,6 +1236,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/ical.js": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/ical.js/-/ical.js-1.5.0.tgz",
+      "integrity": "sha512-7ZxMkogUkkaCx810yp0ZGKvq1ZpRgJeornPttpoxe6nYZ3NLesZe1wWMXDdwTkj/b5NtXT+Y16Aakph/ao98ZQ=="
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -2852,6 +2858,11 @@
         "debug": "4"
       }
     },
+    "ical.js": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/ical.js/-/ical.js-1.5.0.tgz",
+      "integrity": "sha512-7ZxMkogUkkaCx810yp0ZGKvq1ZpRgJeornPttpoxe6nYZ3NLesZe1wWMXDdwTkj/b5NtXT+Y16Aakph/ao98ZQ=="
+    },
     "iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
diff --git a/package.json b/package.json
index 1840e86..b1c798d 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@testing-library/vue": "^6.6.0",
+    "ical.js": "^1.5.0",
     "sass": "^1.52.3",
     "vue": "^3.2.36",
     "vue-router": "^4.0.15"
diff --git a/src/App.vue b/src/App.vue
index 380c2d8..4ade16b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
 import {RouterView} from 'vue-router'
 import Navigation from "./components/Navigation.vue";
 import SiteFooter from "./components/SiteFooter.vue";
+import MeetupEvents from './components/MeetupEvents.vue';
 </script>
 
 <template>
@@ -11,6 +12,7 @@ import SiteFooter from "./components/SiteFooter.vue";
     </header>
 
     <main>
+      <MeetupEvents/>
       <RouterView/>
     </main>
 
diff --git a/src/components/MeetupEvents.vue b/src/components/MeetupEvents.vue
new file mode 100644
index 0000000..e714d96
--- /dev/null
+++ b/src/components/MeetupEvents.vue
@@ -0,0 +1,13 @@
+<script>
+  import ICAL from "ical.js"
+  const corsAnywhere = "https://cors-anywhere.herokuapp.com/"
+  const meetupIcalFeedUrl = "https://www.meetup.com/Baltimore-Code-and-Coffee/events/ical/";
+  const iCalendarDataFeed = await fetch(`${corsAnywhere}${meetupIcalFeedUrl}`)
+  const iCalData = await iCalendarDataFeed.text();
+  var jCalData = ICAL.parse(iCalData);
+  debugger;
+</script>
+
+<template>
+  [meetup widgets will go here]
+</template>