3e:null 3f:["$","title",null,{"children":"Brython tag in observable | Andrzej Kubaszek | Observable"}] 45:[] 43:{"id":"cd0399b3f8b31be2","slug":"brython-tag-in-observable","title":"Brython tag in observable","thumbnail":"743aa6fcd666510f8b7c8f8f22ea3b2ad6fba2c88c956f8ec7b839167fa4b652","access_level":"public","create_time":"$D2019-04-01T06:18:16.207Z","update_time":"$D2019-05-14T07:54:38.262Z","view_time":null,"first_public_time":"$D2019-04-01T07:12:02.816Z","has_unpublished_edits":null,"fork":{"id":"9264b6145e1b1e1c","slug":"brython-in-observable","title":"Brython in observable","owner":{"id":"d2fd23101beb2a61","login":"bryangingechen","name":"Bryan Gin-ge Chen"}},"stars":0,"starred":false,"owner":{"type":"team","id":"12ed84ab2a5fb1d1","login":"andrzejq","name":"Andrzej Kubaszek","avatar_url":"https://avatars-next.observableusercontent.com/d5544e4f3e218de6ac8d753ce4dc79d57d9e2452dd35a57847ea297f0ad39698","tier":"starter_2024","bio":""},"version":467,"publish_version":467,"role":null,"authored":false,"authors":[{"type":"individual","id":"a26fa75e78b968fe","login":"andrzejq","name":"Andrzej Kubaszek","avatar_url":"https://avatars-next.observableusercontent.com/d5544e4f3e218de6ac8d753ce4dc79d57d9e2452dd35a57847ea297f0ad39698","tier":null,"bio":""}],"members":[{"type":"individual","id":"a26fa75e78b968fe","login":"andrzejq","name":"Andrzej Kubaszek","avatar_url":"https://avatars-next.observableusercontent.com/d5544e4f3e218de6ac8d753ce4dc79d57d9e2452dd35a57847ea297f0ad39698","tier":null,"role":"editor"}],"comments":[{"id":"4d9f40b313e84a5b","reply_to_id":null,"content":"I would return window.__BRYTHON__.python_to_js directly here (and scrap the cell below), since that's the only API you're working with.","create_time":"$D2021-11-27T09:46:07.403Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Brython tag in observable","cells":[{"id":0,"value":"md`# Brython tag in observable\n\nSee https://talk.observablehq.com/t/brython-observablehq/1832/\n\nI am not an experienced user of observablehq – any suggestions are welcome.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"brython = require('brython').catch(() => window.brython)\n//or brython = require('brython@3.7.1/brython.js').catch(() => window.brython)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"__BRYTHON__ = {\n brython;\n return window.__BRYTHON__;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"// Tagged template literals - DO NOT USE ${ INSIDE brythonSrc\n// https://github.com/brython-dev/brython/issues/1055#issuecomment-472862271\n// runBrython(code) from Bryan Gin-ge Chen https://observablehq.com/d/9264b6145e1b1e1c\n//Optional python source (libPyStr) can be added at the beginning in another tagged template literals (see pyLi)\nfunction py(brythonSrc, libPyStr){ //ex. brythonSrc = Array [ \"x=5\\nprint(f'x=\\n{x}')\\n\" ]\n var raw = (libPyStr ? libPyStr+'\\n' : '')\n + brythonSrc.raw.join('') //x=5\n //print(f'x=\\n{x}')\n //\n // https://talk.observablehq.com/t/execute-code-in-non-strict-mode/1728\n // https://observablehq.com/@mootari/tracking-and-displaying-errors\n try {\n var br_js = (1,eval)(__BRYTHON__.python_to_js(raw))\n } catch(err) {\n err.message = err.args //err.message is used to show err. inf. in observable\n console.error(err.message)\n throw err\n } \n return br_js \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"{py`\nx=5\nprint(f'x=\\n{x}')\n`; return 'py\\`...\\` test - check your console!'/*<- comment*/}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"div0 = {\n return html`

Your name is : \n \n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"{\n // wait for div0 cell to be evaluated\n div0;\n // python code won't work until the referenced elements are appended to the DOM\npy`\nprint('\\n Brython: (re)evaluating cell')\nfrom browser import document\nprint('\\n __BRYTHON__',__BRYTHON__.__MAGIC__,'\\n','-'*17,'\\n') \n\ndef echo(ev):\n s = document[\"zone\"].value\n document[\"echo2\"].text = f'Hello {s} !'\n print(f'~ {s} ~')\n\nbtn = document[\"test\"]; btn.unbind(\"click\") # unbind, so re-evaluating this cell will be OK\nbtn.bind(\"click\", echo)\n`\n return 'python: btn.bind(\"click\", echo) - this line is just a comment in observablehq'\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"libPySrc = md`\\`\\`\\`python\n\"\"\"\\\nAdditional source inserted in pyLi tagged template literals\n\"\"\"\ny=3+3\n\\`\\`\\``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"// tagged template literals with python source (libPySrc) added at the beginning\nfunction pyLi(brythonSrc){//brythonSrc = Array [ \"x=5\\nprint(f'x=\\n{x}')\\n\" ]\n return py (brythonSrc, libPySrc.innerText)\n} //DO NOT USE ${ INSIDE brythonSrc !","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"{pyLi`\nprint(f'y=\\n{y}')\n`; return 'pyLi\\`...\\` test - check your console!'/*<- comment*/}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"md`see also: https://observablehq.com/@andrzejq/brython-d3-observablehq-test`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W45","stdlib":"1"}} 44:"$43:body"