hub / github.com/codesandbox/sandpack-bundler

github.com/codesandbox/sandpack-bundler @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

401 symbols 744 edges 103 files 25 documented · 6% ● updated 19mo ago★ 894 open issues

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Sandpack Bundler

The sandpack bundler, this aims to eventually replace the current sandpack with a more streamlined and faster version.

Getting started

Run yarn to install dependencies.
Run yarn dev to start the development server
Set the bundlerURL of sandpack-react to http://localhost:1234/ to see it in action.

Test the production build (performance/integration tests)

Run yarn to install dependencies.
Run yarn build to build the application
Run yarn start to start a local test server
Set the bundlerURL of sandpack-react to http://localhost:4587/

Using the deployed version

The main branch of this repository is automatically deployed to https://sandpack-bundler.codesandbox.io so you can update bundlerURL of sandpack-react to that url and start using the new sandpack bundler.

Extension points exported contracts — how you extend this code

IDisposable (Interface)

(no doc) [8 implementers]

src/utils/Disposable.ts

ISandboxFile (Interface)

(no doc)

src/types.ts

ICompileRequest (Interface)

(no doc)

src/protocol/message-types.ts

IParsedError (Interface)

(no doc)

src/errors/CompilationError.ts

IResolveOptionsInput (Interface)

(no doc)

src/resolver/resolver.ts

ErrorRecord (Interface)

(no doc)

src/error-listener/index.ts

IBundlerOpts (Interface)

(no doc)

src/bundler/bundler.ts

IHtmlHydrationState (Interface)

(no doc)

src/utils/html.ts

Core symbols most depended-on inside this repo

sendMessage

called by 18

src/protocol/iframe.ts

add

called by 11

src/utils/Disposable.ts

resolveAsync

called by 8

src/bundler/bundler.ts

src/utils/Disposable.ts

transformModule

called by 7

src/bundler/bundler.ts

registerTransformer

called by 7

src/bundler/presets/Preset.ts

ensureHMRConfig

called by 7

src/bundler/module/hot.ts

Shape

Method 178

Function 118

Class 76

Interface 28

Enum 1

Languages

TypeScript100%

Modules by API surface

src/bundler/bundler.ts24 symbols

src/utils/path.ts13 symbols

src/utils/WorkerMessageBus.ts13 symbols

src/utils/Disposable.ts13 symbols

src/resolver/resolver.ts13 symbols

src/bundler/module/HMR.ts13 symbols

src/FileSystem/layers/NodeModuleFSLayer.ts12 symbols

src/FileSystem/layers/IFrameFSLayer.ts12 symbols

src/bundler/transforms/css/import-loader/index.ts11 symbols

src/bundler/module/hot.ts10 symbols

src/bundler/module/Module.ts10 symbols

src/FileSystem/FSLayer.ts10 symbols

For agents

$ claude mcp add sandpack-bundler \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact