31:[{"id":"c7a98e2c547e8244be174d5e5fe38d6d9a4d2d5e5de2527cf7dc22f1cdeba9c9b6880e2bc3cbaa9208c0ddb80ab6a13c8a15a761e172a487b414975382c08684","href":"https://static.observableusercontent.com/files/c7a98e2c547e8244be174d5e5fe38d6d9a4d2d5e5de2527cf7dc22f1cdeba9c9b6880e2bc3cbaa9208c0ddb80ab6a13c8a15a761e172a487b414975382c08684","name":"products.json","type":"application/json","lastModified":1586377989576.966,"size":532},{"id":"049d28b90a46079a7017946b2c23b9f8530d4e2d9cc49aa50c9b509067e24819af275341d5935584817c940946c5dea050d0826a9350a2aa657aa397a7581e42","href":"https://static.observableusercontent.com/files/049d28b90a46079a7017946b2c23b9f8530d4e2d9cc49aa50c9b509067e24819af275341d5935584817c940946c5dea050d0826a9350a2aa657aa397a7581e42","name":"beastie-boys.jpg","type":"image/jpeg","lastModified":1586374974227.838,"size":73554},{"id":"487cb09f0453b535ea559dea8905fee5114d2aee5a2b3c895895f0f721a257943234b13b45c602f90853d58fc8d31b809c2e6f810a67c959c3641084c3040546","href":"https://static.observableusercontent.com/files/487cb09f0453b535ea559dea8905fee5114d2aee5a2b3c895895f0f721a257943234b13b45c602f90853d58fc8d31b809c2e6f810a67c959c3641084c3040546","name":"addresses.csv","type":"text/csv","lastModified":1586377596301.963,"size":328}] 2f:{"title":"JOB example - Upload File","cells":[{"id":0,"value":"md`# JOB example - Upload File\n\nSee [@oscar6echo/jupyter-observablehq-bridge](https://observablehq.com/@oscar6echo/jupyter-observablehq-bridge)\n\nIf you open this notebook in the context of section **5-Examples** use these urlParams: \nhttps://observablehq.com/@oscar6echo/job-example-highcharts?host=localhost&port=4001&path=/graphql&channel=channel-1\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"md`## Image`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof im = imageInput({\n crossOrigin: \"anonymous\",\n initialUrl: await FileAttachment(\"beastie-boys.jpg\").url()\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":499,"value":"im.image","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"ab = im.arrayBuffer","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"sendImg = {\n const button = html`\n ${Object.assign(html``, { accept })}\n`;\n form.onsubmit = event => {\n form.value = load(form.url.value);\n form.dispatchEvent(new CustomEvent(\"input\"));\n event.preventDefault();\n };\n form.url.oninput = event => {\n event.stopPropagation();\n };\n form.file.oninput = () => {\n if (file !== null) URL.revokeObjectURL(file);\n file = URL.createObjectURL(form.file.files[0]);\n form.value = load((form.url.value = file));\n };\n if (initialUrl !== undefined) {\n form.value = load(initialUrl);\n }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"function imageInput({\n initialUrl,\n width,\n height,\n crossOrigin,\n accept = \".png,.jpg,.gif,.webp\"\n}) {\n return fileInput({\n initialUrl,\n accept,\n load(url) {\n return new Promise(async (resolve, reject) => {\n const blob = await fetch(url).then(r => r.blob());\n const arrayBuffer = blob.arrayBuffer();\n const image = new Image();\n image.style.display = \"block\";\n if (width !== undefined) image.width = width;\n if (height !== undefined) image.height = height;\n if (crossOrigin !== undefined) image.crossOrigin = crossOrigin;\n image.onload = () => resolve({ image, arrayBuffer });\n image.onerror = reject;\n image.src = url;\n });\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"function jsonInput({initialUrl, init, accept = \".json\"}) {\n return fileInput({\n initialUrl,\n accept,\n load(url) {\n return fetch(url, init).then(response => {\n if (!response.ok) throw new Error(response.status + \" \" + response.statusText);\n return response.json();\n });\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"function txtInput({ initialUrl, init, accept = \".txt,.csv,.js,.css\" }) {\n return fileInput({\n initialUrl,\n accept,\n load(url) {\n return fetch(url, init).then(response => {\n if (!response.ok)\n throw new Error(response.status + \" \" + response.statusText);\n return response.text();\n });\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"send = async (name, value, add_histo = false) => {\n const variables = {\n channel,\n name,\n value: JSON.stringify(value),\n add_histo,\n expiry: 60\n };\n const opts = { fetchPolicy: 'no-cache' };\n await b.actions.write({ client, variables, opts, raw: false });\n return variables.value;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"channel = p.get('channel')","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"p = util.urlSearch()","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"client = buildClient()","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"import { buildClient, b, util } from '@oscar6echo/job-utilities'","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"pako = require('https://cdn.jsdelivr.net/npm/pako@1.0.11/dist/pako.min.js')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}