Quickly discover what the solid compiler will generate from your JSX template
by solidjsTypeScript
Last 12 weeks · 9 commits
4 of 6 standards met
Summary Externalize in the import map (fixes a runtime crash).* The Solid 2 babel preset injects into compiled output after the compiler worker has collected externals, so the preview import map never gained an entry for it and the iframe failed with . Adding it to gives it a pinned import-map entry, marks it external in the solid-js/@solidjs/web esm.sh URLs (one shared signals runtime instance), and pins its types to the solid-js version so type acquisition no longer relies on jsdelivr's flaky prerelease range resolution. Auto-import completions in the TypeScript worker.* Typing an unimported symbol (e.g. ) now suggests it and inserts the statement on accept. Since never sends and only applies present in the initial list, import edits are computed inline for a bounded, prefix-matched set of module-export entries (2+ chars typed, capped at 20), with so the client re-queries as the word grows. Entries sourced from re-exports and internals are skipped to avoid duplicates. Prevent the mobile header title from wrapping. Test plan Load a Solid 2 playground, confirm the preview renders without the module-specifier error and that gains a pinned entry after the first compile. Type in an editor tab: should be suggested and accepting it should add (merged into an existing solid-js import when present). Confirm Solid 1 playgrounds are unaffected (v1 paths are untouched). 🤖 Generated with Claude Code
Summary migrate generated import maps after loading and resolving the selected Solid version enable module-export completions and auto-import edits for Solid APIs such as disable the legacy Solid ESLint integration for Solid 2 while preserving TypeScript diagnostics add desktop and mobile preview controls that rerun the latest compiled code without reloading the iframe Verification (passes with existing warnings)
Repository: solidjs/solid-playground. Description: Quickly discover what the solid compiler will generate from your JSX template Stars: 243, Forks: 69. Primary language: TypeScript. Languages: TypeScript (97.9%), JavaScript (1.1%), CSS (0.7%), HTML (0.3%). License: MIT. Homepage: https://playground.solidjs.com Topics: compiler, repl, solid-js. Open PRs: 1, open issues: 22. Last activity: 1w ago. Community health: 75%. Top contributors: amoutonbrady, milomg, alexandre-mb-airweb, aquaductape, istareatscreens, birkskyum, Tommypop2, Jutanium, davedbase, trivikr and others.