Prywatność
Czy zezwalasz na pomiar i integracje zgodne z profilem hosta tej aplikacji?
esbuild-wasm

esbuild Transform Playground

Transformuj jeden snippet TS, TSX, JSX albo JS przez esbuild w workerze przegladarki. Ustaw loader, target, format, platform, minify i sourcemap bez wysylania kodu.

  • Dedykowany worker
  • WASM z tej domeny
  • Transform jednego pliku

Transformuj pojedynczy plik

Wybierz preset, ustaw opcje transformacji i uruchom esbuild-wasm w swiezym workerze dla obecnego snippetu.

Gotowe do transformacji

Type annotations, literal unions i export syntax transformowane do czytelnego ESM dla przegladarki.

tses2018esmbrowserreadableno map

Source

Znaki source
142 / 51200
Linie
8
Tryb
ts -> esm

Output

Uruchom transformacje, zeby zobaczyc output code, metryki i diagnostyke.

Szybki feedback transformacji bez zdalnego sandboxa

Uzyj playgroundu, zeby porownac jak esbuild obniza TypeScript, JSX, formaty modulow i targety zanim dotkniesz konfiguracji projektu. To narzedzie do krotkich snippetow, review i rozmow o build tooling.

Source zostaje w przegladarce. Narzedzie laduje esbuild.wasm z tej strony, blokuje remote import/fetch/require URL patterns i nie uruchamia pluginow, npm resolution ani build scripts.

Jaki zakres ma to narzedzie

Transform, nie build

Strona wywoluje esbuild.transform dla jednego source stringa. Pomaga przy decyzjach loader, target, format i JSX, ale nie przy package resolution.

Bez npm resolvera

Remote imports, require(http...) i fetch(http...) sa blokowane przed uruchomieniem esbuild, zeby UI nie sugerowal bundlingu ani network execution.

Granica Worker/WASM

Runtime esbuild jest ladowany w dedykowanym workerze z same-origin WASM asset oraz limitami rozmiaru i timeoutu.

Lacz output transformacji z formatterem, parserem i widokiem AST, gdy trzeba wyjasnic decyzje frontend tooling.

Otworz Prettier ConfigOtworz typescript-eslint ParserOtworz TypeScript AST ViewerOtworz JSON Schema Example Generator

FAQ

Czy moj kod opuszcza przegladarke?

Nie. Source trafia tylko do workera przegladarki. Strona nie wysyla snippetow do backendu.

Czy to jest to samo co esbuild build albo bundle?

Nie. To transform jednego pliku. Bundling, pluginy, filesystem i npm resolution sa celowo poza zakresem.

Dlaczego zdalne URL-e sa blokowane?

Remote imports i fetch sugeruja siec albo bundling. Blokada utrzymuje publiczny playground w przewidywalnym zakresie.

Dlaczego pierwsze uruchomienie trwa dluzej?

Pierwszy run inicjalizuje WebAssembly. Kolejne runy nadal uzywaja swiezych workerow, ale cache przegladarki zwykle przyspiesza asset WASM.