31:[] 2f:{"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"},{"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"},{"id":177,"value":"__BRYTHON__ = {\n brython;\n return window.__BRYTHON__;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":14,"value":"div0 = {\n return html`

Your name is : \n \n `;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":459,"value":"{pyLi`\nprint(f'y=\\n{y}')\n`; return 'pyLi\\`...\\` test - check your console!'/*<- comment*/}","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"md`see also: https://observablehq.com/@andrzejq/brython-d3-observablehq-test`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}