@docusaurus/theme-live-codeblock 2.0.0-beta.18 → 2.0.0-beta.19

package/lib/theme/Playground/index.js

@@ -18,6 +18,7 @@ function Header({children}) {
 }
 function LivePreviewLoader() {
   // Is it worth improving/translating?
+  // eslint-disable-next-line @docusaurus/no-untranslated-text
   return <div>Loading...</div>;
 }
 function ResultWithHeader() {

package/lib/theme/ReactLiveScope/index.d.ts

@@ -32,7 +32,7 @@ declare const ReactLiveScope: {
     isValidElement<P_19>(object: {} | null | undefined): object is React.ReactElement<P_19, string | React.JSXElementConstructor<any>>;
     createRef<T_13>(): React.RefObject<T_13>;
     forwardRef<T_14, P_20 = {}>(render: React.ForwardRefRenderFunction<T_14, P_20>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P_20> & React.RefAttributes<T_14>>;
-    memo<P_21 extends object>(Component: React.FunctionComponent<P_21>, propsAreEqual?: ((prevProps: Readonly<React.PropsWithChildren<P_21>>, nextProps: Readonly<React.PropsWithChildren<P_21>>) => boolean) | undefined): React.NamedExoticComponent<P_21>;
+    memo<P_21 extends object>(Component: React.FunctionComponent<P_21>, propsAreEqual?: ((prevProps: Readonly<P_21>, nextProps: Readonly<P_21>) => boolean) | undefined): React.NamedExoticComponent<P_21>;
     memo<T_15 extends React.ComponentType<any>>(Component: T_15, propsAreEqual?: ((prevProps: Readonly<React.ComponentProps<T_15>>, nextProps: Readonly<React.ComponentProps<T_15>>) => boolean) | undefined): React.MemoExoticComponent<T_15>;
     lazy<T_16 extends React.ComponentType<any>>(factory: () => Promise<{
         default: T_16;
@@ -51,10 +51,22 @@ declare const ReactLiveScope: {
     useLayoutEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined): void;
     useEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined): void;
     useImperativeHandle<T_21, R_5 extends T_21>(ref: React.Ref<T_21> | undefined, init: () => R_5, deps?: React.DependencyList | undefined): void;
-    useCallback<T_22 extends (...args: any[]) => any>(callback: T_22, deps: React.DependencyList): T_22;
+    useCallback<T_22 extends Function>(callback: T_22, deps: React.DependencyList): T_22;
     useMemo<T_23>(factory: () => T_23, deps: React.DependencyList | undefined): T_23;
     useDebugValue<T_24>(value: T_24, format?: ((value: T_24) => any) | undefined): void;
-    Children: React.ReactChildren;
+    useDeferredValue<T_25>(value: T_25): T_25;
+    useTransition(): [boolean, React.TransitionStartFunction];
+    startTransition(scope: React.TransitionFunction): void;
+    useId(): string;
+    useInsertionEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined): void;
+    useSyncExternalStore<Snapshot>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, getServerSnapshot?: (() => Snapshot) | undefined): Snapshot;
+    Children: {
+        map<T_26, C_2>(children: C_2 | readonly C_2[], fn: (child: C_2, index: number) => T_26): C_2 extends null | undefined ? C_2 : Exclude<T_26, boolean | null | undefined>[];
+        forEach<C_3>(children: C_3 | readonly C_3[], fn: (child: C_3, index: number) => void): void;
+        count(children: any): number;
+        only<C_4>(children: C_4): C_4 extends any[] ? never : C_4;
+        toArray(children: React.ReactNode | React.ReactNode[]): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[];
+    };
     Fragment: React.ExoticComponent<{
         children?: React.ReactNode;
     }>;

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@docusaurus/theme-live-codeblock",
-  "version": "2.0.0-beta.18",
+  "version": "2.0.0-beta.19",
   "description": "Docusaurus live code block component.",
   "main": "lib/index.js",
   "types": "src/theme-live-codeblock.d.ts",
+  "sideEffects": [
+    "lib/theme/Playground/*"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -21,18 +24,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.18",
-    "@docusaurus/theme-common": "2.0.0-beta.18",
-    "@docusaurus/theme-translations": "2.0.0-beta.18",
-    "@docusaurus/utils-validation": "2.0.0-beta.18",
+    "@docusaurus/core": "2.0.0-beta.19",
+    "@docusaurus/theme-common": "2.0.0-beta.19",
+    "@docusaurus/theme-translations": "2.0.0-beta.19",
+    "@docusaurus/utils-validation": "2.0.0-beta.19",
     "@philpl/buble": "^0.19.7",
     "clsx": "^1.1.1",
-    "fs-extra": "^10.0.1",
+    "fs-extra": "^10.1.0",
     "react-live": "2.2.3",
-    "tslib": "^2.3.1"
+    "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@docusaurus/types": "2.0.0-beta.18",
+    "@docusaurus/types": "2.0.0-beta.19",
     "@types/buble": "^0.20.1"
   },
   "peerDependencies": {
@@ -42,5 +45,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "1a945d06993d53376e61bed2c942799fe07dc336"
+  "gitHead": "a71e60a49cce93c1006ef10c41ac03187f057102"
 }

package/src/deps.d.ts

@@ -10,10 +10,10 @@ declare module '@philpl/buble' {
   // eslint-disable-next-line import/no-extraneous-dependencies, no-restricted-syntax
   export * from 'buble';
   export const features: string[];
-  export interface TransformOptions extends OriginalTransformOptions {
+  export type TransformOptions = OriginalTransformOptions & {
     transforms?: OriginalTransformOptions['transforms'] & {
       asyncAwait?: boolean;
       getterSetter?: boolean;
     };
-  }
+  };
 }

package/src/theme/Playground/index.tsx

@@ -23,6 +23,7 @@ function Header({children}: {children: React.ReactNode}) {
 
 function LivePreviewLoader() {
   // Is it worth improving/translating?
+  // eslint-disable-next-line @docusaurus/no-untranslated-text
   return <div>Loading...</div>;
 }
 

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

@@ -23,9 +23,9 @@ declare module '@theme/Playground' {
 }
 
 declare module '@theme/ReactLiveScope' {
-  interface Scope {
+  type Scope = {
     [key: string]: unknown;
-  }
+  };
 
   const ReactLiveScope: Scope;
   export default ReactLiveScope;

package/src/types.d.ts

@@ -6,9 +6,11 @@
  */
 
 /// <reference types="@docusaurus/theme-classic" />
+/// <reference types="@docusaurus/module-type-aliases" />
 
 declare module '@theme-init/CodeBlock' {
-  import type CodeBlock, {Props as BaseProps} from '@theme/CodeBlock';
+  import type CodeBlock from '@theme/CodeBlock';
+  import type {Props as BaseProps} from '@theme/CodeBlock';
 
   export interface Props extends BaseProps {
     live?: boolean;