2b:null 2c:["$","title",null,{"children":"MapScript UI | Adam Bouhenguel | Observable"}] 31:T1d10,MapSvelte = svelte` `32:[] 2f:{"id":"6e70bd641e6988f3","slug":"mapscript-ui","title":"MapScript UI","thumbnail":"828de58c3aebb0b398a3ff4f21004d134c2d678d827e90e69ad84c950bb4232d","access_level":"public","create_time":"$D2019-05-18T18:19:16.006Z","update_time":"$D2019-06-04T01:10:29.976Z","view_time":null,"first_public_time":"$D2019-06-01T00:15:15.962Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4a4e16af4ec92f77","login":"ajbouh","name":"Adam Bouhenguel","avatar_url":"https://avatars-next.observableusercontent.com/60514cb4820a39b12fd289d7680ee90dc1987fa50eebf927e826f7251e671d81","tier":"starter_2024"},"version":1633,"publish_version":1633,"role":null,"authored":false,"authors":[{"type":"individual","id":"5798d54afdab26eb","login":"ajbouh","name":"Adam Bouhenguel","avatar_url":"https://avatars-next.observableusercontent.com/60514cb4820a39b12fd289d7680ee90dc1987fa50eebf927e826f7251e671d81","tier":null}],"members":[{"type":"individual","id":"5798d54afdab26eb","login":"ajbouh","name":"Adam Bouhenguel","avatar_url":"https://avatars-next.observableusercontent.com/60514cb4820a39b12fd289d7680ee90dc1987fa50eebf927e826f7251e671d81","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"MapScript UI","cells":[{"id":0,"value":"md`# MapScript UI`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":996,"value":"import {svelte, render, readable, derived, observe, Stores} from '@ajbouh/svelte-experiments'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"import {Results} from '8a16453ac64d7b1a' // '38ee701f49402801'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"import {compile, grammar, semantics} from '@ajbouh/mapscript'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":386,"value":"import {\n viewof positions,\n xAnchorUpdate,\n viewof xAnchor,\n yAnchorUpdate,\n viewof yAnchor,\n xRangeExtent,\n yRangeExtent,\n updatePositions,\n drag,\n update,\n} with {\n} from '@ajbouh/mapscript-layout'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"import {World, editor} from '6e557ad8d4923730'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"import {query} from 'bd26bdcad5cbe1c8'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1432,"value":"world = new World(['x', 'y', 'vx', 'vy'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":367,"value":"// x = html`\n//

${search.element}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":209,"value":"// rt = render(Results, {\n// results: derived(\n// [observe(search.element), Stores.resolvePromises(world.generator)],\n// ([$q, $c], set) => {\n// const x = Array.from(query($q, $c))\n// console.log(\"x\", x, $q, $c)\n// set(x)\n// }),\n// height: '40em',\n// attrHighlightFilter: attr => attr.meta.selected,\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1416,"value":"viewof source = {\n const height = '30em'\n const e = editor({\n world,\n height,\n options: {\n viewportMargin: Infinity,\n },\n style: {\n overflow: 'scroll',\n height,\n },\n value: localStorage.getItem(\"source\") || `\n@base:\n phase = default [null, 0.5]\n varunitcost = default 0 usd\n varcostrate = (sum(needs.varcost) + varunitcost) / varunit\n usage = default 1 varunit\n varcost = dot(usage, varcostrate)\n varunit = default 1 unit\n\ntea: water\n\ntea:\n varunit = L`})\n invalidation.then(() => localStorage.setItem(\"source\", e.editor.getValue()))\n return e\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1405,"value":"map = render(MapSvelte, {\n drag,\n width,\n xRangeExtent,\n yRangeExtent,\n positions: Stores.input(viewof positions),\n yAnchor: Stores.input(viewof yAnchor),\n xAnchor: Stores.input(viewof xAnchor),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1601,"value":"update","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1625,"value":"xAnchor","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1627,"value":"yAnchor","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1629,"value":"updatePositions","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1608,"value":"positions","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1610,"value":"viewof positions","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1603,"value":"xAnchorUpdate","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1605,"value":"yAnchorUpdate","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1060,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":814,"value":"class MemoryStorage {\n constructor() {\n Object.defineProperties(this, {_: {value: new Map}});\n }\n get length() {\n return this._.size;\n }\n key(index) {\n return Array.from(this._.keys())[index | 0];\n }\n getItem(key) {\n return this._.has(key += \"\") ? this._.get(key) : null;\n }\n setItem(key, value) {\n this._.set(key + \"\", value + \"\");\n }\n removeItem(key) {\n this._.delete(key + \"\");\n }\n clear() {\n this._.clear();\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":816,"value":"localStorage = {\n try {\n const storage = window.localStorage;\n const key = \"__storage_test__\";\n storage.setItem(key, key);\n storage.removeItem(key);\n return storage;\n } catch (error) {\n return new MemoryStorage;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":477,"value":"d3 = require(\"d3@^5.8\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"