May 31, 2025 · May 31, 2025 · May 31, 2025
diff --git a/knip.ts b/knip.ts
        '@docusaurus/router',
        '@docusaurus/useDocusaurusContext',
        '@docusaurus/useBaseUrl',
        '@docusaurus/useIsBrowser',
        '@docusaurus/BrowserOnly',
        '@docusaurus/module-type-aliases',
        '@generated/docusaurus.config',
diff --git a/packages/website/package.json b/packages/website/package.json
  },
  "dependencies": {
    "@babel/runtime": "^7.24.4",
    "@docusaurus/core": "^3.2.1",
    "@docusaurus/plugin-client-redirects": "^3.2.1",
    "@docusaurus/plugin-pwa": "^3.2.1",
    "@docusaurus/preset-classic": "^3.2.1",
    "@docusaurus/remark-plugin-npm2yarn": "^3.2.1",
    "@docusaurus/theme-common": "^3.2.1",
    "@docusaurus/core": "^3.8.0",
    "@docusaurus/plugin-client-redirects": "^3.8.0",
    "@docusaurus/plugin-pwa": "^3.8.0",
    "@docusaurus/preset-classic": "^3.8.0",
    "@docusaurus/remark-plugin-npm2yarn": "^3.8.0",
    "@docusaurus/theme-common": "^3.8.0",
    "@typescript-eslint/parser": "workspace:*",
    "@typescript-eslint/website-eslint": "workspace:*",
    "@uiw/react-shields": "2.0.1",
    "typescript": "*"
  },
  "devDependencies": {
    "@docusaurus/module-type-aliases": "^3.2.1",
    "@docusaurus/module-type-aliases": "^3.8.0",
    "@types/mdast": "^4.0.3",
    "@types/react": "*",
    "@types/unist": "^3.0.2",
diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx
 import WordWrapButton from '@theme/CodeBlock/WordWrapButton';
 import clsx from 'clsx';
 import * as lz from 'lz-string';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import { Highlight } from 'prism-react-renderer';
 import React from 'react';

    languageProp ?? parseLanguage(blockClassName) ?? defaultLanguage;
  const prismTheme = usePrismTheme();
  const wordWrap = useCodeWordWrap();
  const isBrowser = useIsBrowser();

  // We still parse the metastring in case we want to support more syntax in the
  // future. Note that MDX doesn't strip quotes when parsing metastring:
            Open in Playground
          </TryInPlayground>
        )}
        <div className={styles.buttonGroup}>
          {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
            <WordWrapButton
              className={styles.codeButton}
              isEnabled={wordWrap.isEnabled}
              onClick={(): void => wordWrap.toggle()}
            />
          )}
          <CopyButton className={styles.codeButton} code={copiedCode} />
        </div>
        {isBrowser ? (
          <div className={styles.buttonGroup}>
            {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
              <WordWrapButton
                className={styles.codeButton}
                onClick={() => wordWrap.toggle()}
                isEnabled={wordWrap.isEnabled}
              />
            )}
            <CopyButton className={styles.codeButton} code={code} />
          </div>
        ) : null}
      </div>
    </Container>
  );
Original file line number	Diff line number	Diff line change
Expand Up		@@ -163,6 +163,7 @@ export default {
		'@docusaurus/router',
		'@docusaurus/useDocusaurusContext',
		'@docusaurus/useBaseUrl',
		'@docusaurus/useIsBrowser',
		'@docusaurus/BrowserOnly',
		'@docusaurus/module-type-aliases',
		'@generated/docusaurus.config',
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -28,12 +28,12 @@
		},
		"dependencies": {
		"@babel/runtime": "^7.24.4",
		"@docusaurus/core": "^3.2.1",
		"@docusaurus/plugin-client-redirects": "^3.2.1",
		"@docusaurus/plugin-pwa": "^3.2.1",
		"@docusaurus/preset-classic": "^3.2.1",
		"@docusaurus/remark-plugin-npm2yarn": "^3.2.1",
		"@docusaurus/theme-common": "^3.2.1",
		"@docusaurus/core": "^3.8.0",
		"@docusaurus/plugin-client-redirects": "^3.8.0",
		"@docusaurus/plugin-pwa": "^3.8.0",
		"@docusaurus/preset-classic": "^3.8.0",
		"@docusaurus/remark-plugin-npm2yarn": "^3.8.0",
		"@docusaurus/theme-common": "^3.8.0",
		"@typescript-eslint/parser": "workspace:*",
		"@typescript-eslint/website-eslint": "workspace:*",
		"@uiw/react-shields": "2.0.1",
Expand All		@@ -55,7 +55,7 @@
		"typescript": "*"
		},
		"devDependencies": {
		"@docusaurus/module-type-aliases": "^3.2.1",
		"@docusaurus/module-type-aliases": "^3.8.0",
		"@types/mdast": "^4.0.3",
		"@types/react": "*",
		"@types/unist": "^3.0.2",
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -16,6 +16,7 @@ import Line from '@theme/CodeBlock/Line';
		import WordWrapButton from '@theme/CodeBlock/WordWrapButton';
		import clsx from 'clsx';
		import * as lz from 'lz-string';
		import useIsBrowser from '@docusaurus/useIsBrowser';
		import { Highlight } from 'prism-react-renderer';
		import React from 'react';

Expand All		@@ -37,6 +38,7 @@ export default function CodeBlockString({
		languageProp ?? parseLanguage(blockClassName) ?? defaultLanguage;
		const prismTheme = usePrismTheme();
		const wordWrap = useCodeWordWrap();
		const isBrowser = useIsBrowser();

		// We still parse the metastring in case we want to support more syntax in the
		// future. Note that MDX doesn't strip quotes when parsing metastring:
Expand DownExpand Up		@@ -126,16 +128,18 @@ export default function CodeBlockString({
		Open in Playground
		</TryInPlayground>
		)}
		<div className={styles.buttonGroup}>
		{(wordWrap.isEnabled \|\| wordWrap.isCodeScrollable) && (
		<WordWrapButton
		className={styles.codeButton}
		isEnabled={wordWrap.isEnabled}
		onClick={(): void => wordWrap.toggle()}
		/>
		)}
		<CopyButton className={styles.codeButton} code={copiedCode} />
		</div>
		{isBrowser ? (
		<div className={styles.buttonGroup}>
		{(wordWrap.isEnabled \|\| wordWrap.isCodeScrollable) && (
		<WordWrapButton
		className={styles.codeButton}
		onClick={() => wordWrap.toggle()}
		isEnabled={wordWrap.isEnabled}
		/>
		)}
		<CopyButton className={styles.codeButton} code={code} />
		</div>
		) : null}
		</div>
		</Container>
		);
Expand Down