silvrgit/dist/build/bundle.css.map

{
  "version": 3,
  "file": "bundle.css",
  "sources": [
    "../../Fx.svelte",
    "../../Route.svelte",
    "../../Timer.svelte",
    "../../Weather.svelte"
  ],
  "sourcesContent": [
    "<script>\n    import {onMount} from 'svelte';\n\n    const __url = (__ENV__ === 'production') ? 'https://silvrtree.co.uk' : 'http://localhost:9000';\n\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(`${__url}/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    const __url = (__ENV__ === 'production') ? 'https://traintimes.silvrtree.co.uk' : 'http://localhost:8100';\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 = `${__url}/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-bor
    "<script>\n    import {tweened} from 'svelte/motion';\n\n    let timerVisible = false;\n    let range = 25;\n    let start;\n    let timerID = 0;\n    let snd;\n    // let timer = 0;\n\n    $: startVal = range * 60;\n    $: timer = tweened(startVal);\n\n    $: minutes = Math.floor($timer / 60);\n    $: minname = minutes > 1 ? \"mins\" : \"min\";\n    $: seconds = Math.floor($timer - minutes * 60)\n\n    const progress = tweened(0, {duration: 1000})\n    $: {\n        $progress = 1 - ($timer / startVal)\n    }\n\n    function complete() {\n         snd = new Audio('stuff/bell.mp3');\n         snd.play();\n\n    }\n\n    function stopTimer() {\n        clearInterval(timerID);\n        timerID = 0;\n    }\n\n    function showTimer() {\n        timerVisible = !timerVisible;\n        if (!timerVisible) {\n            // clearTimer\n            stopTimer();\n        }\n    }\n\n    function startTimer() {\n\n        if (timerID !== 0) {\n            stopTimer();\n        } else {\n            timerID = setInterval(() => {\n                if ($timer > 0) $timer--\n                else\n                {\n                    stopTimer();\n                    complete();\n                }\n            }, 1000);\n\n        }\n\n    }\n\n</script>\n\n<style>\n    #timer {\n        display: flex;\n        /*mix-blend-mode: difference;*/\n        color: #333;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .timer-value {\n        display: flex;\n        /*mix-blend-mode: difference;*/\n        color: #333;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n        height: 100%;\n        width: 100%;\n    }\n\n    .timer-value small {\n        font-size: 18px;\n        margin-left: 4px;\n    }\n</style>\n<div id=\"timer\">\n    <button on:click={showTimer} class=\"mui-btn mui-btn--flat\" id='newPassword'>Timer</button>\n    {#if timerVisible}\n        <div>\n            <label>\n                <input type=\"range\" bind:value={range} min=1 max=60>\n                <button on:click={startTimer} class=\"mui-btn mui-btn--flat\">\n                    {#if timerID === 0}\n                        Start\n                    {:else}\n                        Stop\n                    {/if}\n                </button>\n            </label>\n\n        </div>\n        <div class=\"timer-value\" style=\"color: hsl({120 * (1-$progress)}deg, 50%, 50%) !important\">\n            <span>{minutes}mins</span>\n            <small>{seconds}s</small>\n        </div>\n    {/if}\n</div>\n",
    "<script>\n    import {onMount} from 'svelte';\n    import {format} from 'fecha';\n\n    const __url = (__ENV__ === 'production') ? 'https://silvrtree.co.uk/weather' : 'http://localhost:9000/weather';\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(__url);\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 mui-col-sm-6\">\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  mui-col-sm-6\">\n                    <div>\n                        <i class=\"mui--text-headline wi {item.icon }\"></i>\n                        <span class=\"mui--text-display1 {item.tempHighClass}\">{item.tem
  ],
  "names": [],
  "mappings": "AAmDI,cAAE,CAAC,AACC,SAAS,CAAE,GAAG,AAClB,CAAC;ACiEJ,SAAS,eAAC,CAAC,AACP,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,AAC5B,CAAC;AC1DE,MAAM,4BAAC,CAAC,AACJ,OAAO,CAAE,IAAI,CAEb,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,MAAM,CACtB,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,AAC3B,CAAC,AAED,YAAY,4BAAC,CAAC,AACV,OAAO,CAAE,IAAI,CAEb,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,GAAG,CACnB,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CACvB,SAAS,CAAE,IAAI,CACf,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,AACf,CAAC,AAED,0BAAY,CAAC,KAAK,cAAC,CAAC,AAChB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,GAAG,AACpB,CAAC;AClBD,KAAK,eAAC,CAAC,AACH,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,IAAI,CACtB,UAAU,CAAE,IAAI,AACpB,CAAC,AAED,mBAAmB,eAAC,CAAC,AACjB,WAAW,CAAE,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,AAClE,CAAC,AAED,qBAAM,CAAE,qBAAM,CAAE,qBAAM,CAAE,qBAAM,CAAE,qBAAM,CAAE,MAAM,eAAC,CAAC,AAC5C,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,MAAM,eAAC,CAAC,AACJ,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,MAAM,eAAC,CAAC,AACJ,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,MAAM,eAAC,CAAC,AACJ,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,MAAM,eAAC,CAAC,AACJ,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,AAED,OAAO,eAAC,CAAC,AACL,KAAK,CAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,AAED,IAAI,eAAC,CAAC,AACF,WAAW,CAAE,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CACzE,cAAc,CAAE,SAAS,AAC7B,CAAC,AAED,uBAAQ,cAAc,AAAC,CAAC,AACpB,cAAc,CAAE,UAAU;IAC9B,CAAC"
}