core3-playground

code playground, client-only, web application

react

• v18
• strict mode
• new jsx create element
• naive dumb components

esbuild

• super fast- less than 1s for development or production builds
• custom build script under scripts/build.js
• separate building of external vendors
• injects full reload upon change script to html in dev mode
• auto opens chrome in dev mode

monaco-editor

• all built-in basic languages activated (syntax highlighting)
• activated full language service for:
  • css, scss, less
  • html, handlebars, razor
  • json, with fetching of schema-store's catalog
• lazily loaded upon first usage
• no errors/warnings about the web worker
• auto-detects language (via usage of model)

rpc

• isolated, tiny implementation of fully-typed, proxy-based rpc
• helpers to create web workers or iframes that use this to communicate

code execution

• supports execution of ts/js files within project
• supports preview of Codux boards
• compilation worker supports:
  • typescript
  • javascript
  • css (+modules)
  • sass (+modules)
  • raw assets
• uses custom in-browser commonjs module system to evaluate code in a sandboxed iframe
• uses project's versions of typescript/sass
• loads sourcemaps, inlines sources into them, and inlines them to evaluated code
• evaluated files can be seen in devtools under iframe -> project://<file-path>
• caches compiled modules from node_modules packages to indexeddb

license

MIT