feature: add Svelte framework to app, refactor tracking panel into Svelte component

lib/static/index.js

@@ -13,12 +13,16 @@ import logger from './app/logger'
 import { extractEventDataFromHTML } from '../../lib/services/ics-retriever'
 import generateICS from '../../lib/services/ics-generator'
 
+import boot from '../frontend'
+
 (() => {
   if (!window.fetch || !window.Promise || !window.URLSearchParams || !window.crypto) {
     console.warn('JS features not available.')
     return
   }
 
+  document.addEventListener('DOMContentLoaded', boot)
+
   const showTable = () => {
     list.classList.remove('hidden')
   }
@@ -33,40 +37,6 @@ import generateICS from '../../lib/services/ics-generator'
     row.remove()
   }
 
-  const renderTrackingPanel = (storageContents) => {
-    const trackingPanel = document.createElement('div')
-    trackingPanel.id = 'tracking-panel'
-
-    const text = document.createElement('p')
-    text.innerText = `Can we store anonymous logs? This data is only saved to \
-our internal database and is used to debug the parsing of the web pages.\n\
-We'll ask you only this time and won't bother you again.`
-
-    const yesButton = document.createElement('button')
-    yesButton.id = 'tracking-panel__yes-button'
-    yesButton.innerText = 'Ok'
-    yesButton.addEventListener('click', () => {
-      updateConfigStorage(storageContents, 'track', true)
-      logger.setRemoteLogging(true)
-      trackingPanel.remove()
-    })
-
-    const noButton = document.createElement('button')
-    noButton.id = 'tracking-panel__no-button'
-    noButton.innerText = 'Nope'
-    noButton.addEventListener('click', () => {
-      updateConfigStorage(storageContents, 'track', false)
-      logger.setRemoteLogging(false)
-      trackingPanel.remove()
-    })
-
-    trackingPanel.appendChild(text)
-    trackingPanel.appendChild(yesButton)
-    trackingPanel.appendChild(noButton)
-
-    document.body.appendChild(trackingPanel)
-  }
-
   const insertTableRow = ({ id, link, createdAt, startTime, title }) => {
     showTable()
 
@@ -158,21 +128,6 @@ We'll ask you only this time and won't bother you again.`
       })
   }
 
-  const hydrateConfig = () => {
-    if (!useStorage()) {
-      return
-    }
-
-    const prevStorage = getConfigStorage()
-    const storageContents = getStorageContents(prevStorage)
-
-    const useTrackingSet = storageContents.track !== undefined
-
-    if (!useTrackingSet) {
-      renderTrackingPanel(storageContents)
-    }
-  }
-
   const configureLogger = (logger) => {
     if (!logger || !useStorage()) {
       return
@@ -299,7 +254,6 @@ We'll ask you only this time and won't bother you again.`
   }
 
   hydrateList()
-  hydrateConfig()
   configureLogger(logger)
 
   const handleHTMLResponse = (html, url) => {