refactor: completely remove existing javascript and use Svelte app

exclusively for rendering

lib/static/app/crawler.js

@@ -1,20 +0,0 @@
-const crawl = async (url, { logger }) => {
-  if (logger) {
-    logger.log({
-      message: `Crawl started for url: ${url}`,
-      level: 'info',
-      service: 'parser',
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    fetch(url, {
-      method: 'GET',
-    }).then((response) => {
-      console.log(response)
-      resolve()
-    }).catch(reject)
-  })
-}
-
-export default crawl

lib/static/app/logger.js

@@ -1,41 +0,0 @@
-class Logger {
-  constructor() {
-    this._remote = false
-  }
-
-  log({ message, level, service }) {
-    console.info(
-      `%c${level}\n%c${service}\n%c${message}`,
-      'color: white; background-color: blue; font-weight: 800',
-      'color: grey',
-      'color: black'
-    )
-
-    if (!this._remote) {
-      return
-    }
-
-    this._log({ message, level, service })
-  }
-
-  setRemoteLogging(value) {
-    this._remote = value
-  }
-
-  _log({ message, level, service }) {
-    return new Promise((resolve, reject) => {
-      fetch('/track', {
-        method: 'POST',
-        headers: {
-          'Accept': 'text/html, application/json',
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ message, level, service, env: 'browser' })
-      })
-        .then(resolve)
-        .catch(reject)
-    })
-  }
-}
-
-export default new Logger()

lib/static/app/storage.js

@@ -1,27 +0,0 @@
-// TODO: this import should be removed once refactoring is finished
-import { eventStore } from '../../frontend/stores'
-
-const getConfigStorage = () => {
-  const storage = localStorage.getItem('fb-to-ical-config')
-
-  if (!storage) {
-    localStorage.setItem('fb-to-ical-config', JSON.stringify({}))
-    return "{}"
-  }
-
-  return storage
-}
-
-const getStorageContents = (storage) => {
-  return JSON.parse(storage)
-}
-
-const saveRecord = ({ id, link, createdAt, startTime, title }) => {
-  eventStore.setCalculation({ id, link, createdAt, startTime, title })
-}
-
-export {
-  getConfigStorage,
-  getStorageContents,
-  saveRecord,
-}

lib/static/app/utils.js

@@ -1,27 +0,0 @@
-// NOTE: Generate random IDs: https://stackoverflow.com/a/2117523/3056783
-const uuidv4 = () => {
-  return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
-    (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
-  )
-}
-
-const parseStartTimeFromiCalString = (text = '') => {
-  const [ dateStr, timeStr ] = text.split('T')
-  const rawDate = dateStr || ''
-  const rawTime = timeStr || ''
-
-  const year = Number(rawDate.slice(0, 4))
-  const month = Number(Math.max(rawDate.slice(4, 6) - 1), 0)
-  const date = Number(rawDate.slice(6, 8))
-  const hour = Number(rawTime.slice(0, 2))
-  const minutes = Number(rawTime.slice(2, 4))
-  const seconds = Number(rawTime.slice(4, 6))
-
-  const parsedDate = new Date(year, month, date, hour, minutes, seconds)
-  return parsedDate.toString()
-}
-
-export {
-  uuidv4,
-  parseStartTimeFromiCalString,
-}

lib/static/index.html

@@ -41,15 +41,6 @@
 
       </noscript>
 
-      <div id="status">
-        <div class="status-item" id="error">
-        </div>
-        <div class="status-item" id="service-worker">
-        </div>
-      </div>
-
-      <br />
-
       <div id="root"></div>
     </article>
     

lib/static/index.js

@@ -1,17 +0,0 @@
-import { uuidv4, parseStartTimeFromiCalString } from './app/utils'
-import {
-  getConfigStorage,
-  getStorageContents,
-  saveRecord,
-} from './app/storage'
-import logger from './app/logger'
-import { extractEventDataFromHTML } from '../../lib/services/ics-retriever'
-import generateICS from '../../lib/services/ics-generator'
-
-import boot from '../frontend'
-import { requestStore } from '../frontend/stores'
-import { Request } from '../frontend/records'
-
-(() => {
-  document.addEventListener('DOMContentLoaded', boot)
-})()

lib/static/style.css

@@ -73,37 +73,7 @@ img#logo {
   margin: 5px;
 }
 
-input {
-  font-size: 1rem;
-}
-
 #current-download {
   display: none;
 }
 
-.row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-input#url {
-  flex: 1;
-}
-
-.show {
-  display: block;
-}
-
-.hidden {
-  display: none;
-}
-
-.notice {
-  font-size: 0.9rem;
-}
-
-#nojs {
-  margin: 5px 0;
-}
-