bifrost viewer demo

%23%20%2F%2F%2F%20script%0A%23%20%5Btool.marimo.display%5D%0A%23%20theme%20%3D%20%22dark%22%0A%23%20%0A%23%20%5Btool.marimo.export%5D%0A%23%20lock_kind%20%3D%20%22observed%22%0A%23%20%2F%2F%2F%0A%22%22%22The%20Widget%20Demo%20page's%20notebook%3A%20the%20bifrost%20viewer%20on%20a%20precomputed%2090%20degree%20waveguide%20bend.%0A%0AIt%20never%20imports%20bifrost.%20The%20viewer%20is%20the%20same%20front%20end%20%60bf.view(stack)%60%20shows%2C%20played%20back%20from%20the%0Afiles%20%60scripts%2Fbuild_demo.py%60%20exported%20to%20docs%2Fdemo%2Fdata%2C%20so%20it%20runs%20in%20a%20browser%20with%20no%20jax%2C%20no%20fdtdx%0Aand%20no%20GPU.%20The%20docs%20build%20exports%20this%20file%20with%20%60marimo%20export%20html-wasm%60%20into%20docs%2Fdemo%2Fnotebook%2F%0A(%60make%20demo-notebook%60)%2C%20and%20docs%2Flive-demo.md%20embeds%20the%20result%20in%20an%20iframe%2C%20which%20keeps%20the%20site's%20menu.%0A%0AAll%20the%20text%20of%20the%20Widget%20Demo%20page%20is%20here%2C%20under%20the%20viewer%3B%20the%20page%20itself%20holds%20only%20the%20iframe.%0AThe%20notebook%20starts%20in%20dark%20mode%20(the%20header%20above%2C%20which%20%60marimo%20export%60%20reads)%2C%20and%20the%20viewer%20starts%0Awith%20its%20cards%20collapsed%20(js%2Fviewer%2Fdemo.ts).%20Links%20to%20other%20pages%20of%20the%20site%20are%20written%20from%20the%0Aexported%20notebook%20(docs%2Fdemo%2Fnotebook%2F)%20and%20open%20in%20the%20whole%20window%20(%60target%3D%22_top%22%60)%2C%20not%20in%20the%20iframe.%0A%0AThe%20widget%20finds%20the%20viewer%20bundle%20and%20the%20data%20relative%20to%20the%20exported%20page%20(docs%2Fdemo%2Fnotebook%2F)%2C%0Aso%20the%20notebook%20is%20meant%20to%20be%20read%20from%20there%3B%20%60marimo%20edit%60%20on%20this%20file%20shows%20the%20text%20but%20not%20the%20viewer.%0A%22%22%22%0A%0Aimport%20marimo%0A%0A__generated_with%20%3D%20%220.25.2%22%0Aapp%20%3D%20marimo.App(width%3D%22full%22%2C%20app_title%3D%22bifrost%20viewer%20demo%22)%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_()%3A%0A%20%20%20%20import%20json%0A%20%20%20%20import%20pathlib%0A%0A%20%20%20%20import%20anywidget%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20import%20traitlets%0A%0A%20%20%20%20%23%20the%20text%20keeps%20a%20readable%20line%20length%20under%20the%20viewer%2C%20which%20spans%20the%20whole%20window%0A%20%20%20%20PROSE%20%3D%20%7B%22max-width%22%3A%20%2261rem%22%2C%20%22margin%22%3A%20%220%20auto%22%2C%20%22padding%22%3A%20%220%201rem%22%7D%0A%20%20%20%20return%20PROSE%2C%20anywidget%2C%20json%2C%20mo%2C%20pathlib%2C%20traitlets%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(anywidget%2C%20mo%2C%20traitlets)%3A%0A%20%20%20%20class%20_Replay(anywidget.AnyWidget)%3A%0A%20%20%20%20%20%20%20%20%22%22%22Mounts%20the%20demo%20bundle%20on%20the%20exported%20files%3B%20the%20bundle%20is%20%60docs%2Fdemo%2Fviewer-demo.js%60.%22%22%22%0A%0A%20%20%20%20%20%20%20%20_esm%20%3D%20%22%22%22%0A%20%20%20%20%20%20%20%20export%20default%20%7B%0A%20%20%20%20%20%20%20%20%20%20async%20render(%7B%20model%2C%20el%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20paths%20are%20relative%20to%20the%20notebook%20page%2C%20docs%2Fdemo%2Fnotebook%2Findex.html%20once%20exported%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20bundle%20%3D%20new%20URL(model.get(%22bundle%22)%2C%20document.baseURI).href%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20sheet%20%3D%20new%20URL(%22viewer.css%22%2C%20bundle).href%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20root%20%3D%20el.getRootNode()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20into%20%3D%20root%20instanceof%20ShadowRoot%20%3F%20root%20%3A%20document.head%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(!%5B...into.querySelectorAll(%22link%22)%5D.some((l)%20%3D%3E%20l.href%20%3D%3D%3D%20sheet))%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20link%20%3D%20document.createElement(%22link%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20link.rel%20%3D%20%22stylesheet%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20link.href%20%3D%20sheet%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20into.append(link)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20el.style.height%20%3D%20model.get(%22height%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20demo%20%3D%20await%20import(bundle)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20await%20demo.mountInto(el%2C%20model.get(%22src%22))%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%22%22%22%0A%0A%20%20%20%20%20%20%20%20src%20%3D%20traitlets.Unicode(%22..%2Fdata%2F%22).tag(sync%3DTrue)%0A%20%20%20%20%20%20%20%20bundle%20%3D%20traitlets.Unicode(%22..%2Fviewer-demo.js%22).tag(sync%3DTrue)%0A%20%20%20%20%20%20%20%20height%20%3D%20traitlets.Unicode(%22max(420px%2C%20calc(100vh%20-%2011rem))%22).tag(sync%3DTrue)%0A%0A%20%20%20%20viewer%20%3D%20mo.ui.anywidget(_Replay())%0A%20%20%20%20viewer%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(PROSE%2C%20mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20%20%20%20%20The%20viewer%20on%20the%20result%20of%20the%20%3Ca%20href%3D%22..%2F..%2Fgetting-started%2F%22%20target%3D%22_top%22%3Ebend%20tutorial%3C%2Fa%3E%2C%20in%20your%20browser%20with%0A%20%20%20%20%20%20%20%20no%20installation%20and%20no%20Python.%20Drag%20to%20orbit%2C%20scroll%20to%20zoom%2C%20and%20use%20the%20**Result**%20tab%20to%20choose%20what%20to%20display.%0A%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22index.html%22%20target%3D%22_blank%22%3EOpen%20the%20demo%20full%20screen%3C%2Fa%3E%20%C2%B7%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22..%2Findex.html%22%20target%3D%22_blank%22%3Ethe%20same%20viewer%20without%20the%20notebook%3C%2Fa%3E%0A%0A%20%20%20%20%20%20%20%20The%20demo%20is%20a%20%3Ca%20href%3D%22https%3A%2F%2Fmarimo.io%22%20target%3D%22_blank%22%3Emarimo%3C%2Fa%3E%20notebook%20that%20runs%20in%20your%20browser%3A%20it%20starts%20a%0A%20%20%20%20%20%20%20%20Python%20runtime%20there%20(Pyodide)%2C%20so%20the%20first%20load%20takes%20a%20few%20seconds%20longer%20than%20the%20plain%20viewer.%20It%20needs%20a%0A%20%20%20%20%20%20%20%20browser%20with%20WebGL.%20If%20it%20does%20not%20load%2C%20the%20picture%20behind%20it%20shows%20the%20same%20result%3B%20reload%20the%20page%20to%20try%20again%2C%0A%20%20%20%20%20%20%20%20or%20use%20the%20plain%20viewer.%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20).style(PROSE)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(PROSE%2C%20json%2C%20mo%2C%20pathlib)%3A%0A%20%20%20%20def%20_read(where)%20-%3E%20str%3A%0A%20%20%20%20%20%20%20%20if%20str(where).startswith(%22http%22)%3A%20%20%23%20in%20the%20browser%2C%20where%20the%20notebook's%20location%20is%20a%20URL%0A%20%20%20%20%20%20%20%20%20%20%20%20from%20pyodide.http%20import%20open_url%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20open_url(str(where)).read()%0A%20%20%20%20%20%20%20%20return%20pathlib.Path(where).read_text()%0A%0A%20%20%20%20_here%20%3D%20mo.notebook_location()%0A%20%20%20%20%23%20exported%20to%20docs%2Fdemo%2Fnotebook%2C%20the%20data%20is%20a%20sibling%20folder%3B%20from%20docs%2Fnotebooks%20it%20is%20under%20demo%2F%0A%20%20%20%20_data%20%3D%20_here.parent%20%2F%20%22data%22%20if%20str(_here).startswith(%22http%22)%20else%20_here.parent%20%2F%20%22demo%22%20%2F%20%22data%22%0A%20%20%20%20_m%20%3D%20json.loads(_read(_data%20%2F%20%22manifest.json%22))%0A%20%20%20%20_p%2C%20_r%20%3D%20_m%5B%22parameters%22%5D%2C%20_m%5B%22result%22%5D%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20f%22A%20%7B_p%5B'width_um'%5D%7D%20%C3%97%20%7B_p%5B'thickness_um'%5D%7D%20%C2%B5m%20silicon%20waveguide%20(%7B_p%5B'core_index'%5D%7D)%20in%20oxide%20%22%0A%20%20%20%20%20%20%20%20f%22(%7B_p%5B'clad_index'%5D%7D)%20turning%20through%20a%20%7B_p%5B'radius_um'%5D%7D%20%C2%B5m%20bend%20at%20%7B_p%5B'wavelength_um'%5D%7D%20%C2%B5m%2C%20%22%0A%20%20%20%20%20%20%20%20f%22simulated%20with%20fdtdx%20on%20%60%7B_m%5B'device'%5D%7D%60%20at%20%7B_p%5B'resolution_um'%5D%7D%20%C2%B5m%20resolution%3A%20%22%0A%20%20%20%20%20%20%20%20f%22transmission%20**%7B_r%5B'transmission'%5D%3A.3f%7D**%20in%20%7B_r%5B'wall_seconds'%5D%7D%20s.%20%22%0A%20%20%20%20%20%20%20%20f%22Source%3A%20%60%7B_p%5B'example'%5D%7D%60%20at%20commit%20%60%7B_m%5B'source'%5D%5B'commit'%5D%5B%3A7%5D%7D%60.%22%0A%20%20%20%20).style(PROSE)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(PROSE%2C%20mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20%20%20%20%20%23%23%20What%20the%20demo%20can%20and%20cannot%20do%0A%0A%20%20%20%20%20%20%20%20The%20demo%20plays%20back%20a%20**precomputed**%20result%2C%20so%20only%20what%20needs%20no%20Python%20works%3A%0A%0A%20%20%20%20%20%20%20%20-%20Orbit%2C%20zoom%2C%20fit%20the%20view%2C%20switch%20between%203D%20and%202D%2C%20and%20toggle%20layers%20and%20ports.%0A%20%20%20%20%20%20%20%20-%20Show%20and%20style%20the%20fields%3A%20pick%20the%20component%20and%20the%20transform%20(real%2C%20imaginary%2C%20magnitude%2C%20phase%2C%20log)%2C%20the%0A%20%20%20%20%20%20%20%20%20%20colors%20and%20the%20opacity%2C%20and%20choose%20the%20frame%20of%20a%20monitor%20that%20recorded%20several.%0A%20%20%20%20%20%20%20%20-%20**Play**%20the%20recorded%20movie%20of%20the%20pulse%20crossing%20the%20bend.%0A%20%20%20%20%20%20%20%20-%20Move%20the%20cross-section%20slider.%20The%202D%20slices%20are%20stored%20at%20evenly%20spaced%20positions%2C%20so%20the%20slider%20**snaps**%20to%0A%20%20%20%20%20%20%20%20%20%20them%20and%20shows%20the%20exact%20coordinate%3B%20there%20is%20no%20field%20*between*%20the%20recorded%20planes.%20A%20field%20is%20drawn%20only%20on%0A%20%20%20%20%20%20%20%20%20%20the%20plane%20of%20the%20monitor%20that%20recorded%20it%2C%20and%20in%20a%202D%20slice%20only%20where%20the%20slice%20is%20that%20plane%3A%20the%20demo%20has%0A%20%20%20%20%20%20%20%20%20%20no%20field%20volume.%0A%20%20%20%20%20%20%20%20-%20**Run**%20is%20disabled%20and%20labeled%20%22Precomputed%20demo%22%3B%20the%20setup%20(sources%2C%20monitors%2C%20simulation%20settings)%20is%0A%20%20%20%20%20%20%20%20%20%20read-only%2C%20and%20saving%20a%20video%20needs%20Python%2C%20so%20it%20says%20so.%20Saving%20a%20PNG%20of%20the%20view%20works.%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20).style(PROSE)%0A%20%20%20%20return%0A%0A%0A%40app.cell(hide_code%3DTrue)%0Adef%20_(PROSE%2C%20mo)%3A%0A%20%20%20%20mo.md(%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20%20%20%20%20%23%23%20How%20it%20was%20made%0A%0A%20%20%20%20%20%20%20%20The%20demo's%20data%20is%20the%20output%20of%20one%20real%20run%20of%20%60examples%2Fwaveguide_bend.py%60%2C%20exported%20by%20%60scripts%2Fbuild_demo.py%60%0A%20%20%20%20%20%20%20%20(see%20%3Ca%20href%3D%22..%2F..%2Fdevelopment%2F%23the-live-demo%22%20target%3D%22_top%22%3EContributing%20and%20tests%3C%2Fa%3E).%0A%20%20%20%20%20%20%20%20%60docs%2Fdemo%2Fdata%2Fmanifest.json%60%20records%20the%20source%20revision%2C%20the%20package%20versions%2C%20the%20simulation%20parameters%2C%20and%0A%20%20%20%20%20%20%20%20the%20size%20of%20every%20file.%20The%20documentation%20build%20only%20publishes%20those%20prepared%20files%3B%20it%20never%20reruns%20the%0A%20%20%20%20%20%20%20%20simulation.%0A%0A%20%20%20%20%20%20%20%20The%20page%20around%20the%20viewer%20is%20this%20notebook%2C%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A%2F%2Fgithub.com%2FSephiram591%2Fbifrost%2Fblob%2Fmain%2Fdocs%2Fnotebooks%2Fwidget_demo.py%22%20target%3D%22_blank%22%3E%3Ccode%3Edocs%2Fnotebooks%2Fwidget_demo.py%3C%2Fcode%3E%3C%2Fa%3E%2C%0A%20%20%20%20%20%20%20%20exported%20with%20%60marimo%20export%20html-wasm%60%20when%20the%20docs%20are%20built.%20It%20does%20not%20import%20bifrost%20(jax%2C%20fdtdx%20and%0A%20%20%20%20%20%20%20%20gdsfactory%20do%20not%20run%20in%20a%20browser)%3A%20its%20widget%20loads%20the%20same%20viewer%20bundle%20on%20the%20exported%20files%2C%20and%20one%20of%20its%0A%20%20%20%20%20%20%20%20cells%20reads%20the%20run's%20%60manifest.json%60%20for%20the%20summary%20under%20the%20viewer.%0A%0A%20%20%20%20%20%20%20%20To%20run%20the%20viewer%20on%20your%20own%20devices%2C%20see%20the%20%3Ca%20href%3D%22..%2F..%2Fguide%2Fviewer%2F%22%20target%3D%22_top%22%3EViewer%20guide%3C%2Fa%3E.%0A%20%20%20%20%20%20%20%20%22%22%22%0A%20%20%20%20).style(PROSE)%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A