{
  "version": 3,
  "file": "bundle.css",
  "sources": [
    "../../Fx.svelte",
    "../../Route.svelte",
    "../../Weather.svelte"
  ],
  "sourcesContent": [
    "<script>\n    import {onMount} from 'svelte';\n\n    let fxData={};\n\n    onMount(async () => {\n        await update();\n    });\n\n    async function update() {\n        await getFX();\n\n        const now = new Date();\n        const mod = 1800000 - (now.getTime() % 1800000);\n\n        const fxUpdateFn = function () {\n            update();\n        };\n\n        setTimeout(fxUpdateFn.bind(this), mod + 10);\n    }\n\n    function reduceFX(data) {\n\n        if (data.rates !== undefined) {\n            const gpbex = (1 / data.rates.GBP);\n            const sekex = (gpbex * data.rates.SEK);\n            fxData = {\n                'usd': 1,\n                'gbp': data.rates.GBP,\n                'sek': data.rates.SEK,\n                'gpbe': gpbex,\n                'sekex': sekex\n            };\n        }\n\n    }\n\n    async function getFX() {\n\n        const res = await fetch(\"http://localhost:9000/fx\");\n        const json = await res.json();\n\n        if (json) reduceFX(json);\n    }\n</script>\n\n<style>\n    * {\n        font-size: 90%;\n    }\n</style>\n\n{#if fxData.gpbe}\n<span>\n    &pound;1 = &dollar;{parseFloat(fxData.gpbe.toFixed(2))} = { parseFloat(fxData.sekex.toFixed(2))} SEK\n</span>\n\n{/if}\n\n\n",
    "<script>\n    import {route} from './store';\n\n    let visible = false;\n    let fromStation;\n    let toStation;\n    let url;\n    let routeData = {};\n    let services = [];\n\n    route.subscribe(async (v) => {\n        console.log('>> route', v);\n        fromStation = v.fromStation;\n        toStation = v.toStation;\n        visible = (fromStation !== '') ? !visible : false;\n\n        // url = `https://traintimes.silvrtree.co.uk/gettrains?from=${ fromStation }&to=${ toStation}`;\n\n        url = `http://localhost:8100/gettrains?from=${fromStation}&to=${toStation}`;\n\n        if (fromStation !== '' && visible) {\n            await update();\n        }\n    });\n\n    function reduceRoute(data) {\n        const newData = {};\n\n        newData.fromName = data.locationName;\n        newData.toName = data.filterLocationName;\n        newData.services = [];\n\n\n        if (typeof data.trainServices === 'object' && data.trainServices !== null)\n            for (const item of data.trainServices) {\n                const dest = item.destination[0];\n                const via = dest.via !== null ? `<em>${dest.via}</em>` : '';\n                const platform = item.platform !== null ? item.platform : '💠';\n                const time = item.sta !== null ? item.sta : `D ${item.std}`;\n                const status = item.eta !== null ? item.eta : item.etd;\n                const cls = (status.toLowerCase() === 'on time') ? 'ontime' : 'delayed';\n                newData.services.push({\n                    'location': dest.locationName,\n                    'time': time,\n                    'via': via,\n                    'class': cls,\n                    'status': status,\n                    'platform': platform,\n                    'cancelReason': item.cancelReason,\n                    'type': 'train',\n                    'isCancelled': item.isCancelled,\n                    icon: ''\n                });\n            }\n\n        if (typeof data.busServices === 'object' && data.busServices !== null)\n            for (const item of data.busServices) {\n                const dest = item.destination[0];\n                const via = dest.via !== null ? `<em>${dest.via}</em>` : '';\n                const platform = item.platform !== null ? item.platform : '';\n                const time = item.sta !== null ? item.sta : `D ${item.std}`;\n                const status = item.eta !== null ? item.eta : item.etd;\n                const cls = (status.toLowerCase() === 'on time') ? 'ontime' : 'delayed';\n                newData.services.push({\n                    'location': dest.locationName,\n                    'time': time,\n                    'via': via,\n                    'class': cls,\n                    'status': status,\n                    'platform': platform,\n                    'cancelReason': item.cancelReason,\n                    'type': 'bus',\n                    'isCancelled': item.isCancelled,\n                    icon: '🚌 '\n                });\n            }\n\n        routeData = newData;\n        services = newData.services;\n\n        console.log(routeData);\n    }\n\n    async function update() {\n        await getRoute();\n\n        const now = new Date();\n        const mod = 180000 - (now.getTime() % 180000);\n\n        const routeUpdateFn = function () {\n            update();\n        };\n\n        if(visible) setTimeout(routeUpdateFn.bind(this), mod + 10);\n\n    }\n\n\n    async function getRoute() {\n        console.log('Get route', url);\n\n        const res = await fetch(url);\n        const json = await res.json();\n\n        if (json) {\n            console.log(json);\n            // data = json;\n            reduceRoute(json);\n        }\n\n\n    }\n\n</script>\n\n<style>\n .routeBox {\n     border:1px dotted silver;\n }\n</style>\n\n{#if visible}\n<div class=\"routeBox\">\n    <div>{routeData.fromName} TO {routeData.toName}</div>\n    <table class=\"mui-table mui-table-bordered\">\n        <thead>\n        <tr>\n            <th>Destination</th>\n            <th>Time</th>\n            <th>Status</th>\n            <th>Platform</th>\n        </tr>\n        </thead>\n\n        <tbody>\n        {#each services as item}\n        <tr>\n\n            <td>{item.icon}{item.location} {@html item.via}</td>\n            <td class={item.class}>{item.time}</td>\n            {#if !item.isCancelled}\n            <td class={item.class}>{item.status}</td>\n            <td>{item.platform}</td>\n            {:else}\n                    <td colspan=\"2\" class=\"delayed\">❌ {item.cancelReason}</td>\n            {/if}\n        </tr>\n        {/each}\n        </tbody>\n    </table>\n\n</div>\n{/if}\n\n",
    "<script>\n    import {onMount} from 'svelte';\n    import {format} from 'fecha';\n\n    let weatherData;\n\n    onMount(async () => {\n        await update();\n    });\n\n    async function update() {\n        await getWeather();\n\n        const now = new Date();\n        const mod = 1800000 - (now.getTime() % 1800000);\n\n        const weatherUpdateFn = function () {\n            update();\n        };\n\n        setTimeout(weatherUpdateFn.bind(this), mod + 10);\n    }\n\n    function reduceOpenWeather(item) {\n        // Openweather returns timestamps in seconds. Moment requires them in milliseconds.\n\n        const ts = new Date(item.dt * 1000);\n\n        const weatherBlock = item.weather[0];\n\n        return {\n            'timestamp': item.dt,\n            'icon': `wi-owm-${weatherBlock.id}`,\n            'summary': weatherBlock.description,\n            'tempHigh': parseInt(item.temp.max, 10),\n            'tempLow': parseInt(item.temp.min, 10),\n            'tempMorn' : parseInt(item.temp.morn, 10),\n            'tempDay' : parseInt(item.temp.day, 10),\n            'tempEve' : parseInt(item.temp.eve, 10),\n            'tempNight' : parseInt(item.temp.night, 10),\n            'datelong': format(ts, 'isoDateTime'),\n            'time': item.dt,\n            'date': format(ts, 'D/M'),\n            'day': format(ts, 'ddd'),\n            'tempHighClass': `temp${parseInt(item.temp.max, 10)}`,\n            'tempLowClass': `temp${parseInt(item.temp.min, 10)}`\n\n        };\n    }\n\n    async function getWeather() {\n\n        const res = await fetch(\"http://localhost:9000/weather\");\n        const json = await res.json();\n\n        if (json) {\n            weatherData =  json.list.map((item) => {\n                // Reduce the data\n                return reduceOpenWeather(item);\n            });\n        }\n    }\n\n</script>\n\n<style>\n    .card {\n        position: relative;\n        background-color: #fff;\n        min-height: 72px;\n    }\n\n    .mui--text-display3 {\n        font-family: \"Roboto Slab\", \"Helvetica Neue\", Helvetica, Arial;\n    }\n\n    .temp0, .temp1, .temp2, .temp3, .temp4, .temp5 {\n        color: rgb(80, 181, 221)\n    }\n\n    .temp6 {\n        color: rgb(78, 178, 206)\n    }\n\n    .temp7 {\n        color: rgb(76, 176, 190)\n    }\n\n    .temp8 {\n        color: rgb(73, 173, 175)\n    }\n\n    .temp9 {\n        color: rgb(72, 171, 159)\n    }\n\n    .temp10 {\n        color: rgb(70, 168, 142)\n    }\n\n    .temp11 {\n        color: rgb(68, 166, 125)\n    }\n\n    .temp12 {\n        color: rgb(66, 164, 108)\n    }\n\n    .temp13 {\n        color: rgb(102, 173, 94)\n    }\n\n    .temp14 {\n        color: rgb(135, 190, 64)\n    }\n\n    .temp15 {\n        color: rgb(179, 204, 26)\n    }\n\n    .temp16 {\n        color: rgb(214, 213, 28)\n    }\n\n    .temp17 {\n        color: rgb(249, 202, 3)\n    }\n\n    .temp18 {\n        color: rgb(246, 181, 3)\n    }\n\n    .temp19 {\n        color: rgb(244, 150, 26)\n    }\n\n    .temp20 {\n        color: rgb(236, 110, 5)\n    }\n\n    .day {\n        font-family: \"Roboto Slab\", \"Helvetica Neue\", Helvetica, Arial, SansSerif;\n        text-transform: uppercase;\n    }\n\n    .summary::first-letter {\n        text-transform: capitalize\n    }\n</style>\n\n<div id='weather'>\n\n    {#if weatherData}\n        {#each weatherData as item}\n            <div class=\"card mui--z1 mui-col-md-6 mui-col-lg-4\">\n                <div class=\"mui-col-md-3\">\n                    <div class=\"mui--text-accent mui--text-title day mui--text-center\">{item.day}</div>\n                    <div class=\"mui--text-dark-secondary mui--text-subhead mui--text-center\">{item.date}</div>\n                </div>\n                <div class=\"mui-col-md-7\">\n                    <div>\n                        <i class=\"mui--text-headline wi {item.icon }\"></i>\n                        <span class=\"mui--text-display1 {item.tempHighClass}\">{item.tempHigh}°</span> /\n                        <span class=\"mui--text-headline {item.tempLowClass}\">{item.tempLow}°</span>\n                    </div>\n                    <div class=\"mui--text-caption summary\">{item.summary}</div>\n                </div>\n                <div class=\"mui-col-md-2\">\n                    <div class=\"mui--text-caption\">{item.tempMorn}°</div>\n                    <div class=\"mui--text-caption\">{item.tempDay}°</div>\n                    <div class=\"mui--text-caption\">{item.tempEve}°</div>\n                    <div class=\"mui--text-caption\">{item.tempNight}°</div>\n                </div>\n            </div>\n        {/each}\n    {/if}\n\n</div>\n"
  ],
  "names": [],
  "mappings": "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"
}