[{"element_type":"text","content":"\n  \n        \u003cp\u003en.b. - The project presented below is community-member-contributed. While the project aims to uphold the quality of an official port, it does not represent an officially-supported CircuitPython port to web assembly.\u0026nbsp;\u0026nbsp;\u003c/p\u003e\n      \n","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eWant to try out a bit of code but don't have a CircuitPython board on hand?\u003c/p\u003e\n\u003cp\u003eTry out the browser-based\u0026nbsp;\u003ca title=\"link to GitHub-hosted sample page\" href=\"https://johnnohj.github.io/wasm/\" target=\"_blank\"\u003eCircuitPython WASM port\u003c/a\u003e!\u003c/p\u003e\n      \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/002/313/original/browser-board.jpg?1776981098","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eThis overhaul of the WASM port is built using the \u003ca title=\"GitHub repo link\" href=\"https://github.com/WebAssembly/wasi-sdk\" target=\"_blank\"\u003ewasi-sdk\u003c/a\u003e and uses web assembly, an emerging technology finding increasing support in web browsers.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eHere's what you can expect:\u003c/p\u003e\n      \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/002/315/original/b-editor-al.jpg?1776984716","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eImmediately above the text area of the editor:\u003c/p\u003e\n\u003cp\u003e1.) A menu of sample options, including one to edit yourself;\u003cbr\u003e2.) Runtime controls to 'Run' currently-displayed code, activate the 'REPL' area below, or 'Stop' execution\u003c/p\u003e\n\u003cp\u003eClicking 'Run' with 'My Code' displayed will save that code for your next visit to the webpage.\u003c/p\u003e\n      \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/002/316/original/b-repl-cu.jpg?1776984868","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eToggle between the selection-friendly 'Serial' view or type into the board's built-in 'Display.'\u003c/p\u003e\n\u003cp\u003e(Yes, that's running\u0026nbsp;\u003ccode\u003edisplayio\u003c/code\u003e\u0026nbsp;to create what you see)\u003c/p\u003e\n      \n\n\n\n\n\n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/002/318/original/blink-sample.jpg?1776985169","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eUpdates to some elements in code can be seen represented in the interactive SVG-based board.\u003c/p\u003e\n      \n\n\n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/002/319/original/sensor-sample.jpg?1776985288","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n        \u003cp\u003eWork is underway to add support for reading mocked sensor data.\u003c/p\u003e\n      \n\n\n","metadata":{}},{"element_type":"text","content":"\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n        \u003cp\u003eNot tested in all browsers, but this port ought to be compatible with the most popular ones. Activating extra features in your browser may be required.\u003c/p\u003e\n\u003cp\u003eYou can always hit the universal reset button to the left of your browser's address bar if things go wrong.\u003c/p\u003e\n\u003cp\u003eThe repo is available at the following link:\u003c/p\u003e\n\u003cp\u003e\u003ca title=\"Repo URL\" href=\"https://github.com/johnnohj/circuitpython/tree/browser-board/ports/wasm\" target=\"_blank\"\u003ehttps://github.com/johnnohj/circuitpython/tree/browser-board/ports/wasm\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eWhile this is very much an amateur work-in-progress project, I hope it's complete enough at this stage to be interesting and fun!\u003c/p\u003e\n      \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","metadata":{}}]