@docusaurus/theme-live-codeblock 2.0.0-beta.20 → 2.0.0-beta.21

package/lib/custom-buble.js

@@ -7,19 +7,19 @@
 // fork of Buble which removes Buble's large dependency and weighs in
 // at a smaller size of ~51kB
 // https://github.com/FormidableLabs/react-live#what-bundle-size-can-i-expect
-import {transform as bubleTransform} from '@philpl/buble';
+import { transform as bubleTransform, } from '@philpl/buble';
 // This file is designed to mimic what's written in
 // https://github.com/kitten/buble/blob/mini/src/index.js, with custom transforms options,
 // so that webpack can consume it correctly.
-export {features} from '@philpl/buble';
+export { features } from '@philpl/buble';
 export function transform(source, options) {
-  return bubleTransform(source, {
-    ...options,
-    transforms: {
-      asyncAwait: false,
-      classes: false,
-      getterSetter: false,
-      ...options.transforms,
-    },
-  });
+    return bubleTransform(source, {
+        ...options,
+        transforms: {
+            asyncAwait: false,
+            classes: false,
+            getterSetter: false,
+            ...options.transforms,
+        },
+    });
 }

package/lib/index.js

@@ -1,47 +1,40 @@
-'use strict';
+"use strict";
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-Object.defineProperty(exports, '__esModule', {value: true});
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateThemeConfig = void 0;
-const theme_translations_1 = require('@docusaurus/theme-translations');
+const theme_translations_1 = require("@docusaurus/theme-translations");
 function themeLiveCodeblock(context) {
-  const {
-    i18n: {currentLocale},
-  } = context;
-  return {
-    name: 'docusaurus-theme-live-codeblock',
-    getThemePath() {
-      return '../lib/theme';
-    },
-    getTypeScriptThemePath() {
-      return '../src/theme';
-    },
-    getDefaultCodeTranslationMessages() {
-      return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
-        locale: currentLocale,
-        name: 'theme-live-codeblock',
-      });
-    },
-    configureWebpack() {
-      return {
-        resolve: {
-          alias: {
-            buble: require.resolve('./custom-buble.js'),
-          },
+    const { i18n: { currentLocale }, } = context;
+    return {
+        name: 'docusaurus-theme-live-codeblock',
+        getThemePath() {
+            return '../lib/theme';
         },
-      };
-    },
-  };
+        getTypeScriptThemePath() {
+            return '../src/theme';
+        },
+        getDefaultCodeTranslationMessages() {
+            return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
+                locale: currentLocale,
+                name: 'theme-live-codeblock',
+            });
+        },
+        configureWebpack() {
+            return {
+                resolve: {
+                    alias: {
+                        buble: require.resolve('./custom-buble.js'),
+                    },
+                },
+            };
+        },
+    };
 }
 exports.default = themeLiveCodeblock;
-var validateThemeConfig_1 = require('./validateThemeConfig');
-Object.defineProperty(exports, 'validateThemeConfig', {
-  enumerable: true,
-  get: function () {
-    return validateThemeConfig_1.validateThemeConfig;
-  },
-});
+var validateThemeConfig_1 = require("./validateThemeConfig");
+Object.defineProperty(exports, "validateThemeConfig", { enumerable: true, get: function () { return validateThemeConfig_1.validateThemeConfig; } });

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

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/// <reference types="react" />
 import { type Props } from '@theme-init/CodeBlock';
 declare const _default: (props: Props) => JSX.Element;
 export default _default;

package/lib/theme/Playground/index.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
 import clsx from 'clsx';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
 import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import {usePrismTheme} from '@docusaurus/theme-common';
 import styles from './styles.module.css';
-import useIsBrowser from '@docusaurus/useIsBrowser';
 function Header({children}) {
   return <div className={clsx(styles.playgroundHeader)}>{children}</div>;
 }
@@ -83,7 +83,7 @@ export default function Playground({children, transformCode, ...props}) {
       {/* @ts-expect-error: type incompatibility with refs */}
       <LiveProvider
         code={children.replace(/\n$/, '')}
-        transformCode={transformCode || ((code) => `${code};`)}
+        transformCode={transformCode ?? ((code) => `${code};`)}
         theme={prismTheme}
         {...props}>
         {playgroundPosition === 'top' ? (

package/lib/validateThemeConfig.d.ts

@@ -9,5 +9,5 @@ import type { ThemeConfig, ThemeConfigValidationContext } from '@docusaurus/type
 export declare const DEFAULT_CONFIG: {
     playgroundPosition: string;
 };
-export declare const Schema: Joi.ObjectSchema<any>;
+export declare const Schema: Joi.ObjectSchema<ThemeConfig>;
 export declare function validateThemeConfig({ validate, themeConfig, }: ThemeConfigValidationContext<ThemeConfig>): ThemeConfig;

package/lib/validateThemeConfig.js

@@ -1,26 +1,26 @@
-'use strict';
+"use strict";
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-Object.defineProperty(exports, '__esModule', {value: true});
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateThemeConfig = exports.Schema = exports.DEFAULT_CONFIG = void 0;
-const utils_validation_1 = require('@docusaurus/utils-validation');
+const utils_validation_1 = require("@docusaurus/utils-validation");
 exports.DEFAULT_CONFIG = {
-  playgroundPosition: 'bottom',
+    playgroundPosition: 'bottom',
 };
 exports.Schema = utils_validation_1.Joi.object({
-  liveCodeBlock: utils_validation_1.Joi.object({
-    playgroundPosition: utils_validation_1.Joi.string()
-      .equal('top', 'bottom')
-      .default(exports.DEFAULT_CONFIG.playgroundPosition),
-  })
-    .label('themeConfig.liveCodeBlock')
-    .default(exports.DEFAULT_CONFIG),
+    liveCodeBlock: utils_validation_1.Joi.object({
+        playgroundPosition: utils_validation_1.Joi.string()
+            .equal('top', 'bottom')
+            .default(exports.DEFAULT_CONFIG.playgroundPosition),
+    })
+        .label('themeConfig.liveCodeBlock')
+        .default(exports.DEFAULT_CONFIG),
 });
-function validateThemeConfig({validate, themeConfig}) {
-  return validate(exports.Schema, themeConfig);
+function validateThemeConfig({ validate, themeConfig, }) {
+    return validate(exports.Schema, themeConfig);
 }
 exports.validateThemeConfig = validateThemeConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-live-codeblock",
-  "version": "2.0.0-beta.20",
+  "version": "2.0.0-beta.21",
   "description": "Docusaurus live code block component.",
   "main": "lib/index.js",
   "types": "src/theme-live-codeblock.d.ts",
@@ -11,11 +11,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn build:server && yarn build:client && yarn build:copy && yarn build:format",
-    "build:server": "tsc --project tsconfig.server.json",
-    "build:client": "tsc --project tsconfig.client.json",
-    "build:copy": "node copyUntypedFiles.mjs",
-    "build:format": "prettier --config ../../.prettierrc --write \"lib/**/*.js\""
+    "build": "tsc --build && node ../../admin/scripts/copyUntypedFiles.js && prettier --config ../../.prettierrc --write \"lib/theme/**/*.js\"",
+    "watch": "run-p -c copy:watch build:watch",
+    "build:watch": "tsc --build --watch",
+    "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "repository": {
     "type": "git",
@@ -24,10 +23,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.20",
-    "@docusaurus/theme-common": "2.0.0-beta.20",
-    "@docusaurus/theme-translations": "2.0.0-beta.20",
-    "@docusaurus/utils-validation": "2.0.0-beta.20",
+    "@docusaurus/core": "2.0.0-beta.21",
+    "@docusaurus/theme-common": "2.0.0-beta.21",
+    "@docusaurus/theme-translations": "2.0.0-beta.21",
+    "@docusaurus/utils-validation": "2.0.0-beta.21",
     "@philpl/buble": "^0.19.7",
     "clsx": "^1.1.1",
     "fs-extra": "^10.1.0",
@@ -35,7 +34,7 @@
     "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@docusaurus/types": "2.0.0-beta.20",
+    "@docusaurus/types": "2.0.0-beta.21",
     "@types/buble": "^0.20.1"
   },
   "peerDependencies": {
@@ -43,7 +42,7 @@
     "react-dom": "^16.8.4 || ^17.0.0"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=16.14"
   },
-  "gitHead": "ed5cdba401a5948e187e927039b142a0decc702d"
+  "gitHead": "69ac49fc6909517f13615ee40290c4bd00c39df4"
 }

package/src/theme/Playground/index.tsx

@@ -6,15 +6,16 @@
  */
 
 import React from 'react';
-import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
 import clsx from 'clsx';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
 import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import BrowserOnly from '@docusaurus/BrowserOnly';
 import {usePrismTheme} from '@docusaurus/theme-common';
-import styles from './styles.module.css';
-import useIsBrowser from '@docusaurus/useIsBrowser';
 import type {Props} from '@theme/Playground';
+
+import styles from './styles.module.css';
 import type {ThemeConfig} from '@docusaurus/theme-live-codeblock';
 
 function Header({children}: {children: React.ReactNode}) {
@@ -97,7 +98,7 @@ export default function Playground({
       {/* @ts-expect-error: type incompatibility with refs */}
       <LiveProvider
         code={children.replace(/\n$/, '')}
-        transformCode={transformCode || ((code) => `${code};`)}
+        transformCode={transformCode ?? ((code) => `${code};`)}
         theme={prismTheme}
         {...props}>
         {playgroundPosition === 'top' ? (

package/src/validateThemeConfig.ts

@@ -15,7 +15,7 @@ export const DEFAULT_CONFIG = {
   playgroundPosition: 'bottom',
 };
 
-export const Schema = Joi.object({
+export const Schema = Joi.object<ThemeConfig>({
   liveCodeBlock: Joi.object({
     playgroundPosition: Joi.string()
       .equal('top', 'bottom')