Preview for code components

hooroomoo → credited larowlan → .

Copied over the codeEditorSlice code to this from ✨ Allow code components to import from npm packages Active so adding credit now before i forget

balintbrews → credited xinran → .

Crediting @effulgentsia who came up with the idea to use @swc/wasm-web, and @xinran, who did the original implementation in ✨ [exploratory] PoC of Preact+Tailwind components editable via CodeMirror or Monaco Active .

Amazing work, @hooroomoo!

I'll leave this assigned to you, so you can record a screencast. We can also do that when we land ✨ Defining props for code components Active , hopefully soon. 😊

Gif that shows changing JSX, changing global style of primary color to pink, showing the error messages we added here for compile errors and if the code is missing a default export.

@hooroomoo 🤩🤩

This looks 🔥🔥🔥! Great work @hooroomoo! 👏

A tiny suggestion I have is that could we add a loading animation for the state where the preview is being loaded when opening the code editor?

lauriii → credited bostonjillian → .

lauriii → credited rachelh_design → .

Crediting the designers who worked on this.

Automatically closed - issue fixed for 2 weeks with no activity.