@docusaurus/theme-live-codeblock 2.0.0-beta.12faed89d → 2.0.0-beta.14

package/lib/custom-buble.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+import { features as bubleFeatures, TransformOptions, TransformOutput } from '@philpl/buble';
+export { bubleFeatures as features };
+export declare function transform(source: string, options: TransformOptions): TransformOutput;

package/lib/custom-buble.js

@@ -0,0 +1,26 @@
+"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 });
+exports.transform = exports.features = void 0;
+// 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
+const buble_1 = require("@philpl/buble");
+Object.defineProperty(exports, "features", { enumerable: true, get: function () { return buble_1.features; } });
+function transform(source, options) {
+    return (0, buble_1.transform)(source, {
+        ...options,
+        transforms: {
+            asyncAwait: false,
+            classes: false,
+            getterSetter: false,
+            ...options.transforms,
+        },
+    });
+}
+exports.transform = transform;

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+import { DocusaurusContext, Plugin } from '@docusaurus/types';
+export default function theme(context: DocusaurusContext): Plugin;
+export { validateThemeConfig } from './validateThemeConfig';

package/lib/index.js

@@ -0,0 +1,39 @@
+"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 });
+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 theme(context) {
+    const { i18n: { currentLocale }, } = context;
+    return {
+        name: 'docusaurus-theme-live-codeblock',
+        getThemePath() {
+            return path_1.default.resolve(__dirname, './theme');
+        },
+        getDefaultCodeTranslationMessages() {
+            return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
+                locale: currentLocale,
+                name: 'theme-live-codeblock',
+            });
+        },
+        configureWebpack() {
+            return {
+                resolve: {
+                    alias: {
+                        buble: path_1.default.resolve(__dirname, './custom-buble.js'),
+                    },
+                },
+            };
+        },
+    };
+}
+exports.default = theme;
+var validateThemeConfig_1 = require("./validateThemeConfig");
+Object.defineProperty(exports, "validateThemeConfig", { enumerable: true, get: function () { return validateThemeConfig_1.validateThemeConfig; } });

package/lib/theme/CodeBlock/index.js

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ */
+
+import React from 'react';
+import Playground from '@theme/Playground';
+import ReactLiveScope from '@theme/ReactLiveScope';
+import CodeBlock from '@theme-init/CodeBlock';
+
+const withLiveEditor = (Component) => {
+  function WrappedComponent(props) {
+    if (props.live) {
+      return <Playground scope={ReactLiveScope} {...props} />;
+    }
+
+    return <Component {...props} />;
+  }
+
+  return WrappedComponent;
+};
+
+export default withLiveEditor(CodeBlock);

package/lib/theme/Playground/index.js

@@ -0,0 +1,110 @@
+/**
+ * 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.
+ */
+
+import * as React from 'react';
+import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
+import clsx from 'clsx';
+import Translate from '@docusaurus/Translate';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+import usePrismTheme from '@theme/hooks/usePrismTheme';
+import styles from './styles.module.css';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+
+function Header({children}) {
+  return <div className={clsx(styles.playgroundHeader)}>{children}</div>;
+}
+
+function LivePreviewLoader() {
+  // Is it worth improving/translating?
+  return <div>Loading...</div>;
+}
+
+function ResultWithHeader() {
+  return (
+    <>
+      <Header>
+        <Translate
+          id="theme.Playground.result"
+          description="The result label of the live codeblocks">
+          Result
+        </Translate>
+      </Header>
+      {/* https://github.com/facebook/docusaurus/issues/5747 */}
+      <div className={styles.playgroundPreview}>
+        <BrowserOnly fallback={<LivePreviewLoader />}>
+          {() => (
+            <>
+              <LivePreview />
+              <LiveError />
+            </>
+          )}
+        </BrowserOnly>
+      </div>
+    </>
+  );
+}
+
+function ThemedLiveEditor() {
+  const isBrowser = useIsBrowser();
+  return (
+    <LiveEditor
+      // We force remount the editor on hydration,
+      // otherwise dark prism theme is not applied
+      key={isBrowser}
+      className={styles.playgroundEditor}
+    />
+  );
+}
+
+function EditorWithHeader() {
+  return (
+    <>
+      <Header>
+        <Translate
+          id="theme.Playground.liveEditor"
+          description="The live editor label of the live codeblocks">
+          Live Editor
+        </Translate>
+      </Header>
+      <ThemedLiveEditor />
+    </>
+  );
+}
+
+export default function Playground({children, transformCode, ...props}) {
+  const {
+    siteConfig: {
+      themeConfig: {
+        liveCodeBlock: {playgroundPosition},
+      },
+    },
+  } = useDocusaurusContext();
+  const prismTheme = usePrismTheme();
+
+  return (
+    <div className={styles.playgroundContainer}>
+      <LiveProvider
+        code={children.replace(/\n$/, '')}
+        transformCode={transformCode || ((code) => `${code};`)}
+        theme={prismTheme}
+        {...props}>
+        {playgroundPosition === 'top' ? (
+          <>
+            <ResultWithHeader />
+            <EditorWithHeader />
+          </>
+        ) : (
+          <>
+            <EditorWithHeader />
+            <ResultWithHeader />
+          </>
+        )}
+      </LiveProvider>
+    </div>
+  );
+}

package/lib/theme/Playground/styles.module.css

@@ -0,0 +1,40 @@
+/**
+ * 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.
+ */
+
+.playgroundContainer {
+  margin-bottom: var(--ifm-leading);
+  border-radius: var(--ifm-global-radius);
+  box-shadow: var(--ifm-global-shadow-lw);
+  overflow: hidden;
+}
+
+.playgroundHeader {
+  letter-spacing: 0.08rem;
+  padding: 0.75rem;
+  text-transform: uppercase;
+  font-weight: bold;
+  background: var(--ifm-color-emphasis-200);
+  color: var(--ifm-color-content);
+  font-size: var(--ifm-code-font-size);
+}
+
+.playgroundHeader:first-of-type {
+  background: var(--ifm-color-emphasis-600);
+  color: var(--ifm-color-content-inverse);
+}
+
+.playgroundEditor {
+  font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
+    var(--ifm-font-family-monospace) !important;
+  /*rtl:ignore*/
+  direction: ltr;
+}
+
+.playgroundPreview {
+  padding: 1rem;
+  background-color: var(--ifm-pre-background);
+}

package/lib/theme/ReactLiveScope/index.js

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+
+import React from 'react';
+
+// Add react-live imports you need here
+const ReactLiveScope = {
+  React,
+  ...React,
+};
+
+export default ReactLiveScope;

package/lib/validateThemeConfig.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+import { Joi } from '@docusaurus/utils-validation';
+import type { ThemeConfig, Validate, ValidationResult } from '@docusaurus/types';
+declare const DEFAULT_CONFIG: {
+    playgroundPosition: string;
+};
+declare const Schema: Joi.ObjectSchema<any>;
+declare function validateThemeConfig({ validate, themeConfig, }: {
+    validate: Validate<ThemeConfig>;
+    themeConfig: ThemeConfig;
+}): ValidationResult<ThemeConfig>;
+export { DEFAULT_CONFIG, Schema, validateThemeConfig };

package/lib/validateThemeConfig.js

@@ -0,0 +1,28 @@
+"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 });
+exports.validateThemeConfig = exports.Schema = exports.DEFAULT_CONFIG = void 0;
+const utils_validation_1 = require("@docusaurus/utils-validation");
+const DEFAULT_CONFIG = {
+    playgroundPosition: 'bottom',
+};
+exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
+const Schema = utils_validation_1.Joi.object({
+    liveCodeBlock: utils_validation_1.Joi.object({
+        playgroundPosition: utils_validation_1.Joi.string()
+            .equal('top', 'bottom')
+            .default(DEFAULT_CONFIG.playgroundPosition),
+    })
+        .label('themeConfig.liveCodeBlock')
+        .default(DEFAULT_CONFIG),
+});
+exports.Schema = Schema;
+function validateThemeConfig({ validate, themeConfig, }) {
+    return validate(Schema, themeConfig);
+}
+exports.validateThemeConfig = validateThemeConfig;

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@docusaurus/theme-live-codeblock",
-  "version": "2.0.0-beta.12faed89d",
+  "version": "2.0.0-beta.14",
   "description": "Docusaurus live code block component.",
-  "main": "src/index.js",
+  "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "tsc && node copyUntypedFiles.js",
+    "watch": "node copyUntypedFiles.js && tsc --watch"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/docusaurus.git",
@@ -13,20 +17,28 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.12faed89d",
-    "@docusaurus/utils-validation": "2.0.0-beta.12faed89d",
+    "@docusaurus/core": "2.0.0-beta.14",
+    "@docusaurus/theme-translations": "2.0.0-beta.14",
+    "@docusaurus/utils": "2.0.0-beta.14",
+    "@docusaurus/utils-validation": "2.0.0-beta.14",
     "@philpl/buble": "^0.19.7",
     "clsx": "^1.1.1",
-    "parse-numeric-range": "^1.2.0",
+    "fs-extra": "^10.0.0",
+    "parse-numeric-range": "^1.3.0",
     "prism-react-renderer": "^1.2.1",
-    "react-live": "^2.2.3"
+    "react-live": "2.2.3",
+    "tslib": "^2.3.1"
+  },
+  "devDependencies": {
+    "@docusaurus/types": "2.0.0-beta.14",
+    "@types/buble": "^0.20.1"
   },
   "peerDependencies": {
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0"
   },
   "engines": {
-    "node": ">=12.13.0"
+    "node": ">=14"
   },
-  "gitHead": "1430dbacfbe9da59a17ce395ed29bdbddaf90049"
+  "gitHead": "c4824a8937d8f1aa0806667749cbc74058e2b294"
 }

package/src/{custom-buble.js → custom-buble.ts}

@@ -8,13 +8,29 @@
 // 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
-const {transform, features: bubleFeatures} = require('@philpl/buble');
+import {
+  transform as bubleTransform,
+  features as bubleFeatures,
+  TransformOptions,
+  TransformOutput,
+} 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.
-exports.features = bubleFeatures;
+export {bubleFeatures as features};
 
-exports.transform = function customTransform(source, options) {
-  return transform(source, {...options, transforms: {asyncAwait: false}});
-};
+export function transform(
+  source: string,
+  options: TransformOptions,
+): TransformOutput {
+  return bubleTransform(source, {
+    ...options,
+    transforms: {
+      asyncAwait: false,
+      classes: false,
+      getterSetter: false,
+      ...options.transforms,
+    },
+  });
+}

package/src/deps.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+
+declare module '@philpl/buble' {
+  import type {TransformOptions as OriginalTransformOptions} from 'buble';
+  // eslint-disable-next-line import/no-extraneous-dependencies
+  export * from 'buble';
+  export const features: string[];
+  export interface TransformOptions extends OriginalTransformOptions {
+    transforms?: OriginalTransformOptions['transforms'] & {
+      asyncAwait?: boolean;
+      getterSetter?: boolean;
+    };
+  }
+}

package/src/index.ts

@@ -0,0 +1,43 @@
+/**
+ * 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.
+ */
+
+import path from 'path';
+import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
+import {DocusaurusContext, Plugin} from '@docusaurus/types';
+
+export default function theme(context: DocusaurusContext): Plugin {
+  const {
+    i18n: {currentLocale},
+  } = context;
+
+  return {
+    name: 'docusaurus-theme-live-codeblock',
+
+    getThemePath() {
+      return path.resolve(__dirname, './theme');
+    },
+
+    getDefaultCodeTranslationMessages() {
+      return readDefaultCodeTranslationMessages({
+        locale: currentLocale,
+        name: 'theme-live-codeblock',
+      });
+    },
+
+    configureWebpack() {
+      return {
+        resolve: {
+          alias: {
+            buble: path.resolve(__dirname, './custom-buble.js'),
+          },
+        },
+      };
+    },
+  };
+}
+
+export {validateThemeConfig} from './validateThemeConfig';

package/src/theme/CodeBlock/index.js

@@ -11,13 +11,13 @@ import ReactLiveScope from '@theme/ReactLiveScope';
 import CodeBlock from '@theme-init/CodeBlock';
 
 const withLiveEditor = (Component) => {
-  const WrappedComponent = (props) => {
+  function WrappedComponent(props) {
     if (props.live) {
       return <Playground scope={ReactLiveScope} {...props} />;
     }
 
     return <Component {...props} />;
-  };
+  }
 
   return WrappedComponent;
 };

package/src/theme/Playground/index.js

@@ -10,13 +10,20 @@ import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
 import clsx from 'clsx';
 import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import BrowserOnly from '@docusaurus/BrowserOnly';
 import usePrismTheme from '@theme/hooks/usePrismTheme';
 import styles from './styles.module.css';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 
 function Header({children}) {
   return <div className={clsx(styles.playgroundHeader)}>{children}</div>;
 }
 
+function LivePreviewLoader() {
+  // Is it worth improving/translating?
+  return <div>Loading...</div>;
+}
+
 function ResultWithHeader() {
   return (
     <>
@@ -27,14 +34,33 @@ function ResultWithHeader() {
           Result
         </Translate>
       </Header>
+      {/* https://github.com/facebook/docusaurus/issues/5747 */}
       <div className={styles.playgroundPreview}>
-        <LivePreview />
-        <LiveError />
+        <BrowserOnly fallback={<LivePreviewLoader />}>
+          {() => (
+            <>
+              <LivePreview />
+              <LiveError />
+            </>
+          )}
+        </BrowserOnly>
       </div>
     </>
   );
 }
 
+function ThemedLiveEditor() {
+  const isBrowser = useIsBrowser();
+  return (
+    <LiveEditor
+      // We force remount the editor on hydration,
+      // otherwise dark prism theme is not applied
+      key={isBrowser}
+      className={styles.playgroundEditor}
+    />
+  );
+}
+
 function EditorWithHeader() {
   return (
     <>
@@ -45,14 +71,13 @@ function EditorWithHeader() {
           Live Editor
         </Translate>
       </Header>
-      <LiveEditor className={styles.playgroundEditor} />
+      <ThemedLiveEditor />
     </>
   );
 }
 
 export default function Playground({children, transformCode, ...props}) {
   const {
-    isClient,
     siteConfig: {
       themeConfig: {
         liveCodeBlock: {playgroundPosition},
@@ -64,8 +89,7 @@ export default function Playground({children, transformCode, ...props}) {
   return (
     <div className={styles.playgroundContainer}>
       <LiveProvider
-        key={isClient}
-        code={isClient ? children.replace(/\n$/, '') : ''}
+        code={children.replace(/\n$/, '')}
         transformCode={transformCode || ((code) => `${code};`)}
         theme={prismTheme}
         {...props}>

package/src/theme/Playground/styles.module.css

@@ -7,6 +7,9 @@
 
 .playgroundContainer {
   margin-bottom: var(--ifm-leading);
+  border-radius: var(--ifm-global-radius);
+  box-shadow: var(--ifm-global-shadow-lw);
+  overflow: hidden;
 }
 
 .playgroundHeader {
@@ -22,8 +25,6 @@
 .playgroundHeader:first-of-type {
   background: var(--ifm-color-emphasis-600);
   color: var(--ifm-color-content-inverse);
-  border-top-left-radius: var(--ifm-global-radius);
-  border-top-right-radius: var(--ifm-global-radius);
 }
 
 .playgroundEditor {
@@ -34,11 +35,6 @@
 }
 
 .playgroundPreview {
-  border: 1px solid var(--ifm-color-emphasis-200);
   padding: 1rem;
-}
-
-.playgroundPreview:last-of-type, .playgroundEditor:last-of-type {
-  border-bottom-left-radius: var(--ifm-global-radius);
-  border-bottom-right-radius: var(--ifm-global-radius);
+  background-color: var(--ifm-pre-background);
 }

package/src/{validateThemeConfig.js → validateThemeConfig.ts}

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const {Joi} = require('@docusaurus/utils-validation');
+import {Joi} from '@docusaurus/utils-validation';
+import type {ThemeConfig, Validate, ValidationResult} from '@docusaurus/types';
 
 const DEFAULT_CONFIG = {
   playgroundPosition: 'bottom',
 };
-exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
 
 const Schema = Joi.object({
   liveCodeBlock: Joi.object({
@@ -21,8 +21,15 @@ const Schema = Joi.object({
     .label('themeConfig.liveCodeBlock')
     .default(DEFAULT_CONFIG),
 });
-exports.Schema = Schema;
 
-exports.validateThemeConfig = function ({validate, themeConfig}) {
+function validateThemeConfig({
+  validate,
+  themeConfig,
+}: {
+  validate: Validate<ThemeConfig>;
+  themeConfig: ThemeConfig;
+}): ValidationResult<ThemeConfig> {
   return validate(Schema, themeConfig);
-};
+}
+
+export {DEFAULT_CONFIG, Schema, validateThemeConfig};

package/src/__tests__/validateThemeConfig.test.js

@@ -1,91 +0,0 @@
-/**
- * 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.
- */
-
-const {validateThemeConfig, DEFAULT_CONFIG} = require('../validateThemeConfig');
-
-function testValidateThemeConfig(themeConfig) {
-  function validate(schema, cfg) {
-    const {value, error} = schema.validate(cfg, {
-      convert: false,
-    });
-    if (error) {
-      throw error;
-    }
-    return value;
-  }
-
-  return validateThemeConfig({validate, themeConfig});
-}
-
-describe('validateThemeConfig', () => {
-  test('undefined config', () => {
-    const liveCodeBlock = undefined;
-    expect(testValidateThemeConfig({liveCodeBlock})).toEqual({
-      liveCodeBlock: {
-        ...DEFAULT_CONFIG,
-      },
-    });
-  });
-
-  test('unexist config', () => {
-    expect(testValidateThemeConfig({})).toEqual({
-      liveCodeBlock: {
-        ...DEFAULT_CONFIG,
-      },
-    });
-  });
-
-  test('empty config', () => {
-    const liveCodeBlock = {};
-    expect(testValidateThemeConfig({liveCodeBlock})).toEqual({
-      liveCodeBlock: {
-        ...DEFAULT_CONFIG,
-      },
-    });
-  });
-
-  test('playgroundPosition top', () => {
-    const liveCodeBlock = {
-      playgroundPosition: 'top',
-    };
-    expect(testValidateThemeConfig({liveCodeBlock})).toEqual({
-      liveCodeBlock: {
-        ...DEFAULT_CONFIG,
-        ...liveCodeBlock,
-      },
-    });
-  });
-
-  test('playgroundPosition bottom', () => {
-    const liveCodeBlock = {
-      playgroundPosition: 'bottom',
-    };
-    expect(testValidateThemeConfig({liveCodeBlock})).toEqual({
-      liveCodeBlock: {
-        ...DEFAULT_CONFIG,
-        ...liveCodeBlock,
-      },
-    });
-  });
-
-  test('playgroundPosition invalid string', () => {
-    const liveCodeBlock = {playgroundPosition: 'invalid'};
-    expect(() =>
-      testValidateThemeConfig({liveCodeBlock}),
-    ).toThrowErrorMatchingInlineSnapshot(
-      `"\\"liveCodeBlock.playgroundPosition\\" must be one of [top, bottom]"`,
-    );
-  });
-  test('playgroundPosition invalid boolean', () => {
-    const liveCodeBlock = {playgroundPosition: true};
-    expect(() =>
-      testValidateThemeConfig({liveCodeBlock}),
-    ).toThrowErrorMatchingInlineSnapshot(
-      `"\\"liveCodeBlock.playgroundPosition\\" must be one of [top, bottom]"`,
-    );
-  });
-});

package/src/index.js

@@ -1,33 +0,0 @@
-/**
- * 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.
- */
-
-const path = require('path');
-const {validateThemeConfig} = require('./validateThemeConfig');
-
-function theme() {
-  return {
-    name: 'docusaurus-theme-live-codeblock',
-
-    getThemePath() {
-      return path.resolve(__dirname, './theme');
-    },
-
-    configureWebpack() {
-      return {
-        resolve: {
-          alias: {
-            buble: path.resolve(__dirname, './custom-buble.js'),
-          },
-        },
-      };
-    },
-  };
-}
-
-module.exports = theme;
-
-theme.validateThemeConfig = validateThemeConfig;