31:[] 2f:{"title":"JOB example - AgGrid","cells":[{"id":0,"value":"md`# JOB example - AgGrid\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":4,"value":"md`## Grid`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"buttons = {\n const m = '5px';\n const btnAS = html``)\n .join('')\n : `No subscription`;\n const form = html``;\n for (const e of handlers) {\n form[e].onclick = () => {\n console.log(e);\n handler.remove(e);\n };\n }\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"// handler.remove('10_38_41_582')","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"md`---\n## Annex`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"mutable latest = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"mutable handlers = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"channel = p.get('channel')","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"p = util.urlSearch()","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"client = buildClient()","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"buildSubscription = async function({\n client,\n channel,\n pattern = true,\n maxDuration = 60 * 1,\n filter = () => true\n}) {\n const synced = {};\n const observer = {\n next: data => {\n // util.logJson(data);\n if (filter(data.name)) {\n synced[data.name] = data.value;\n mutable latest = data;\n }\n }\n };\n const uuidSub = util.buildTimestamp();\n const variables = { client, channel };\n const subscription = await b.actions.subscribe({\n client,\n variables,\n raw: false,\n observer\n });\n if (maxDuration)\n window.setTimeout(() => subscription.unsubscribe(), maxDuration * 1000);\n handler.add(uuidSub, subscription);\n return synced;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"handler = new SubscriptionHandler()","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"class SubscriptionHandler {\n constructor() {\n this.sub = {};\n }\n remove(k) {\n this.sub[k].unsubscribe();\n delete this.sub[k];\n mutable handlers = Object.keys(this.sub);\n }\n add(k, v) {\n this.sub[k] = v;\n mutable handlers = Object.keys(this.sub);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"import { buildClient, b, util } from '@oscar6echo/job-utilities'","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"stylesheet2 = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"stylesheet1 = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"AgGrid = require('ag-grid-community@23.0.2/dist/ag-grid-community.js')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}