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

package/lib/index.js

@@ -7,8 +7,6 @@
  */
 Object.defineProperty(exports, '__esModule', {value: true});
 exports.validateThemeConfig = void 0;
-const tslib_1 = require('tslib');
-const path_1 = (0, tslib_1.__importDefault)(require('path'));
 const theme_translations_1 = require('@docusaurus/theme-translations');
 function themeLiveCodeblock(context) {
   const {
@@ -17,10 +15,10 @@ function themeLiveCodeblock(context) {
   return {
     name: 'docusaurus-theme-live-codeblock',
     getThemePath() {
-      return path_1.default.resolve(__dirname, '../lib/theme');
+      return '../lib/theme';
     },
     getTypeScriptThemePath() {
-      return path_1.default.resolve(__dirname, '../src/theme');
+      return '../src/theme';
     },
     getDefaultCodeTranslationMessages() {
       return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
@@ -32,7 +30,7 @@ function themeLiveCodeblock(context) {
       return {
         resolve: {
           alias: {
-            buble: path_1.default.resolve(__dirname, './custom-buble.js'),
+            buble: require.resolve('./custom-buble.js'),
           },
         },
       };

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/lib/validateThemeConfig.d.ts

@@ -5,12 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Joi } from '@docusaurus/utils-validation';
-import type { ThemeConfig, Validate, ValidationResult } from '@docusaurus/types';
+import type { ThemeConfig, ThemeConfigValidationContext } from '@docusaurus/types';
 export declare const DEFAULT_CONFIG: {
     playgroundPosition: string;
 };
 export declare const Schema: Joi.ObjectSchema<any>;
-export declare function validateThemeConfig({ validate, themeConfig, }: {
-    validate: Validate<ThemeConfig>;
-    themeConfig: ThemeConfig;
-}): ValidationResult<ThemeConfig>;
+export declare function validateThemeConfig({ validate, themeConfig, }: ThemeConfigValidationContext<ThemeConfig>): ThemeConfig;

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@docusaurus/theme-live-codeblock",
-  "version": "2.0.0-beta.16",
+  "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.16",
-    "@docusaurus/theme-common": "2.0.0-beta.16",
-    "@docusaurus/theme-translations": "2.0.0-beta.16",
-    "@docusaurus/utils-validation": "2.0.0-beta.16",
+    "@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.16",
+    "@docusaurus/types": "2.0.0-beta.19",
     "@types/buble": "^0.20.1"
   },
   "peerDependencies": {
@@ -42,5 +45,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "eb43c4d4f95a4fb97dc9bb9dc615413e0dc2e1e7"
+  "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/index.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import path from 'path';
 import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
 import type {LoadContext, Plugin} from '@docusaurus/types';
 
@@ -18,10 +17,10 @@ export default function themeLiveCodeblock(context: LoadContext): Plugin {
     name: 'docusaurus-theme-live-codeblock',
 
     getThemePath() {
-      return path.resolve(__dirname, '../lib/theme');
+      return '../lib/theme';
     },
     getTypeScriptThemePath() {
-      return path.resolve(__dirname, '../src/theme');
+      return '../src/theme';
     },
 
     getDefaultCodeTranslationMessages() {
@@ -35,7 +34,7 @@ export default function themeLiveCodeblock(context: LoadContext): Plugin {
       return {
         resolve: {
           alias: {
-            buble: path.resolve(__dirname, './custom-buble.js'),
+            buble: require.resolve('./custom-buble.js'),
           },
         },
       };

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;

package/src/validateThemeConfig.ts

@@ -6,7 +6,10 @@
  */
 
 import {Joi} from '@docusaurus/utils-validation';
-import type {ThemeConfig, Validate, ValidationResult} from '@docusaurus/types';
+import type {
+  ThemeConfig,
+  ThemeConfigValidationContext,
+} from '@docusaurus/types';
 
 export const DEFAULT_CONFIG = {
   playgroundPosition: 'bottom',
@@ -25,9 +28,6 @@ export const Schema = Joi.object({
 export function validateThemeConfig({
   validate,
   themeConfig,
-}: {
-  validate: Validate<ThemeConfig>;
-  themeConfig: ThemeConfig;
-}): ValidationResult<ThemeConfig> {
+}: ThemeConfigValidationContext<ThemeConfig>): ThemeConfig {
   return validate(Schema, themeConfig);
 }