@docusaurus/theme-live-codeblock 3.0.0-beta.0 → 3.0.0-rc.0

package/lib/theme/CodeBlock/index.js

@@ -11,7 +11,6 @@ import CodeBlock from '@theme-init/CodeBlock';
 const withLiveEditor = (Component) => {
   function WrappedComponent(props) {
     if (props.live) {
-      // @ts-expect-error: we have deliberately widened the type of language prop
       return <Playground scope={ReactLiveScope} {...props} />;
     }
     return <Component {...props} />;

package/lib/theme/Playground/index.js

@@ -97,7 +97,6 @@ export default function Playground({children, transformCode, ...props}) {
   const noInline = props.metastring?.includes('noInline') ?? false;
   return (
     <div className={styles.playgroundContainer}>
-      {/* @ts-expect-error: type incompatibility with refs */}
       <LiveProvider
         code={children.replace(/\n$/, '')}
         noInline={noInline}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-live-codeblock",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-rc.0",
   "description": "Docusaurus live code block component.",
   "main": "lib/index.js",
   "types": "src/theme-live-codeblock.d.ts",
@@ -23,18 +23,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "3.0.0-beta.0",
-    "@docusaurus/theme-common": "3.0.0-beta.0",
-    "@docusaurus/theme-translations": "3.0.0-beta.0",
-    "@docusaurus/utils-validation": "3.0.0-beta.0",
+    "@docusaurus/core": "3.0.0-rc.0",
+    "@docusaurus/theme-common": "3.0.0-rc.0",
+    "@docusaurus/theme-translations": "3.0.0-rc.0",
+    "@docusaurus/utils-validation": "3.0.0-rc.0",
     "@philpl/buble": "^0.19.7",
     "clsx": "^1.2.1",
     "fs-extra": "^11.1.1",
-    "react-live": "2.2.3",
+    "react-live": "^4.1.5",
     "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@docusaurus/types": "3.0.0-beta.0",
+    "@docusaurus/types": "3.0.0-rc.0",
     "@types/buble": "^0.20.1"
   },
   "peerDependencies": {
@@ -42,7 +42,7 @@
     "react-dom": "^18.0.0"
   },
   "engines": {
-    "node": ">=16.14"
+    "node": ">=18.0"
   },
-  "gitHead": "27a1e90d9fff88af90ecad35bea16d4d7230482a"
+  "gitHead": "e66dfe04d2972edce66f431908470c61340f8ffc"
 }

package/src/deps.d.ts

@@ -7,7 +7,8 @@
 
 declare module '@philpl/buble' {
   import type {TransformOptions as OriginalTransformOptions} from 'buble';
-  // eslint-disable-next-line import/no-extraneous-dependencies, no-restricted-syntax
+
+  // eslint-disable-next-line no-restricted-syntax
   export * from 'buble';
   export const features: string[];
   export type TransformOptions = OriginalTransformOptions & {

package/src/theme/CodeBlock/index.tsx

@@ -13,7 +13,6 @@ import CodeBlock, {type Props} from '@theme-init/CodeBlock';
 const withLiveEditor = (Component: typeof CodeBlock) => {
   function WrappedComponent(props: Props) {
     if (props.live) {
-      // @ts-expect-error: we have deliberately widened the type of language prop
       return <Playground scope={ReactLiveScope} {...props} />;
     }
 

package/src/theme/Playground/index.tsx

@@ -115,7 +115,6 @@ export default function Playground({
 
   return (
     <div className={styles.playgroundContainer}>
-      {/* @ts-expect-error: type incompatibility with refs */}
       <LiveProvider
         code={children.replace(/\n$/, '')}
         noInline={noInline}

package/src/theme-live-codeblock.d.ts

@@ -18,9 +18,10 @@ declare module '@docusaurus/theme-live-codeblock' {
 
 declare module '@theme/Playground' {
   import type {Props as BaseProps} from '@theme/CodeBlock';
-  import type {LiveProviderProps} from 'react-live';
+  import type {LiveProvider} from 'react-live';
 
   type CodeBlockProps = Omit<BaseProps, 'className' | 'language' | 'title'>;
+  type LiveProviderProps = React.ComponentProps<typeof LiveProvider>;
 
   export interface Props extends CodeBlockProps, LiveProviderProps {
     children: string;