[docs-theme]: Replace codesandbox dependency with lz-string (#7547)

Author: ggdouglas

packages/docs-theme/package.json

@@ -37,8 +37,8 @@
         "@blueprintjs/select": "workspace:^",
         "@documentalist/client": "^5.0.0",
         "classnames": "^2.3.1",
-        "codesandbox": "^2.2.3",
         "fuzzaldrin-plus": "^0.6.0",
+        "lz-string": "^1.5.0",
         "tslib": "~2.6.2"
     },
     "peerDependencies": {

packages/docs-theme/src/common/sandbox.ts

@@ -4,6 +4,27 @@
 
 /* eslint-disable sort-keys */
 
+import LZString from "lz-string";
+
+export interface Files {
+    [key: string]: {
+        content: string;
+        isBinary: boolean;
+    };
+}
+
+function compress(input: string) {
+    return LZString.compressToBase64(input)
+        .replace(/\+/g, `-`) // Convert '+' to '-'
+        .replace(/\//g, `_`) // Convert '/' to '_'
+        .replace(/=+$/, ``); // Remove ending '='
+}
+
+// source: https://github.com/codesandbox/codesandbox-importers/blob/d077bdf/packages/import-utils/src/api/define.ts
+export function getParameters(parameters: { files: Files }) {
+    return compress(JSON.stringify(parameters));
+}
+
 const BLUEPRINT_PACKAGE_MAP: Record<string, { package: string; css?: string[] }> = {
     "@blueprintjs/core": {
         package: "@blueprintjs/core",

packages/docs-theme/src/components/codeExample.tsx

@@ -3,14 +3,21 @@
  */
 
 import classNames from "classnames";
-import { getParameters } from "codesandbox/lib/api/define";
 import { useCallback, useState } from "react";
 
 import { Button, Classes, Pre, Tooltip } from "@blueprintjs/core";
 
 import { useTheme } from "../common";
 import { DOCS_CODE_BLOCK } from "../common/classes";
-import { analyzeCode, getHtml, getIndex, getpackageJson, getStyles, getTsconfig } from "../common/sandbox";
+import {
+    analyzeCode,
+    getHtml,
+    getIndex,
+    getpackageJson,
+    getParameters,
+    getStyles,
+    getTsconfig,
+} from "../common/sandbox";
 
 export interface CodeExampleProps {
     children?: React.ReactNode;