# codesandbox-client **Repository Path**: chitti/codesandbox-client ## Basic Information - **Project Name**: codesandbox-client - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-11-03 - **Last Updated**: 2025-11-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README This fork is mainly to adapt to [Tango](https://github.com/NetEase/tango) and work as its sandbox engine, so most of the modifications are focused on Sandpack. ## Build ```sh yarn install yarn build:deps yarn build:sandpack ``` Built files will be in `www/`. ## Deploy Once built, use [Caddy](https://caddyserver.com/) to serve static files. A `Caddyfile` is already in the repo. Or you can download prebuild assets from [releases](https://github.com/NetEase/codesandbox-client/releases) and [`Caddyfile`](https://github.com/NetEase/codesandbox-client/blob/master/Caddyfile) manually. Create a folder `www` next to `Caddyfile`, extract compressed tarball into `www/`, and run Caddy. ```sh caddy run ``` Or you can use Docker to build and deploy. ```sh docker build -t tango-codesandbox . docker run -p 8080:8080 tango-codesandbox ``` ### Local testing Tango and Sandpack requires to be run in HTTPS. If you want to test locally, assign any domain in your hosts file and resolve to `127.0.0.1`, then change `Caddyfile` and replace `:8080` to the domain. Once you've done, Caddy should be run on `8443` with self-signed HTTPS. ```sh docker run -p 8443:8443 tango-codesandbox ``` ## Changes Here are the main modifications applied in this fork, to make it run more flawless with Tango. - Set `document.domain` to Second-level Domain, to make sure Tango can listen to fired events in iframe. - This requires to add `Origin-Agent-Cluster: ?0` response header for Chrome 115. - Force running Babel in multi-thread mode. - Sandbox config is now in `sandbox.config.json` rather than `package.json`. - Resolve alias for ESM, and can be set as `alias` in `sandbox.config.json`. - Support externals feature like webpack, and can be set as `externals` and `externalResources` in `sandbox.config.json`. - Support passing `evaluateJavaScript` to run at head, and can be set in `sandbox.config.json`. - `sandboxId` can be set in `sandbox.config.json` - Support less module (`.module.less`) ***
[](#contributors-) [](https://circleci.com/gh/codesandbox/codesandbox-client) [](https://www.browserstack.com/automate/public-build/cVJuczlJWUtqWXhIbFN1ZjVQekF4NzNsd3phNEZRaGlWU0pHYVVkdGRFWT0tLXFtTVhaOWRySmN0ZG5QVDNDQ0g5Z0E9PQ==--79fe3eae4f149a400d396c9b12d3988f685785cf) [](http://makeapullrequest.com) [](http://www.firsttimersonly.com/) [](https://lerna.js.org/) An instantly ready, full-featured online IDE for web development on any device with a browser. Enabling you to start new projects quickly and prototype rapidly. With CodeSandbox, you can create web apps, experiment with code, test ideas, and share creations easily. ## Other CodeSandbox repositories CodeSandbox consists of several separate servers, some of which are open sourced. - Client: the web application - Server: the [Phoenix](https://github.com/phoenixframework/phoenix) API server - Nginx: Nginx config files - [Git Extractor](https://github.com/codesandbox/codesandbox-importers): responsible for extracting the source from a GitHub repository - [CLI](https://github.com/codesandbox/codesandbox-importers/tree/master/packages/cli): the CLI to upload a CodeSandbox project from your command line ## Documentation You can find our documentation on our [website](https://codesandbox.io/docs/learn/introduction/overview) ## Contributors β¨ Thanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):