diff --git a/website/docs/src/pages/getting-started/private-packages.mdx b/website/docs/src/pages/getting-started/private-packages.mdx index 72259cf8b..c84ee5c1d 100644 --- a/website/docs/src/pages/getting-started/private-packages.mdx +++ b/website/docs/src/pages/getting-started/private-packages.mdx @@ -1,13 +1,13 @@ -import { Callout } from 'nextra-theme-docs' +import { Callout } from "nextra-theme-docs"; # Private packages -With Sandpack, you can securely consume private npm registries (GitHub packages, npm private registry, custom registries, etc.) within just a few steps. A CodeSandbox internal proxy provides the interface to communicate with a custom private npm registry and retrieve npm packages from any npm registry. +With Sandpack, you can securely consume private npm registries (GitHub packages, npm private registry, custom registries, etc.) within just a few steps. A CodeSandbox internal proxy provides the interface to communicate with a custom private npm registry and retrieve npm packages from any npm registry. You can access the settings [here](https://codesandbox.io/dashboard/settings/npm-registry). -This setting is only available on enterprise plans. + This setting is only available on enterprise plans. ## Configuration @@ -18,13 +18,18 @@ This setting is only available on enterprise plans. 2. **Trusted domains:** Set a list of trusted domains on the [Dashboard](https://codesandbox.io/dashboard/). -This will ensure that no one but you can use and render these sandboxes + + This will ensure that no one but you can use and render these sandboxes + -3. **Sandpack:** Provide a team ID and your custom setup for your Sandpack sandboxes. +3. **Sandpack:** Provide your Enterprise workspace ID and your custom setup for your Sandpack sandboxes. -You can find your team ID on the dashboard URL at [codesandbox.io/dashboard](https://codesandbox.io/dashboard/) + + You can find your Enterprise workspace ID in the dashboard URL at + [codesandbox.io/dashboard](https://codesandbox.io/dashboard/) + starting with ws_

@@ -32,15 +37,12 @@ This setting is only available on enterprise plans. ```jsx - ``` 4. **Sign-in:** When Sandpack loads, you will be asked to sign in; after doing that, it's done. @@ -59,8 +60,6 @@ export default function App() { - - ## Exporting sandboxes Once Sandpack is configured, you can use the "Open in CodeSandbox" button to export sandboxes to CodeSandbox effortlessly. However in order to seamless export the sandbox, you need to provide a CodeSandbox API key that will be used to create a sandbox inside your workspace. @@ -69,18 +68,19 @@ Once Sandpack is configured, you can use the "Open in CodeSandbox" button to exp 2. Use the generate token to setup your Sandpack instance: ```jsx -", privacy: "private", // "public" | "private" - } + }, }} /> ``` - This sandbox will be created inside the given workspace and can be shared with team members. + This sandbox will be created inside the given workspace and can be shared with + team members. ## Security @@ -102,4 +102,3 @@ If they want to retrieve a package from the private npm registry, they will have Sandpack uses the HTTP Content-Security-Policy (CSP) frame-ancestors directive to validate parents' window that may embed the given sandpack iFrame. With this extra security layer, only websites you trust (and provide to us) can render and fetch private packages from your registry. This can avoid phishing websites and the potential leakage of private data. -