Skip to content

Instantly share code, notes, and snippets.

@knuton
Last active May 5, 2022 15:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save knuton/415d4d120d77127d91b734b762257aa4 to your computer and use it in GitHub Desktop.
Save knuton/415d4d120d77127d91b734b762257aa4 to your computer and use it in GitHub Desktop.
Render SVG to PNG from Elm via ports
{
"type": "application",
"source-directories": [
"src"
],
"elm-version": "0.19.1",
"dependencies": {
"direct": {
"Fresheyeball/elm-return": "7.1.0",
"danfishgold/base64-bytes": "1.1.0",
"elm/browser": "1.0.2",
"elm/bytes": "1.0.8",
"elm/core": "1.0.5",
"elm/file": "1.0.5",
"elm/html": "1.0.0",
"elm/json": "1.1.3",
"elm/svg": "1.0.1"
},
"indirect": {
"elm/time": "1.0.0",
"elm/url": "1.0.0",
"elm/virtual-dom": "1.0.2"
}
},
"test-dependencies": {
"direct": {},
"indirect": {}
}
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Rendering SVG to PNG from Elm</title>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<main id="main"></main>
</body>
<script type="text/javascript">
var app = Elm.Main.init({
node: document.getElementById('main')
})
if (app.ports.renderPngRequest && app.ports.renderPngResult) {
app.ports.renderPngRequest.subscribe(function(config) {
// Wait for next frame to ensure SVG is rendered
requestAnimationFrame(function() {
config.ids.forEach(id => {
exportSvgAsPng(id, config.size, function(error, dataUrl) {
var result = { id: id }
if (error) {
var msg =
'An error occured while rendering PNG of node #' +
id
console.error(msg, error)
result['error'] =
error && error.hasOwnProperty('message')
? error.message
: msg
} else {
result['dataUrl'] = dataUrl
}
app.ports.renderPngResult.send(result)
})
})
})
})
}
function exportSvgAsPng(id, targetSize, callback) {
var node = document.getElementById(id)
if (!node) {
callback(new Error('Element with id `' + id + '` not found'))
return
}
try {
var baseSvgString = new XMLSerializer().serializeToString(node)
// Detached canvas to render to
var canvas = document.createElement('canvas')
// Set dimensions of rendering canvas to match SVG; using targetSize for longer edge
var aspectRatio = getBestAspectRatio(node)
if (aspectRatio >= 1) {
canvas.width = targetSize
canvas.height = targetSize / aspectRatio
} else {
canvas.height = targetSize
canvas.width = targetSize * aspectRatio
}
// Parse the SVG into a new DOM which we adapt for rendering
var renderableSvg = new DOMParser().parseFromString(
baseSvgString,
'image/svg+xml'
)
// Firefox can't draw an SVG to canvas without knowing pixel size of SVG
// See https://bugzilla.mozilla.org/show_bug.cgi?id=700533#c39
renderableSvg.documentElement.width.baseVal.newValueSpecifiedUnits(
SVGLength.SVG_LENGTHTYPE_PX,
canvas.width
)
renderableSvg.documentElement.height.baseVal.newValueSpecifiedUnits(
SVGLength.SVG_LENGTHTYPE_PX,
canvas.height
)
// Copy all page styles into the replicated SVG element
// This makes SVGs referencing stylesheets from the environment render properly
var styleNode = document.createElementNS(
'http://www.w3.org/2000/svg',
'style'
)
styleNode.textContent = serializePageStyles()
renderableSvg.documentElement.appendChild(styleNode)
var svgString = new XMLSerializer().serializeToString(renderableSvg)
var DOMURL = self.URL || self.webkitURL || self
// An URL targeting the in-memory SVG blob
var svg = new Blob([svgString], {
type: 'image/svg+xml;charset=utf-8'
})
var url = DOMURL.createObjectURL(svg)
var img = new Image()
img.onload = function() {
try {
var ctx = canvas.getContext('2d')
ctx.drawImage(img, 0, 0)
// Data URI scheme use base64 to encode blob
var dataUrl = canvas.toDataURL('image/png')
// Free memory
DOMURL.revokeObjectURL(url)
callback(null, dataUrl)
} catch (error) {
callback(error)
}
}
img.src = url
} catch (error) {
callback(error)
}
}
/* Determine the best general aspect ratio of an SVG element.
*
* SVG elements appearing inline in an HTML document may vary in concrete
* dimensions, fluidly adapting to the surrounding page.
*
* We want our renderings to be as uniform as possible, no matter whether they
* were rendered on a tablet or desktop computer with a large screen. For this
* reason we try to determine the intrinsic ratio and only use the concrete
* ratio within the page as a last resort.
*
* The steps are informed by the sizing rules for replaced elements:
* https://www.w3.org/TR/CSS22/visudet.html#inline-replaced-width
*
*/
function getBestAspectRatio(node) {
var aspectRatio
// 1. If explicit dimensions are set, they define the ratio
aspectRatio = coercedRatio(
node.getAttribute('width'),
node.getAttribute('height')
)
if (isLegalAspectRatio(aspectRatio)) return aspectRatio
// 2. If there were no explicit dimensions but there is a viewBox, it defines the ratio
if (typeof node.getAttribute('viewBox') === 'string') {
// viewBox is min-x, min-y, width, height; separated by whitespace and/or comma
var parts = node.getAttribute('viewBox').split(/[\s,]+/)
aspectRatio = coercedRatio(parts[2], parts[3])
if (isLegalAspectRatio(aspectRatio)) return aspectRatio
}
// 3. If no explicit information is available, default to dimensions in page
//
// Here we deviate from the rules for replaced elements, assuming that how the
// SVG is rendered in the page is still more appropriate than the completely
// uninformed default value.
aspectRatio = coercedRatio(node.clientWidth, node.clientHeight)
if (isLegalAspectRatio(aspectRatio)) return aspectRatio
// 4. Fall back to 2:1 (https://www.w3.org/TR/CSS22/visudet.html#inline-replaced-width)
return 2
}
function coercedRatio(x, y) {
x = typeof x === 'number' ? x : parseInt(x, 10)
y = typeof y === 'number' ? y : parseInt(y, 10)
return x / y
}
function isLegalAspectRatio(n) {
return typeof n === 'number' && !isNaN(n) && isFinite(n) && n > 0
}
function serializePageStyles() {
let styles = ''
for (let sheet of document.styleSheets) {
for (let rule of sheet.rules) {
styles += rule.cssText + '\n'
}
}
return styles
}
</script>
</html>
module Loadable exposing
( Loadable(..), toMaybe, withDefault, fromResult
, map, andThen, apply, map2, mapError
, isInit, isLoading, isLoaded, isError, isDone, isPending
)
{-| Model loadable values
This is inspired by: <http://blog.jenkster.com/2016/06/how-elm-slays-a-ui-antipattern.html>
# Basics
@docs Loadable, toMaybe, withDefault, fromResult
# Mapping and applying
@docs map, andThen, apply, map2, mapError
# State
Helpers to get state.
@docs isInit, isLoading, isLoaded, isError, isDone, isPending
-}
{-| A loadable value
-}
type Loadable err a
= Init
| Loading
| Loaded a
| Error err
map : (a -> b) -> Loadable err a -> Loadable err b
map func ra =
case ra of
Loaded a ->
Loaded (func a)
Error err ->
Error err
Init ->
Init
Loading ->
Loading
mapError : (errA -> errB) -> Loadable errA a -> Loadable errB a
mapError func ra =
case ra of
Loaded a ->
Loaded a
Error err ->
Error (func err)
Init ->
Init
Loading ->
Loading
andThen : (a -> Loadable err b) -> Loadable err a -> Loadable err b
andThen func la =
case la of
Init ->
Init
Loading ->
Loading
Loaded a ->
func a
Error err ->
Error err
{-| map2 for loadables
The more critical states are propagated, the result is
- init if one branch is still in init, then
- loading if one branch is loading, then
- error if one branch is an error, finally
- loaded if both are loaded.
This means that the combined loadable will be pending while any of the branches
is.
-}
map2 : (a -> b -> c) -> Loadable err a -> Loadable err b -> Loadable err c
map2 fn la lb =
case ( la, lb ) of
( Init, _ ) ->
Init
( _, Init ) ->
Init
( Loading, _ ) ->
Loading
( _, Loading ) ->
Loading
( Error err, _ ) ->
Error err
( _, Error err ) ->
Error err
( Loaded a, Loaded b ) ->
Loaded (fn a b)
apply : Loadable err a -> Loadable err (a -> b) -> Loadable err b
apply la lf =
map2 (\a f -> f a) la lf
toMaybe : Loadable err a -> Maybe a
toMaybe ra =
case ra of
Loaded a ->
Just a
_ ->
Nothing
isPending : Loadable err a -> Bool
isPending loadable =
isInit loadable || isLoading loadable
isInit : Loadable err a -> Bool
isInit loadable =
case loadable of
Init ->
True
_ ->
False
isLoading : Loadable err a -> Bool
isLoading ra =
case ra of
Loading ->
True
_ ->
False
isLoaded : Loadable err a -> Bool
isLoaded ra =
case ra of
Loaded _ ->
True
_ ->
False
isError : Loadable err a -> Bool
isError ra =
case ra of
Error _ ->
True
_ ->
False
isDone : Loadable err a -> Bool
isDone ra =
isLoaded ra || isError ra
fromResult : Result err a -> Loadable err a
fromResult result =
case result of
Ok a ->
Loaded a
Err err ->
Error err
withDefault : a -> Loadable err a -> a
withDefault default loadable =
case loadable of
Loaded a ->
a
_ ->
default
module Main exposing (main)
{-| A simple example of using `RenderSvg` to rasterize an SVG element.
An SVG element can be rendered to custom pixel dimensions and the generated PNG downloaded.
-}
import Base64
import Browser
import Bytes exposing (Bytes)
import File.Download
import Html as H
import Html.Attributes as HA
import Html.Events as HE
import RenderSvg
import Svg as S
import Svg.Attributes as SA
shapesClubId : String
shapesClubId =
"shapes-club"
type alias Model =
{ size : Int
, renderer : Maybe RenderSvg.Model
}
getFirstSuccessfulRender : RenderSvg.Model -> Maybe ( String, Bytes )
getFirstSuccessfulRender =
RenderSvg.getResults >> Maybe.andThen (.successes >> List.head)
type Msg
= RenderSvgMsg RenderSvg.Msg
| SizeChanged String
| RenderRequested
| DownloadRequested
main : Program () Model Msg
main =
Browser.element
{ init = always ( { size = 800, renderer = Nothing }, Cmd.none )
, subscriptions = always (Sub.map RenderSvgMsg RenderSvg.subscriptions)
, view = view
, update = update
}
update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
case ( msg, model.renderer ) of
( SizeChanged newValue, _ ) ->
( { model | size = String.toInt newValue |> Maybe.withDefault model.size }, Cmd.none )
( RenderRequested, _ ) ->
let
( subModel, subCmd ) =
-- Start rendering with user-defined size
RenderSvg.init { ids = [ shapesClubId ], size = model.size }
in
( { model | renderer = Just subModel }, Cmd.map RenderSvgMsg subCmd )
( DownloadRequested, Just subModel ) ->
( model
, getFirstSuccessfulRender subModel
|> Maybe.map (\( _, bytes ) -> File.Download.bytes (shapesClubId ++ ".png") "image/png" bytes)
|> Maybe.withDefault Cmd.none
)
( RenderSvgMsg subMsg, Just subModel ) ->
let
( newSubModel, subCmd ) =
RenderSvg.update subMsg subModel
in
( { model | renderer = Just newSubModel }, Cmd.map RenderSvgMsg subCmd )
_ ->
( model, Cmd.none )
view : Model -> H.Html Msg
view model =
let
toDataUri =
Base64.fromBytes >> Maybe.map (\b64 -> "data:image/png;base64," ++ b64)
viewFailures { failures } =
H.dl
[]
(List.map
(\( id, error ) ->
H.div [] [ H.dt [] [ H.text id ], H.dd [] [ H.text error ] ]
)
failures
)
in
H.div
[]
[ explanation
, H.div
[ HA.style "display" "grid", HA.style "grid-template-columns" "1fr 1fr" ]
[ H.section
[]
[ H.h2 [] [ H.text "SVG Graphic" ]
, H.form
[ HE.onSubmit RenderRequested ]
[ H.label [] [ H.text "Size: ", H.input [ HA.value (String.fromInt model.size), HE.onInput SizeChanged ] [] ]
, H.text " "
, H.button [ HA.type_ "submit" ] [ H.text "Render to PNG" ]
]
, shapesClub
]
, H.section
[]
[ model.renderer
|> Maybe.andThen getFirstSuccessfulRender
|> Maybe.andThen (\( id, bytes ) -> toDataUri bytes)
|> Maybe.map
(\uri ->
H.div
[]
[ H.h2 [] [ H.text "Rasterized PNG" ]
, H.p [] [ H.button [ HE.onClick DownloadRequested ] [ H.text "Download" ] ]
, H.img [ HA.src uri ] []
]
)
|> Maybe.withDefault (H.text "")
, model.renderer
|> Maybe.andThen RenderSvg.getResults
|> Maybe.map viewFailures
|> Maybe.withDefault (H.text "")
]
]
]
{-| A dummy SVG graphic.
Stolen from <https://elm-lang.org/examples/shapes>
-}
shapesClub : H.Html msg
shapesClub =
S.svg
[ SA.viewBox "0 0 400 220"
, SA.width "400"
, SA.height "220"
, SA.id shapesClubId
]
[ S.circle
[ SA.cx "50"
, SA.cy "50"
, SA.r "40"
, SA.fill "red"
, SA.stroke "black"
, SA.strokeWidth "3"
]
[]
, S.rect
[ SA.x "100"
, SA.y "10"
, SA.width "40"
, SA.height "40"
, SA.fill "green"
, SA.stroke "black"
, SA.strokeWidth "2"
]
[]
, S.line
[ SA.x1 "20"
, SA.y1 "200"
, SA.x2 "200"
, SA.y2 "20"
, SA.stroke "blue"
, SA.strokeWidth "10"
, SA.strokeLinecap "round"
]
[]
, S.polyline
[ SA.points "200,40 240,40 240,80 280,80 280,120 320,120 320,160"
, SA.fill "none"
, SA.stroke "red"
, SA.strokeWidth "4"
, SA.strokeDasharray "20,2"
]
[]
, S.text_
[ SA.x "130"
, SA.y "130"
, SA.fill "black"
, SA.textAnchor "middle"
, SA.dominantBaseline "central"
, SA.transform "rotate(-45 130,130)"
]
[ S.text "Welcome to Shapes Club"
]
]
explanation : H.Html msg
explanation =
H.section
[]
[ H.h1 [] [ H.text "SVG rendering from Elm" ]
, H.p
[]
[ H.text
"""This is a quick demo of rendering SVG to PNG from within an Elm application using ports. The core mechanism is to request rendering of particular elements by passing their IDs to a JS rendering function through a port. The SVG element is serialized to XML, which is loaded as an image and drawn to an invisible canvas. The canvas is serialized to a PNG data URL and the result passed back to the Elm application for deserialization."""
]
, H.p
[]
[ H.text """A limitation of this approach is that assets referenced by URL in stylesheets or the SVG can not be loaded in the sandboxed environment the SVG is rendered in. A workaround is embedding external assets as data URLs."""
]
]
(function(scope){
'use strict';
function F(arity, fun, wrapper) {
wrapper.a = arity;
wrapper.f = fun;
return wrapper;
}
function F2(fun) {
return F(2, fun, function(a) { return function(b) { return fun(a,b); }; })
}
function F3(fun) {
return F(3, fun, function(a) {
return function(b) { return function(c) { return fun(a, b, c); }; };
});
}
function F4(fun) {
return F(4, fun, function(a) { return function(b) { return function(c) {
return function(d) { return fun(a, b, c, d); }; }; };
});
}
function F5(fun) {
return F(5, fun, function(a) { return function(b) { return function(c) {
return function(d) { return function(e) { return fun(a, b, c, d, e); }; }; }; };
});
}
function F6(fun) {
return F(6, fun, function(a) { return function(b) { return function(c) {
return function(d) { return function(e) { return function(f) {
return fun(a, b, c, d, e, f); }; }; }; }; };
});
}
function F7(fun) {
return F(7, fun, function(a) { return function(b) { return function(c) {
return function(d) { return function(e) { return function(f) {
return function(g) { return fun(a, b, c, d, e, f, g); }; }; }; }; }; };
});
}
function F8(fun) {
return F(8, fun, function(a) { return function(b) { return function(c) {
return function(d) { return function(e) { return function(f) {
return function(g) { return function(h) {
return fun(a, b, c, d, e, f, g, h); }; }; }; }; }; }; };
});
}
function F9(fun) {
return F(9, fun, function(a) { return function(b) { return function(c) {
return function(d) { return function(e) { return function(f) {
return function(g) { return function(h) { return function(i) {
return fun(a, b, c, d, e, f, g, h, i); }; }; }; }; }; }; }; };
});
}
function A2(fun, a, b) {
return fun.a === 2 ? fun.f(a, b) : fun(a)(b);
}
function A3(fun, a, b, c) {
return fun.a === 3 ? fun.f(a, b, c) : fun(a)(b)(c);
}
function A4(fun, a, b, c, d) {
return fun.a === 4 ? fun.f(a, b, c, d) : fun(a)(b)(c)(d);
}
function A5(fun, a, b, c, d, e) {
return fun.a === 5 ? fun.f(a, b, c, d, e) : fun(a)(b)(c)(d)(e);
}
function A6(fun, a, b, c, d, e, f) {
return fun.a === 6 ? fun.f(a, b, c, d, e, f) : fun(a)(b)(c)(d)(e)(f);
}
function A7(fun, a, b, c, d, e, f, g) {
return fun.a === 7 ? fun.f(a, b, c, d, e, f, g) : fun(a)(b)(c)(d)(e)(f)(g);
}
function A8(fun, a, b, c, d, e, f, g, h) {
return fun.a === 8 ? fun.f(a, b, c, d, e, f, g, h) : fun(a)(b)(c)(d)(e)(f)(g)(h);
}
function A9(fun, a, b, c, d, e, f, g, h, i) {
return fun.a === 9 ? fun.f(a, b, c, d, e, f, g, h, i) : fun(a)(b)(c)(d)(e)(f)(g)(h)(i);
}
console.warn('Compiled in DEV mode. Follow the advice at https://elm-lang.org/0.19.1/optimize for better performance and smaller assets.');
var _List_Nil_UNUSED = { $: 0 };
var _List_Nil = { $: '[]' };
function _List_Cons_UNUSED(hd, tl) { return { $: 1, a: hd, b: tl }; }
function _List_Cons(hd, tl) { return { $: '::', a: hd, b: tl }; }
var _List_cons = F2(_List_Cons);
function _List_fromArray(arr)
{
var out = _List_Nil;
for (var i = arr.length; i--; )
{
out = _List_Cons(arr[i], out);
}
return out;
}
function _List_toArray(xs)
{
for (var out = []; xs.b; xs = xs.b) // WHILE_CONS
{
out.push(xs.a);
}
return out;
}
var _List_map2 = F3(function(f, xs, ys)
{
for (var arr = []; xs.b && ys.b; xs = xs.b, ys = ys.b) // WHILE_CONSES
{
arr.push(A2(f, xs.a, ys.a));
}
return _List_fromArray(arr);
});
var _List_map3 = F4(function(f, xs, ys, zs)
{
for (var arr = []; xs.b && ys.b && zs.b; xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
{
arr.push(A3(f, xs.a, ys.a, zs.a));
}
return _List_fromArray(arr);
});
var _List_map4 = F5(function(f, ws, xs, ys, zs)
{
for (var arr = []; ws.b && xs.b && ys.b && zs.b; ws = ws.b, xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
{
arr.push(A4(f, ws.a, xs.a, ys.a, zs.a));
}
return _List_fromArray(arr);
});
var _List_map5 = F6(function(f, vs, ws, xs, ys, zs)
{
for (var arr = []; vs.b && ws.b && xs.b && ys.b && zs.b; vs = vs.b, ws = ws.b, xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
{
arr.push(A5(f, vs.a, ws.a, xs.a, ys.a, zs.a));
}
return _List_fromArray(arr);
});
var _List_sortBy = F2(function(f, xs)
{
return _List_fromArray(_List_toArray(xs).sort(function(a, b) {
return _Utils_cmp(f(a), f(b));
}));
});
var _List_sortWith = F2(function(f, xs)
{
return _List_fromArray(_List_toArray(xs).sort(function(a, b) {
var ord = A2(f, a, b);
return ord === $elm$core$Basics$EQ ? 0 : ord === $elm$core$Basics$LT ? -1 : 1;
}));
});
var _JsArray_empty = [];
function _JsArray_singleton(value)
{
return [value];
}
function _JsArray_length(array)
{
return array.length;
}
var _JsArray_initialize = F3(function(size, offset, func)
{
var result = new Array(size);
for (var i = 0; i < size; i++)
{
result[i] = func(offset + i);
}
return result;
});
var _JsArray_initializeFromList = F2(function (max, ls)
{
var result = new Array(max);
for (var i = 0; i < max && ls.b; i++)
{
result[i] = ls.a;
ls = ls.b;
}
result.length = i;
return _Utils_Tuple2(result, ls);
});
var _JsArray_unsafeGet = F2(function(index, array)
{
return array[index];
});
var _JsArray_unsafeSet = F3(function(index, value, array)
{
var length = array.length;
var result = new Array(length);
for (var i = 0; i < length; i++)
{
result[i] = array[i];
}
result[index] = value;
return result;
});
var _JsArray_push = F2(function(value, array)
{
var length = array.length;
var result = new Array(length + 1);
for (var i = 0; i < length; i++)
{
result[i] = array[i];
}
result[length] = value;
return result;
});
var _JsArray_foldl = F3(function(func, acc, array)
{
var length = array.length;
for (var i = 0; i < length; i++)
{
acc = A2(func, array[i], acc);
}
return acc;
});
var _JsArray_foldr = F3(function(func, acc, array)
{
for (var i = array.length - 1; i >= 0; i--)
{
acc = A2(func, array[i], acc);
}
return acc;
});
var _JsArray_map = F2(function(func, array)
{
var length = array.length;
var result = new Array(length);
for (var i = 0; i < length; i++)
{
result[i] = func(array[i]);
}
return result;
});
var _JsArray_indexedMap = F3(function(func, offset, array)
{
var length = array.length;
var result = new Array(length);
for (var i = 0; i < length; i++)
{
result[i] = A2(func, offset + i, array[i]);
}
return result;
});
var _JsArray_slice = F3(function(from, to, array)
{
return array.slice(from, to);
});
var _JsArray_appendN = F3(function(n, dest, source)
{
var destLen = dest.length;
var itemsToCopy = n - destLen;
if (itemsToCopy > source.length)
{
itemsToCopy = source.length;
}
var size = destLen + itemsToCopy;
var result = new Array(size);
for (var i = 0; i < destLen; i++)
{
result[i] = dest[i];
}
for (var i = 0; i < itemsToCopy; i++)
{
result[i + destLen] = source[i];
}
return result;
});
// LOG
var _Debug_log_UNUSED = F2(function(tag, value)
{
return value;
});
var _Debug_log = F2(function(tag, value)
{
console.log(tag + ': ' + _Debug_toString(value));
return value;
});
// TODOS
function _Debug_todo(moduleName, region)
{
return function(message) {
_Debug_crash(8, moduleName, region, message);
};
}
function _Debug_todoCase(moduleName, region, value)
{
return function(message) {
_Debug_crash(9, moduleName, region, value, message);
};
}
// TO STRING
function _Debug_toString_UNUSED(value)
{
return '<internals>';
}
function _Debug_toString(value)
{
return _Debug_toAnsiString(false, value);
}
function _Debug_toAnsiString(ansi, value)
{
if (typeof value === 'function')
{
return _Debug_internalColor(ansi, '<function>');
}
if (typeof value === 'boolean')
{
return _Debug_ctorColor(ansi, value ? 'True' : 'False');
}
if (typeof value === 'number')
{
return _Debug_numberColor(ansi, value + '');
}
if (value instanceof String)
{
return _Debug_charColor(ansi, "'" + _Debug_addSlashes(value, true) + "'");
}
if (typeof value === 'string')
{
return _Debug_stringColor(ansi, '"' + _Debug_addSlashes(value, false) + '"');
}
if (typeof value === 'object' && '$' in value)
{
var tag = value.$;
if (typeof tag === 'number')
{
return _Debug_internalColor(ansi, '<internals>');
}
if (tag[0] === '#')
{
var output = [];
for (var k in value)
{
if (k === '$') continue;
output.push(_Debug_toAnsiString(ansi, value[k]));
}
return '(' + output.join(',') + ')';
}
if (tag === 'Set_elm_builtin')
{
return _Debug_ctorColor(ansi, 'Set')
+ _Debug_fadeColor(ansi, '.fromList') + ' '
+ _Debug_toAnsiString(ansi, $elm$core$Set$toList(value));
}
if (tag === 'RBNode_elm_builtin' || tag === 'RBEmpty_elm_builtin')
{
return _Debug_ctorColor(ansi, 'Dict')
+ _Debug_fadeColor(ansi, '.fromList') + ' '
+ _Debug_toAnsiString(ansi, $elm$core$Dict$toList(value));
}
if (tag === 'Array_elm_builtin')
{
return _Debug_ctorColor(ansi, 'Array')
+ _Debug_fadeColor(ansi, '.fromList') + ' '
+ _Debug_toAnsiString(ansi, $elm$core$Array$toList(value));
}
if (tag === '::' || tag === '[]')
{
var output = '[';
value.b && (output += _Debug_toAnsiString(ansi, value.a), value = value.b)
for (; value.b; value = value.b) // WHILE_CONS
{
output += ',' + _Debug_toAnsiString(ansi, value.a);
}
return output + ']';
}
var output = '';
for (var i in value)
{
if (i === '$') continue;
var str = _Debug_toAnsiString(ansi, value[i]);
var c0 = str[0];
var parenless = c0 === '{' || c0 === '(' || c0 === '[' || c0 === '<' || c0 === '"' || str.indexOf(' ') < 0;
output += ' ' + (parenless ? str : '(' + str + ')');
}
return _Debug_ctorColor(ansi, tag) + output;
}
if (typeof DataView === 'function' && value instanceof DataView)
{
return _Debug_stringColor(ansi, '<' + value.byteLength + ' bytes>');
}
if (typeof File !== 'undefined' && value instanceof File)
{
return _Debug_internalColor(ansi, '<' + value.name + '>');
}
if (typeof value === 'object')
{
var output = [];
for (var key in value)
{
var field = key[0] === '_' ? key.slice(1) : key;
output.push(_Debug_fadeColor(ansi, field) + ' = ' + _Debug_toAnsiString(ansi, value[key]));
}
if (output.length === 0)
{
return '{}';
}
return '{ ' + output.join(', ') + ' }';
}
return _Debug_internalColor(ansi, '<internals>');
}
function _Debug_addSlashes(str, isChar)
{
var s = str
.replace(/\\/g, '\\\\')
.replace(/\n/g, '\\n')
.replace(/\t/g, '\\t')
.replace(/\r/g, '\\r')
.replace(/\v/g, '\\v')
.replace(/\0/g, '\\0');
if (isChar)
{
return s.replace(/\'/g, '\\\'');
}
else
{
return s.replace(/\"/g, '\\"');
}
}
function _Debug_ctorColor(ansi, string)
{
return ansi ? '\x1b[96m' + string + '\x1b[0m' : string;
}
function _Debug_numberColor(ansi, string)
{
return ansi ? '\x1b[95m' + string + '\x1b[0m' : string;
}
function _Debug_stringColor(ansi, string)
{
return ansi ? '\x1b[93m' + string + '\x1b[0m' : string;
}
function _Debug_charColor(ansi, string)
{
return ansi ? '\x1b[92m' + string + '\x1b[0m' : string;
}
function _Debug_fadeColor(ansi, string)
{
return ansi ? '\x1b[37m' + string + '\x1b[0m' : string;
}
function _Debug_internalColor(ansi, string)
{
return ansi ? '\x1b[36m' + string + '\x1b[0m' : string;
}
function _Debug_toHexDigit(n)
{
return String.fromCharCode(n < 10 ? 48 + n : 55 + n);
}
// CRASH
function _Debug_crash_UNUSED(identifier)
{
throw new Error('https://github.com/elm/core/blob/1.0.0/hints/' + identifier + '.md');
}
function _Debug_crash(identifier, fact1, fact2, fact3, fact4)
{
switch(identifier)
{
case 0:
throw new Error('What node should I take over? In JavaScript I need something like:\n\n Elm.Main.init({\n node: document.getElementById("elm-node")\n })\n\nYou need to do this with any Browser.sandbox or Browser.element program.');
case 1:
throw new Error('Browser.application programs cannot handle URLs like this:\n\n ' + document.location.href + '\n\nWhat is the root? The root of your file system? Try looking at this program with `elm reactor` or some other server.');
case 2:
var jsonErrorString = fact1;
throw new Error('Problem with the flags given to your Elm program on initialization.\n\n' + jsonErrorString);
case 3:
var portName = fact1;
throw new Error('There can only be one port named `' + portName + '`, but your program has multiple.');
case 4:
var portName = fact1;
var problem = fact2;
throw new Error('Trying to send an unexpected type of value through port `' + portName + '`:\n' + problem);
case 5:
throw new Error('Trying to use `(==)` on functions.\nThere is no way to know if functions are "the same" in the Elm sense.\nRead more about this at https://package.elm-lang.org/packages/elm/core/latest/Basics#== which describes why it is this way and what the better version will look like.');
case 6:
var moduleName = fact1;
throw new Error('Your page is loading multiple Elm scripts with a module named ' + moduleName + '. Maybe a duplicate script is getting loaded accidentally? If not, rename one of them so I know which is which!');
case 8:
var moduleName = fact1;
var region = fact2;
var message = fact3;
throw new Error('TODO in module `' + moduleName + '` ' + _Debug_regionToString(region) + '\n\n' + message);
case 9:
var moduleName = fact1;
var region = fact2;
var value = fact3;
var message = fact4;
throw new Error(
'TODO in module `' + moduleName + '` from the `case` expression '
+ _Debug_regionToString(region) + '\n\nIt received the following value:\n\n '
+ _Debug_toString(value).replace('\n', '\n ')
+ '\n\nBut the branch that handles it says:\n\n ' + message.replace('\n', '\n ')
);
case 10:
throw new Error('Bug in https://github.com/elm/virtual-dom/issues');
case 11:
throw new Error('Cannot perform mod 0. Division by zero error.');
}
}
function _Debug_regionToString(region)
{
if (region.start.line === region.end.line)
{
return 'on line ' + region.start.line;
}
return 'on lines ' + region.start.line + ' through ' + region.end.line;
}
// EQUALITY
function _Utils_eq(x, y)
{
for (
var pair, stack = [], isEqual = _Utils_eqHelp(x, y, 0, stack);
isEqual && (pair = stack.pop());
isEqual = _Utils_eqHelp(pair.a, pair.b, 0, stack)
)
{}
return isEqual;
}
function _Utils_eqHelp(x, y, depth, stack)
{
if (x === y)
{
return true;
}
if (typeof x !== 'object' || x === null || y === null)
{
typeof x === 'function' && _Debug_crash(5);
return false;
}
if (depth > 100)
{
stack.push(_Utils_Tuple2(x,y));
return true;
}
/**/
if (x.$ === 'Set_elm_builtin')
{
x = $elm$core$Set$toList(x);
y = $elm$core$Set$toList(y);
}
if (x.$ === 'RBNode_elm_builtin' || x.$ === 'RBEmpty_elm_builtin')
{
x = $elm$core$Dict$toList(x);
y = $elm$core$Dict$toList(y);
}
//*/
/**_UNUSED/
if (x.$ < 0)
{
x = $elm$core$Dict$toList(x);
y = $elm$core$Dict$toList(y);
}
//*/
for (var key in x)
{
if (!_Utils_eqHelp(x[key], y[key], depth + 1, stack))
{
return false;
}
}
return true;
}
var _Utils_equal = F2(_Utils_eq);
var _Utils_notEqual = F2(function(a, b) { return !_Utils_eq(a,b); });
// COMPARISONS
// Code in Generate/JavaScript.hs, Basics.js, and List.js depends on
// the particular integer values assigned to LT, EQ, and GT.
function _Utils_cmp(x, y, ord)
{
if (typeof x !== 'object')
{
return x === y ? /*EQ*/ 0 : x < y ? /*LT*/ -1 : /*GT*/ 1;
}
/**/
if (x instanceof String)
{
var a = x.valueOf();
var b = y.valueOf();
return a === b ? 0 : a < b ? -1 : 1;
}
//*/
/**_UNUSED/
if (typeof x.$ === 'undefined')
//*/
/**/
if (x.$[0] === '#')
//*/
{
return (ord = _Utils_cmp(x.a, y.a))
? ord
: (ord = _Utils_cmp(x.b, y.b))
? ord
: _Utils_cmp(x.c, y.c);
}
// traverse conses until end of a list or a mismatch
for (; x.b && y.b && !(ord = _Utils_cmp(x.a, y.a)); x = x.b, y = y.b) {} // WHILE_CONSES
return ord || (x.b ? /*GT*/ 1 : y.b ? /*LT*/ -1 : /*EQ*/ 0);
}
var _Utils_lt = F2(function(a, b) { return _Utils_cmp(a, b) < 0; });
var _Utils_le = F2(function(a, b) { return _Utils_cmp(a, b) < 1; });
var _Utils_gt = F2(function(a, b) { return _Utils_cmp(a, b) > 0; });
var _Utils_ge = F2(function(a, b) { return _Utils_cmp(a, b) >= 0; });
var _Utils_compare = F2(function(x, y)
{
var n = _Utils_cmp(x, y);
return n < 0 ? $elm$core$Basics$LT : n ? $elm$core$Basics$GT : $elm$core$Basics$EQ;
});
// COMMON VALUES
var _Utils_Tuple0_UNUSED = 0;
var _Utils_Tuple0 = { $: '#0' };
function _Utils_Tuple2_UNUSED(a, b) { return { a: a, b: b }; }
function _Utils_Tuple2(a, b) { return { $: '#2', a: a, b: b }; }
function _Utils_Tuple3_UNUSED(a, b, c) { return { a: a, b: b, c: c }; }
function _Utils_Tuple3(a, b, c) { return { $: '#3', a: a, b: b, c: c }; }
function _Utils_chr_UNUSED(c) { return c; }
function _Utils_chr(c) { return new String(c); }
// RECORDS
function _Utils_update(oldRecord, updatedFields)
{
var newRecord = {};
for (var key in oldRecord)
{
newRecord[key] = oldRecord[key];
}
for (var key in updatedFields)
{
newRecord[key] = updatedFields[key];
}
return newRecord;
}
// APPEND
var _Utils_append = F2(_Utils_ap);
function _Utils_ap(xs, ys)
{
// append Strings
if (typeof xs === 'string')
{
return xs + ys;
}
// append Lists
if (!xs.b)
{
return ys;
}
var root = _List_Cons(xs.a, ys);
xs = xs.b
for (var curr = root; xs.b; xs = xs.b) // WHILE_CONS
{
curr = curr.b = _List_Cons(xs.a, ys);
}
return root;
}
// MATH
var _Basics_add = F2(function(a, b) { return a + b; });
var _Basics_sub = F2(function(a, b) { return a - b; });
var _Basics_mul = F2(function(a, b) { return a * b; });
var _Basics_fdiv = F2(function(a, b) { return a / b; });
var _Basics_idiv = F2(function(a, b) { return (a / b) | 0; });
var _Basics_pow = F2(Math.pow);
var _Basics_remainderBy = F2(function(b, a) { return a % b; });
// https://www.microsoft.com/en-us/research/wp-content/uploads/2016/02/divmodnote-letter.pdf
var _Basics_modBy = F2(function(modulus, x)
{
var answer = x % modulus;
return modulus === 0
? _Debug_crash(11)
:
((answer > 0 && modulus < 0) || (answer < 0 && modulus > 0))
? answer + modulus
: answer;
});
// TRIGONOMETRY
var _Basics_pi = Math.PI;
var _Basics_e = Math.E;
var _Basics_cos = Math.cos;
var _Basics_sin = Math.sin;
var _Basics_tan = Math.tan;
var _Basics_acos = Math.acos;
var _Basics_asin = Math.asin;
var _Basics_atan = Math.atan;
var _Basics_atan2 = F2(Math.atan2);
// MORE MATH
function _Basics_toFloat(x) { return x; }
function _Basics_truncate(n) { return n | 0; }
function _Basics_isInfinite(n) { return n === Infinity || n === -Infinity; }
var _Basics_ceiling = Math.ceil;
var _Basics_floor = Math.floor;
var _Basics_round = Math.round;
var _Basics_sqrt = Math.sqrt;
var _Basics_log = Math.log;
var _Basics_isNaN = isNaN;
// BOOLEANS
function _Basics_not(bool) { return !bool; }
var _Basics_and = F2(function(a, b) { return a && b; });
var _Basics_or = F2(function(a, b) { return a || b; });
var _Basics_xor = F2(function(a, b) { return a !== b; });
var _String_cons = F2(function(chr, str)
{
return chr + str;
});
function _String_uncons(string)
{
var word = string.charCodeAt(0);
return !isNaN(word)
? $elm$core$Maybe$Just(
0xD800 <= word && word <= 0xDBFF
? _Utils_Tuple2(_Utils_chr(string[0] + string[1]), string.slice(2))
: _Utils_Tuple2(_Utils_chr(string[0]), string.slice(1))
)
: $elm$core$Maybe$Nothing;
}
var _String_append = F2(function(a, b)
{
return a + b;
});
function _String_length(str)
{
return str.length;
}
var _String_map = F2(function(func, string)
{
var len = string.length;
var array = new Array(len);
var i = 0;
while (i < len)
{
var word = string.charCodeAt(i);
if (0xD800 <= word && word <= 0xDBFF)
{
array[i] = func(_Utils_chr(string[i] + string[i+1]));
i += 2;
continue;
}
array[i] = func(_Utils_chr(string[i]));
i++;
}
return array.join('');
});
var _String_filter = F2(function(isGood, str)
{
var arr = [];
var len = str.length;
var i = 0;
while (i < len)
{
var char = str[i];
var word = str.charCodeAt(i);
i++;
if (0xD800 <= word && word <= 0xDBFF)
{
char += str[i];
i++;
}
if (isGood(_Utils_chr(char)))
{
arr.push(char);
}
}
return arr.join('');
});
function _String_reverse(str)
{
var len = str.length;
var arr = new Array(len);
var i = 0;
while (i < len)
{
var word = str.charCodeAt(i);
if (0xD800 <= word && word <= 0xDBFF)
{
arr[len - i] = str[i + 1];
i++;
arr[len - i] = str[i - 1];
i++;
}
else
{
arr[len - i] = str[i];
i++;
}
}
return arr.join('');
}
var _String_foldl = F3(function(func, state, string)
{
var len = string.length;
var i = 0;
while (i < len)
{
var char = string[i];
var word = string.charCodeAt(i);
i++;
if (0xD800 <= word && word <= 0xDBFF)
{
char += string[i];
i++;
}
state = A2(func, _Utils_chr(char), state);
}
return state;
});
var _String_foldr = F3(function(func, state, string)
{
var i = string.length;
while (i--)
{
var char = string[i];
var word = string.charCodeAt(i);
if (0xDC00 <= word && word <= 0xDFFF)
{
i--;
char = string[i] + char;
}
state = A2(func, _Utils_chr(char), state);
}
return state;
});
var _String_split = F2(function(sep, str)
{
return str.split(sep);
});
var _String_join = F2(function(sep, strs)
{
return strs.join(sep);
});
var _String_slice = F3(function(start, end, str) {
return str.slice(start, end);
});
function _String_trim(str)
{
return str.trim();
}
function _String_trimLeft(str)
{
return str.replace(/^\s+/, '');
}
function _String_trimRight(str)
{
return str.replace(/\s+$/, '');
}
function _String_words(str)
{
return _List_fromArray(str.trim().split(/\s+/g));
}
function _String_lines(str)
{
return _List_fromArray(str.split(/\r\n|\r|\n/g));
}
function _String_toUpper(str)
{
return str.toUpperCase();
}
function _String_toLower(str)
{
return str.toLowerCase();
}
var _String_any = F2(function(isGood, string)
{
var i = string.length;
while (i--)
{
var char = string[i];
var word = string.charCodeAt(i);
if (0xDC00 <= word && word <= 0xDFFF)
{
i--;
char = string[i] + char;
}
if (isGood(_Utils_chr(char)))
{
return true;
}
}
return false;
});
var _String_all = F2(function(isGood, string)
{
var i = string.length;
while (i--)
{
var char = string[i];
var word = string.charCodeAt(i);
if (0xDC00 <= word && word <= 0xDFFF)
{
i--;
char = string[i] + char;
}
if (!isGood(_Utils_chr(char)))
{
return false;
}
}
return true;
});
var _String_contains = F2(function(sub, str)
{
return str.indexOf(sub) > -1;
});
var _String_startsWith = F2(function(sub, str)
{
return str.indexOf(sub) === 0;
});
var _String_endsWith = F2(function(sub, str)
{
return str.length >= sub.length &&
str.lastIndexOf(sub) === str.length - sub.length;
});
var _String_indexes = F2(function(sub, str)
{
var subLen = sub.length;
if (subLen < 1)
{
return _List_Nil;
}
var i = 0;
var is = [];
while ((i = str.indexOf(sub, i)) > -1)
{
is.push(i);
i = i + subLen;
}
return _List_fromArray(is);
});
// TO STRING
function _String_fromNumber(number)
{
return number + '';
}
// INT CONVERSIONS
function _String_toInt(str)
{
var total = 0;
var code0 = str.charCodeAt(0);
var start = code0 == 0x2B /* + */ || code0 == 0x2D /* - */ ? 1 : 0;
for (var i = start; i < str.length; ++i)
{
var code = str.charCodeAt(i);
if (code < 0x30 || 0x39 < code)
{
return $elm$core$Maybe$Nothing;
}
total = 10 * total + code - 0x30;
}
return i == start
? $elm$core$Maybe$Nothing
: $elm$core$Maybe$Just(code0 == 0x2D ? -total : total);
}
// FLOAT CONVERSIONS
function _String_toFloat(s)
{
// check if it is a hex, octal, or binary number
if (s.length === 0 || /[\sxbo]/.test(s))
{
return $elm$core$Maybe$Nothing;
}
var n = +s;
// faster isNaN check
return n === n ? $elm$core$Maybe$Just(n) : $elm$core$Maybe$Nothing;
}
function _String_fromList(chars)
{
return _List_toArray(chars).join('');
}
function _Char_toCode(char)
{
var code = char.charCodeAt(0);
if (0xD800 <= code && code <= 0xDBFF)
{
return (code - 0xD800) * 0x400 + char.charCodeAt(1) - 0xDC00 + 0x10000
}
return code;
}
function _Char_fromCode(code)
{
return _Utils_chr(
(code < 0 || 0x10FFFF < code)
? '\uFFFD'
:
(code <= 0xFFFF)
? String.fromCharCode(code)
:
(code -= 0x10000,
String.fromCharCode(Math.floor(code / 0x400) + 0xD800, code % 0x400 + 0xDC00)
)
);
}
function _Char_toUpper(char)
{
return _Utils_chr(char.toUpperCase());
}
function _Char_toLower(char)
{
return _Utils_chr(char.toLowerCase());
}
function _Char_toLocaleUpper(char)
{
return _Utils_chr(char.toLocaleUpperCase());
}
function _Char_toLocaleLower(char)
{
return _Utils_chr(char.toLocaleLowerCase());
}
/**/
function _Json_errorToString(error)
{
return $elm$json$Json$Decode$errorToString(error);
}
//*/
// CORE DECODERS
function _Json_succeed(msg)
{
return {
$: 0,
a: msg
};
}
function _Json_fail(msg)
{
return {
$: 1,
a: msg
};
}
function _Json_decodePrim(decoder)
{
return { $: 2, b: decoder };
}
var _Json_decodeInt = _Json_decodePrim(function(value) {
return (typeof value !== 'number')
? _Json_expecting('an INT', value)
:
(-2147483647 < value && value < 2147483647 && (value | 0) === value)
? $elm$core$Result$Ok(value)
:
(isFinite(value) && !(value % 1))
? $elm$core$Result$Ok(value)
: _Json_expecting('an INT', value);
});
var _Json_decodeBool = _Json_decodePrim(function(value) {
return (typeof value === 'boolean')
? $elm$core$Result$Ok(value)
: _Json_expecting('a BOOL', value);
});
var _Json_decodeFloat = _Json_decodePrim(function(value) {
return (typeof value === 'number')
? $elm$core$Result$Ok(value)
: _Json_expecting('a FLOAT', value);
});
var _Json_decodeValue = _Json_decodePrim(function(value) {
return $elm$core$Result$Ok(_Json_wrap(value));
});
var _Json_decodeString = _Json_decodePrim(function(value) {
return (typeof value === 'string')
? $elm$core$Result$Ok(value)
: (value instanceof String)
? $elm$core$Result$Ok(value + '')
: _Json_expecting('a STRING', value);
});
function _Json_decodeList(decoder) { return { $: 3, b: decoder }; }
function _Json_decodeArray(decoder) { return { $: 4, b: decoder }; }
function _Json_decodeNull(value) { return { $: 5, c: value }; }
var _Json_decodeField = F2(function(field, decoder)
{
return {
$: 6,
d: field,
b: decoder
};
});
var _Json_decodeIndex = F2(function(index, decoder)
{
return {
$: 7,
e: index,
b: decoder
};
});
function _Json_decodeKeyValuePairs(decoder)
{
return {
$: 8,
b: decoder
};
}
function _Json_mapMany(f, decoders)
{
return {
$: 9,
f: f,
g: decoders
};
}
var _Json_andThen = F2(function(callback, decoder)
{
return {
$: 10,
b: decoder,
h: callback
};
});
function _Json_oneOf(decoders)
{
return {
$: 11,
g: decoders
};
}
// DECODING OBJECTS
var _Json_map1 = F2(function(f, d1)
{
return _Json_mapMany(f, [d1]);
});
var _Json_map2 = F3(function(f, d1, d2)
{
return _Json_mapMany(f, [d1, d2]);
});
var _Json_map3 = F4(function(f, d1, d2, d3)
{
return _Json_mapMany(f, [d1, d2, d3]);
});
var _Json_map4 = F5(function(f, d1, d2, d3, d4)
{
return _Json_mapMany(f, [d1, d2, d3, d4]);
});
var _Json_map5 = F6(function(f, d1, d2, d3, d4, d5)
{
return _Json_mapMany(f, [d1, d2, d3, d4, d5]);
});
var _Json_map6 = F7(function(f, d1, d2, d3, d4, d5, d6)
{
return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6]);
});
var _Json_map7 = F8(function(f, d1, d2, d3, d4, d5, d6, d7)
{
return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6, d7]);
});
var _Json_map8 = F9(function(f, d1, d2, d3, d4, d5, d6, d7, d8)
{
return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6, d7, d8]);
});
// DECODE
var _Json_runOnString = F2(function(decoder, string)
{
try
{
var value = JSON.parse(string);
return _Json_runHelp(decoder, value);
}
catch (e)
{
return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, 'This is not valid JSON! ' + e.message, _Json_wrap(string)));
}
});
var _Json_run = F2(function(decoder, value)
{
return _Json_runHelp(decoder, _Json_unwrap(value));
});
function _Json_runHelp(decoder, value)
{
switch (decoder.$)
{
case 2:
return decoder.b(value);
case 5:
return (value === null)
? $elm$core$Result$Ok(decoder.c)
: _Json_expecting('null', value);
case 3:
if (!_Json_isArray(value))
{
return _Json_expecting('a LIST', value);
}
return _Json_runArrayDecoder(decoder.b, value, _List_fromArray);
case 4:
if (!_Json_isArray(value))
{
return _Json_expecting('an ARRAY', value);
}
return _Json_runArrayDecoder(decoder.b, value, _Json_toElmArray);
case 6:
var field = decoder.d;
if (typeof value !== 'object' || value === null || !(field in value))
{
return _Json_expecting('an OBJECT with a field named `' + field + '`', value);
}
var result = _Json_runHelp(decoder.b, value[field]);
return ($elm$core$Result$isOk(result)) ? result : $elm$core$Result$Err(A2($elm$json$Json$Decode$Field, field, result.a));
case 7:
var index = decoder.e;
if (!_Json_isArray(value))
{
return _Json_expecting('an ARRAY', value);
}
if (index >= value.length)
{
return _Json_expecting('a LONGER array. Need index ' + index + ' but only see ' + value.length + ' entries', value);
}
var result = _Json_runHelp(decoder.b, value[index]);
return ($elm$core$Result$isOk(result)) ? result : $elm$core$Result$Err(A2($elm$json$Json$Decode$Index, index, result.a));
case 8:
if (typeof value !== 'object' || value === null || _Json_isArray(value))
{
return _Json_expecting('an OBJECT', value);
}
var keyValuePairs = _List_Nil;
// TODO test perf of Object.keys and switch when support is good enough
for (var key in value)
{
if (value.hasOwnProperty(key))
{
var result = _Json_runHelp(decoder.b, value[key]);
if (!$elm$core$Result$isOk(result))
{
return $elm$core$Result$Err(A2($elm$json$Json$Decode$Field, key, result.a));
}
keyValuePairs = _List_Cons(_Utils_Tuple2(key, result.a), keyValuePairs);
}
}
return $elm$core$Result$Ok($elm$core$List$reverse(keyValuePairs));
case 9:
var answer = decoder.f;
var decoders = decoder.g;
for (var i = 0; i < decoders.length; i++)
{
var result = _Json_runHelp(decoders[i], value);
if (!$elm$core$Result$isOk(result))
{
return result;
}
answer = answer(result.a);
}
return $elm$core$Result$Ok(answer);
case 10:
var result = _Json_runHelp(decoder.b, value);
return (!$elm$core$Result$isOk(result))
? result
: _Json_runHelp(decoder.h(result.a), value);
case 11:
var errors = _List_Nil;
for (var temp = decoder.g; temp.b; temp = temp.b) // WHILE_CONS
{
var result = _Json_runHelp(temp.a, value);
if ($elm$core$Result$isOk(result))
{
return result;
}
errors = _List_Cons(result.a, errors);
}
return $elm$core$Result$Err($elm$json$Json$Decode$OneOf($elm$core$List$reverse(errors)));
case 1:
return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, decoder.a, _Json_wrap(value)));
case 0:
return $elm$core$Result$Ok(decoder.a);
}
}
function _Json_runArrayDecoder(decoder, value, toElmValue)
{
var len = value.length;
var array = new Array(len);
for (var i = 0; i < len; i++)
{
var result = _Json_runHelp(decoder, value[i]);
if (!$elm$core$Result$isOk(result))
{
return $elm$core$Result$Err(A2($elm$json$Json$Decode$Index, i, result.a));
}
array[i] = result.a;
}
return $elm$core$Result$Ok(toElmValue(array));
}
function _Json_isArray(value)
{
return Array.isArray(value) || (typeof FileList !== 'undefined' && value instanceof FileList);
}
function _Json_toElmArray(array)
{
return A2($elm$core$Array$initialize, array.length, function(i) { return array[i]; });
}
function _Json_expecting(type, value)
{
return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, 'Expecting ' + type, _Json_wrap(value)));
}
// EQUALITY
function _Json_equality(x, y)
{
if (x === y)
{
return true;
}
if (x.$ !== y.$)
{
return false;
}
switch (x.$)
{
case 0:
case 1:
return x.a === y.a;
case 2:
return x.b === y.b;
case 5:
return x.c === y.c;
case 3:
case 4:
case 8:
return _Json_equality(x.b, y.b);
case 6:
return x.d === y.d && _Json_equality(x.b, y.b);
case 7:
return x.e === y.e && _Json_equality(x.b, y.b);
case 9:
return x.f === y.f && _Json_listEquality(x.g, y.g);
case 10:
return x.h === y.h && _Json_equality(x.b, y.b);
case 11:
return _Json_listEquality(x.g, y.g);
}
}
function _Json_listEquality(aDecoders, bDecoders)
{
var len = aDecoders.length;
if (len !== bDecoders.length)
{
return false;
}
for (var i = 0; i < len; i++)
{
if (!_Json_equality(aDecoders[i], bDecoders[i]))
{
return false;
}
}
return true;
}
// ENCODE
var _Json_encode = F2(function(indentLevel, value)
{
return JSON.stringify(_Json_unwrap(value), null, indentLevel) + '';
});
function _Json_wrap(value) { return { $: 0, a: value }; }
function _Json_unwrap(value) { return value.a; }
function _Json_wrap_UNUSED(value) { return value; }
function _Json_unwrap_UNUSED(value) { return value; }
function _Json_emptyArray() { return []; }
function _Json_emptyObject() { return {}; }
var _Json_addField = F3(function(key, value, object)
{
object[key] = _Json_unwrap(value);
return object;
});
function _Json_addEntry(func)
{
return F2(function(entry, array)
{
array.push(_Json_unwrap(func(entry)));
return array;
});
}
var _Json_encodeNull = _Json_wrap(null);
// TASKS
function _Scheduler_succeed(value)
{
return {
$: 0,
a: value
};
}
function _Scheduler_fail(error)
{
return {
$: 1,
a: error
};
}
function _Scheduler_binding(callback)
{
return {
$: 2,
b: callback,
c: null
};
}
var _Scheduler_andThen = F2(function(callback, task)
{
return {
$: 3,
b: callback,
d: task
};
});
var _Scheduler_onError = F2(function(callback, task)
{
return {
$: 4,
b: callback,
d: task
};
});
function _Scheduler_receive(callback)
{
return {
$: 5,
b: callback
};
}
// PROCESSES
var _Scheduler_guid = 0;
function _Scheduler_rawSpawn(task)
{
var proc = {
$: 0,
e: _Scheduler_guid++,
f: task,
g: null,
h: []
};
_Scheduler_enqueue(proc);
return proc;
}
function _Scheduler_spawn(task)
{
return _Scheduler_binding(function(callback) {
callback(_Scheduler_succeed(_Scheduler_rawSpawn(task)));
});
}
function _Scheduler_rawSend(proc, msg)
{
proc.h.push(msg);
_Scheduler_enqueue(proc);
}
var _Scheduler_send = F2(function(proc, msg)
{
return _Scheduler_binding(function(callback) {
_Scheduler_rawSend(proc, msg);
callback(_Scheduler_succeed(_Utils_Tuple0));
});
});
function _Scheduler_kill(proc)
{
return _Scheduler_binding(function(callback) {
var task = proc.f;
if (task.$ === 2 && task.c)
{
task.c();
}
proc.f = null;
callback(_Scheduler_succeed(_Utils_Tuple0));
});
}
/* STEP PROCESSES
type alias Process =
{ $ : tag
, id : unique_id
, root : Task
, stack : null | { $: SUCCEED | FAIL, a: callback, b: stack }
, mailbox : [msg]
}
*/
var _Scheduler_working = false;
var _Scheduler_queue = [];
function _Scheduler_enqueue(proc)
{
_Scheduler_queue.push(proc);
if (_Scheduler_working)
{
return;
}
_Scheduler_working = true;
while (proc = _Scheduler_queue.shift())
{
_Scheduler_step(proc);
}
_Scheduler_working = false;
}
function _Scheduler_step(proc)
{
while (proc.f)
{
var rootTag = proc.f.$;
if (rootTag === 0 || rootTag === 1)
{
while (proc.g && proc.g.$ !== rootTag)
{
proc.g = proc.g.i;
}
if (!proc.g)
{
return;
}
proc.f = proc.g.b(proc.f.a);
proc.g = proc.g.i;
}
else if (rootTag === 2)
{
proc.f.c = proc.f.b(function(newRoot) {
proc.f = newRoot;
_Scheduler_enqueue(proc);
});
return;
}
else if (rootTag === 5)
{
if (proc.h.length === 0)
{
return;
}
proc.f = proc.f.b(proc.h.shift());
}
else // if (rootTag === 3 || rootTag === 4)
{
proc.g = {
$: rootTag === 3 ? 0 : 1,
b: proc.f.b,
i: proc.g
};
proc.f = proc.f.d;
}
}
}
function _Process_sleep(time)
{
return _Scheduler_binding(function(callback) {
var id = setTimeout(function() {
callback(_Scheduler_succeed(_Utils_Tuple0));
}, time);
return function() { clearTimeout(id); };
});
}
// PROGRAMS
var _Platform_worker = F4(function(impl, flagDecoder, debugMetadata, args)
{
return _Platform_initialize(
flagDecoder,
args,
impl.init,
impl.update,
impl.subscriptions,
function() { return function() {} }
);
});
// INITIALIZE A PROGRAM
function _Platform_initialize(flagDecoder, args, init, update, subscriptions, stepperBuilder)
{
var result = A2(_Json_run, flagDecoder, _Json_wrap(args ? args['flags'] : undefined));
$elm$core$Result$isOk(result) || _Debug_crash(2 /**/, _Json_errorToString(result.a) /**/);
var managers = {};
var initPair = init(result.a);
var model = initPair.a;
var stepper = stepperBuilder(sendToApp, model);
var ports = _Platform_setupEffects(managers, sendToApp);
function sendToApp(msg, viewMetadata)
{
var pair = A2(update, msg, model);
stepper(model = pair.a, viewMetadata);
_Platform_enqueueEffects(managers, pair.b, subscriptions(model));
}
_Platform_enqueueEffects(managers, initPair.b, subscriptions(model));
return ports ? { ports: ports } : {};
}
// TRACK PRELOADS
//
// This is used by code in elm/browser and elm/http
// to register any HTTP requests that are triggered by init.
//
var _Platform_preload;
function _Platform_registerPreload(url)
{
_Platform_preload.add(url);
}
// EFFECT MANAGERS
var _Platform_effectManagers = {};
function _Platform_setupEffects(managers, sendToApp)
{
var ports;
// setup all necessary effect managers
for (var key in _Platform_effectManagers)
{
var manager = _Platform_effectManagers[key];
if (manager.a)
{
ports = ports || {};
ports[key] = manager.a(key, sendToApp);
}
managers[key] = _Platform_instantiateManager(manager, sendToApp);
}
return ports;
}
function _Platform_createManager(init, onEffects, onSelfMsg, cmdMap, subMap)
{
return {
b: init,
c: onEffects,
d: onSelfMsg,
e: cmdMap,
f: subMap
};
}
function _Platform_instantiateManager(info, sendToApp)
{
var router = {
g: sendToApp,
h: undefined
};
var onEffects = info.c;
var onSelfMsg = info.d;
var cmdMap = info.e;
var subMap = info.f;
function loop(state)
{
return A2(_Scheduler_andThen, loop, _Scheduler_receive(function(msg)
{
var value = msg.a;
if (msg.$ === 0)
{
return A3(onSelfMsg, router, value, state);
}
return cmdMap && subMap
? A4(onEffects, router, value.i, value.j, state)
: A3(onEffects, router, cmdMap ? value.i : value.j, state);
}));
}
return router.h = _Scheduler_rawSpawn(A2(_Scheduler_andThen, loop, info.b));
}
// ROUTING
var _Platform_sendToApp = F2(function(router, msg)
{
return _Scheduler_binding(function(callback)
{
router.g(msg);
callback(_Scheduler_succeed(_Utils_Tuple0));
});
});
var _Platform_sendToSelf = F2(function(router, msg)
{
return A2(_Scheduler_send, router.h, {
$: 0,
a: msg
});
});
// BAGS
function _Platform_leaf(home)
{
return function(value)
{
return {
$: 1,
k: home,
l: value
};
};
}
function _Platform_batch(list)
{
return {
$: 2,
m: list
};
}
var _Platform_map = F2(function(tagger, bag)
{
return {
$: 3,
n: tagger,
o: bag
}
});
// PIPE BAGS INTO EFFECT MANAGERS
//
// Effects must be queued!
//
// Say your init contains a synchronous command, like Time.now or Time.here
//
// - This will produce a batch of effects (FX_1)
// - The synchronous task triggers the subsequent `update` call
// - This will produce a batch of effects (FX_2)
//
// If we just start dispatching FX_2, subscriptions from FX_2 can be processed
// before subscriptions from FX_1. No good! Earlier versions of this code had
// this problem, leading to these reports:
//
// https://github.com/elm/core/issues/980
// https://github.com/elm/core/pull/981
// https://github.com/elm/compiler/issues/1776
//
// The queue is necessary to avoid ordering issues for synchronous commands.
// Why use true/false here? Why not just check the length of the queue?
// The goal is to detect "are we currently dispatching effects?" If we
// are, we need to bail and let the ongoing while loop handle things.
//
// Now say the queue has 1 element. When we dequeue the final element,
// the queue will be empty, but we are still actively dispatching effects.
// So you could get queue jumping in a really tricky category of cases.
//
var _Platform_effectsQueue = [];
var _Platform_effectsActive = false;
function _Platform_enqueueEffects(managers, cmdBag, subBag)
{
_Platform_effectsQueue.push({ p: managers, q: cmdBag, r: subBag });
if (_Platform_effectsActive) return;
_Platform_effectsActive = true;
for (var fx; fx = _Platform_effectsQueue.shift(); )
{
_Platform_dispatchEffects(fx.p, fx.q, fx.r);
}
_Platform_effectsActive = false;
}
function _Platform_dispatchEffects(managers, cmdBag, subBag)
{
var effectsDict = {};
_Platform_gatherEffects(true, cmdBag, effectsDict, null);
_Platform_gatherEffects(false, subBag, effectsDict, null);
for (var home in managers)
{
_Scheduler_rawSend(managers[home], {
$: 'fx',
a: effectsDict[home] || { i: _List_Nil, j: _List_Nil }
});
}
}
function _Platform_gatherEffects(isCmd, bag, effectsDict, taggers)
{
switch (bag.$)
{
case 1:
var home = bag.k;
var effect = _Platform_toEffect(isCmd, home, taggers, bag.l);
effectsDict[home] = _Platform_insert(isCmd, effect, effectsDict[home]);
return;
case 2:
for (var list = bag.m; list.b; list = list.b) // WHILE_CONS
{
_Platform_gatherEffects(isCmd, list.a, effectsDict, taggers);
}
return;
case 3:
_Platform_gatherEffects(isCmd, bag.o, effectsDict, {
s: bag.n,
t: taggers
});
return;
}
}
function _Platform_toEffect(isCmd, home, taggers, value)
{
function applyTaggers(x)
{
for (var temp = taggers; temp; temp = temp.t)
{
x = temp.s(x);
}
return x;
}
var map = isCmd
? _Platform_effectManagers[home].e
: _Platform_effectManagers[home].f;
return A2(map, applyTaggers, value)
}
function _Platform_insert(isCmd, newEffect, effects)
{
effects = effects || { i: _List_Nil, j: _List_Nil };
isCmd
? (effects.i = _List_Cons(newEffect, effects.i))
: (effects.j = _List_Cons(newEffect, effects.j));
return effects;
}
// PORTS
function _Platform_checkPortName(name)
{
if (_Platform_effectManagers[name])
{
_Debug_crash(3, name)
}
}
// OUTGOING PORTS
function _Platform_outgoingPort(name, converter)
{
_Platform_checkPortName(name);
_Platform_effectManagers[name] = {
e: _Platform_outgoingPortMap,
u: converter,
a: _Platform_setupOutgoingPort
};
return _Platform_leaf(name);
}
var _Platform_outgoingPortMap = F2(function(tagger, value) { return value; });
function _Platform_setupOutgoingPort(name)
{
var subs = [];
var converter = _Platform_effectManagers[name].u;
// CREATE MANAGER
var init = _Process_sleep(0);
_Platform_effectManagers[name].b = init;
_Platform_effectManagers[name].c = F3(function(router, cmdList, state)
{
for ( ; cmdList.b; cmdList = cmdList.b) // WHILE_CONS
{
// grab a separate reference to subs in case unsubscribe is called
var currentSubs = subs;
var value = _Json_unwrap(converter(cmdList.a));
for (var i = 0; i < currentSubs.length; i++)
{
currentSubs[i](value);
}
}
return init;
});
// PUBLIC API
function subscribe(callback)
{
subs.push(callback);
}
function unsubscribe(callback)
{
// copy subs into a new array in case unsubscribe is called within a
// subscribed callback
subs = subs.slice();
var index = subs.indexOf(callback);
if (index >= 0)
{
subs.splice(index, 1);
}
}
return {
subscribe: subscribe,
unsubscribe: unsubscribe
};
}
// INCOMING PORTS
function _Platform_incomingPort(name, converter)
{
_Platform_checkPortName(name);
_Platform_effectManagers[name] = {
f: _Platform_incomingPortMap,
u: converter,
a: _Platform_setupIncomingPort
};
return _Platform_leaf(name);
}
var _Platform_incomingPortMap = F2(function(tagger, finalTagger)
{
return function(value)
{
return tagger(finalTagger(value));
};
});
function _Platform_setupIncomingPort(name, sendToApp)
{
var subs = _List_Nil;
var converter = _Platform_effectManagers[name].u;
// CREATE MANAGER
var init = _Scheduler_succeed(null);
_Platform_effectManagers[name].b = init;
_Platform_effectManagers[name].c = F3(function(router, subList, state)
{
subs = subList;
return init;
});
// PUBLIC API
function send(incomingValue)
{
var result = A2(_Json_run, converter, _Json_wrap(incomingValue));
$elm$core$Result$isOk(result) || _Debug_crash(4, name, result.a);
var value = result.a;
for (var temp = subs; temp.b; temp = temp.b) // WHILE_CONS
{
sendToApp(temp.a(value));
}
}
return { send: send };
}
// EXPORT ELM MODULES
//
// Have DEBUG and PROD versions so that we can (1) give nicer errors in
// debug mode and (2) not pay for the bits needed for that in prod mode.
//
function _Platform_export_UNUSED(exports)
{
scope['Elm']
? _Platform_mergeExportsProd(scope['Elm'], exports)
: scope['Elm'] = exports;
}
function _Platform_mergeExportsProd(obj, exports)
{
for (var name in exports)
{
(name in obj)
? (name == 'init')
? _Debug_crash(6)
: _Platform_mergeExportsProd(obj[name], exports[name])
: (obj[name] = exports[name]);
}
}
function _Platform_export(exports)
{
scope['Elm']
? _Platform_mergeExportsDebug('Elm', scope['Elm'], exports)
: scope['Elm'] = exports;
}
function _Platform_mergeExportsDebug(moduleName, obj, exports)
{
for (var name in exports)
{
(name in obj)
? (name == 'init')
? _Debug_crash(6, moduleName)
: _Platform_mergeExportsDebug(moduleName + '.' + name, obj[name], exports[name])
: (obj[name] = exports[name]);
}
}
// HELPERS
var _VirtualDom_divertHrefToApp;
var _VirtualDom_doc = typeof document !== 'undefined' ? document : {};
function _VirtualDom_appendChild(parent, child)
{
parent.appendChild(child);
}
var _VirtualDom_init = F4(function(virtualNode, flagDecoder, debugMetadata, args)
{
// NOTE: this function needs _Platform_export available to work
/**_UNUSED/
var node = args['node'];
//*/
/**/
var node = args && args['node'] ? args['node'] : _Debug_crash(0);
//*/
node.parentNode.replaceChild(
_VirtualDom_render(virtualNode, function() {}),
node
);
return {};
});
// TEXT
function _VirtualDom_text(string)
{
return {
$: 0,
a: string
};
}
// NODE
var _VirtualDom_nodeNS = F2(function(namespace, tag)
{
return F2(function(factList, kidList)
{
for (var kids = [], descendantsCount = 0; kidList.b; kidList = kidList.b) // WHILE_CONS
{
var kid = kidList.a;
descendantsCount += (kid.b || 0);
kids.push(kid);
}
descendantsCount += kids.length;
return {
$: 1,
c: tag,
d: _VirtualDom_organizeFacts(factList),
e: kids,
f: namespace,
b: descendantsCount
};
});
});
var _VirtualDom_node = _VirtualDom_nodeNS(undefined);
// KEYED NODE
var _VirtualDom_keyedNodeNS = F2(function(namespace, tag)
{
return F2(function(factList, kidList)
{
for (var kids = [], descendantsCount = 0; kidList.b; kidList = kidList.b) // WHILE_CONS
{
var kid = kidList.a;
descendantsCount += (kid.b.b || 0);
kids.push(kid);
}
descendantsCount += kids.length;
return {
$: 2,
c: tag,
d: _VirtualDom_organizeFacts(factList),
e: kids,
f: namespace,
b: descendantsCount
};
});
});
var _VirtualDom_keyedNode = _VirtualDom_keyedNodeNS(undefined);
// CUSTOM
function _VirtualDom_custom(factList, model, render, diff)
{
return {
$: 3,
d: _VirtualDom_organizeFacts(factList),
g: model,
h: render,
i: diff
};
}
// MAP
var _VirtualDom_map = F2(function(tagger, node)
{
return {
$: 4,
j: tagger,
k: node,
b: 1 + (node.b || 0)
};
});
// LAZY
function _VirtualDom_thunk(refs, thunk)
{
return {
$: 5,
l: refs,
m: thunk,
k: undefined
};
}
var _VirtualDom_lazy = F2(function(func, a)
{
return _VirtualDom_thunk([func, a], function() {
return func(a);
});
});
var _VirtualDom_lazy2 = F3(function(func, a, b)
{
return _VirtualDom_thunk([func, a, b], function() {
return A2(func, a, b);
});
});
var _VirtualDom_lazy3 = F4(function(func, a, b, c)
{
return _VirtualDom_thunk([func, a, b, c], function() {
return A3(func, a, b, c);
});
});
var _VirtualDom_lazy4 = F5(function(func, a, b, c, d)
{
return _VirtualDom_thunk([func, a, b, c, d], function() {
return A4(func, a, b, c, d);
});
});
var _VirtualDom_lazy5 = F6(function(func, a, b, c, d, e)
{
return _VirtualDom_thunk([func, a, b, c, d, e], function() {
return A5(func, a, b, c, d, e);
});
});
var _VirtualDom_lazy6 = F7(function(func, a, b, c, d, e, f)
{
return _VirtualDom_thunk([func, a, b, c, d, e, f], function() {
return A6(func, a, b, c, d, e, f);
});
});
var _VirtualDom_lazy7 = F8(function(func, a, b, c, d, e, f, g)
{
return _VirtualDom_thunk([func, a, b, c, d, e, f, g], function() {
return A7(func, a, b, c, d, e, f, g);
});
});
var _VirtualDom_lazy8 = F9(function(func, a, b, c, d, e, f, g, h)
{
return _VirtualDom_thunk([func, a, b, c, d, e, f, g, h], function() {
return A8(func, a, b, c, d, e, f, g, h);
});
});
// FACTS
var _VirtualDom_on = F2(function(key, handler)
{
return {
$: 'a0',
n: key,
o: handler
};
});
var _VirtualDom_style = F2(function(key, value)
{
return {
$: 'a1',
n: key,
o: value
};
});
var _VirtualDom_property = F2(function(key, value)
{
return {
$: 'a2',
n: key,
o: value
};
});
var _VirtualDom_attribute = F2(function(key, value)
{
return {
$: 'a3',
n: key,
o: value
};
});
var _VirtualDom_attributeNS = F3(function(namespace, key, value)
{
return {
$: 'a4',
n: key,
o: { f: namespace, o: value }
};
});
// XSS ATTACK VECTOR CHECKS
function _VirtualDom_noScript(tag)
{
return tag == 'script' ? 'p' : tag;
}
function _VirtualDom_noOnOrFormAction(key)
{
return /^(on|formAction$)/i.test(key) ? 'data-' + key : key;
}
function _VirtualDom_noInnerHtmlOrFormAction(key)
{
return key == 'innerHTML' || key == 'formAction' ? 'data-' + key : key;
}
function _VirtualDom_noJavaScriptUri_UNUSED(value)
{
return /^javascript:/i.test(value.replace(/\s/g,'')) ? '' : value;
}
function _VirtualDom_noJavaScriptUri(value)
{
return /^javascript:/i.test(value.replace(/\s/g,''))
? 'javascript:alert("This is an XSS vector. Please use ports or web components instead.")'
: value;
}
function _VirtualDom_noJavaScriptOrHtmlUri_UNUSED(value)
{
return /^\s*(javascript:|data:text\/html)/i.test(value) ? '' : value;
}
function _VirtualDom_noJavaScriptOrHtmlUri(value)
{
return /^\s*(javascript:|data:text\/html)/i.test(value)
? 'javascript:alert("This is an XSS vector. Please use ports or web components instead.")'
: value;
}
// MAP FACTS
var _VirtualDom_mapAttribute = F2(function(func, attr)
{
return (attr.$ === 'a0')
? A2(_VirtualDom_on, attr.n, _VirtualDom_mapHandler(func, attr.o))
: attr;
});
function _VirtualDom_mapHandler(func, handler)
{
var tag = $elm$virtual_dom$VirtualDom$toHandlerInt(handler);
// 0 = Normal
// 1 = MayStopPropagation
// 2 = MayPreventDefault
// 3 = Custom
return {
$: handler.$,
a:
!tag
? A2($elm$json$Json$Decode$map, func, handler.a)
:
A3($elm$json$Json$Decode$map2,
tag < 3
? _VirtualDom_mapEventTuple
: _VirtualDom_mapEventRecord,
$elm$json$Json$Decode$succeed(func),
handler.a
)
};
}
var _VirtualDom_mapEventTuple = F2(function(func, tuple)
{
return _Utils_Tuple2(func(tuple.a), tuple.b);
});
var _VirtualDom_mapEventRecord = F2(function(func, record)
{
return {
message: func(record.message),
stopPropagation: record.stopPropagation,
preventDefault: record.preventDefault
}
});
// ORGANIZE FACTS
function _VirtualDom_organizeFacts(factList)
{
for (var facts = {}; factList.b; factList = factList.b) // WHILE_CONS
{
var entry = factList.a;
var tag = entry.$;
var key = entry.n;
var value = entry.o;
if (tag === 'a2')
{
(key === 'className')
? _VirtualDom_addClass(facts, key, _Json_unwrap(value))
: facts[key] = _Json_unwrap(value);
continue;
}
var subFacts = facts[tag] || (facts[tag] = {});
(tag === 'a3' && key === 'class')
? _VirtualDom_addClass(subFacts, key, value)
: subFacts[key] = value;
}
return facts;
}
function _VirtualDom_addClass(object, key, newClass)
{
var classes = object[key];
object[key] = classes ? classes + ' ' + newClass : newClass;
}
// RENDER
function _VirtualDom_render(vNode, eventNode)
{
var tag = vNode.$;
if (tag === 5)
{
return _VirtualDom_render(vNode.k || (vNode.k = vNode.m()), eventNode);
}
if (tag === 0)
{
return _VirtualDom_doc.createTextNode(vNode.a);
}
if (tag === 4)
{
var subNode = vNode.k;
var tagger = vNode.j;
while (subNode.$ === 4)
{
typeof tagger !== 'object'
? tagger = [tagger, subNode.j]
: tagger.push(subNode.j);
subNode = subNode.k;
}
var subEventRoot = { j: tagger, p: eventNode };
var domNode = _VirtualDom_render(subNode, subEventRoot);
domNode.elm_event_node_ref = subEventRoot;
return domNode;
}
if (tag === 3)
{
var domNode = vNode.h(vNode.g);
_VirtualDom_applyFacts(domNode, eventNode, vNode.d);
return domNode;
}
// at this point `tag` must be 1 or 2
var domNode = vNode.f
? _VirtualDom_doc.createElementNS(vNode.f, vNode.c)
: _VirtualDom_doc.createElement(vNode.c);
if (_VirtualDom_divertHrefToApp && vNode.c == 'a')
{
domNode.addEventListener('click', _VirtualDom_divertHrefToApp(domNode));
}
_VirtualDom_applyFacts(domNode, eventNode, vNode.d);
for (var kids = vNode.e, i = 0; i < kids.length; i++)
{
_VirtualDom_appendChild(domNode, _VirtualDom_render(tag === 1 ? kids[i] : kids[i].b, eventNode));
}
return domNode;
}
// APPLY FACTS
function _VirtualDom_applyFacts(domNode, eventNode, facts)
{
for (var key in facts)
{
var value = facts[key];
key === 'a1'
? _VirtualDom_applyStyles(domNode, value)
:
key === 'a0'
? _VirtualDom_applyEvents(domNode, eventNode, value)
:
key === 'a3'
? _VirtualDom_applyAttrs(domNode, value)
:
key === 'a4'
? _VirtualDom_applyAttrsNS(domNode, value)
:
((key !== 'value' && key !== 'checked') || domNode[key] !== value) && (domNode[key] = value);
}
}
// APPLY STYLES
function _VirtualDom_applyStyles(domNode, styles)
{
var domNodeStyle = domNode.style;
for (var key in styles)
{
domNodeStyle[key] = styles[key];
}
}
// APPLY ATTRS
function _VirtualDom_applyAttrs(domNode, attrs)
{
for (var key in attrs)
{
var value = attrs[key];
typeof value !== 'undefined'
? domNode.setAttribute(key, value)
: domNode.removeAttribute(key);
}
}
// APPLY NAMESPACED ATTRS
function _VirtualDom_applyAttrsNS(domNode, nsAttrs)
{
for (var key in nsAttrs)
{
var pair = nsAttrs[key];
var namespace = pair.f;
var value = pair.o;
typeof value !== 'undefined'
? domNode.setAttributeNS(namespace, key, value)
: domNode.removeAttributeNS(namespace, key);
}
}
// APPLY EVENTS
function _VirtualDom_applyEvents(domNode, eventNode, events)
{
var allCallbacks = domNode.elmFs || (domNode.elmFs = {});
for (var key in events)
{
var newHandler = events[key];
var oldCallback = allCallbacks[key];
if (!newHandler)
{
domNode.removeEventListener(key, oldCallback);
allCallbacks[key] = undefined;
continue;
}
if (oldCallback)
{
var oldHandler = oldCallback.q;
if (oldHandler.$ === newHandler.$)
{
oldCallback.q = newHandler;
continue;
}
domNode.removeEventListener(key, oldCallback);
}
oldCallback = _VirtualDom_makeCallback(eventNode, newHandler);
domNode.addEventListener(key, oldCallback,
_VirtualDom_passiveSupported
&& { passive: $elm$virtual_dom$VirtualDom$toHandlerInt(newHandler) < 2 }
);
allCallbacks[key] = oldCallback;
}
}
// PASSIVE EVENTS
var _VirtualDom_passiveSupported;
try
{
window.addEventListener('t', null, Object.defineProperty({}, 'passive', {
get: function() { _VirtualDom_passiveSupported = true; }
}));
}
catch(e) {}
// EVENT HANDLERS
function _VirtualDom_makeCallback(eventNode, initialHandler)
{
function callback(event)
{
var handler = callback.q;
var result = _Json_runHelp(handler.a, event);
if (!$elm$core$Result$isOk(result))
{
return;
}
var tag = $elm$virtual_dom$VirtualDom$toHandlerInt(handler);
// 0 = Normal
// 1 = MayStopPropagation
// 2 = MayPreventDefault
// 3 = Custom
var value = result.a;
var message = !tag ? value : tag < 3 ? value.a : value.message;
var stopPropagation = tag == 1 ? value.b : tag == 3 && value.stopPropagation;
var currentEventNode = (
stopPropagation && event.stopPropagation(),
(tag == 2 ? value.b : tag == 3 && value.preventDefault) && event.preventDefault(),
eventNode
);
var tagger;
var i;
while (tagger = currentEventNode.j)
{
if (typeof tagger == 'function')
{
message = tagger(message);
}
else
{
for (var i = tagger.length; i--; )
{
message = tagger[i](message);
}
}
currentEventNode = currentEventNode.p;
}
currentEventNode(message, stopPropagation); // stopPropagation implies isSync
}
callback.q = initialHandler;
return callback;
}
function _VirtualDom_equalEvents(x, y)
{
return x.$ == y.$ && _Json_equality(x.a, y.a);
}
// DIFF
// TODO: Should we do patches like in iOS?
//
// type Patch
// = At Int Patch
// | Batch (List Patch)
// | Change ...
//
// How could it not be better?
//
function _VirtualDom_diff(x, y)
{
var patches = [];
_VirtualDom_diffHelp(x, y, patches, 0);
return patches;
}
function _VirtualDom_pushPatch(patches, type, index, data)
{
var patch = {
$: type,
r: index,
s: data,
t: undefined,
u: undefined
};
patches.push(patch);
return patch;
}
function _VirtualDom_diffHelp(x, y, patches, index)
{
if (x === y)
{
return;
}
var xType = x.$;
var yType = y.$;
// Bail if you run into different types of nodes. Implies that the
// structure has changed significantly and it's not worth a diff.
if (xType !== yType)
{
if (xType === 1 && yType === 2)
{
y = _VirtualDom_dekey(y);
yType = 1;
}
else
{
_VirtualDom_pushPatch(patches, 0, index, y);
return;
}
}
// Now we know that both nodes are the same $.
switch (yType)
{
case 5:
var xRefs = x.l;
var yRefs = y.l;
var i = xRefs.length;
var same = i === yRefs.length;
while (same && i--)
{
same = xRefs[i] === yRefs[i];
}
if (same)
{
y.k = x.k;
return;
}
y.k = y.m();
var subPatches = [];
_VirtualDom_diffHelp(x.k, y.k, subPatches, 0);
subPatches.length > 0 && _VirtualDom_pushPatch(patches, 1, index, subPatches);
return;
case 4:
// gather nested taggers
var xTaggers = x.j;
var yTaggers = y.j;
var nesting = false;
var xSubNode = x.k;
while (xSubNode.$ === 4)
{
nesting = true;
typeof xTaggers !== 'object'
? xTaggers = [xTaggers, xSubNode.j]
: xTaggers.push(xSubNode.j);
xSubNode = xSubNode.k;
}
var ySubNode = y.k;
while (ySubNode.$ === 4)
{
nesting = true;
typeof yTaggers !== 'object'
? yTaggers = [yTaggers, ySubNode.j]
: yTaggers.push(ySubNode.j);
ySubNode = ySubNode.k;
}
// Just bail if different numbers of taggers. This implies the
// structure of the virtual DOM has changed.
if (nesting && xTaggers.length !== yTaggers.length)
{
_VirtualDom_pushPatch(patches, 0, index, y);
return;
}
// check if taggers are "the same"
if (nesting ? !_VirtualDom_pairwiseRefEqual(xTaggers, yTaggers) : xTaggers !== yTaggers)
{
_VirtualDom_pushPatch(patches, 2, index, yTaggers);
}
// diff everything below the taggers
_VirtualDom_diffHelp(xSubNode, ySubNode, patches, index + 1);
return;
case 0:
if (x.a !== y.a)
{
_VirtualDom_pushPatch(patches, 3, index, y.a);
}
return;
case 1:
_VirtualDom_diffNodes(x, y, patches, index, _VirtualDom_diffKids);
return;
case 2:
_VirtualDom_diffNodes(x, y, patches, index, _VirtualDom_diffKeyedKids);
return;
case 3:
if (x.h !== y.h)
{
_VirtualDom_pushPatch(patches, 0, index, y);
return;
}
var factsDiff = _VirtualDom_diffFacts(x.d, y.d);
factsDiff && _VirtualDom_pushPatch(patches, 4, index, factsDiff);
var patch = y.i(x.g, y.g);
patch && _VirtualDom_pushPatch(patches, 5, index, patch);
return;
}
}
// assumes the incoming arrays are the same length
function _VirtualDom_pairwiseRefEqual(as, bs)
{
for (var i = 0; i < as.length; i++)
{
if (as[i] !== bs[i])
{
return false;
}
}
return true;
}
function _VirtualDom_diffNodes(x, y, patches, index, diffKids)
{
// Bail if obvious indicators have changed. Implies more serious
// structural changes such that it's not worth it to diff.
if (x.c !== y.c || x.f !== y.f)
{
_VirtualDom_pushPatch(patches, 0, index, y);
return;
}
var factsDiff = _VirtualDom_diffFacts(x.d, y.d);
factsDiff && _VirtualDom_pushPatch(patches, 4, index, factsDiff);
diffKids(x, y, patches, index);
}
// DIFF FACTS
// TODO Instead of creating a new diff object, it's possible to just test if
// there *is* a diff. During the actual patch, do the diff again and make the
// modifications directly. This way, there's no new allocations. Worth it?
function _VirtualDom_diffFacts(x, y, category)
{
var diff;
// look for changes and removals
for (var xKey in x)
{
if (xKey === 'a1' || xKey === 'a0' || xKey === 'a3' || xKey === 'a4')
{
var subDiff = _VirtualDom_diffFacts(x[xKey], y[xKey] || {}, xKey);
if (subDiff)
{
diff = diff || {};
diff[xKey] = subDiff;
}
continue;
}
// remove if not in the new facts
if (!(xKey in y))
{
diff = diff || {};
diff[xKey] =
!category
? (typeof x[xKey] === 'string' ? '' : null)
:
(category === 'a1')
? ''
:
(category === 'a0' || category === 'a3')
? undefined
:
{ f: x[xKey].f, o: undefined };
continue;
}
var xValue = x[xKey];
var yValue = y[xKey];
// reference equal, so don't worry about it
if (xValue === yValue && xKey !== 'value' && xKey !== 'checked'
|| category === 'a0' && _VirtualDom_equalEvents(xValue, yValue))
{
continue;
}
diff = diff || {};
diff[xKey] = yValue;
}
// add new stuff
for (var yKey in y)
{
if (!(yKey in x))
{
diff = diff || {};
diff[yKey] = y[yKey];
}
}
return diff;
}
// DIFF KIDS
function _VirtualDom_diffKids(xParent, yParent, patches, index)
{
var xKids = xParent.e;
var yKids = yParent.e;
var xLen = xKids.length;
var yLen = yKids.length;
// FIGURE OUT IF THERE ARE INSERTS OR REMOVALS
if (xLen > yLen)
{
_VirtualDom_pushPatch(patches, 6, index, {
v: yLen,
i: xLen - yLen
});
}
else if (xLen < yLen)
{
_VirtualDom_pushPatch(patches, 7, index, {
v: xLen,
e: yKids
});
}
// PAIRWISE DIFF EVERYTHING ELSE
for (var minLen = xLen < yLen ? xLen : yLen, i = 0; i < minLen; i++)
{
var xKid = xKids[i];
_VirtualDom_diffHelp(xKid, yKids[i], patches, ++index);
index += xKid.b || 0;
}
}
// KEYED DIFF
function _VirtualDom_diffKeyedKids(xParent, yParent, patches, rootIndex)
{
var localPatches = [];
var changes = {}; // Dict String Entry
var inserts = []; // Array { index : Int, entry : Entry }
// type Entry = { tag : String, vnode : VNode, index : Int, data : _ }
var xKids = xParent.e;
var yKids = yParent.e;
var xLen = xKids.length;
var yLen = yKids.length;
var xIndex = 0;
var yIndex = 0;
var index = rootIndex;
while (xIndex < xLen && yIndex < yLen)
{
var x = xKids[xIndex];
var y = yKids[yIndex];
var xKey = x.a;
var yKey = y.a;
var xNode = x.b;
var yNode = y.b;
var newMatch = undefined;
var oldMatch = undefined;
// check if keys match
if (xKey === yKey)
{
index++;
_VirtualDom_diffHelp(xNode, yNode, localPatches, index);
index += xNode.b || 0;
xIndex++;
yIndex++;
continue;
}
// look ahead 1 to detect insertions and removals.
var xNext = xKids[xIndex + 1];
var yNext = yKids[yIndex + 1];
if (xNext)
{
var xNextKey = xNext.a;
var xNextNode = xNext.b;
oldMatch = yKey === xNextKey;
}
if (yNext)
{
var yNextKey = yNext.a;
var yNextNode = yNext.b;
newMatch = xKey === yNextKey;
}
// swap x and y
if (newMatch && oldMatch)
{
index++;
_VirtualDom_diffHelp(xNode, yNextNode, localPatches, index);
_VirtualDom_insertNode(changes, localPatches, xKey, yNode, yIndex, inserts);
index += xNode.b || 0;
index++;
_VirtualDom_removeNode(changes, localPatches, xKey, xNextNode, index);
index += xNextNode.b || 0;
xIndex += 2;
yIndex += 2;
continue;
}
// insert y
if (newMatch)
{
index++;
_VirtualDom_insertNode(changes, localPatches, yKey, yNode, yIndex, inserts);
_VirtualDom_diffHelp(xNode, yNextNode, localPatches, index);
index += xNode.b || 0;
xIndex += 1;
yIndex += 2;
continue;
}
// remove x
if (oldMatch)
{
index++;
_VirtualDom_removeNode(changes, localPatches, xKey, xNode, index);
index += xNode.b || 0;
index++;
_VirtualDom_diffHelp(xNextNode, yNode, localPatches, index);
index += xNextNode.b || 0;
xIndex += 2;
yIndex += 1;
continue;
}
// remove x, insert y
if (xNext && xNextKey === yNextKey)
{
index++;
_VirtualDom_removeNode(changes, localPatches, xKey, xNode, index);
_VirtualDom_insertNode(changes, localPatches, yKey, yNode, yIndex, inserts);
index += xNode.b || 0;
index++;
_VirtualDom_diffHelp(xNextNode, yNextNode, localPatches, index);
index += xNextNode.b || 0;
xIndex += 2;
yIndex += 2;
continue;
}
break;
}
// eat up any remaining nodes with removeNode and insertNode
while (xIndex < xLen)
{
index++;
var x = xKids[xIndex];
var xNode = x.b;
_VirtualDom_removeNode(changes, localPatches, x.a, xNode, index);
index += xNode.b || 0;
xIndex++;
}
while (yIndex < yLen)
{
var endInserts = endInserts || [];
var y = yKids[yIndex];
_VirtualDom_insertNode(changes, localPatches, y.a, y.b, undefined, endInserts);
yIndex++;
}
if (localPatches.length > 0 || inserts.length > 0 || endInserts)
{
_VirtualDom_pushPatch(patches, 8, rootIndex, {
w: localPatches,
x: inserts,
y: endInserts
});
}
}
// CHANGES FROM KEYED DIFF
var _VirtualDom_POSTFIX = '_elmW6BL';
function _VirtualDom_insertNode(changes, localPatches, key, vnode, yIndex, inserts)
{
var entry = changes[key];
// never seen this key before
if (!entry)
{
entry = {
c: 0,
z: vnode,
r: yIndex,
s: undefined
};
inserts.push({ r: yIndex, A: entry });
changes[key] = entry;
return;
}
// this key was removed earlier, a match!
if (entry.c === 1)
{
inserts.push({ r: yIndex, A: entry });
entry.c = 2;
var subPatches = [];
_VirtualDom_diffHelp(entry.z, vnode, subPatches, entry.r);
entry.r = yIndex;
entry.s.s = {
w: subPatches,
A: entry
};
return;
}
// this key has already been inserted or moved, a duplicate!
_VirtualDom_insertNode(changes, localPatches, key + _VirtualDom_POSTFIX, vnode, yIndex, inserts);
}
function _VirtualDom_removeNode(changes, localPatches, key, vnode, index)
{
var entry = changes[key];
// never seen this key before
if (!entry)
{
var patch = _VirtualDom_pushPatch(localPatches, 9, index, undefined);
changes[key] = {
c: 1,
z: vnode,
r: index,
s: patch
};
return;
}
// this key was inserted earlier, a match!
if (entry.c === 0)
{
entry.c = 2;
var subPatches = [];
_VirtualDom_diffHelp(vnode, entry.z, subPatches, index);
_VirtualDom_pushPatch(localPatches, 9, index, {
w: subPatches,
A: entry
});
return;
}
// this key has already been removed or moved, a duplicate!
_VirtualDom_removeNode(changes, localPatches, key + _VirtualDom_POSTFIX, vnode, index);
}
// ADD DOM NODES
//
// Each DOM node has an "index" assigned in order of traversal. It is important
// to minimize our crawl over the actual DOM, so these indexes (along with the
// descendantsCount of virtual nodes) let us skip touching entire subtrees of
// the DOM if we know there are no patches there.
function _VirtualDom_addDomNodes(domNode, vNode, patches, eventNode)
{
_VirtualDom_addDomNodesHelp(domNode, vNode, patches, 0, 0, vNode.b, eventNode);
}
// assumes `patches` is non-empty and indexes increase monotonically.
function _VirtualDom_addDomNodesHelp(domNode, vNode, patches, i, low, high, eventNode)
{
var patch = patches[i];
var index = patch.r;
while (index === low)
{
var patchType = patch.$;
if (patchType === 1)
{
_VirtualDom_addDomNodes(domNode, vNode.k, patch.s, eventNode);
}
else if (patchType === 8)
{
patch.t = domNode;
patch.u = eventNode;
var subPatches = patch.s.w;
if (subPatches.length > 0)
{
_VirtualDom_addDomNodesHelp(domNode, vNode, subPatches, 0, low, high, eventNode);
}
}
else if (patchType === 9)
{
patch.t = domNode;
patch.u = eventNode;
var data = patch.s;
if (data)
{
data.A.s = domNode;
var subPatches = data.w;
if (subPatches.length > 0)
{
_VirtualDom_addDomNodesHelp(domNode, vNode, subPatches, 0, low, high, eventNode);
}
}
}
else
{
patch.t = domNode;
patch.u = eventNode;
}
i++;
if (!(patch = patches[i]) || (index = patch.r) > high)
{
return i;
}
}
var tag = vNode.$;
if (tag === 4)
{
var subNode = vNode.k;
while (subNode.$ === 4)
{
subNode = subNode.k;
}
return _VirtualDom_addDomNodesHelp(domNode, subNode, patches, i, low + 1, high, domNode.elm_event_node_ref);
}
// tag must be 1 or 2 at this point
var vKids = vNode.e;
var childNodes = domNode.childNodes;
for (var j = 0; j < vKids.length; j++)
{
low++;
var vKid = tag === 1 ? vKids[j] : vKids[j].b;
var nextLow = low + (vKid.b || 0);
if (low <= index && index <= nextLow)
{
i = _VirtualDom_addDomNodesHelp(childNodes[j], vKid, patches, i, low, nextLow, eventNode);
if (!(patch = patches[i]) || (index = patch.r) > high)
{
return i;
}
}
low = nextLow;
}
return i;
}
// APPLY PATCHES
function _VirtualDom_applyPatches(rootDomNode, oldVirtualNode, patches, eventNode)
{
if (patches.length === 0)
{
return rootDomNode;
}
_VirtualDom_addDomNodes(rootDomNode, oldVirtualNode, patches, eventNode);
return _VirtualDom_applyPatchesHelp(rootDomNode, patches);
}
function _VirtualDom_applyPatchesHelp(rootDomNode, patches)
{
for (var i = 0; i < patches.length; i++)
{
var patch = patches[i];
var localDomNode = patch.t
var newNode = _VirtualDom_applyPatch(localDomNode, patch);
if (localDomNode === rootDomNode)
{
rootDomNode = newNode;
}
}
return rootDomNode;
}
function _VirtualDom_applyPatch(domNode, patch)
{
switch (patch.$)
{
case 0:
return _VirtualDom_applyPatchRedraw(domNode, patch.s, patch.u);
case 4:
_VirtualDom_applyFacts(domNode, patch.u, patch.s);
return domNode;
case 3:
domNode.replaceData(0, domNode.length, patch.s);
return domNode;
case 1:
return _VirtualDom_applyPatchesHelp(domNode, patch.s);
case 2:
if (domNode.elm_event_node_ref)
{
domNode.elm_event_node_ref.j = patch.s;
}
else
{
domNode.elm_event_node_ref = { j: patch.s, p: patch.u };
}
return domNode;
case 6:
var data = patch.s;
for (var i = 0; i < data.i; i++)
{
domNode.removeChild(domNode.childNodes[data.v]);
}
return domNode;
case 7:
var data = patch.s;
var kids = data.e;
var i = data.v;
var theEnd = domNode.childNodes[i];
for (; i < kids.length; i++)
{
domNode.insertBefore(_VirtualDom_render(kids[i], patch.u), theEnd);
}
return domNode;
case 9:
var data = patch.s;
if (!data)
{
domNode.parentNode.removeChild(domNode);
return domNode;
}
var entry = data.A;
if (typeof entry.r !== 'undefined')
{
domNode.parentNode.removeChild(domNode);
}
entry.s = _VirtualDom_applyPatchesHelp(domNode, data.w);
return domNode;
case 8:
return _VirtualDom_applyPatchReorder(domNode, patch);
case 5:
return patch.s(domNode);
default:
_Debug_crash(10); // 'Ran into an unknown patch!'
}
}
function _VirtualDom_applyPatchRedraw(domNode, vNode, eventNode)
{
var parentNode = domNode.parentNode;
var newNode = _VirtualDom_render(vNode, eventNode);
if (!newNode.elm_event_node_ref)
{
newNode.elm_event_node_ref = domNode.elm_event_node_ref;
}
if (parentNode && newNode !== domNode)
{
parentNode.replaceChild(newNode, domNode);
}
return newNode;
}
function _VirtualDom_applyPatchReorder(domNode, patch)
{
var data = patch.s;
// remove end inserts
var frag = _VirtualDom_applyPatchReorderEndInsertsHelp(data.y, patch);
// removals
domNode = _VirtualDom_applyPatchesHelp(domNode, data.w);
// inserts
var inserts = data.x;
for (var i = 0; i < inserts.length; i++)
{
var insert = inserts[i];
var entry = insert.A;
var node = entry.c === 2
? entry.s
: _VirtualDom_render(entry.z, patch.u);
domNode.insertBefore(node, domNode.childNodes[insert.r]);
}
// add end inserts
if (frag)
{
_VirtualDom_appendChild(domNode, frag);
}
return domNode;
}
function _VirtualDom_applyPatchReorderEndInsertsHelp(endInserts, patch)
{
if (!endInserts)
{
return;
}
var frag = _VirtualDom_doc.createDocumentFragment();
for (var i = 0; i < endInserts.length; i++)
{
var insert = endInserts[i];
var entry = insert.A;
_VirtualDom_appendChild(frag, entry.c === 2
? entry.s
: _VirtualDom_render(entry.z, patch.u)
);
}
return frag;
}
function _VirtualDom_virtualize(node)
{
// TEXT NODES
if (node.nodeType === 3)
{
return _VirtualDom_text(node.textContent);
}
// WEIRD NODES
if (node.nodeType !== 1)
{
return _VirtualDom_text('');
}
// ELEMENT NODES
var attrList = _List_Nil;
var attrs = node.attributes;
for (var i = attrs.length; i--; )
{
var attr = attrs[i];
var name = attr.name;
var value = attr.value;
attrList = _List_Cons( A2(_VirtualDom_attribute, name, value), attrList );
}
var tag = node.tagName.toLowerCase();
var kidList = _List_Nil;
var kids = node.childNodes;
for (var i = kids.length; i--; )
{
kidList = _List_Cons(_VirtualDom_virtualize(kids[i]), kidList);
}
return A3(_VirtualDom_node, tag, attrList, kidList);
}
function _VirtualDom_dekey(keyedNode)
{
var keyedKids = keyedNode.e;
var len = keyedKids.length;
var kids = new Array(len);
for (var i = 0; i < len; i++)
{
kids[i] = keyedKids[i].b;
}
return {
$: 1,
c: keyedNode.c,
d: keyedNode.d,
e: kids,
f: keyedNode.f,
b: keyedNode.b
};
}
// ELEMENT
var _Debugger_element;
var _Browser_element = _Debugger_element || F4(function(impl, flagDecoder, debugMetadata, args)
{
return _Platform_initialize(
flagDecoder,
args,
impl.init,
impl.update,
impl.subscriptions,
function(sendToApp, initialModel) {
var view = impl.view;
/**_UNUSED/
var domNode = args['node'];
//*/
/**/
var domNode = args && args['node'] ? args['node'] : _Debug_crash(0);
//*/
var currNode = _VirtualDom_virtualize(domNode);
return _Browser_makeAnimator(initialModel, function(model)
{
var nextNode = view(model);
var patches = _VirtualDom_diff(currNode, nextNode);
domNode = _VirtualDom_applyPatches(domNode, currNode, patches, sendToApp);
currNode = nextNode;
});
}
);
});
// DOCUMENT
var _Debugger_document;
var _Browser_document = _Debugger_document || F4(function(impl, flagDecoder, debugMetadata, args)
{
return _Platform_initialize(
flagDecoder,
args,
impl.init,
impl.update,
impl.subscriptions,
function(sendToApp, initialModel) {
var divertHrefToApp = impl.setup && impl.setup(sendToApp)
var view = impl.view;
var title = _VirtualDom_doc.title;
var bodyNode = _VirtualDom_doc.body;
var currNode = _VirtualDom_virtualize(bodyNode);
return _Browser_makeAnimator(initialModel, function(model)
{
_VirtualDom_divertHrefToApp = divertHrefToApp;
var doc = view(model);
var nextNode = _VirtualDom_node('body')(_List_Nil)(doc.body);
var patches = _VirtualDom_diff(currNode, nextNode);
bodyNode = _VirtualDom_applyPatches(bodyNode, currNode, patches, sendToApp);
currNode = nextNode;
_VirtualDom_divertHrefToApp = 0;
(title !== doc.title) && (_VirtualDom_doc.title = title = doc.title);
});
}
);
});
// ANIMATION
var _Browser_cancelAnimationFrame =
typeof cancelAnimationFrame !== 'undefined'
? cancelAnimationFrame
: function(id) { clearTimeout(id); };
var _Browser_requestAnimationFrame =
typeof requestAnimationFrame !== 'undefined'
? requestAnimationFrame
: function(callback) { return setTimeout(callback, 1000 / 60); };
function _Browser_makeAnimator(model, draw)
{
draw(model);
var state = 0;
function updateIfNeeded()
{
state = state === 1
? 0
: ( _Browser_requestAnimationFrame(updateIfNeeded), draw(model), 1 );
}
return function(nextModel, isSync)
{
model = nextModel;
isSync
? ( draw(model),
state === 2 && (state = 1)
)
: ( state === 0 && _Browser_requestAnimationFrame(updateIfNeeded),
state = 2
);
};
}
// APPLICATION
function _Browser_application(impl)
{
var onUrlChange = impl.onUrlChange;
var onUrlRequest = impl.onUrlRequest;
var key = function() { key.a(onUrlChange(_Browser_getUrl())); };
return _Browser_document({
setup: function(sendToApp)
{
key.a = sendToApp;
_Browser_window.addEventListener('popstate', key);
_Browser_window.navigator.userAgent.indexOf('Trident') < 0 || _Browser_window.addEventListener('hashchange', key);
return F2(function(domNode, event)
{
if (!event.ctrlKey && !event.metaKey && !event.shiftKey && event.button < 1 && !domNode.target && !domNode.hasAttribute('download'))
{
event.preventDefault();
var href = domNode.href;
var curr = _Browser_getUrl();
var next = $elm$url$Url$fromString(href).a;
sendToApp(onUrlRequest(
(next
&& curr.protocol === next.protocol
&& curr.host === next.host
&& curr.port_.a === next.port_.a
)
? $elm$browser$Browser$Internal(next)
: $elm$browser$Browser$External(href)
));
}
});
},
init: function(flags)
{
return A3(impl.init, flags, _Browser_getUrl(), key);
},
view: impl.view,
update: impl.update,
subscriptions: impl.subscriptions
});
}
function _Browser_getUrl()
{
return $elm$url$Url$fromString(_VirtualDom_doc.location.href).a || _Debug_crash(1);
}
var _Browser_go = F2(function(key, n)
{
return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
n && history.go(n);
key();
}));
});
var _Browser_pushUrl = F2(function(key, url)
{
return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
history.pushState({}, '', url);
key();
}));
});
var _Browser_replaceUrl = F2(function(key, url)
{
return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
history.replaceState({}, '', url);
key();
}));
});
// GLOBAL EVENTS
var _Browser_fakeNode = { addEventListener: function() {}, removeEventListener: function() {} };
var _Browser_doc = typeof document !== 'undefined' ? document : _Browser_fakeNode;
var _Browser_window = typeof window !== 'undefined' ? window : _Browser_fakeNode;
var _Browser_on = F3(function(node, eventName, sendToSelf)
{
return _Scheduler_spawn(_Scheduler_binding(function(callback)
{
function handler(event) { _Scheduler_rawSpawn(sendToSelf(event)); }
node.addEventListener(eventName, handler, _VirtualDom_passiveSupported && { passive: true });
return function() { node.removeEventListener(eventName, handler); };
}));
});
var _Browser_decodeEvent = F2(function(decoder, event)
{
var result = _Json_runHelp(decoder, event);
return $elm$core$Result$isOk(result) ? $elm$core$Maybe$Just(result.a) : $elm$core$Maybe$Nothing;
});
// PAGE VISIBILITY
function _Browser_visibilityInfo()
{
return (typeof _VirtualDom_doc.hidden !== 'undefined')
? { hidden: 'hidden', change: 'visibilitychange' }
:
(typeof _VirtualDom_doc.mozHidden !== 'undefined')
? { hidden: 'mozHidden', change: 'mozvisibilitychange' }
:
(typeof _VirtualDom_doc.msHidden !== 'undefined')
? { hidden: 'msHidden', change: 'msvisibilitychange' }
:
(typeof _VirtualDom_doc.webkitHidden !== 'undefined')
? { hidden: 'webkitHidden', change: 'webkitvisibilitychange' }
: { hidden: 'hidden', change: 'visibilitychange' };
}
// ANIMATION FRAMES
function _Browser_rAF()
{
return _Scheduler_binding(function(callback)
{
var id = _Browser_requestAnimationFrame(function() {
callback(_Scheduler_succeed(Date.now()));
});
return function() {
_Browser_cancelAnimationFrame(id);
};
});
}
function _Browser_now()
{
return _Scheduler_binding(function(callback)
{
callback(_Scheduler_succeed(Date.now()));
});
}
// DOM STUFF
function _Browser_withNode(id, doStuff)
{
return _Scheduler_binding(function(callback)
{
_Browser_requestAnimationFrame(function() {
var node = document.getElementById(id);
callback(node
? _Scheduler_succeed(doStuff(node))
: _Scheduler_fail($elm$browser$Browser$Dom$NotFound(id))
);
});
});
}
function _Browser_withWindow(doStuff)
{
return _Scheduler_binding(function(callback)
{
_Browser_requestAnimationFrame(function() {
callback(_Scheduler_succeed(doStuff()));
});
});
}
// FOCUS and BLUR
var _Browser_call = F2(function(functionName, id)
{
return _Browser_withNode(id, function(node) {
node[functionName]();
return _Utils_Tuple0;
});
});
// WINDOW VIEWPORT
function _Browser_getViewport()
{
return {
scene: _Browser_getScene(),
viewport: {
x: _Browser_window.pageXOffset,
y: _Browser_window.pageYOffset,
width: _Browser_doc.documentElement.clientWidth,
height: _Browser_doc.documentElement.clientHeight
}
};
}
function _Browser_getScene()
{
var body = _Browser_doc.body;
var elem = _Browser_doc.documentElement;
return {
width: Math.max(body.scrollWidth, body.offsetWidth, elem.scrollWidth, elem.offsetWidth, elem.clientWidth),
height: Math.max(body.scrollHeight, body.offsetHeight, elem.scrollHeight, elem.offsetHeight, elem.clientHeight)
};
}
var _Browser_setViewport = F2(function(x, y)
{
return _Browser_withWindow(function()
{
_Browser_window.scroll(x, y);
return _Utils_Tuple0;
});
});
// ELEMENT VIEWPORT
function _Browser_getViewportOf(id)
{
return _Browser_withNode(id, function(node)
{
return {
scene: {
width: node.scrollWidth,
height: node.scrollHeight
},
viewport: {
x: node.scrollLeft,
y: node.scrollTop,
width: node.clientWidth,
height: node.clientHeight
}
};
});
}
var _Browser_setViewportOf = F3(function(id, x, y)
{
return _Browser_withNode(id, function(node)
{
node.scrollLeft = x;
node.scrollTop = y;
return _Utils_Tuple0;
});
});
// ELEMENT
function _Browser_getElement(id)
{
return _Browser_withNode(id, function(node)
{
var rect = node.getBoundingClientRect();
var x = _Browser_window.pageXOffset;
var y = _Browser_window.pageYOffset;
return {
scene: _Browser_getScene(),
viewport: {
x: x,
y: y,
width: _Browser_doc.documentElement.clientWidth,
height: _Browser_doc.documentElement.clientHeight
},
element: {
x: x + rect.left,
y: y + rect.top,
width: rect.width,
height: rect.height
}
};
});
}
// LOAD and RELOAD
function _Browser_reload(skipCache)
{
return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function(callback)
{
_VirtualDom_doc.location.reload(skipCache);
}));
}
function _Browser_load(url)
{
return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function(callback)
{
try
{
_Browser_window.location = url;
}
catch(err)
{
// Only Firefox can throw a NS_ERROR_MALFORMED_URI exception here.
// Other browsers reload the page, so let's be consistent about that.
_VirtualDom_doc.location.reload(false);
}
}));
}
// DECODER
var _File_decoder = _Json_decodePrim(function(value) {
// NOTE: checks if `File` exists in case this is run on node
return (typeof File !== 'undefined' && value instanceof File)
? $elm$core$Result$Ok(value)
: _Json_expecting('a FILE', value);
});
// METADATA
function _File_name(file) { return file.name; }
function _File_mime(file) { return file.type; }
function _File_size(file) { return file.size; }
function _File_lastModified(file)
{
return $elm$time$Time$millisToPosix(file.lastModified);
}
// DOWNLOAD
var _File_downloadNode;
function _File_getDownloadNode()
{
return _File_downloadNode || (_File_downloadNode = document.createElement('a'));
}
var _File_download = F3(function(name, mime, content)
{
return _Scheduler_binding(function(callback)
{
var blob = new Blob([content], {type: mime});
// for IE10+
if (navigator.msSaveOrOpenBlob)
{
navigator.msSaveOrOpenBlob(blob, name);
return;
}
// for HTML5
var node = _File_getDownloadNode();
var objectUrl = URL.createObjectURL(blob);
node.href = objectUrl;
node.download = name;
_File_click(node);
URL.revokeObjectURL(objectUrl);
});
});
function _File_downloadUrl(href)
{
return _Scheduler_binding(function(callback)
{
var node = _File_getDownloadNode();
node.href = href;
node.download = '';
node.origin === location.origin || (node.target = '_blank');
_File_click(node);
});
}
// IE COMPATIBILITY
function _File_makeBytesSafeForInternetExplorer(bytes)
{
// only needed by IE10 and IE11 to fix https://github.com/elm/file/issues/10
// all other browsers can just run `new Blob([bytes])` directly with no problem
//
return new Uint8Array(bytes.buffer, bytes.byteOffset, bytes.byteLength);
}
function _File_click(node)
{
// only needed by IE10 and IE11 to fix https://github.com/elm/file/issues/11
// all other browsers have MouseEvent and do not need this conditional stuff
//
if (typeof MouseEvent === 'function')
{
node.dispatchEvent(new MouseEvent('click'));
}
else
{
var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
document.body.appendChild(node);
node.dispatchEvent(event);
document.body.removeChild(node);
}
}
// UPLOAD
var _File_node;
function _File_uploadOne(mimes)
{
return _Scheduler_binding(function(callback)
{
_File_node = document.createElement('input');
_File_node.type = 'file';
_File_node.accept = A2($elm$core$String$join, ',', mimes);
_File_node.addEventListener('change', function(event)
{
callback(_Scheduler_succeed(event.target.files[0]));
});
_File_click(_File_node);
});
}
function _File_uploadOneOrMore(mimes)
{
return _Scheduler_binding(function(callback)
{
_File_node = document.createElement('input');
_File_node.type = 'file';
_File_node.multiple = true;
_File_node.accept = A2($elm$core$String$join, ',', mimes);
_File_node.addEventListener('change', function(event)
{
var elmFiles = _List_fromArray(event.target.files);
callback(_Scheduler_succeed(_Utils_Tuple2(elmFiles.a, elmFiles.b)));
});
_File_click(_File_node);
});
}
// CONTENT
function _File_toString(blob)
{
return _Scheduler_binding(function(callback)
{
var reader = new FileReader();
reader.addEventListener('loadend', function() {
callback(_Scheduler_succeed(reader.result));
});
reader.readAsText(blob);
return function() { reader.abort(); };
});
}
function _File_toBytes(blob)
{
return _Scheduler_binding(function(callback)
{
var reader = new FileReader();
reader.addEventListener('loadend', function() {
callback(_Scheduler_succeed(new DataView(reader.result)));
});
reader.readAsArrayBuffer(blob);
return function() { reader.abort(); };
});
}
function _File_toUrl(blob)
{
return _Scheduler_binding(function(callback)
{
var reader = new FileReader();
reader.addEventListener('loadend', function() {
callback(_Scheduler_succeed(reader.result));
});
reader.readAsDataURL(blob);
return function() { reader.abort(); };
});
}
// BYTES
function _Bytes_width(bytes)
{
return bytes.byteLength;
}
var _Bytes_getHostEndianness = F2(function(le, be)
{
return _Scheduler_binding(function(callback)
{
callback(_Scheduler_succeed(new Uint8Array(new Uint32Array([1]))[0] === 1 ? le : be));
});
});
// ENCODERS
function _Bytes_encode(encoder)
{
var mutableBytes = new DataView(new ArrayBuffer($elm$bytes$Bytes$Encode$getWidth(encoder)));
$elm$bytes$Bytes$Encode$write(encoder)(mutableBytes)(0);
return mutableBytes;
}
// SIGNED INTEGERS
var _Bytes_write_i8 = F3(function(mb, i, n) { mb.setInt8(i, n); return i + 1; });
var _Bytes_write_i16 = F4(function(mb, i, n, isLE) { mb.setInt16(i, n, isLE); return i + 2; });
var _Bytes_write_i32 = F4(function(mb, i, n, isLE) { mb.setInt32(i, n, isLE); return i + 4; });
// UNSIGNED INTEGERS
var _Bytes_write_u8 = F3(function(mb, i, n) { mb.setUint8(i, n); return i + 1 ;});
var _Bytes_write_u16 = F4(function(mb, i, n, isLE) { mb.setUint16(i, n, isLE); return i + 2; });
var _Bytes_write_u32 = F4(function(mb, i, n, isLE) { mb.setUint32(i, n, isLE); return i + 4; });
// FLOATS
var _Bytes_write_f32 = F4(function(mb, i, n, isLE) { mb.setFloat32(i, n, isLE); return i + 4; });
var _Bytes_write_f64 = F4(function(mb, i, n, isLE) { mb.setFloat64(i, n, isLE); return i + 8; });
// BYTES
var _Bytes_write_bytes = F3(function(mb, offset, bytes)
{
for (var i = 0, len = bytes.byteLength, limit = len - 4; i <= limit; i += 4)
{
mb.setUint32(offset + i, bytes.getUint32(i));
}
for (; i < len; i++)
{
mb.setUint8(offset + i, bytes.getUint8(i));
}
return offset + len;
});
// STRINGS
function _Bytes_getStringWidth(string)
{
for (var width = 0, i = 0; i < string.length; i++)
{
var code = string.charCodeAt(i);
width +=
(code < 0x80) ? 1 :
(code < 0x800) ? 2 :
(code < 0xD800 || 0xDBFF < code) ? 3 : (i++, 4);
}
return width;
}
var _Bytes_write_string = F3(function(mb, offset, string)
{
for (var i = 0; i < string.length; i++)
{
var code = string.charCodeAt(i);
offset +=
(code < 0x80)
? (mb.setUint8(offset, code)
, 1
)
:
(code < 0x800)
? (mb.setUint16(offset, 0xC080 /* 0b1100000010000000 */
| (code >>> 6 & 0x1F /* 0b00011111 */) << 8
| code & 0x3F /* 0b00111111 */)
, 2
)
:
(code < 0xD800 || 0xDBFF < code)
? (mb.setUint16(offset, 0xE080 /* 0b1110000010000000 */
| (code >>> 12 & 0xF /* 0b00001111 */) << 8
| code >>> 6 & 0x3F /* 0b00111111 */)
, mb.setUint8(offset + 2, 0x80 /* 0b10000000 */
| code & 0x3F /* 0b00111111 */)
, 3
)
:
(code = (code - 0xD800) * 0x400 + string.charCodeAt(++i) - 0xDC00 + 0x10000
, mb.setUint32(offset, 0xF0808080 /* 0b11110000100000001000000010000000 */
| (code >>> 18 & 0x7 /* 0b00000111 */) << 24
| (code >>> 12 & 0x3F /* 0b00111111 */) << 16
| (code >>> 6 & 0x3F /* 0b00111111 */) << 8
| code & 0x3F /* 0b00111111 */)
, 4
);
}
return offset;
});
// DECODER
var _Bytes_decode = F2(function(decoder, bytes)
{
try {
return $elm$core$Maybe$Just(A2(decoder, bytes, 0).b);
} catch(e) {
return $elm$core$Maybe$Nothing;
}
});
var _Bytes_read_i8 = F2(function( bytes, offset) { return _Utils_Tuple2(offset + 1, bytes.getInt8(offset)); });
var _Bytes_read_i16 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 2, bytes.getInt16(offset, isLE)); });
var _Bytes_read_i32 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 4, bytes.getInt32(offset, isLE)); });
var _Bytes_read_u8 = F2(function( bytes, offset) { return _Utils_Tuple2(offset + 1, bytes.getUint8(offset)); });
var _Bytes_read_u16 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 2, bytes.getUint16(offset, isLE)); });
var _Bytes_read_u32 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 4, bytes.getUint32(offset, isLE)); });
var _Bytes_read_f32 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 4, bytes.getFloat32(offset, isLE)); });
var _Bytes_read_f64 = F3(function(isLE, bytes, offset) { return _Utils_Tuple2(offset + 8, bytes.getFloat64(offset, isLE)); });
var _Bytes_read_bytes = F3(function(len, bytes, offset)
{
return _Utils_Tuple2(offset + len, new DataView(bytes.buffer, bytes.byteOffset + offset, len));
});
var _Bytes_read_string = F3(function(len, bytes, offset)
{
var string = '';
var end = offset + len;
for (; offset < end;)
{
var byte = bytes.getUint8(offset++);
string +=
(byte < 128)
? String.fromCharCode(byte)
:
((byte & 0xE0 /* 0b11100000 */) === 0xC0 /* 0b11000000 */)
? String.fromCharCode((byte & 0x1F /* 0b00011111 */) << 6 | bytes.getUint8(offset++) & 0x3F /* 0b00111111 */)
:
((byte & 0xF0 /* 0b11110000 */) === 0xE0 /* 0b11100000 */)
? String.fromCharCode(
(byte & 0xF /* 0b00001111 */) << 12
| (bytes.getUint8(offset++) & 0x3F /* 0b00111111 */) << 6
| bytes.getUint8(offset++) & 0x3F /* 0b00111111 */
)
:
(byte =
((byte & 0x7 /* 0b00000111 */) << 18
| (bytes.getUint8(offset++) & 0x3F /* 0b00111111 */) << 12
| (bytes.getUint8(offset++) & 0x3F /* 0b00111111 */) << 6
| bytes.getUint8(offset++) & 0x3F /* 0b00111111 */
) - 0x10000
, String.fromCharCode(Math.floor(byte / 0x400) + 0xD800, byte % 0x400 + 0xDC00)
);
}
return _Utils_Tuple2(offset, string);
});
var _Bytes_decodeFailure = F2(function() { throw 0; });
var _Bitwise_and = F2(function(a, b)
{
return a & b;
});
var _Bitwise_or = F2(function(a, b)
{
return a | b;
});
var _Bitwise_xor = F2(function(a, b)
{
return a ^ b;
});
function _Bitwise_complement(a)
{
return ~a;
};
var _Bitwise_shiftLeftBy = F2(function(offset, a)
{
return a << offset;
});
var _Bitwise_shiftRightBy = F2(function(offset, a)
{
return a >> offset;
});
var _Bitwise_shiftRightZfBy = F2(function(offset, a)
{
return a >>> offset;
});
var $elm$core$Basics$EQ = {$: 'EQ'};
var $elm$core$Basics$LT = {$: 'LT'};
var $elm$core$List$cons = _List_cons;
var $elm$core$Elm$JsArray$foldr = _JsArray_foldr;
var $elm$core$Array$foldr = F3(
function (func, baseCase, _v0) {
var tree = _v0.c;
var tail = _v0.d;
var helper = F2(
function (node, acc) {
if (node.$ === 'SubTree') {
var subTree = node.a;
return A3($elm$core$Elm$JsArray$foldr, helper, acc, subTree);
} else {
var values = node.a;
return A3($elm$core$Elm$JsArray$foldr, func, acc, values);
}
});
return A3(
$elm$core$Elm$JsArray$foldr,
helper,
A3($elm$core$Elm$JsArray$foldr, func, baseCase, tail),
tree);
});
var $elm$core$Array$toList = function (array) {
return A3($elm$core$Array$foldr, $elm$core$List$cons, _List_Nil, array);
};
var $elm$core$Dict$foldr = F3(
function (func, acc, t) {
foldr:
while (true) {
if (t.$ === 'RBEmpty_elm_builtin') {
return acc;
} else {
var key = t.b;
var value = t.c;
var left = t.d;
var right = t.e;
var $temp$func = func,
$temp$acc = A3(
func,
key,
value,
A3($elm$core$Dict$foldr, func, acc, right)),
$temp$t = left;
func = $temp$func;
acc = $temp$acc;
t = $temp$t;
continue foldr;
}
}
});
var $elm$core$Dict$toList = function (dict) {
return A3(
$elm$core$Dict$foldr,
F3(
function (key, value, list) {
return A2(
$elm$core$List$cons,
_Utils_Tuple2(key, value),
list);
}),
_List_Nil,
dict);
};
var $elm$core$Dict$keys = function (dict) {
return A3(
$elm$core$Dict$foldr,
F3(
function (key, value, keyList) {
return A2($elm$core$List$cons, key, keyList);
}),
_List_Nil,
dict);
};
var $elm$core$Set$toList = function (_v0) {
var dict = _v0.a;
return $elm$core$Dict$keys(dict);
};
var $elm$core$Basics$GT = {$: 'GT'};
var $elm$core$Maybe$Nothing = {$: 'Nothing'};
var $author$project$Main$RenderSvgMsg = function (a) {
return {$: 'RenderSvgMsg', a: a};
};
var $elm$core$Basics$always = F2(
function (a, _v0) {
return a;
});
var $elm$core$Result$Err = function (a) {
return {$: 'Err', a: a};
};
var $elm$json$Json$Decode$Failure = F2(
function (a, b) {
return {$: 'Failure', a: a, b: b};
});
var $elm$json$Json$Decode$Field = F2(
function (a, b) {
return {$: 'Field', a: a, b: b};
});
var $elm$json$Json$Decode$Index = F2(
function (a, b) {
return {$: 'Index', a: a, b: b};
});
var $elm$core$Result$Ok = function (a) {
return {$: 'Ok', a: a};
};
var $elm$json$Json$Decode$OneOf = function (a) {
return {$: 'OneOf', a: a};
};
var $elm$core$Basics$False = {$: 'False'};
var $elm$core$Basics$add = _Basics_add;
var $elm$core$Maybe$Just = function (a) {
return {$: 'Just', a: a};
};
var $elm$core$String$all = _String_all;
var $elm$core$Basics$and = _Basics_and;
var $elm$core$Basics$append = _Utils_append;
var $elm$json$Json$Encode$encode = _Json_encode;
var $elm$core$String$fromInt = _String_fromNumber;
var $elm$core$String$join = F2(
function (sep, chunks) {
return A2(
_String_join,
sep,
_List_toArray(chunks));
});
var $elm$core$String$split = F2(
function (sep, string) {
return _List_fromArray(
A2(_String_split, sep, string));
});
var $elm$json$Json$Decode$indent = function (str) {
return A2(
$elm$core$String$join,
'\n ',
A2($elm$core$String$split, '\n', str));
};
var $elm$core$List$foldl = F3(
function (func, acc, list) {
foldl:
while (true) {
if (!list.b) {
return acc;
} else {
var x = list.a;
var xs = list.b;
var $temp$func = func,
$temp$acc = A2(func, x, acc),
$temp$list = xs;
func = $temp$func;
acc = $temp$acc;
list = $temp$list;
continue foldl;
}
}
});
var $elm$core$List$length = function (xs) {
return A3(
$elm$core$List$foldl,
F2(
function (_v0, i) {
return i + 1;
}),
0,
xs);
};
var $elm$core$List$map2 = _List_map2;
var $elm$core$Basics$le = _Utils_le;
var $elm$core$Basics$sub = _Basics_sub;
var $elm$core$List$rangeHelp = F3(
function (lo, hi, list) {
rangeHelp:
while (true) {
if (_Utils_cmp(lo, hi) < 1) {
var $temp$lo = lo,
$temp$hi = hi - 1,
$temp$list = A2($elm$core$List$cons, hi, list);
lo = $temp$lo;
hi = $temp$hi;
list = $temp$list;
continue rangeHelp;
} else {
return list;
}
}
});
var $elm$core$List$range = F2(
function (lo, hi) {
return A3($elm$core$List$rangeHelp, lo, hi, _List_Nil);
});
var $elm$core$List$indexedMap = F2(
function (f, xs) {
return A3(
$elm$core$List$map2,
f,
A2(
$elm$core$List$range,
0,
$elm$core$List$length(xs) - 1),
xs);
});
var $elm$core$Char$toCode = _Char_toCode;
var $elm$core$Char$isLower = function (_char) {
var code = $elm$core$Char$toCode(_char);
return (97 <= code) && (code <= 122);
};
var $elm$core$Char$isUpper = function (_char) {
var code = $elm$core$Char$toCode(_char);
return (code <= 90) && (65 <= code);
};
var $elm$core$Basics$or = _Basics_or;
var $elm$core$Char$isAlpha = function (_char) {
return $elm$core$Char$isLower(_char) || $elm$core$Char$isUpper(_char);
};
var $elm$core$Char$isDigit = function (_char) {
var code = $elm$core$Char$toCode(_char);
return (code <= 57) && (48 <= code);
};
var $elm$core$Char$isAlphaNum = function (_char) {
return $elm$core$Char$isLower(_char) || ($elm$core$Char$isUpper(_char) || $elm$core$Char$isDigit(_char));
};
var $elm$core$List$reverse = function (list) {
return A3($elm$core$List$foldl, $elm$core$List$cons, _List_Nil, list);
};
var $elm$core$String$uncons = _String_uncons;
var $elm$json$Json$Decode$errorOneOf = F2(
function (i, error) {
return '\n\n(' + ($elm$core$String$fromInt(i + 1) + (') ' + $elm$json$Json$Decode$indent(
$elm$json$Json$Decode$errorToString(error))));
});
var $elm$json$Json$Decode$errorToString = function (error) {
return A2($elm$json$Json$Decode$errorToStringHelp, error, _List_Nil);
};
var $elm$json$Json$Decode$errorToStringHelp = F2(
function (error, context) {
errorToStringHelp:
while (true) {
switch (error.$) {
case 'Field':
var f = error.a;
var err = error.b;
var isSimple = function () {
var _v1 = $elm$core$String$uncons(f);
if (_v1.$ === 'Nothing') {
return false;
} else {
var _v2 = _v1.a;
var _char = _v2.a;
var rest = _v2.b;
return $elm$core$Char$isAlpha(_char) && A2($elm$core$String$all, $elm$core$Char$isAlphaNum, rest);
}
}();
var fieldName = isSimple ? ('.' + f) : ('[\'' + (f + '\']'));
var $temp$error = err,
$temp$context = A2($elm$core$List$cons, fieldName, context);
error = $temp$error;
context = $temp$context;
continue errorToStringHelp;
case 'Index':
var i = error.a;
var err = error.b;
var indexName = '[' + ($elm$core$String$fromInt(i) + ']');
var $temp$error = err,
$temp$context = A2($elm$core$List$cons, indexName, context);
error = $temp$error;
context = $temp$context;
continue errorToStringHelp;
case 'OneOf':
var errors = error.a;
if (!errors.b) {
return 'Ran into a Json.Decode.oneOf with no possibilities' + function () {
if (!context.b) {
return '!';
} else {
return ' at json' + A2(
$elm$core$String$join,
'',
$elm$core$List$reverse(context));
}
}();
} else {
if (!errors.b.b) {
var err = errors.a;
var $temp$error = err,
$temp$context = context;
error = $temp$error;
context = $temp$context;
continue errorToStringHelp;
} else {
var starter = function () {
if (!context.b) {
return 'Json.Decode.oneOf';
} else {
return 'The Json.Decode.oneOf at json' + A2(
$elm$core$String$join,
'',
$elm$core$List$reverse(context));
}
}();
var introduction = starter + (' failed in the following ' + ($elm$core$String$fromInt(
$elm$core$List$length(errors)) + ' ways:'));
return A2(
$elm$core$String$join,
'\n\n',
A2(
$elm$core$List$cons,
introduction,
A2($elm$core$List$indexedMap, $elm$json$Json$Decode$errorOneOf, errors)));
}
}
default:
var msg = error.a;
var json = error.b;
var introduction = function () {
if (!context.b) {
return 'Problem with the given value:\n\n';
} else {
return 'Problem with the value at json' + (A2(
$elm$core$String$join,
'',
$elm$core$List$reverse(context)) + ':\n\n ');
}
}();
return introduction + ($elm$json$Json$Decode$indent(
A2($elm$json$Json$Encode$encode, 4, json)) + ('\n\n' + msg));
}
}
});
var $elm$core$Array$branchFactor = 32;
var $elm$core$Array$Array_elm_builtin = F4(
function (a, b, c, d) {
return {$: 'Array_elm_builtin', a: a, b: b, c: c, d: d};
});
var $elm$core$Elm$JsArray$empty = _JsArray_empty;
var $elm$core$Basics$ceiling = _Basics_ceiling;
var $elm$core$Basics$fdiv = _Basics_fdiv;
var $elm$core$Basics$logBase = F2(
function (base, number) {
return _Basics_log(number) / _Basics_log(base);
});
var $elm$core$Basics$toFloat = _Basics_toFloat;
var $elm$core$Array$shiftStep = $elm$core$Basics$ceiling(
A2($elm$core$Basics$logBase, 2, $elm$core$Array$branchFactor));
var $elm$core$Array$empty = A4($elm$core$Array$Array_elm_builtin, 0, $elm$core$Array$shiftStep, $elm$core$Elm$JsArray$empty, $elm$core$Elm$JsArray$empty);
var $elm$core$Elm$JsArray$initialize = _JsArray_initialize;
var $elm$core$Array$Leaf = function (a) {
return {$: 'Leaf', a: a};
};
var $elm$core$Basics$apL = F2(
function (f, x) {
return f(x);
});
var $elm$core$Basics$apR = F2(
function (x, f) {
return f(x);
});
var $elm$core$Basics$eq = _Utils_equal;
var $elm$core$Basics$floor = _Basics_floor;
var $elm$core$Elm$JsArray$length = _JsArray_length;
var $elm$core$Basics$gt = _Utils_gt;
var $elm$core$Basics$max = F2(
function (x, y) {
return (_Utils_cmp(x, y) > 0) ? x : y;
});
var $elm$core$Basics$mul = _Basics_mul;
var $elm$core$Array$SubTree = function (a) {
return {$: 'SubTree', a: a};
};
var $elm$core$Elm$JsArray$initializeFromList = _JsArray_initializeFromList;
var $elm$core$Array$compressNodes = F2(
function (nodes, acc) {
compressNodes:
while (true) {
var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, nodes);
var node = _v0.a;
var remainingNodes = _v0.b;
var newAcc = A2(
$elm$core$List$cons,
$elm$core$Array$SubTree(node),
acc);
if (!remainingNodes.b) {
return $elm$core$List$reverse(newAcc);
} else {
var $temp$nodes = remainingNodes,
$temp$acc = newAcc;
nodes = $temp$nodes;
acc = $temp$acc;
continue compressNodes;
}
}
});
var $elm$core$Tuple$first = function (_v0) {
var x = _v0.a;
return x;
};
var $elm$core$Array$treeFromBuilder = F2(
function (nodeList, nodeListSize) {
treeFromBuilder:
while (true) {
var newNodeSize = $elm$core$Basics$ceiling(nodeListSize / $elm$core$Array$branchFactor);
if (newNodeSize === 1) {
return A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, nodeList).a;
} else {
var $temp$nodeList = A2($elm$core$Array$compressNodes, nodeList, _List_Nil),
$temp$nodeListSize = newNodeSize;
nodeList = $temp$nodeList;
nodeListSize = $temp$nodeListSize;
continue treeFromBuilder;
}
}
});
var $elm$core$Array$builderToArray = F2(
function (reverseNodeList, builder) {
if (!builder.nodeListSize) {
return A4(
$elm$core$Array$Array_elm_builtin,
$elm$core$Elm$JsArray$length(builder.tail),
$elm$core$Array$shiftStep,
$elm$core$Elm$JsArray$empty,
builder.tail);
} else {
var treeLen = builder.nodeListSize * $elm$core$Array$branchFactor;
var depth = $elm$core$Basics$floor(
A2($elm$core$Basics$logBase, $elm$core$Array$branchFactor, treeLen - 1));
var correctNodeList = reverseNodeList ? $elm$core$List$reverse(builder.nodeList) : builder.nodeList;
var tree = A2($elm$core$Array$treeFromBuilder, correctNodeList, builder.nodeListSize);
return A4(
$elm$core$Array$Array_elm_builtin,
$elm$core$Elm$JsArray$length(builder.tail) + treeLen,
A2($elm$core$Basics$max, 5, depth * $elm$core$Array$shiftStep),
tree,
builder.tail);
}
});
var $elm$core$Basics$idiv = _Basics_idiv;
var $elm$core$Basics$lt = _Utils_lt;
var $elm$core$Array$initializeHelp = F5(
function (fn, fromIndex, len, nodeList, tail) {
initializeHelp:
while (true) {
if (fromIndex < 0) {
return A2(
$elm$core$Array$builderToArray,
false,
{nodeList: nodeList, nodeListSize: (len / $elm$core$Array$branchFactor) | 0, tail: tail});
} else {
var leaf = $elm$core$Array$Leaf(
A3($elm$core$Elm$JsArray$initialize, $elm$core$Array$branchFactor, fromIndex, fn));
var $temp$fn = fn,
$temp$fromIndex = fromIndex - $elm$core$Array$branchFactor,
$temp$len = len,
$temp$nodeList = A2($elm$core$List$cons, leaf, nodeList),
$temp$tail = tail;
fn = $temp$fn;
fromIndex = $temp$fromIndex;
len = $temp$len;
nodeList = $temp$nodeList;
tail = $temp$tail;
continue initializeHelp;
}
}
});
var $elm$core$Basics$remainderBy = _Basics_remainderBy;
var $elm$core$Array$initialize = F2(
function (len, fn) {
if (len <= 0) {
return $elm$core$Array$empty;
} else {
var tailLen = len % $elm$core$Array$branchFactor;
var tail = A3($elm$core$Elm$JsArray$initialize, tailLen, len - tailLen, fn);
var initialFromIndex = (len - tailLen) - $elm$core$Array$branchFactor;
return A5($elm$core$Array$initializeHelp, fn, initialFromIndex, len, _List_Nil, tail);
}
});
var $elm$core$Basics$True = {$: 'True'};
var $elm$core$Result$isOk = function (result) {
if (result.$ === 'Ok') {
return true;
} else {
return false;
}
};
var $elm$json$Json$Decode$map = _Json_map1;
var $elm$json$Json$Decode$map2 = _Json_map2;
var $elm$json$Json$Decode$succeed = _Json_succeed;
var $elm$virtual_dom$VirtualDom$toHandlerInt = function (handler) {
switch (handler.$) {
case 'Normal':
return 0;
case 'MayStopPropagation':
return 1;
case 'MayPreventDefault':
return 2;
default:
return 3;
}
};
var $elm$browser$Browser$External = function (a) {
return {$: 'External', a: a};
};
var $elm$browser$Browser$Internal = function (a) {
return {$: 'Internal', a: a};
};
var $elm$core$Basics$identity = function (x) {
return x;
};
var $elm$browser$Browser$Dom$NotFound = function (a) {
return {$: 'NotFound', a: a};
};
var $elm$url$Url$Http = {$: 'Http'};
var $elm$url$Url$Https = {$: 'Https'};
var $elm$url$Url$Url = F6(
function (protocol, host, port_, path, query, fragment) {
return {fragment: fragment, host: host, path: path, port_: port_, protocol: protocol, query: query};
});
var $elm$core$String$contains = _String_contains;
var $elm$core$String$length = _String_length;
var $elm$core$String$slice = _String_slice;
var $elm$core$String$dropLeft = F2(
function (n, string) {
return (n < 1) ? string : A3(
$elm$core$String$slice,
n,
$elm$core$String$length(string),
string);
});
var $elm$core$String$indexes = _String_indexes;
var $elm$core$String$isEmpty = function (string) {
return string === '';
};
var $elm$core$String$left = F2(
function (n, string) {
return (n < 1) ? '' : A3($elm$core$String$slice, 0, n, string);
});
var $elm$core$String$toInt = _String_toInt;
var $elm$url$Url$chompBeforePath = F5(
function (protocol, path, params, frag, str) {
if ($elm$core$String$isEmpty(str) || A2($elm$core$String$contains, '@', str)) {
return $elm$core$Maybe$Nothing;
} else {
var _v0 = A2($elm$core$String$indexes, ':', str);
if (!_v0.b) {
return $elm$core$Maybe$Just(
A6($elm$url$Url$Url, protocol, str, $elm$core$Maybe$Nothing, path, params, frag));
} else {
if (!_v0.b.b) {
var i = _v0.a;
var _v1 = $elm$core$String$toInt(
A2($elm$core$String$dropLeft, i + 1, str));
if (_v1.$ === 'Nothing') {
return $elm$core$Maybe$Nothing;
} else {
var port_ = _v1;
return $elm$core$Maybe$Just(
A6(
$elm$url$Url$Url,
protocol,
A2($elm$core$String$left, i, str),
port_,
path,
params,
frag));
}
} else {
return $elm$core$Maybe$Nothing;
}
}
}
});
var $elm$url$Url$chompBeforeQuery = F4(
function (protocol, params, frag, str) {
if ($elm$core$String$isEmpty(str)) {
return $elm$core$Maybe$Nothing;
} else {
var _v0 = A2($elm$core$String$indexes, '/', str);
if (!_v0.b) {
return A5($elm$url$Url$chompBeforePath, protocol, '/', params, frag, str);
} else {
var i = _v0.a;
return A5(
$elm$url$Url$chompBeforePath,
protocol,
A2($elm$core$String$dropLeft, i, str),
params,
frag,
A2($elm$core$String$left, i, str));
}
}
});
var $elm$url$Url$chompBeforeFragment = F3(
function (protocol, frag, str) {
if ($elm$core$String$isEmpty(str)) {
return $elm$core$Maybe$Nothing;
} else {
var _v0 = A2($elm$core$String$indexes, '?', str);
if (!_v0.b) {
return A4($elm$url$Url$chompBeforeQuery, protocol, $elm$core$Maybe$Nothing, frag, str);
} else {
var i = _v0.a;
return A4(
$elm$url$Url$chompBeforeQuery,
protocol,
$elm$core$Maybe$Just(
A2($elm$core$String$dropLeft, i + 1, str)),
frag,
A2($elm$core$String$left, i, str));
}
}
});
var $elm$url$Url$chompAfterProtocol = F2(
function (protocol, str) {
if ($elm$core$String$isEmpty(str)) {
return $elm$core$Maybe$Nothing;
} else {
var _v0 = A2($elm$core$String$indexes, '#', str);
if (!_v0.b) {
return A3($elm$url$Url$chompBeforeFragment, protocol, $elm$core$Maybe$Nothing, str);
} else {
var i = _v0.a;
return A3(
$elm$url$Url$chompBeforeFragment,
protocol,
$elm$core$Maybe$Just(
A2($elm$core$String$dropLeft, i + 1, str)),
A2($elm$core$String$left, i, str));
}
}
});
var $elm$core$String$startsWith = _String_startsWith;
var $elm$url$Url$fromString = function (str) {
return A2($elm$core$String$startsWith, 'http://', str) ? A2(
$elm$url$Url$chompAfterProtocol,
$elm$url$Url$Http,
A2($elm$core$String$dropLeft, 7, str)) : (A2($elm$core$String$startsWith, 'https://', str) ? A2(
$elm$url$Url$chompAfterProtocol,
$elm$url$Url$Https,
A2($elm$core$String$dropLeft, 8, str)) : $elm$core$Maybe$Nothing);
};
var $elm$core$Basics$never = function (_v0) {
never:
while (true) {
var nvr = _v0.a;
var $temp$_v0 = nvr;
_v0 = $temp$_v0;
continue never;
}
};
var $elm$core$Task$Perform = function (a) {
return {$: 'Perform', a: a};
};
var $elm$core$Task$succeed = _Scheduler_succeed;
var $elm$core$Task$init = $elm$core$Task$succeed(_Utils_Tuple0);
var $elm$core$List$foldrHelper = F4(
function (fn, acc, ctr, ls) {
if (!ls.b) {
return acc;
} else {
var a = ls.a;
var r1 = ls.b;
if (!r1.b) {
return A2(fn, a, acc);
} else {
var b = r1.a;
var r2 = r1.b;
if (!r2.b) {
return A2(
fn,
a,
A2(fn, b, acc));
} else {
var c = r2.a;
var r3 = r2.b;
if (!r3.b) {
return A2(
fn,
a,
A2(
fn,
b,
A2(fn, c, acc)));
} else {
var d = r3.a;
var r4 = r3.b;
var res = (ctr > 500) ? A3(
$elm$core$List$foldl,
fn,
acc,
$elm$core$List$reverse(r4)) : A4($elm$core$List$foldrHelper, fn, acc, ctr + 1, r4);
return A2(
fn,
a,
A2(
fn,
b,
A2(
fn,
c,
A2(fn, d, res))));
}
}
}
}
});
var $elm$core$List$foldr = F3(
function (fn, acc, ls) {
return A4($elm$core$List$foldrHelper, fn, acc, 0, ls);
});
var $elm$core$List$map = F2(
function (f, xs) {
return A3(
$elm$core$List$foldr,
F2(
function (x, acc) {
return A2(
$elm$core$List$cons,
f(x),
acc);
}),
_List_Nil,
xs);
});
var $elm$core$Task$andThen = _Scheduler_andThen;
var $elm$core$Task$map = F2(
function (func, taskA) {
return A2(
$elm$core$Task$andThen,
function (a) {
return $elm$core$Task$succeed(
func(a));
},
taskA);
});
var $elm$core$Task$map2 = F3(
function (func, taskA, taskB) {
return A2(
$elm$core$Task$andThen,
function (a) {
return A2(
$elm$core$Task$andThen,
function (b) {
return $elm$core$Task$succeed(
A2(func, a, b));
},
taskB);
},
taskA);
});
var $elm$core$Task$sequence = function (tasks) {
return A3(
$elm$core$List$foldr,
$elm$core$Task$map2($elm$core$List$cons),
$elm$core$Task$succeed(_List_Nil),
tasks);
};
var $elm$core$Platform$sendToApp = _Platform_sendToApp;
var $elm$core$Task$spawnCmd = F2(
function (router, _v0) {
var task = _v0.a;
return _Scheduler_spawn(
A2(
$elm$core$Task$andThen,
$elm$core$Platform$sendToApp(router),
task));
});
var $elm$core$Task$onEffects = F3(
function (router, commands, state) {
return A2(
$elm$core$Task$map,
function (_v0) {
return _Utils_Tuple0;
},
$elm$core$Task$sequence(
A2(
$elm$core$List$map,
$elm$core$Task$spawnCmd(router),
commands)));
});
var $elm$core$Task$onSelfMsg = F3(
function (_v0, _v1, _v2) {
return $elm$core$Task$succeed(_Utils_Tuple0);
});
var $elm$core$Task$cmdMap = F2(
function (tagger, _v0) {
var task = _v0.a;
return $elm$core$Task$Perform(
A2($elm$core$Task$map, tagger, task));
});
_Platform_effectManagers['Task'] = _Platform_createManager($elm$core$Task$init, $elm$core$Task$onEffects, $elm$core$Task$onSelfMsg, $elm$core$Task$cmdMap);
var $elm$core$Task$command = _Platform_leaf('Task');
var $elm$core$Task$perform = F2(
function (toMessage, task) {
return $elm$core$Task$command(
$elm$core$Task$Perform(
A2($elm$core$Task$map, toMessage, task)));
});
var $elm$browser$Browser$element = _Browser_element;
var $elm$core$Platform$Sub$map = _Platform_map;
var $elm$core$Platform$Cmd$batch = _Platform_batch;
var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
var $author$project$RenderSvg$NodeResponse = function (a) {
return {$: 'NodeResponse', a: a};
};
var $elm$json$Json$Decode$value = _Json_decodeValue;
var $author$project$RenderSvg$renderPngResult = _Platform_incomingPort('renderPngResult', $elm$json$Json$Decode$value);
var $author$project$RenderSvg$subscriptions = $author$project$RenderSvg$renderPngResult($author$project$RenderSvg$NodeResponse);
var $elm$time$Time$Posix = function (a) {
return {$: 'Posix', a: a};
};
var $elm$time$Time$millisToPosix = $elm$time$Time$Posix;
var $elm$file$File$Download$bytes = F3(
function (name, mime, content) {
return A2(
$elm$core$Task$perform,
$elm$core$Basics$never,
A3(
_File_download,
name,
mime,
_File_makeBytesSafeForInternetExplorer(content)));
});
var $elm$core$Maybe$andThen = F2(
function (callback, maybeValue) {
if (maybeValue.$ === 'Just') {
var value = maybeValue.a;
return callback(value);
} else {
return $elm$core$Maybe$Nothing;
}
});
var $elm$core$Basics$composeR = F3(
function (f, g, x) {
return g(
f(x));
});
var $author$project$RenderSvg$Results = F2(
function (failures, successes) {
return {failures: failures, successes: successes};
});
var $elm$core$Dict$foldl = F3(
function (func, acc, dict) {
foldl:
while (true) {
if (dict.$ === 'RBEmpty_elm_builtin') {
return acc;
} else {
var key = dict.b;
var value = dict.c;
var left = dict.d;
var right = dict.e;
var $temp$func = func,
$temp$acc = A3(
func,
key,
value,
A3($elm$core$Dict$foldl, func, acc, left)),
$temp$dict = right;
func = $temp$func;
acc = $temp$acc;
dict = $temp$dict;
continue foldl;
}
}
});
var $author$project$RenderSvg$getResults = function (model) {
return A3(
$elm$core$Dict$foldl,
F3(
function (id, loadable, maybeResults) {
return A2(
$elm$core$Maybe$andThen,
function (results) {
switch (loadable.$) {
case 'Error':
var err = loadable.a;
return $elm$core$Maybe$Just(
_Utils_update(
results,
{
failures: A2(
$elm$core$List$cons,
_Utils_Tuple2(id, err),
results.failures)
}));
case 'Loaded':
var bytes = loadable.a;
return $elm$core$Maybe$Just(
_Utils_update(
results,
{
successes: A2(
$elm$core$List$cons,
_Utils_Tuple2(id, bytes),
results.successes)
}));
default:
return $elm$core$Maybe$Nothing;
}
},
maybeResults);
}),
$elm$core$Maybe$Just(
A2($author$project$RenderSvg$Results, _List_Nil, _List_Nil)),
model);
};
var $elm$core$List$head = function (list) {
if (list.b) {
var x = list.a;
var xs = list.b;
return $elm$core$Maybe$Just(x);
} else {
return $elm$core$Maybe$Nothing;
}
};
var $author$project$Main$getFirstSuccessfulRender = A2(
$elm$core$Basics$composeR,
$author$project$RenderSvg$getResults,
$elm$core$Maybe$andThen(
A2(
$elm$core$Basics$composeR,
function ($) {
return $.successes;
},
$elm$core$List$head)));
var $author$project$Loadable$Loading = {$: 'Loading'};
var $author$project$RenderSvg$Timeout = {$: 'Timeout'};
var $elm$core$Basics$composeL = F3(
function (g, f, x) {
return g(
f(x));
});
var $elm$core$Task$onError = _Scheduler_onError;
var $elm$core$Task$attempt = F2(
function (resultToMessage, task) {
return $elm$core$Task$command(
$elm$core$Task$Perform(
A2(
$elm$core$Task$onError,
A2(
$elm$core$Basics$composeL,
A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
$elm$core$Result$Err),
A2(
$elm$core$Task$andThen,
A2(
$elm$core$Basics$composeL,
A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
$elm$core$Result$Ok),
task))));
});
var $Fresheyeball$elm_return$Return$command = F2(
function (cmd, _v0) {
var model = _v0.a;
var cmd_ = _v0.b;
return _Utils_Tuple2(
model,
$elm$core$Platform$Cmd$batch(
_List_fromArray(
[cmd, cmd_])));
});
var $elm$json$Json$Encode$int = _Json_wrap;
var $elm$json$Json$Encode$list = F2(
function (func, entries) {
return _Json_wrap(
A3(
$elm$core$List$foldl,
_Json_addEntry(func),
_Json_emptyArray(_Utils_Tuple0),
entries));
});
var $elm$json$Json$Encode$object = function (pairs) {
return _Json_wrap(
A3(
$elm$core$List$foldl,
F2(
function (_v0, obj) {
var k = _v0.a;
var v = _v0.b;
return A3(_Json_addField, k, v, obj);
}),
_Json_emptyObject(_Utils_Tuple0),
pairs));
};
var $elm$json$Json$Encode$string = _Json_wrap;
var $author$project$RenderSvg$encodeConfig = function (_v0) {
var ids = _v0.ids;
var size = _v0.size;
return $elm$json$Json$Encode$object(
_List_fromArray(
[
_Utils_Tuple2(
'ids',
A2($elm$json$Json$Encode$list, $elm$json$Json$Encode$string, ids)),
_Utils_Tuple2(
'size',
$elm$json$Json$Encode$int(size))
]));
};
var $elm$core$Dict$RBEmpty_elm_builtin = {$: 'RBEmpty_elm_builtin'};
var $elm$core$Dict$empty = $elm$core$Dict$RBEmpty_elm_builtin;
var $elm$core$Dict$Black = {$: 'Black'};
var $elm$core$Dict$RBNode_elm_builtin = F5(
function (a, b, c, d, e) {
return {$: 'RBNode_elm_builtin', a: a, b: b, c: c, d: d, e: e};
});
var $elm$core$Dict$Red = {$: 'Red'};
var $elm$core$Dict$balance = F5(
function (color, key, value, left, right) {
if ((right.$ === 'RBNode_elm_builtin') && (right.a.$ === 'Red')) {
var _v1 = right.a;
var rK = right.b;
var rV = right.c;
var rLeft = right.d;
var rRight = right.e;
if ((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Red')) {
var _v3 = left.a;
var lK = left.b;
var lV = left.c;
var lLeft = left.d;
var lRight = left.e;
return A5(
$elm$core$Dict$RBNode_elm_builtin,
$elm$core$Dict$Red,
key,
value,
A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, lK, lV, lLeft, lRight),
A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, rK, rV, rLeft, rRight));
} else {
return A5(
$elm$core$Dict$RBNode_elm_builtin,
color,
rK,
rV,
A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, key, value, left, rLeft),
rRight);
}
} else {
if ((((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Red')) && (left.d.$ === 'RBNode_elm_builtin')) && (left.d.a.$ === 'Red')) {
var _v5 = left.a;
var lK = left.b;
var lV = left.c;
var _v6 = left.d;
var _v7 = _v6.a;
var llK = _v6.b;
var llV = _v6.c;
var llLeft = _v6.d;
var llRight = _v6.e;
var lRight = left.e;
return A5(
$elm$core$Dict$RBNode_elm_builtin,
$elm$core$Dict$Red,
lK,
lV,
A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, llK, llV, llLeft, llRight),
A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, key, value, lRight, right));
} else {
return A5($elm$core$Dict$RBNode_elm_builtin, color, key, value, left, right);
}
}
});
var $elm$core$Basics$compare = _Utils_compare;
var $elm$core$Dict$insertHelp = F3(
function (key, value, dict) {
if (dict.$ === 'RBEmpty_elm_builtin') {
return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, key, value, $elm$core$Dict$RBEmpty_elm_builtin, $elm$core$Dict$RBEmpty_elm_builtin);
} else {
var nColor = dict.a;
var nKey = dict.b;
var nValue = dict.c;
var nLeft = dict.d;
var nRight = dict.e;
var _v1 = A2($elm$core$Basics$compare, key, nKey);
switch (_v1.$) {
case 'LT':
return A5(
$elm$core$Dict$balance,
nColor,
nKey,
nValue,
A3($elm$core$Dict$insertHelp, key, value, nLeft),
nRight);
case 'EQ':
return A5($elm$core$Dict$RBNode_elm_builtin, nColor, nKey, value, nLeft, nRight);
default:
return A5(
$elm$core$Dict$balance,
nColor,
nKey,
nValue,
nLeft,
A3($elm$core$Dict$insertHelp, key, value, nRight));
}
}
});
var $elm$core$Dict$insert = F3(
function (key, value, dict) {
var _v0 = A3($elm$core$Dict$insertHelp, key, value, dict);
if ((_v0.$ === 'RBNode_elm_builtin') && (_v0.a.$ === 'Red')) {
var _v1 = _v0.a;
var k = _v0.b;
var v = _v0.c;
var l = _v0.d;
var r = _v0.e;
return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, k, v, l, r);
} else {
var x = _v0;
return x;
}
});
var $elm$core$Dict$fromList = function (assocs) {
return A3(
$elm$core$List$foldl,
F2(
function (_v0, dict) {
var key = _v0.a;
var value = _v0.b;
return A3($elm$core$Dict$insert, key, value, dict);
}),
$elm$core$Dict$empty,
assocs);
};
var $author$project$RenderSvg$renderPngRequest = _Platform_outgoingPort('renderPngRequest', $elm$core$Basics$identity);
var $Fresheyeball$elm_return$Return$singleton = function (a) {
return _Utils_Tuple2(a, $elm$core$Platform$Cmd$none);
};
var $elm$core$Process$sleep = _Process_sleep;
var $author$project$RenderSvg$init = function (config) {
return A2(
$Fresheyeball$elm_return$Return$command,
A2(
$elm$core$Task$attempt,
$elm$core$Basics$always($author$project$RenderSvg$Timeout),
$elm$core$Process$sleep(1000)),
A2(
$Fresheyeball$elm_return$Return$command,
$author$project$RenderSvg$renderPngRequest(
$author$project$RenderSvg$encodeConfig(config)),
$Fresheyeball$elm_return$Return$singleton(
$elm$core$Dict$fromList(
A2(
$elm$core$List$map,
function (id) {
return _Utils_Tuple2(id, $author$project$Loadable$Loading);
},
config.ids)))));
};
var $elm$core$Maybe$map = F2(
function (f, maybe) {
if (maybe.$ === 'Just') {
var value = maybe.a;
return $elm$core$Maybe$Just(
f(value));
} else {
return $elm$core$Maybe$Nothing;
}
});
var $elm$core$Platform$Cmd$map = _Platform_map;
var $author$project$Main$shapesClubId = 'shapes-club';
var $author$project$Loadable$Error = function (a) {
return {$: 'Error', a: a};
};
var $elm$json$Json$Decode$decodeValue = _Json_run;
var $author$project$Loadable$Loaded = function (a) {
return {$: 'Loaded', a: a};
};
var $author$project$Loadable$fromResult = function (result) {
if (result.$ === 'Ok') {
var a = result.a;
return $author$project$Loadable$Loaded(a);
} else {
var err = result.a;
return $author$project$Loadable$Error(err);
}
};
var $author$project$Loadable$isInit = function (loadable) {
if (loadable.$ === 'Init') {
return true;
} else {
return false;
}
};
var $author$project$Loadable$isLoading = function (ra) {
if (ra.$ === 'Loading') {
return true;
} else {
return false;
}
};
var $author$project$Loadable$isPending = function (loadable) {
return $author$project$Loadable$isInit(loadable) || $author$project$Loadable$isLoading(loadable);
};
var $elm$core$Dict$get = F2(
function (targetKey, dict) {
get:
while (true) {
if (dict.$ === 'RBEmpty_elm_builtin') {
return $elm$core$Maybe$Nothing;
} else {
var key = dict.b;
var value = dict.c;
var left = dict.d;
var right = dict.e;
var _v1 = A2($elm$core$Basics$compare, targetKey, key);
switch (_v1.$) {
case 'LT':
var $temp$targetKey = targetKey,
$temp$dict = left;
targetKey = $temp$targetKey;
dict = $temp$dict;
continue get;
case 'EQ':
return $elm$core$Maybe$Just(value);
default:
var $temp$targetKey = targetKey,
$temp$dict = right;
targetKey = $temp$targetKey;
dict = $temp$dict;
continue get;
}
}
}
});
var $elm$core$Dict$member = F2(
function (key, dict) {
var _v0 = A2($elm$core$Dict$get, key, dict);
if (_v0.$ === 'Just') {
return true;
} else {
return false;
}
});
var $author$project$RenderSvg$NodeResult = F2(
function (id, result) {
return {id: id, result: result};
});
var $elm$json$Json$Decode$andThen = _Json_andThen;
var $elm$json$Json$Decode$fail = _Json_fail;
var $elm$bytes$Bytes$Encode$getWidth = function (builder) {
switch (builder.$) {
case 'I8':
return 1;
case 'I16':
return 2;
case 'I32':
return 4;
case 'U8':
return 1;
case 'U16':
return 2;
case 'U32':
return 4;
case 'F32':
return 4;
case 'F64':
return 8;
case 'Seq':
var w = builder.a;
return w;
case 'Utf8':
var w = builder.a;
return w;
default:
var bs = builder.a;
return _Bytes_width(bs);
}
};
var $elm$bytes$Bytes$LE = {$: 'LE'};
var $elm$bytes$Bytes$Encode$write = F3(
function (builder, mb, offset) {
switch (builder.$) {
case 'I8':
var n = builder.a;
return A3(_Bytes_write_i8, mb, offset, n);
case 'I16':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_i16,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'I32':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_i32,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'U8':
var n = builder.a;
return A3(_Bytes_write_u8, mb, offset, n);
case 'U16':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_u16,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'U32':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_u32,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'F32':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_f32,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'F64':
var e = builder.a;
var n = builder.b;
return A4(
_Bytes_write_f64,
mb,
offset,
n,
_Utils_eq(e, $elm$bytes$Bytes$LE));
case 'Seq':
var bs = builder.b;
return A3($elm$bytes$Bytes$Encode$writeSequence, bs, mb, offset);
case 'Utf8':
var s = builder.b;
return A3(_Bytes_write_string, mb, offset, s);
default:
var bs = builder.a;
return A3(_Bytes_write_bytes, mb, offset, bs);
}
});
var $elm$bytes$Bytes$Encode$writeSequence = F3(
function (builders, mb, offset) {
writeSequence:
while (true) {
if (!builders.b) {
return offset;
} else {
var b = builders.a;
var bs = builders.b;
var $temp$builders = bs,
$temp$mb = mb,
$temp$offset = A3($elm$bytes$Bytes$Encode$write, b, mb, offset);
builders = $temp$builders;
mb = $temp$mb;
offset = $temp$offset;
continue writeSequence;
}
}
});
var $elm$bytes$Bytes$Encode$encode = _Bytes_encode;
var $elm$bytes$Bytes$BE = {$: 'BE'};
var $danfishgold$base64_bytes$Encode$isValidChar = function (c) {
if ($elm$core$Char$isAlphaNum(c)) {
return true;
} else {
switch (c.valueOf()) {
case '+':
return true;
case '/':
return true;
default:
return false;
}
}
};
var $elm$core$Bitwise$or = _Bitwise_or;
var $elm$bytes$Bytes$Encode$Seq = F2(
function (a, b) {
return {$: 'Seq', a: a, b: b};
});
var $elm$bytes$Bytes$Encode$getWidths = F2(
function (width, builders) {
getWidths:
while (true) {
if (!builders.b) {
return width;
} else {
var b = builders.a;
var bs = builders.b;
var $temp$width = width + $elm$bytes$Bytes$Encode$getWidth(b),
$temp$builders = bs;
width = $temp$width;
builders = $temp$builders;
continue getWidths;
}
}
});
var $elm$bytes$Bytes$Encode$sequence = function (builders) {
return A2(
$elm$bytes$Bytes$Encode$Seq,
A2($elm$bytes$Bytes$Encode$getWidths, 0, builders),
builders);
};
var $elm$core$Bitwise$shiftLeftBy = _Bitwise_shiftLeftBy;
var $elm$core$Bitwise$shiftRightBy = _Bitwise_shiftRightBy;
var $elm$core$Basics$ge = _Utils_ge;
var $elm$core$Basics$negate = function (n) {
return -n;
};
var $danfishgold$base64_bytes$Encode$unsafeConvertChar = function (_char) {
var key = $elm$core$Char$toCode(_char);
if ((key >= 65) && (key <= 90)) {
return key - 65;
} else {
if ((key >= 97) && (key <= 122)) {
return (key - 97) + 26;
} else {
if ((key >= 48) && (key <= 57)) {
return ((key - 48) + 26) + 26;
} else {
switch (_char.valueOf()) {
case '+':
return 62;
case '/':
return 63;
default:
return -1;
}
}
}
}
};
var $elm$bytes$Bytes$Encode$U16 = F2(
function (a, b) {
return {$: 'U16', a: a, b: b};
});
var $elm$bytes$Bytes$Encode$unsignedInt16 = $elm$bytes$Bytes$Encode$U16;
var $elm$bytes$Bytes$Encode$U8 = function (a) {
return {$: 'U8', a: a};
};
var $elm$bytes$Bytes$Encode$unsignedInt8 = $elm$bytes$Bytes$Encode$U8;
var $danfishgold$base64_bytes$Encode$encodeCharacters = F4(
function (a, b, c, d) {
if ($danfishgold$base64_bytes$Encode$isValidChar(a) && $danfishgold$base64_bytes$Encode$isValidChar(b)) {
var n2 = $danfishgold$base64_bytes$Encode$unsafeConvertChar(b);
var n1 = $danfishgold$base64_bytes$Encode$unsafeConvertChar(a);
if ('=' === d.valueOf()) {
if ('=' === c.valueOf()) {
var n = (n1 << 18) | (n2 << 12);
var b1 = n >> 16;
return $elm$core$Maybe$Just(
$elm$bytes$Bytes$Encode$unsignedInt8(b1));
} else {
if ($danfishgold$base64_bytes$Encode$isValidChar(c)) {
var n3 = $danfishgold$base64_bytes$Encode$unsafeConvertChar(c);
var n = ((n1 << 18) | (n2 << 12)) | (n3 << 6);
var combined = n >> 8;
return $elm$core$Maybe$Just(
A2($elm$bytes$Bytes$Encode$unsignedInt16, $elm$bytes$Bytes$BE, combined));
} else {
return $elm$core$Maybe$Nothing;
}
}
} else {
if ($danfishgold$base64_bytes$Encode$isValidChar(c) && $danfishgold$base64_bytes$Encode$isValidChar(d)) {
var n4 = $danfishgold$base64_bytes$Encode$unsafeConvertChar(d);
var n3 = $danfishgold$base64_bytes$Encode$unsafeConvertChar(c);
var n = ((n1 << 18) | (n2 << 12)) | ((n3 << 6) | n4);
var combined = n >> 8;
var b3 = n;
return $elm$core$Maybe$Just(
$elm$bytes$Bytes$Encode$sequence(
_List_fromArray(
[
A2($elm$bytes$Bytes$Encode$unsignedInt16, $elm$bytes$Bytes$BE, combined),
$elm$bytes$Bytes$Encode$unsignedInt8(b3)
])));
} else {
return $elm$core$Maybe$Nothing;
}
}
} else {
return $elm$core$Maybe$Nothing;
}
});
var $elm$core$String$foldr = _String_foldr;
var $elm$core$String$toList = function (string) {
return A3($elm$core$String$foldr, $elm$core$List$cons, _List_Nil, string);
};
var $danfishgold$base64_bytes$Encode$encodeChunks = F2(
function (input, accum) {
encodeChunks:
while (true) {
var _v0 = $elm$core$String$toList(
A2($elm$core$String$left, 4, input));
_v0$4:
while (true) {
if (!_v0.b) {
return $elm$core$Maybe$Just(accum);
} else {
if (_v0.b.b) {
if (_v0.b.b.b) {
if (_v0.b.b.b.b) {
if (!_v0.b.b.b.b.b) {
var a = _v0.a;
var _v1 = _v0.b;
var b = _v1.a;
var _v2 = _v1.b;
var c = _v2.a;
var _v3 = _v2.b;
var d = _v3.a;
var _v4 = A4($danfishgold$base64_bytes$Encode$encodeCharacters, a, b, c, d);
if (_v4.$ === 'Just') {
var enc = _v4.a;
var $temp$input = A2($elm$core$String$dropLeft, 4, input),
$temp$accum = A2($elm$core$List$cons, enc, accum);
input = $temp$input;
accum = $temp$accum;
continue encodeChunks;
} else {
return $elm$core$Maybe$Nothing;
}
} else {
break _v0$4;
}
} else {
var a = _v0.a;
var _v5 = _v0.b;
var b = _v5.a;
var _v6 = _v5.b;
var c = _v6.a;
var _v7 = A4(
$danfishgold$base64_bytes$Encode$encodeCharacters,
a,
b,
c,
_Utils_chr('='));
if (_v7.$ === 'Nothing') {
return $elm$core$Maybe$Nothing;
} else {
var enc = _v7.a;
return $elm$core$Maybe$Just(
A2($elm$core$List$cons, enc, accum));
}
}
} else {
var a = _v0.a;
var _v8 = _v0.b;
var b = _v8.a;
var _v9 = A4(
$danfishgold$base64_bytes$Encode$encodeCharacters,
a,
b,
_Utils_chr('='),
_Utils_chr('='));
if (_v9.$ === 'Nothing') {
return $elm$core$Maybe$Nothing;
} else {
var enc = _v9.a;
return $elm$core$Maybe$Just(
A2($elm$core$List$cons, enc, accum));
}
}
} else {
break _v0$4;
}
}
}
return $elm$core$Maybe$Nothing;
}
});
var $danfishgold$base64_bytes$Encode$encoder = function (string) {
return A2(
$elm$core$Maybe$map,
A2($elm$core$Basics$composeR, $elm$core$List$reverse, $elm$bytes$Bytes$Encode$sequence),
A2($danfishgold$base64_bytes$Encode$encodeChunks, string, _List_Nil));
};
var $danfishgold$base64_bytes$Encode$toBytes = function (string) {
return A2(
$elm$core$Maybe$map,
$elm$bytes$Bytes$Encode$encode,
$danfishgold$base64_bytes$Encode$encoder(string));
};
var $danfishgold$base64_bytes$Base64$toBytes = $danfishgold$base64_bytes$Encode$toBytes;
var $author$project$RenderSvg$decodeDataUrl = function (dataUrl) {
var _v0 = A2($elm$core$String$split, ',', dataUrl);
if ((_v0.b && _v0.b.b) && (!_v0.b.b.b)) {
var _v1 = _v0.b;
var data = _v1.a;
var _v2 = $danfishgold$base64_bytes$Base64$toBytes(data);
if (_v2.$ === 'Just') {
var bytes = _v2.a;
return $elm$json$Json$Decode$succeed(bytes);
} else {
return $elm$json$Json$Decode$fail('Invalid base64 sequence');
}
} else {
return $elm$json$Json$Decode$fail('Malformed dataURL, expected data after comma');
}
};
var $elm$json$Json$Decode$field = _Json_decodeField;
var $elm$json$Json$Decode$oneOf = _Json_oneOf;
var $elm$json$Json$Decode$string = _Json_decodeString;
var $author$project$RenderSvg$nodeResultDecoder = A3(
$elm$json$Json$Decode$map2,
$author$project$RenderSvg$NodeResult,
A2($elm$json$Json$Decode$field, 'id', $elm$json$Json$Decode$string),
$elm$json$Json$Decode$oneOf(
_List_fromArray(
[
A2(
$elm$json$Json$Decode$map,
$elm$core$Result$Err,
A2($elm$json$Json$Decode$field, 'error', $elm$json$Json$Decode$string)),
A2(
$elm$json$Json$Decode$map,
$elm$core$Result$Ok,
A2(
$elm$json$Json$Decode$andThen,
$author$project$RenderSvg$decodeDataUrl,
A2($elm$json$Json$Decode$field, 'dataUrl', $elm$json$Json$Decode$string))),
$elm$json$Json$Decode$succeed(
$elm$core$Result$Err('Unexpected response from rendering process'))
])));
var $author$project$RenderSvg$update = F2(
function (msg, model) {
if (msg.$ === 'NodeResponse') {
var json = msg.a;
var _v1 = A2($elm$json$Json$Decode$decodeValue, $author$project$RenderSvg$nodeResultDecoder, json);
if (_v1.$ === 'Ok') {
var nodeResult = _v1.a;
return A2($elm$core$Dict$member, nodeResult.id, model) ? $Fresheyeball$elm_return$Return$singleton(
A3(
$elm$core$Dict$insert,
nodeResult.id,
$author$project$Loadable$fromResult(nodeResult.result),
model)) : $Fresheyeball$elm_return$Return$singleton(model);
} else {
var decodeError = _v1.a;
return $Fresheyeball$elm_return$Return$singleton(model);
}
} else {
return $Fresheyeball$elm_return$Return$singleton(
$elm$core$Dict$fromList(
A3(
$elm$core$Dict$foldl,
F3(
function (id, loadable, entries) {
return $author$project$Loadable$isPending(loadable) ? A2(
$elm$core$List$cons,
_Utils_Tuple2(
id,
$author$project$Loadable$Error('PNG export timed out for id `' + (id + '`'))),
entries) : A2(
$elm$core$List$cons,
_Utils_Tuple2(id, loadable),
entries);
}),
_List_Nil,
model)));
}
});
var $elm$core$Maybe$withDefault = F2(
function (_default, maybe) {
if (maybe.$ === 'Just') {
var value = maybe.a;
return value;
} else {
return _default;
}
});
var $author$project$Main$update = F2(
function (msg, model) {
var _v0 = _Utils_Tuple2(msg, model.renderer);
_v0$4:
while (true) {
switch (_v0.a.$) {
case 'SizeChanged':
var newValue = _v0.a.a;
return _Utils_Tuple2(
_Utils_update(
model,
{
size: A2(
$elm$core$Maybe$withDefault,
model.size,
$elm$core$String$toInt(newValue))
}),
$elm$core$Platform$Cmd$none);
case 'RenderRequested':
var _v1 = _v0.a;
var _v2 = $author$project$RenderSvg$init(
{
ids: _List_fromArray(
[$author$project$Main$shapesClubId]),
size: model.size
});
var subModel = _v2.a;
var subCmd = _v2.b;
return _Utils_Tuple2(
_Utils_update(
model,
{
renderer: $elm$core$Maybe$Just(subModel)
}),
A2($elm$core$Platform$Cmd$map, $author$project$Main$RenderSvgMsg, subCmd));
case 'DownloadRequested':
if (_v0.b.$ === 'Just') {
var _v3 = _v0.a;
var subModel = _v0.b.a;
return _Utils_Tuple2(
model,
A2(
$elm$core$Maybe$withDefault,
$elm$core$Platform$Cmd$none,
A2(
$elm$core$Maybe$map,
function (_v4) {
var bytes = _v4.b;
return A3($elm$file$File$Download$bytes, $author$project$Main$shapesClubId + '.png', 'image/png', bytes);
},
$author$project$Main$getFirstSuccessfulRender(subModel))));
} else {
break _v0$4;
}
default:
if (_v0.b.$ === 'Just') {
var subMsg = _v0.a.a;
var subModel = _v0.b.a;
var _v5 = A2($author$project$RenderSvg$update, subMsg, subModel);
var newSubModel = _v5.a;
var subCmd = _v5.b;
return _Utils_Tuple2(
_Utils_update(
model,
{
renderer: $elm$core$Maybe$Just(newSubModel)
}),
A2($elm$core$Platform$Cmd$map, $author$project$Main$RenderSvgMsg, subCmd));
} else {
break _v0$4;
}
}
}
return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
});
var $author$project$Main$DownloadRequested = {$: 'DownloadRequested'};
var $author$project$Main$RenderRequested = {$: 'RenderRequested'};
var $author$project$Main$SizeChanged = function (a) {
return {$: 'SizeChanged', a: a};
};
var $elm$html$Html$button = _VirtualDom_node('button');
var $elm$html$Html$dd = _VirtualDom_node('dd');
var $elm$html$Html$div = _VirtualDom_node('div');
var $elm$html$Html$dl = _VirtualDom_node('dl');
var $elm$html$Html$dt = _VirtualDom_node('dt');
var $elm$html$Html$h1 = _VirtualDom_node('h1');
var $elm$html$Html$p = _VirtualDom_node('p');
var $elm$html$Html$section = _VirtualDom_node('section');
var $elm$virtual_dom$VirtualDom$text = _VirtualDom_text;
var $elm$html$Html$text = $elm$virtual_dom$VirtualDom$text;
var $author$project$Main$explanation = A2(
$elm$html$Html$section,
_List_Nil,
_List_fromArray(
[
A2(
$elm$html$Html$h1,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('SVG rendering from Elm')
])),
A2(
$elm$html$Html$p,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('This is a quick demo of rendering SVG to PNG from within an Elm application using ports. The core mechanism is to request rendering of particular elements by passing their IDs to a JS rendering function through a port. The SVG element is serialized to XML, which is loaded as an image and drawn to an invisible canvas. The canvas is serialized to a PNG data URL and the result passed back to the Elm application for deserialization.')
])),
A2(
$elm$html$Html$p,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('A limitation of this approach is that assets referenced by URL in stylesheets or the SVG can not be loaded in the sandboxed environment the SVG is rendered in. A workaround is embedding external assets as data URLs.')
]))
]));
var $elm$html$Html$form = _VirtualDom_node('form');
var $elm$bytes$Bytes$Decode$decode = F2(
function (_v0, bs) {
var decoder = _v0.a;
return A2(_Bytes_decode, decoder, bs);
});
var $elm$bytes$Bytes$Decode$Decoder = function (a) {
return {$: 'Decoder', a: a};
};
var $elm$bytes$Bytes$Decode$loopHelp = F4(
function (state, callback, bites, offset) {
loopHelp:
while (true) {
var _v0 = callback(state);
var decoder = _v0.a;
var _v1 = A2(decoder, bites, offset);
var newOffset = _v1.a;
var step = _v1.b;
if (step.$ === 'Loop') {
var newState = step.a;
var $temp$state = newState,
$temp$callback = callback,
$temp$bites = bites,
$temp$offset = newOffset;
state = $temp$state;
callback = $temp$callback;
bites = $temp$bites;
offset = $temp$offset;
continue loopHelp;
} else {
var result = step.a;
return _Utils_Tuple2(newOffset, result);
}
}
});
var $elm$bytes$Bytes$Decode$loop = F2(
function (state, callback) {
return $elm$bytes$Bytes$Decode$Decoder(
A2($elm$bytes$Bytes$Decode$loopHelp, state, callback));
});
var $elm$bytes$Bytes$Decode$Done = function (a) {
return {$: 'Done', a: a};
};
var $elm$bytes$Bytes$Decode$Loop = function (a) {
return {$: 'Loop', a: a};
};
var $elm$core$Bitwise$and = _Bitwise_and;
var $elm$core$String$cons = _String_cons;
var $elm$core$String$fromChar = function (_char) {
return A2($elm$core$String$cons, _char, '');
};
var $danfishgold$base64_bytes$Decode$lowest6BitsMask = 63;
var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
var $elm$core$Char$fromCode = _Char_fromCode;
var $danfishgold$base64_bytes$Decode$unsafeToChar = function (n) {
if (n <= 25) {
return $elm$core$Char$fromCode(65 + n);
} else {
if (n <= 51) {
return $elm$core$Char$fromCode(97 + (n - 26));
} else {
if (n <= 61) {
return $elm$core$Char$fromCode(48 + (n - 52));
} else {
switch (n) {
case 62:
return _Utils_chr('+');
case 63:
return _Utils_chr('/');
default:
return _Utils_chr('\u0000');
}
}
}
}
};
var $danfishgold$base64_bytes$Decode$bitsToChars = F2(
function (bits, missing) {
var s = $danfishgold$base64_bytes$Decode$unsafeToChar(bits & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var r = $danfishgold$base64_bytes$Decode$unsafeToChar((bits >>> 6) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var q = $danfishgold$base64_bytes$Decode$unsafeToChar((bits >>> 12) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var p = $danfishgold$base64_bytes$Decode$unsafeToChar(bits >>> 18);
switch (missing) {
case 0:
return A2(
$elm$core$String$cons,
p,
A2(
$elm$core$String$cons,
q,
A2(
$elm$core$String$cons,
r,
$elm$core$String$fromChar(s))));
case 1:
return A2(
$elm$core$String$cons,
p,
A2(
$elm$core$String$cons,
q,
A2($elm$core$String$cons, r, '=')));
case 2:
return A2(
$elm$core$String$cons,
p,
A2($elm$core$String$cons, q, '=='));
default:
return '';
}
});
var $danfishgold$base64_bytes$Decode$bitsToCharSpecialized = F4(
function (bits1, bits2, bits3, accum) {
var z = $danfishgold$base64_bytes$Decode$unsafeToChar((bits3 >>> 6) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var y = $danfishgold$base64_bytes$Decode$unsafeToChar((bits3 >>> 12) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var x = $danfishgold$base64_bytes$Decode$unsafeToChar(bits3 >>> 18);
var w = $danfishgold$base64_bytes$Decode$unsafeToChar(bits3 & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var s = $danfishgold$base64_bytes$Decode$unsafeToChar(bits1 & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var r = $danfishgold$base64_bytes$Decode$unsafeToChar((bits1 >>> 6) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var q = $danfishgold$base64_bytes$Decode$unsafeToChar((bits1 >>> 12) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var p = $danfishgold$base64_bytes$Decode$unsafeToChar(bits1 >>> 18);
var d = $danfishgold$base64_bytes$Decode$unsafeToChar(bits2 & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var c = $danfishgold$base64_bytes$Decode$unsafeToChar((bits2 >>> 6) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var b = $danfishgold$base64_bytes$Decode$unsafeToChar((bits2 >>> 12) & $danfishgold$base64_bytes$Decode$lowest6BitsMask);
var a = $danfishgold$base64_bytes$Decode$unsafeToChar(bits2 >>> 18);
return A2(
$elm$core$String$cons,
x,
A2(
$elm$core$String$cons,
y,
A2(
$elm$core$String$cons,
z,
A2(
$elm$core$String$cons,
w,
A2(
$elm$core$String$cons,
a,
A2(
$elm$core$String$cons,
b,
A2(
$elm$core$String$cons,
c,
A2(
$elm$core$String$cons,
d,
A2(
$elm$core$String$cons,
p,
A2(
$elm$core$String$cons,
q,
A2(
$elm$core$String$cons,
r,
A2($elm$core$String$cons, s, accum))))))))))));
});
var $danfishgold$base64_bytes$Decode$decode18Help = F5(
function (a, b, c, d, e) {
var combined6 = ((255 & d) << 16) | e;
var combined5 = d >>> 8;
var combined4 = 16777215 & c;
var combined3 = ((65535 & b) << 8) | (c >>> 24);
var combined2 = ((255 & a) << 16) | (b >>> 16);
var combined1 = a >>> 8;
return A4(
$danfishgold$base64_bytes$Decode$bitsToCharSpecialized,
combined3,
combined2,
combined1,
A4($danfishgold$base64_bytes$Decode$bitsToCharSpecialized, combined6, combined5, combined4, ''));
});
var $elm$bytes$Bytes$Decode$map5 = F6(
function (func, _v0, _v1, _v2, _v3, _v4) {
var decodeA = _v0.a;
var decodeB = _v1.a;
var decodeC = _v2.a;
var decodeD = _v3.a;
var decodeE = _v4.a;
return $elm$bytes$Bytes$Decode$Decoder(
F2(
function (bites, offset) {
var _v5 = A2(decodeA, bites, offset);
var aOffset = _v5.a;
var a = _v5.b;
var _v6 = A2(decodeB, bites, aOffset);
var bOffset = _v6.a;
var b = _v6.b;
var _v7 = A2(decodeC, bites, bOffset);
var cOffset = _v7.a;
var c = _v7.b;
var _v8 = A2(decodeD, bites, cOffset);
var dOffset = _v8.a;
var d = _v8.b;
var _v9 = A2(decodeE, bites, dOffset);
var eOffset = _v9.a;
var e = _v9.b;
return _Utils_Tuple2(
eOffset,
A5(func, a, b, c, d, e));
}));
});
var $elm$bytes$Bytes$Decode$unsignedInt16 = function (endianness) {
return $elm$bytes$Bytes$Decode$Decoder(
_Bytes_read_u16(
_Utils_eq(endianness, $elm$bytes$Bytes$LE)));
};
var $danfishgold$base64_bytes$Decode$u16BE = $elm$bytes$Bytes$Decode$unsignedInt16($elm$bytes$Bytes$BE);
var $elm$bytes$Bytes$Decode$unsignedInt32 = function (endianness) {
return $elm$bytes$Bytes$Decode$Decoder(
_Bytes_read_u32(
_Utils_eq(endianness, $elm$bytes$Bytes$LE)));
};
var $danfishgold$base64_bytes$Decode$u32BE = $elm$bytes$Bytes$Decode$unsignedInt32($elm$bytes$Bytes$BE);
var $danfishgold$base64_bytes$Decode$decode18Bytes = A6($elm$bytes$Bytes$Decode$map5, $danfishgold$base64_bytes$Decode$decode18Help, $danfishgold$base64_bytes$Decode$u32BE, $danfishgold$base64_bytes$Decode$u32BE, $danfishgold$base64_bytes$Decode$u32BE, $danfishgold$base64_bytes$Decode$u32BE, $danfishgold$base64_bytes$Decode$u16BE);
var $elm$bytes$Bytes$Decode$map = F2(
function (func, _v0) {
var decodeA = _v0.a;
return $elm$bytes$Bytes$Decode$Decoder(
F2(
function (bites, offset) {
var _v1 = A2(decodeA, bites, offset);
var aOffset = _v1.a;
var a = _v1.b;
return _Utils_Tuple2(
aOffset,
func(a));
}));
});
var $elm$bytes$Bytes$Decode$map2 = F3(
function (func, _v0, _v1) {
var decodeA = _v0.a;
var decodeB = _v1.a;
return $elm$bytes$Bytes$Decode$Decoder(
F2(
function (bites, offset) {
var _v2 = A2(decodeA, bites, offset);
var aOffset = _v2.a;
var a = _v2.b;
var _v3 = A2(decodeB, bites, aOffset);
var bOffset = _v3.a;
var b = _v3.b;
return _Utils_Tuple2(
bOffset,
A2(func, a, b));
}));
});
var $elm$bytes$Bytes$Decode$map3 = F4(
function (func, _v0, _v1, _v2) {
var decodeA = _v0.a;
var decodeB = _v1.a;
var decodeC = _v2.a;
return $elm$bytes$Bytes$Decode$Decoder(
F2(
function (bites, offset) {
var _v3 = A2(decodeA, bites, offset);
var aOffset = _v3.a;
var a = _v3.b;
var _v4 = A2(decodeB, bites, aOffset);
var bOffset = _v4.a;
var b = _v4.b;
var _v5 = A2(decodeC, bites, bOffset);
var cOffset = _v5.a;
var c = _v5.b;
return _Utils_Tuple2(
cOffset,
A3(func, a, b, c));
}));
});
var $elm$bytes$Bytes$Decode$succeed = function (a) {
return $elm$bytes$Bytes$Decode$Decoder(
F2(
function (_v0, offset) {
return _Utils_Tuple2(offset, a);
}));
};
var $elm$bytes$Bytes$Decode$unsignedInt8 = $elm$bytes$Bytes$Decode$Decoder(_Bytes_read_u8);
var $danfishgold$base64_bytes$Decode$loopHelp = function (_v0) {
var remaining = _v0.remaining;
var string = _v0.string;
if (remaining >= 18) {
return A2(
$elm$bytes$Bytes$Decode$map,
function (result) {
return $elm$bytes$Bytes$Decode$Loop(
{
remaining: remaining - 18,
string: _Utils_ap(string, result)
});
},
$danfishgold$base64_bytes$Decode$decode18Bytes);
} else {
if (remaining >= 3) {
var helper = F3(
function (a, b, c) {
var combined = ((a << 16) | (b << 8)) | c;
return $elm$bytes$Bytes$Decode$Loop(
{
remaining: remaining - 3,
string: _Utils_ap(
string,
A2($danfishgold$base64_bytes$Decode$bitsToChars, combined, 0))
});
});
return A4($elm$bytes$Bytes$Decode$map3, helper, $elm$bytes$Bytes$Decode$unsignedInt8, $elm$bytes$Bytes$Decode$unsignedInt8, $elm$bytes$Bytes$Decode$unsignedInt8);
} else {
if (!remaining) {
return $elm$bytes$Bytes$Decode$succeed(
$elm$bytes$Bytes$Decode$Done(string));
} else {
if (remaining === 2) {
var helper = F2(
function (a, b) {
var combined = (a << 16) | (b << 8);
return $elm$bytes$Bytes$Decode$Done(
_Utils_ap(
string,
A2($danfishgold$base64_bytes$Decode$bitsToChars, combined, 1)));
});
return A3($elm$bytes$Bytes$Decode$map2, helper, $elm$bytes$Bytes$Decode$unsignedInt8, $elm$bytes$Bytes$Decode$unsignedInt8);
} else {
return A2(
$elm$bytes$Bytes$Decode$map,
function (a) {
return $elm$bytes$Bytes$Decode$Done(
_Utils_ap(
string,
A2($danfishgold$base64_bytes$Decode$bitsToChars, a << 16, 2)));
},
$elm$bytes$Bytes$Decode$unsignedInt8);
}
}
}
}
};
var $danfishgold$base64_bytes$Decode$decoder = function (width) {
return A2(
$elm$bytes$Bytes$Decode$loop,
{remaining: width, string: ''},
$danfishgold$base64_bytes$Decode$loopHelp);
};
var $elm$bytes$Bytes$width = _Bytes_width;
var $danfishgold$base64_bytes$Decode$fromBytes = function (bytes) {
return A2(
$elm$bytes$Bytes$Decode$decode,
$danfishgold$base64_bytes$Decode$decoder(
$elm$bytes$Bytes$width(bytes)),
bytes);
};
var $danfishgold$base64_bytes$Base64$fromBytes = $danfishgold$base64_bytes$Decode$fromBytes;
var $elm$html$Html$h2 = _VirtualDom_node('h2');
var $elm$html$Html$img = _VirtualDom_node('img');
var $elm$html$Html$input = _VirtualDom_node('input');
var $elm$html$Html$label = _VirtualDom_node('label');
var $elm$virtual_dom$VirtualDom$Normal = function (a) {
return {$: 'Normal', a: a};
};
var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
var $elm$html$Html$Events$on = F2(
function (event, decoder) {
return A2(
$elm$virtual_dom$VirtualDom$on,
event,
$elm$virtual_dom$VirtualDom$Normal(decoder));
});
var $elm$html$Html$Events$onClick = function (msg) {
return A2(
$elm$html$Html$Events$on,
'click',
$elm$json$Json$Decode$succeed(msg));
};
var $elm$html$Html$Events$alwaysStop = function (x) {
return _Utils_Tuple2(x, true);
};
var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) {
return {$: 'MayStopPropagation', a: a};
};
var $elm$html$Html$Events$stopPropagationOn = F2(
function (event, decoder) {
return A2(
$elm$virtual_dom$VirtualDom$on,
event,
$elm$virtual_dom$VirtualDom$MayStopPropagation(decoder));
});
var $elm$json$Json$Decode$at = F2(
function (fields, decoder) {
return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields);
});
var $elm$html$Html$Events$targetValue = A2(
$elm$json$Json$Decode$at,
_List_fromArray(
['target', 'value']),
$elm$json$Json$Decode$string);
var $elm$html$Html$Events$onInput = function (tagger) {
return A2(
$elm$html$Html$Events$stopPropagationOn,
'input',
A2(
$elm$json$Json$Decode$map,
$elm$html$Html$Events$alwaysStop,
A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue)));
};
var $elm$html$Html$Events$alwaysPreventDefault = function (msg) {
return _Utils_Tuple2(msg, true);
};
var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
return {$: 'MayPreventDefault', a: a};
};
var $elm$html$Html$Events$preventDefaultOn = F2(
function (event, decoder) {
return A2(
$elm$virtual_dom$VirtualDom$on,
event,
$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
});
var $elm$html$Html$Events$onSubmit = function (msg) {
return A2(
$elm$html$Html$Events$preventDefaultOn,
'submit',
A2(
$elm$json$Json$Decode$map,
$elm$html$Html$Events$alwaysPreventDefault,
$elm$json$Json$Decode$succeed(msg)));
};
var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
var $elm$svg$Svg$Attributes$dominantBaseline = _VirtualDom_attribute('dominant-baseline');
var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
var $elm$svg$Svg$Attributes$id = _VirtualDom_attribute('id');
var $elm$svg$Svg$line = $elm$svg$Svg$trustedNode('line');
var $elm$svg$Svg$Attributes$points = _VirtualDom_attribute('points');
var $elm$svg$Svg$polyline = $elm$svg$Svg$trustedNode('polyline');
var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
var $elm$svg$Svg$rect = $elm$svg$Svg$trustedNode('rect');
var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
var $elm$svg$Svg$Attributes$strokeDasharray = _VirtualDom_attribute('stroke-dasharray');
var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
var $elm$svg$Svg$text = $elm$virtual_dom$VirtualDom$text;
var $elm$svg$Svg$Attributes$textAnchor = _VirtualDom_attribute('text-anchor');
var $elm$svg$Svg$text_ = $elm$svg$Svg$trustedNode('text');
var $elm$svg$Svg$Attributes$transform = _VirtualDom_attribute('transform');
var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
var $elm$svg$Svg$Attributes$x = _VirtualDom_attribute('x');
var $elm$svg$Svg$Attributes$x1 = _VirtualDom_attribute('x1');
var $elm$svg$Svg$Attributes$x2 = _VirtualDom_attribute('x2');
var $elm$svg$Svg$Attributes$y = _VirtualDom_attribute('y');
var $elm$svg$Svg$Attributes$y1 = _VirtualDom_attribute('y1');
var $elm$svg$Svg$Attributes$y2 = _VirtualDom_attribute('y2');
var $author$project$Main$shapesClub = A2(
$elm$svg$Svg$svg,
_List_fromArray(
[
$elm$svg$Svg$Attributes$viewBox('0 0 400 220'),
$elm$svg$Svg$Attributes$width('400'),
$elm$svg$Svg$Attributes$height('220'),
$elm$svg$Svg$Attributes$id($author$project$Main$shapesClubId)
]),
_List_fromArray(
[
A2(
$elm$svg$Svg$circle,
_List_fromArray(
[
$elm$svg$Svg$Attributes$cx('50'),
$elm$svg$Svg$Attributes$cy('50'),
$elm$svg$Svg$Attributes$r('40'),
$elm$svg$Svg$Attributes$fill('red'),
$elm$svg$Svg$Attributes$stroke('black'),
$elm$svg$Svg$Attributes$strokeWidth('3')
]),
_List_Nil),
A2(
$elm$svg$Svg$rect,
_List_fromArray(
[
$elm$svg$Svg$Attributes$x('100'),
$elm$svg$Svg$Attributes$y('10'),
$elm$svg$Svg$Attributes$width('40'),
$elm$svg$Svg$Attributes$height('40'),
$elm$svg$Svg$Attributes$fill('green'),
$elm$svg$Svg$Attributes$stroke('black'),
$elm$svg$Svg$Attributes$strokeWidth('2')
]),
_List_Nil),
A2(
$elm$svg$Svg$line,
_List_fromArray(
[
$elm$svg$Svg$Attributes$x1('20'),
$elm$svg$Svg$Attributes$y1('200'),
$elm$svg$Svg$Attributes$x2('200'),
$elm$svg$Svg$Attributes$y2('20'),
$elm$svg$Svg$Attributes$stroke('blue'),
$elm$svg$Svg$Attributes$strokeWidth('10'),
$elm$svg$Svg$Attributes$strokeLinecap('round')
]),
_List_Nil),
A2(
$elm$svg$Svg$polyline,
_List_fromArray(
[
$elm$svg$Svg$Attributes$points('200,40 240,40 240,80 280,80 280,120 320,120 320,160'),
$elm$svg$Svg$Attributes$fill('none'),
$elm$svg$Svg$Attributes$stroke('red'),
$elm$svg$Svg$Attributes$strokeWidth('4'),
$elm$svg$Svg$Attributes$strokeDasharray('20,2')
]),
_List_Nil),
A2(
$elm$svg$Svg$text_,
_List_fromArray(
[
$elm$svg$Svg$Attributes$x('130'),
$elm$svg$Svg$Attributes$y('130'),
$elm$svg$Svg$Attributes$fill('black'),
$elm$svg$Svg$Attributes$textAnchor('middle'),
$elm$svg$Svg$Attributes$dominantBaseline('central'),
$elm$svg$Svg$Attributes$transform('rotate(-45 130,130)')
]),
_List_fromArray(
[
$elm$svg$Svg$text('Welcome to Shapes Club')
]))
]));
var $elm$html$Html$Attributes$stringProperty = F2(
function (key, string) {
return A2(
_VirtualDom_property,
key,
$elm$json$Json$Encode$string(string));
});
var $elm$html$Html$Attributes$src = function (url) {
return A2(
$elm$html$Html$Attributes$stringProperty,
'src',
_VirtualDom_noJavaScriptOrHtmlUri(url));
};
var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
var $elm$html$Html$Attributes$type_ = $elm$html$Html$Attributes$stringProperty('type');
var $elm$html$Html$Attributes$value = $elm$html$Html$Attributes$stringProperty('value');
var $author$project$Main$view = function (model) {
var viewFailures = function (_v2) {
var failures = _v2.failures;
return A2(
$elm$html$Html$dl,
_List_Nil,
A2(
$elm$core$List$map,
function (_v1) {
var id = _v1.a;
var error = _v1.b;
return A2(
$elm$html$Html$div,
_List_Nil,
_List_fromArray(
[
A2(
$elm$html$Html$dt,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text(id)
])),
A2(
$elm$html$Html$dd,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text(error)
]))
]));
},
failures));
};
var toDataUri = A2(
$elm$core$Basics$composeR,
$danfishgold$base64_bytes$Base64$fromBytes,
$elm$core$Maybe$map(
function (b64) {
return 'data:image/png;base64,' + b64;
}));
return A2(
$elm$html$Html$div,
_List_Nil,
_List_fromArray(
[
$author$project$Main$explanation,
A2(
$elm$html$Html$div,
_List_fromArray(
[
A2($elm$html$Html$Attributes$style, 'display', 'grid'),
A2($elm$html$Html$Attributes$style, 'grid-template-columns', '1fr 1fr')
]),
_List_fromArray(
[
A2(
$elm$html$Html$section,
_List_Nil,
_List_fromArray(
[
A2(
$elm$html$Html$h2,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('SVG Graphic')
])),
A2(
$elm$html$Html$form,
_List_fromArray(
[
$elm$html$Html$Events$onSubmit($author$project$Main$RenderRequested)
]),
_List_fromArray(
[
A2(
$elm$html$Html$label,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('Size: '),
A2(
$elm$html$Html$input,
_List_fromArray(
[
$elm$html$Html$Attributes$value(
$elm$core$String$fromInt(model.size)),
$elm$html$Html$Events$onInput($author$project$Main$SizeChanged)
]),
_List_Nil)
])),
$elm$html$Html$text(' '),
A2(
$elm$html$Html$button,
_List_fromArray(
[
$elm$html$Html$Attributes$type_('submit')
]),
_List_fromArray(
[
$elm$html$Html$text('Render to PNG')
]))
])),
$author$project$Main$shapesClub
])),
A2(
$elm$html$Html$section,
_List_Nil,
_List_fromArray(
[
A2(
$elm$core$Maybe$withDefault,
$elm$html$Html$text(''),
A2(
$elm$core$Maybe$map,
function (uri) {
return A2(
$elm$html$Html$div,
_List_Nil,
_List_fromArray(
[
A2(
$elm$html$Html$h2,
_List_Nil,
_List_fromArray(
[
$elm$html$Html$text('Rasterized PNG')
])),
A2(
$elm$html$Html$p,
_List_Nil,
_List_fromArray(
[
A2(
$elm$html$Html$button,
_List_fromArray(
[
$elm$html$Html$Events$onClick($author$project$Main$DownloadRequested)
]),
_List_fromArray(
[
$elm$html$Html$text('Download')
]))
])),
A2(
$elm$html$Html$img,
_List_fromArray(
[
$elm$html$Html$Attributes$src(uri)
]),
_List_Nil)
]));
},
A2(
$elm$core$Maybe$andThen,
function (_v0) {
var id = _v0.a;
var bytes = _v0.b;
return toDataUri(bytes);
},
A2($elm$core$Maybe$andThen, $author$project$Main$getFirstSuccessfulRender, model.renderer)))),
A2(
$elm$core$Maybe$withDefault,
$elm$html$Html$text(''),
A2(
$elm$core$Maybe$map,
viewFailures,
A2($elm$core$Maybe$andThen, $author$project$RenderSvg$getResults, model.renderer)))
]))
]))
]));
};
var $author$project$Main$main = $elm$browser$Browser$element(
{
init: $elm$core$Basics$always(
_Utils_Tuple2(
{renderer: $elm$core$Maybe$Nothing, size: 800},
$elm$core$Platform$Cmd$none)),
subscriptions: $elm$core$Basics$always(
A2($elm$core$Platform$Sub$map, $author$project$Main$RenderSvgMsg, $author$project$RenderSvg$subscriptions)),
update: $author$project$Main$update,
view: $author$project$Main$view
});
_Platform_export({'Main':{'init':$author$project$Main$main(
$elm$json$Json$Decode$succeed(_Utils_Tuple0))(0)}});}(this));
port module RenderSvg exposing (Config, Model, Msg, Results, getResults, init, subscriptions, update)
{-| A TEA module to convert SVG drawings to PNG, with help of Javascript via ports:
- Request a rendering of SVG nodes by initializing model with appropriate config
- Observe results progress with `getResults`
-}
import Base64
import Bytes exposing (Bytes)
import Dict exposing (Dict)
import Json.Decode as JD
import Json.Encode as JE
import Loadable as L
import Return exposing (Return)
import Process
import Task
{-| Rendering configuration:
- `ids`: list of SVG node ids to render to PNG
- `size`: max dimension (width or height) of rendered image
-}
type alias Config =
{ ids : List String
, size : Int
}
{-| Rendering progress, by node id: if successful then PNG content as `Bytes`, else error message.
-}
type alias Model =
Dict String (L.Loadable String Bytes)
type alias Results =
{ failures : List ( String, String )
, successes : List ( String, Bytes )
}
{-| Observe progress:
- Nothing if one of entry is still rendering
- List of errors by id and list of PNG content by id otherwise
-}
getResults : Model -> Maybe Results
getResults model =
Dict.foldl
(\id loadable maybeResults ->
maybeResults
-- ignore if `Nothing` (still in progress)
|> Maybe.andThen
(\results ->
case loadable of
L.Error err ->
Just { results | failures = ( id, err ) :: results.failures }
L.Loaded bytes ->
Just { results | successes = ( id, bytes ) :: results.successes }
_ ->
-- still in progress, invalidate results
Nothing
)
)
-- optimistic start with empty results
(Just (Results [] []))
model
type Msg
= NodeResponse JD.Value
| Timeout
{-| Ask to render SVG nodes with given configuration.
-}
init : Config -> Return Msg Model
init config =
Dict.fromList (List.map (\id -> ( id, L.Loading )) config.ids)
|> Return.singleton
|> Return.command (renderPngRequest (encodeConfig config))
|> Return.command (Task.attempt (always Timeout) (Process.sleep 1000))
update : Msg -> Model -> Return Msg Model
update msg model =
case msg of
NodeResponse json ->
case JD.decodeValue nodeResultDecoder json of
Ok nodeResult ->
if Dict.member nodeResult.id model then
Dict.insert nodeResult.id (L.fromResult nodeResult.result) model
|> Return.singleton
else
model
|> Return.singleton
Err decodeError ->
-- Unexpected JSON
model
|> Return.singleton
Timeout ->
model
|> Dict.foldl
(\id loadable entries ->
if L.isPending loadable then
( id, L.Error ("PNG export timed out for id `" ++ id ++ "`") ) :: entries
else
( id, loadable ) :: entries
)
[]
|> Dict.fromList
|> Return.singleton
{-| Subscribe to rendering result
-}
subscriptions : Sub Msg
subscriptions =
renderPngResult NodeResponse
type alias NodeResult =
{ id : String
, result : Result String Bytes
}
nodeResultDecoder : JD.Decoder NodeResult
nodeResultDecoder =
JD.map2 NodeResult
(JD.field "id" JD.string)
(JD.oneOf
[ JD.map Err (JD.field "error" JD.string)
, JD.map Ok (JD.field "dataUrl" JD.string |> JD.andThen decodeDataUrl)
, JD.succeed (Err "Unexpected response from rendering process")
]
)
decodeDataUrl : String -> JD.Decoder Bytes
decodeDataUrl dataUrl =
case String.split "," dataUrl of
_ :: data :: [] ->
case Base64.toBytes data of
Just bytes ->
JD.succeed bytes
Nothing ->
JD.fail "Invalid base64 sequence"
_ ->
JD.fail "Malformed dataURL, expected data after comma"
encodeConfig : Config -> JE.Value
encodeConfig { ids, size } =
JE.object
[ ( "ids", JE.list JE.string ids )
, ( "size", JE.int size )
]
port renderPngRequest : JD.Value -> Cmd msg
port renderPngResult : (JD.Value -> msg) -> Sub msg
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment