new repl infra (enabling importing from CDN (no v1 addons))

[NullVoxPopuli]

Todo:

• get tests passing
  • fix svelte compiler
  • ensure all previous markdown features have a path forward
• add svelte, vue, and react to the compiler ui
• check if we still need the iframe for rendering, or if we can get rid of it, since it's all nested applications
• docs?

Blocked on:

• Initial implementation of renderComponent emberjs/ember.js#20781
  (as in, I need it, because we can't render nested ember applications right now)
  • RFC: renderComponent() emberjs/rfcs#1099
  • Alternative and patch included here (this will mean the minimal ember-source version for users ember ember-repl will be quite new)
    • Remove unneeded restriction around creating sub-applications emberjs/ember.js#20910
    • Change assert to warn for unneeded restriction around creating sub-applications emberjs/ember.js#20915

Closes: #32, #1756, #1632, #1717, #477, #1805, #1717

Prior Service Worker Attempts:

• Service Worker Compilation #1717 - abandoned because I wanted to explore not using a service worker
• Allow importing anything (except v1 addons) via Service Worker #1881 - trying to resurrect everything from all other issues, but ultimately abandoned due to the infra cost forcing a service worker would have.

Note

It may still be worth pursuing service workers as an option -- especially for https://limber.glimdown.com, as the idea of avoiding blocking the main thread when compiling is very attractive.

The approach in this PR will have more main-thread work, but will be simpler for the embedded use cases, as folks are (rightfully so!) to install third-party service workers on their sites.

Prior non-Service Worker Attempts

• Allow importing anything (except v1 addons) #1805 - abandoned because I don't have enough control over the imports -- there are situations, especially from CDNs where chained imports do not go through the polyfill
  • this issue is still present, but I think if I can can use tarballs instead, and preprocess all the files myself, maybe I can handle @embroider/macros

Help / Ideas

• https://bsky.app/profile/rich-harris.dev/post/3llygloabis2h
• https://github.com/sveltejs/svelte.dev/blob/af65482f6b13dff8fe77f3c06cf998b2c0863cda/packages/repl/src/lib/workers/npm.ts#L96
• https://github.com/GoogleChromeLabs/comlink

Features

• supports svelte, mermaid, react, solid, vue, (and could be expanded to anything else)
• allows importing from NPM (any package)
  • of course, v1 addons are not allowed, as v1 addons are an old ember concept where the npm libraries are actually node programs that the app would call out to asking for browser code to concat to its bundles
• markdown can render any component from any framework using its codefences and the meta live
  e.g.:

  hello!
  ```gjs live
  ember contents here
  ```
  
  ```svelte live
  svelte contents here
  ```

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

Project	Preview URL1	Manage
Limber	https://repl-sdk-v2.limber-glimdown.pages.dev	on Cloudflare
Tutorial	https://repl-sdk-v2.limber-glimmer-tutorial.pages.dev	on Cloudflare

Logs

Footnotes

1. if these branch preview links are not working, please check the logs for the commit-based preview link. There is a character limit of 28 for the branch subdomain, as well as some other heuristics, described here for the sake of implementation ease in deploy-preview.yml, that algo has been omitted. The URLs are logged in the wrangler output, but it's hard to get outputs from a matrix job. ↩