= ({\r\n onChangeMaxIterations,\r\n maxIterations,\r\n minCornerA,\r\n minCornerB,\r\n maxCornerA,\r\n maxCornerB,\r\n refresh\r\n}) => (\r\n \r\n)\r\n","import React, { Component } from 'react';\nimport MandelbrotVisualizer from './MandelbrotVisualizer/MandelbrotVisualizer';\nimport { RenderOptions } from './RenderOptions/RenderOptions';\n\nclass App extends Component {\n state = {\n maxIterations: 100,\n renderingKey: Math.random(),\n minCornerA: \"\",\n minCornerB: \"\",\n maxCornerA: \"\",\n maxCornerB: \"\",\n }\n\n onChangeMaxIterations = (maxIterations: number) => {\n this.setState({\n maxIterations\n })\n }\n\n refresh = () => {\n this.setState({\n renderingKey: Math.random()\n })\n }\n\n render() {\n return (\n \n this.setState({\n minCornerA,\n minCornerB,\n maxCornerA,\n maxCornerB\n })}\n />\n \n
\n );\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\ntype Config = {\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n window.location.href\n );\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["components/MandelbrotVisualizer/MandelbrotVisualizer.module.css","components/RenderOptions/RenderOptions.module.css","components/RegionSelectableCanvas/utils/CanvasBackup.ts","components/RegionSelectableCanvas/RegionSelectableCanvas.tsx","components/MandelbrotVisualizer/utils/sleep.ts","components/MandelbrotVisualizer/MandelbrotVisualizer.tsx","components/RenderOptions/RenderOptions.tsx","components/App.tsx","serviceWorker.ts","index.tsx"],"names":["module","exports","canvas","container","CanvasBackup","originalCanvas","Object","classCallCheck","this","originalCanvasCtx","getContext","backupCanvas","setupBackupCanvas","backupCanvasCtx","createClass","key","value","document","createElement","width","height","drawImage","RegionSelectableCanvas","props","_this","possibleConstructorReturn","getPrototypeOf","call","onRef","canvasCtx","canvasBackup","canvasRatio","innerRef","handleMouseDown","e","mouseIsDown","originX","pageX","originY","pageY","save","handleMouseUp","onChangeSelectedRegion","selectedAreaStartX","selectedAreaEndX","selectedAreaStartY","selectedAreaEndY","handleMouseMove","mouseX","mouseY","calculateSelectionArea","restore","drawRawRect","drawFixedRect","xWidth","yWidth","xPreservingAspectRatioWidth","Math","min","yPreservingAspectRatioHeight","offsetX","offsetY","finalWidth","finalHeight","drawRect","color","startX","endX","startY","endY","strokeStyle","strokeRect","react_default","a","id","ref","window","innerWidth","innerHeight","className","onMouseDown","onMouseUp","onMouseMove","Component","sleep","ms","Promise","r","setTimeout","MandelbrotModule","__webpack_require__","then","bind","MandelbrotVisualizer","_ref","MandelbrotSet","mandelbrotSet","refreshCanvas","startXPx","endXPx","startYPx","endYPx","zoom_canvas","previousProps","renderingKey","onChangeBounds","min_corner_a","min_corner_b","max_corner_a","max_corner_b","console","time","render","maxIterations","timeEnd","components_RegionSelectableCanvas_RegionSelectableCanvas","classes","RenderOptions","onChangeMaxIterations","minCornerA","minCornerB","maxCornerA","maxCornerB","refresh","react","onSubmit","preventDefault","type","onChange","parseInt","target","App","state","random","setState","_this2","components_MandelbrotVisualizer_MandelbrotVisualizer","RenderOptions_RenderOptions","Boolean","location","hostname","match","ReactDOM","components_App","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.2cb97846.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"canvas\":\"MandelbrotVisualizer_canvas__b2jZf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"RenderOptions_container__3M2EV\"};","export class CanvasBackup {\r\n private originalCanvas: HTMLCanvasElement\r\n private originalCanvasCtx: CanvasRenderingContext2D \r\n private backupCanvas: HTMLCanvasElement\r\n private backupCanvasCtx: CanvasRenderingContext2D \r\n\r\n constructor(originalCanvas: HTMLCanvasElement) {\r\n this.originalCanvas = originalCanvas;\r\n this.originalCanvasCtx = originalCanvas.getContext('2d') as CanvasRenderingContext2D;\r\n \r\n this.backupCanvas = this.setupBackupCanvas();\r\n this.backupCanvasCtx = this.backupCanvas.getContext('2d') as CanvasRenderingContext2D;\r\n }\r\n\r\n setupBackupCanvas() {\r\n const backupCanvas = document.createElement('canvas');\r\n backupCanvas.width = this.originalCanvas.width;\r\n backupCanvas.height = this.originalCanvas.height;\r\n return backupCanvas;\r\n }\r\n\r\n save() {\r\n this.backupCanvasCtx.drawImage(this.originalCanvas, 0, 0);\r\n }\r\n\r\n restore() {\r\n this.originalCanvasCtx.drawImage(this.backupCanvas, 0, 0);\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nimport { CanvasBackup } from \"./utils/CanvasBackup\";\r\n\r\ninterface RegionSelectableCanvasProps {\r\n innerRef: (element: HTMLCanvasElement) => void\r\n onChangeSelectedRegion: (\r\n selectedAreaStartX: number,\r\n selectedAreaEndX: number,\r\n selectedAreaStartY: number,\r\n selectedAreaEndY: number,\r\n ) => void\r\n className: string\r\n}\r\n\r\nclass RegionSelectableCanvas extends Component {\r\n private canvas: HTMLCanvasElement\r\n private canvasCtx: CanvasRenderingContext2D\r\n private canvasBackup: CanvasBackup\r\n private canvasRatio: number\r\n\r\n private originX: number\r\n private originY: number\r\n private mouseX: number\r\n private mouseY: number\r\n\r\n private selectedAreaStartX: number\r\n private selectedAreaEndX: number\r\n private selectedAreaStartY: number\r\n private selectedAreaEndY: number\r\n\r\n private mouseIsDown: boolean\r\n\r\n onRef = (canvas: HTMLCanvasElement) => {\r\n this.canvas = canvas\r\n this.canvasCtx = this.canvas.getContext('2d') as CanvasRenderingContext2D\r\n this.canvasBackup = new CanvasBackup(this.canvas)\r\n this.canvasRatio = this.canvas.height / this.canvas.width\r\n\r\n this.props.innerRef(canvas)\r\n };\r\n\r\n constructor(props: any) {\r\n super(props)\r\n this.canvas = null as any as HTMLCanvasElement\r\n this.canvasCtx = null as any as CanvasRenderingContext2D\r\n this.canvasBackup = null as any as CanvasBackup\r\n this.canvasRatio = null as any as number\r\n this.originX = 0\r\n this.originY = 0\r\n this.mouseX = 0\r\n this.mouseY = 0\r\n this.selectedAreaStartX = 0\r\n this.selectedAreaEndX = 0\r\n this.selectedAreaStartY = 0\r\n this.selectedAreaEndY = 0\r\n this.mouseIsDown = false\r\n }\r\n\r\n handleMouseDown = (e: React.MouseEvent) => {\r\n this.mouseIsDown = true\r\n this.originX = e.pageX\r\n this.originY = e.pageY\r\n \r\n this.canvasBackup.save()\r\n }\r\n\r\n handleMouseUp = () => {\r\n this.mouseIsDown = false\r\n this.props.onChangeSelectedRegion(\r\n this.selectedAreaStartX,\r\n this.selectedAreaEndX,\r\n this.selectedAreaStartY,\r\n this.selectedAreaEndY\r\n )\r\n }\r\n\r\n calculateSelectionArea () {\r\n const xWidth = this.mouseX - this.originX;\r\n const yWidth = this.mouseY - this.originY;\r\n\r\n const xPreservingAspectRatioWidth = Math.min(xWidth, yWidth / this.canvasRatio)\r\n const yPreservingAspectRatioHeight = Math.min(yWidth, xWidth * this.canvasRatio)\r\n\r\n const offsetX = (xWidth - xPreservingAspectRatioWidth) / 2\r\n const offsetY = (yWidth - yPreservingAspectRatioHeight) / 2\r\n\r\n const finalWidth = xPreservingAspectRatioWidth\r\n const finalHeight = yPreservingAspectRatioHeight\r\n\r\n this.selectedAreaStartX = this.originX + offsetX\r\n this.selectedAreaStartY = this.originY + offsetY\r\n this.selectedAreaEndX = this.selectedAreaStartX + finalWidth\r\n this.selectedAreaEndY = this.selectedAreaStartY + finalHeight\r\n }\r\n\r\n handleMouseMove = (e: React.MouseEvent) => {\r\n if (this.mouseIsDown) {\r\n this.mouseX = e.pageX\r\n this.mouseY = e.pageY\r\n \r\n this.calculateSelectionArea() \r\n this.canvasBackup.restore()\r\n this.drawRawRect()\r\n this.drawFixedRect()\r\n }\r\n }\r\n\r\n drawRawRect() {\r\n this.drawRect(\r\n \"#00FF00\",\r\n this.originX,\r\n this.mouseX,\r\n this.originY,\r\n this.mouseY\r\n )\r\n }\r\n\r\n drawFixedRect () {\r\n this.drawRect(\r\n \"#FF0000\",\r\n this.selectedAreaStartX,\r\n this.selectedAreaEndX,\r\n this.selectedAreaStartY,\r\n this.selectedAreaEndY\r\n )\r\n }\r\n\r\n drawRect(color: string, startX: number, endX: number, startY: number, endY: number) {\r\n this.canvasCtx.strokeStyle = color;\r\n this.canvasCtx.strokeRect(startX, startY, endX - startX, endY - startY);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default RegionSelectableCanvas\r\n","export const sleep = (ms: number) => new Promise(r => setTimeout(r, ms))\r\n","import React, { Component } from \"react\";\r\n\r\nimport classes from './MandelbrotVisualizer.module.css'\r\nimport RegionSelectableCanvas from \"../RegionSelectableCanvas/RegionSelectableCanvas\";\r\n\r\nimport { MandelbrotSet } from '../../domain_wasm/mandelbrot';\r\nimport { sleep } from \"./utils/sleep\";\r\nconst MandelbrotModule = import('../../domain_wasm/mandelbrot')\r\n\r\ninterface MandelbrotVisualizerProps {\r\n maxIterations: number\r\n renderingKey: number\r\n onChangeBounds: (minCornerA: string, minCornerB: string, maxCornerA: string, maxCornerB: string) => void\r\n}\r\n\r\nclass MandelbrotVisualizer extends Component {\r\n private mandelbrotSet: MandelbrotSet\r\n private canvasCtx: CanvasRenderingContext2D\r\n\r\n constructor (props: any) {\r\n super(props)\r\n\r\n this.mandelbrotSet = null as any as MandelbrotSet\r\n this.canvasCtx = null as any as CanvasRenderingContext2D\r\n }\r\n\r\n componentDidUpdate (previousProps: MandelbrotVisualizerProps) {\r\n if(previousProps.renderingKey !== this.props.renderingKey) {\r\n this.refreshCanvas()\r\n }\r\n }\r\n\r\n onRef = (canvas: HTMLCanvasElement) => {\r\n this.canvasCtx = canvas.getContext('2d') as CanvasRenderingContext2D \r\n\r\n MandelbrotModule.then(({ MandelbrotSet }) => {\r\n this.mandelbrotSet = new MandelbrotSet(canvas.width, canvas.height)\r\n this.refreshCanvas()\r\n }) \r\n };\r\n\r\n private onChangeSelectedRegion = (startXPx: number, endXPx: number, startYPx: number, endYPx: number) => {\r\n this.mandelbrotSet.zoom_canvas(startXPx, endXPx, startYPx, endYPx)\r\n this.refreshCanvas()\r\n }\r\n\r\n private async refreshCanvas () {\r\n this.props.onChangeBounds(\r\n this.mandelbrotSet.min_corner_a(), \r\n this.mandelbrotSet.min_corner_b(),\r\n this.mandelbrotSet.max_corner_a(), \r\n this.mandelbrotSet.max_corner_b()\r\n )\r\n await sleep(50)\r\n console.time(\"RENDER\")\r\n this.mandelbrotSet.render(this.canvasCtx, this.props.maxIterations)\r\n console.timeEnd(\"RENDER\")\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MandelbrotVisualizer\r\n","import * as React from 'react';\r\n\r\nimport classes from './RenderOptions.module.css'\r\n\r\ninterface RenderOptionsProps {\r\n onChangeMaxIterations: (maxIterations: number) => void\r\n maxIterations: number\r\n minCornerA: string\r\n minCornerB: string\r\n maxCornerA: string\r\n maxCornerB: string\r\n refresh: () => void\r\n}\r\n\r\nexport const RenderOptions: React.SFC = ({\r\n onChangeMaxIterations,\r\n maxIterations,\r\n minCornerA,\r\n minCornerB,\r\n maxCornerA,\r\n maxCornerB,\r\n refresh\r\n}) => (\r\n \r\n)\r\n","import React, { Component } from 'react';\nimport MandelbrotVisualizer from './MandelbrotVisualizer/MandelbrotVisualizer';\nimport { RenderOptions } from './RenderOptions/RenderOptions';\n\nclass App extends Component {\n state = {\n maxIterations: 100,\n renderingKey: Math.random(),\n minCornerA: \"\",\n minCornerB: \"\",\n maxCornerA: \"\",\n maxCornerB: \"\",\n }\n\n onChangeMaxIterations = (maxIterations: number) => {\n this.setState({\n maxIterations\n })\n }\n\n refresh = () => {\n this.setState({\n renderingKey: Math.random()\n })\n }\n\n render() {\n return (\n \n this.setState({\n minCornerA,\n minCornerB,\n maxCornerA,\n maxCornerB\n })}\n />\n \n
\n );\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\ntype Config = {\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n window.location.href\n );\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/build-wasm/static/js/runtime~main.90336252.js.map b/build-wasm/static/js/runtime~main.90336252.js.map
deleted file mode 100644
index d7e358c..0000000
--- a/build-wasm/static/js/runtime~main.90336252.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","3","installedWasmModules","wasmImportObjects","25","./mandelbrot","__wbindgen_object_drop_ref","p0i32","exports","__widl_f_put_image_data_CanvasRenderingContext2D","p1i32","p2f64","p3f64","p4i32","__widl_f_new_with_u8_clamped_array_and_sh_ImageData","p2i32","p3i32","__wbindgen_throw","__wbindgen_rethrow","module","l","e","promises","installedChunkData","promise","Promise","resolve","reject","onScriptComplete","head","document","getElementsByTagName","script","createElement","charset","timeout","nc","setAttribute","src","p","1","jsonpScriptSrc","event","onerror","onload","clearTimeout","chunk","errorType","type","realSrc","target","error","Error","request","undefined","setTimeout","appendChild","forEach","wasmModuleId","installedWasmModuleData","importObject","req","fetch","WebAssembly","compileStreaming","all","then","items","instantiate","instantiateStreaming","x","arrayBuffer","bytes","res","w","instance","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","err","console","jsonpArray","window","oldJsonpFunction","slice"],"mappings":"aACA,SAAAA,EAAAC,GAQA,IAPA,IAMAC,EAAAC,EANAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAIAM,EAAA,EAAAC,EAAA,GACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAKA,IAFAe,KAAAhB,GAEAO,EAAAC,QACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,GAAA,IAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,EAAA,GAKApB,EAAA,CACAqB,EAAA,GAGAZ,EAAA,GAQA,IAAAa,EAAA,GAIA,IAAAC,EAAA,CACAC,GAAA,WACA,OACAC,eAAA,CACAC,2BAAA,SAAAC,GACA,OAAAP,EAAA,GAAAQ,QAAA,2BAAAD,IAEAE,iDAAA,SAAAF,EAAAG,EAAAC,EAAAC,EAAAC,GACA,OAAAb,EAAA,GAAAQ,QAAA,iDAAAD,EAAAG,EAAAC,EAAAC,EAAAC,IAEAC,oDAAA,SAAAP,EAAAG,EAAAK,EAAAC,EAAAH,GACA,OAAAb,EAAA,GAAAQ,QAAA,oDAAAD,EAAAG,EAAAK,EAAAC,EAAAH,IAEAI,iBAAA,SAAAV,EAAAG,GACA,OAAAV,EAAA,GAAAQ,QAAA,iBAAAD,EAAAG,IAEAQ,mBAAA,SAAAX,GACA,OAAAP,EAAA,GAAAQ,QAAA,mBAAAD,QAQA,SAAAT,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAAoC,QAGA,IAAAW,EAAAnB,EAAA5B,GAAA,CACAK,EAAAL,EACAgD,GAAA,EACAZ,QAAA,IAUA,OANAtB,EAAAd,GAAAa,KAAAkC,EAAAX,QAAAW,IAAAX,QAAAV,GAGAqB,EAAAC,GAAA,EAGAD,EAAAX,QAKAV,EAAAuB,EAAA,SAAAhD,GACA,IAAAiD,EAAA,GAKAC,EAAA3C,EAAAP,GACA,OAAAkD,EAGA,GAAAA,EACAD,EAAAzC,KAAA0C,EAAA,QACK,CAEL,IAAAC,EAAA,IAAAC,QAAA,SAAAC,EAAAC,GACAJ,EAAA3C,EAAAP,GAAA,CAAAqD,EAAAC,KAEAL,EAAAzC,KAAA0C,EAAA,GAAAC,GAGA,IAEAI,EAFAC,EAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,UAGAD,EAAAE,QAAA,QACAF,EAAAG,QAAA,IACArC,EAAAsC,IACAJ,EAAAK,aAAA,QAAAvC,EAAAsC,IAEAJ,EAAAM,IAxFA,SAAAjE,GACA,OAAAyB,EAAAyC,EAAA,iBAAoDlE,OAAA,KAA6BmE,EAAA,YAAenE,GAAA,YAuFhGoE,CAAApE,GAEAuD,EAAA,SAAAc,GAEAV,EAAAW,QAAAX,EAAAY,OAAA,KACAC,aAAAV,GACA,IAAAW,EAAAlE,EAAAP,GACA,OAAAyE,EAAA,CACA,GAAAA,EAAA,CACA,IAAAC,EAAAL,IAAA,SAAAA,EAAAM,KAAA,UAAAN,EAAAM,MACAC,EAAAP,KAAAQ,QAAAR,EAAAQ,OAAAZ,IACAa,EAAA,IAAAC,MAAA,iBAAA/E,EAAA,cAAA0E,EAAA,KAAAE,EAAA,KACAE,EAAAH,KAAAD,EACAI,EAAAE,QAAAJ,EACAH,EAAA,GAAAK,GAEAvE,EAAAP,QAAAiF,IAGA,IAAAnB,EAAAoB,WAAA,WACA3B,EAAA,CAAwBoB,KAAA,UAAAE,OAAAlB,KAClB,MACNA,EAAAW,QAAAX,EAAAY,OAAAhB,EACAC,EAAA2B,YAAAxB,GAmCA,OA7BA,CAAsBQ,EAAA,MAASnE,IAAA,IAE/BoF,QAAA,SAAAC,GACA,IAAAC,EAAAzD,EAAAwD,GAGA,GAAAC,EACArC,EAAAzC,KAAA8E,OACA,CACA,IAEAnC,EAFAoC,EAAAzD,EAAAuD,KACAG,EAAAC,MAAAhE,EAAAyC,EAAA,IAAmDnC,GAAA,wBAA4BsD,GAAA,gBAE/E,GAAAE,aAAAnC,SAAA,oBAAAsC,YAAAC,iBACAxC,EAAAC,QAAAwC,IAAA,CAAAF,YAAAC,iBAAAH,GAAAD,IAAAM,KAAA,SAAAC,GACA,OAAAJ,YAAAK,YAAAD,EAAA,GAAAA,EAAA,WAEM,uBAAAJ,YAAAM,qBACN7C,EAAAuC,YAAAM,qBAAAR,EAAAD,OACM,CAENpC,EADAqC,EAAAK,KAAA,SAAAI,GAA+C,OAAAA,EAAAC,gBAC/CL,KAAA,SAAAM,GACA,OAAAT,YAAAK,YAAAI,EAAAZ,KAGAtC,EAAAzC,KAAAqB,EAAAwD,GAAAlC,EAAA0C,KAAA,SAAAO,GACA,OAAA3E,EAAA4E,EAAAhB,IAAAe,EAAAE,UAAAF,GAAAjE,cAIAiB,QAAAwC,IAAA3C,IAIAxB,EAAA8E,EAAA1F,EAGAY,EAAA+E,EAAA7E,EAGAF,EAAAgF,EAAA,SAAAtE,EAAAuE,EAAAC,GACAlF,EAAAmF,EAAAzE,EAAAuE,IACAjG,OAAAoG,eAAA1E,EAAAuE,EAAA,CAA0CI,YAAA,EAAAC,IAAAJ,KAK1ClF,EAAAuF,EAAA,SAAA7E,GACA,qBAAA8E,eAAAC,aACAzG,OAAAoG,eAAA1E,EAAA8E,OAAAC,YAAA,CAAwDC,MAAA,WAExD1G,OAAAoG,eAAA1E,EAAA,cAAiDgF,OAAA,KAQjD1F,EAAA2F,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAA1F,EAAA0F,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,kBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAA9G,OAAA+G,OAAA,MAGA,GAFA/F,EAAAuF,EAAAO,GACA9G,OAAAoG,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAA1F,EAAAgF,EAAAc,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIA9F,EAAAkG,EAAA,SAAA7E,GACA,IAAA6D,EAAA7D,KAAAwE,WACA,WAA2B,OAAAxE,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADArB,EAAAgF,EAAAE,EAAA,IAAAA,GACAA,GAIAlF,EAAAmF,EAAA,SAAAgB,EAAAC,GAAsD,OAAApH,OAAAC,UAAAC,eAAAC,KAAAgH,EAAAC,IAGtDpG,EAAAyC,EAAA,IAGAzC,EAAAqG,GAAA,SAAAC,GAA8D,MAApBC,QAAAlD,MAAAiD,GAAoBA,GAG9DtG,EAAA4E,EAAA,GAEA,IAAA4B,EAAAC,OAAA,aAAAA,OAAA,iBACAC,EAAAF,EAAAzH,KAAAkH,KAAAO,GACAA,EAAAzH,KAAAX,EACAoI,IAAAG,QACA,QAAAhI,EAAA,EAAgBA,EAAA6H,EAAA3H,OAAuBF,IAAAP,EAAAoI,EAAA7H,IACvC,IAAAU,EAAAqH,EAIAjH","file":"static/js/runtime~main.90336252.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t3: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"static/js/\" + ({}[chunkId]||chunkId) + \".\" + {\"1\":\"f0bdf383\"}[chunkId] + \".chunk.js\"\n \t}\n\n \t// object to store loaded and loading wasm modules\n \tvar installedWasmModules = {};\n\n \tfunction promiseResolve() { return Promise.resolve(); }\n\n \tvar wasmImportObjects = {\n \t\t25: function() {\n \t\t\treturn {\n \t\t\t\t\"./mandelbrot\": {\n \t\t\t\t\t\"__wbindgen_object_drop_ref\": function(p0i32) {\n \t\t\t\t\t\treturn installedModules[3].exports[\"__wbindgen_object_drop_ref\"](p0i32);\n \t\t\t\t\t},\n \t\t\t\t\t\"__widl_f_put_image_data_CanvasRenderingContext2D\": function(p0i32,p1i32,p2f64,p3f64,p4i32) {\n \t\t\t\t\t\treturn installedModules[3].exports[\"__widl_f_put_image_data_CanvasRenderingContext2D\"](p0i32,p1i32,p2f64,p3f64,p4i32);\n \t\t\t\t\t},\n \t\t\t\t\t\"__widl_f_new_with_u8_clamped_array_and_sh_ImageData\": function(p0i32,p1i32,p2i32,p3i32,p4i32) {\n \t\t\t\t\t\treturn installedModules[3].exports[\"__widl_f_new_with_u8_clamped_array_and_sh_ImageData\"](p0i32,p1i32,p2i32,p3i32,p4i32);\n \t\t\t\t\t},\n \t\t\t\t\t\"__wbindgen_throw\": function(p0i32,p1i32) {\n \t\t\t\t\t\treturn installedModules[3].exports[\"__wbindgen_throw\"](p0i32,p1i32);\n \t\t\t\t\t},\n \t\t\t\t\t\"__wbindgen_rethrow\": function(p0i32) {\n \t\t\t\t\t\treturn installedModules[3].exports[\"__wbindgen_rethrow\"](p0i32);\n \t\t\t\t\t}\n \t\t\t\t}\n \t\t\t};\n \t\t},\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar head = document.getElementsByTagName('head')[0];\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\tvar error = new Error('Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')');\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\thead.appendChild(script);\n \t\t\t}\n \t\t}\n\n \t\t// Fetch + compile chunk loading for webassembly\n\n \t\tvar wasmModules = {\"1\":[25]}[chunkId] || [];\n\n \t\twasmModules.forEach(function(wasmModuleId) {\n \t\t\tvar installedWasmModuleData = installedWasmModules[wasmModuleId];\n\n \t\t\t// a Promise means \"currently loading\" or \"already loaded\".\n \t\t\tif(installedWasmModuleData)\n \t\t\t\tpromises.push(installedWasmModuleData);\n \t\t\telse {\n \t\t\t\tvar importObject = wasmImportObjects[wasmModuleId]();\n \t\t\t\tvar req = fetch(__webpack_require__.p + \"\" + {\"25\":\"5a3db2e966eaa88043fd\"}[wasmModuleId] + \".module.wasm\");\n \t\t\t\tvar promise;\n \t\t\t\tif(importObject instanceof Promise && typeof WebAssembly.compileStreaming === 'function') {\n \t\t\t\t\tpromise = Promise.all([WebAssembly.compileStreaming(req), importObject]).then(function(items) {\n \t\t\t\t\t\treturn WebAssembly.instantiate(items[0], items[1]);\n \t\t\t\t\t});\n \t\t\t\t} else if(typeof WebAssembly.instantiateStreaming === 'function') {\n \t\t\t\t\tpromise = WebAssembly.instantiateStreaming(req, importObject);\n \t\t\t\t} else {\n \t\t\t\t\tvar bytesPromise = req.then(function(x) { return x.arrayBuffer(); });\n \t\t\t\t\tpromise = bytesPromise.then(function(bytes) {\n \t\t\t\t\t\treturn WebAssembly.instantiate(bytes, importObject);\n \t\t\t\t\t});\n \t\t\t\t}\n \t\t\t\tpromises.push(installedWasmModules[wasmModuleId] = promise.then(function(res) {\n \t\t\t\t\treturn __webpack_require__.w[wasmModuleId] = (res.instance || res).exports;\n \t\t\t\t}));\n \t\t\t}\n \t\t});\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \t// object with all WebAssembly.instance exports\n \t__webpack_require__.w = {};\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/build-wasm/static/js/runtime~main.90336252.js b/build-wasm/static/js/runtime~main.d6d4a139.js
similarity index 52%
rename from build-wasm/static/js/runtime~main.90336252.js
rename to build-wasm/static/js/runtime~main.d6d4a139.js
index 987a012..b578b5f 100644
--- a/build-wasm/static/js/runtime~main.90336252.js
+++ b/build-wasm/static/js/runtime~main.d6d4a139.js
@@ -1,2 +1,2 @@
-!function(e){function n(n){for(var r,a,u=n[0],f=n[1],s=n[2],c=0,l=[];c