GitShow/solidjs/solid-playground
solidjs

solid-playground

Quickly discover what the solid compiler will generate from your JSX template

by solidjs
compilerreplsolid-js
Star on GitHubForkWebsitenpm

TypeScript

243 stars69 forks35 contributorsActive · 1w agoSince 2020MIT

Meet the team

See all 35 on GitHub →
amoutonbrady
amoutonbrady258 contributions
milomg
milomg203 contributions
alexandre-mb-airweb
alexandre-mb-airweb57 contributions
aquaductape
aquaductape33 contributions
istareatscreens
istareatscreens21 contributions
birkskyum
birkskyum17 contributions
Tommypop2
Tommypop217 contributions
Jutanium
Jutanium8 contributions

Languages

View on GitHub →
TypeScript97.9%
JavaScript1.1%
CSS0.7%
HTML0.3%

Commit activity

Last 12 weeks · 9 commits

Full graph →

Community health

4 of 6 standards met

Community profile →
75
✓README✓License✓Contributing✓Code of Conduct○Issue Template○PR Template

Recent fixes

View closed PRs →
brenelz
Fix @solidjs/signals resolution and add auto-import completions for Solid 2MergedPR

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

brenelz · 1w ago
brenelz
Fix Solid 2 REPL integrationMergedPR

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)

brenelz · 2w ago
brenelz
support solid v2 in replMergedPR
brenelz · 2w ago
Structured data for AI agents

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.

·@ofershap

Replace github.com with gitshow.dev