@thewhateverapp/sandbox

Sandbox client for whateverpack tile previews. A fork of @codesandbox/sandpack-client with customizations for the Whatever platform.

Installation

npm install @thewhateverapp/sandbox
# or
yarn add @thewhateverapp/sandbox

Usage

import { loadSandpackClient } from "@thewhateverapp/sandbox";

const client = await loadSandpackClient("#preview", {
  files: {
    "/index.js": {
      code: `console.log("Hello from sandbox")`,
    },
  },
  entry: "/index.js",
}, {
  bundlerURL: "https://static.thewhatever.app/whateverpack/bundler/",
});

Key Customizations

• Explicit bundlerURL - Client requires bundler URL, no implicit CDN fallback
• Module Registry - moduleRegistry option for CJS helper resolution
• Edge Route Shims - edgeRouteShims option with defaults for next/server, next/headers
• Vendor Modules - vendorModules option to inject pre-bundled packages
• Sandbox Modules - sandboxModules option for injecting modules that run before user code
• Custom CDN - cdnRoot option to use custom npm packager

License

Apache-2.0