doczrc.js

import webpack from "webpack";
import CopyPlugin from "copy-webpack-plugin";

export default {
  typescript: true,
  title: "Resium",
  menu: [
    "Home",
    {
      name: "Installation",
      menu: ["Installation", "Set up webpack config 1", "Set up webpack config 2"],
    },
    "Getting Started",
    "Guide",
    {
      name: "Components",
    },
    {
      name: "Examples",
      href: "https://github.com/darwin-education/resium/tree/master/src/stories",
    },
    "Advanced",
    "Migration Guide",
    "Contribution",
  ],
  htmlContext: {
    head: {
      links: [
        {
          rel: "stylesheet",
          href: "/cesium/Widgets/widgets.css",
        },
      ],
      raw: ["<style>img{max-width:100%;}</style>"],
    },
    body: {
      scripts: [{ src: "/cesium/Cesium.js" }],
    },
  },
  modifyBundlerConfig: config => ({
    ...config,
    externals: {
      ...config.externals,
      cesium: "Cesium",
    },
    plugins: [
      ...config.plugins,
      new webpack.DefinePlugin({
        CESIUM_BASE_URL: JSON.stringify("/cesium"),
      }),
      new CopyPlugin([
        {
          from: "node_modules/cesium/Build/CesiumUnminified",
          to: "cesium",
        },
      ]),
    ],
    resolve: {
      ...config.resolve,
      extensions: [...config.resolve.extensions, ".ts", ".tsx"],
    },
  }),
  themeConfig: {
    mode: "dark",
    repository: "https://github.com/darwin-education/resium",
    colors: {
      primary: "#00A0E8",
      link: "#00A0E8",
    },
    logo: {
      src:
        "https://raw.githubusercontent.com/darwin-education/resium/master/docs/resources/logo-sidebar.png",
      width: 200,
    },
    styles: {
      body: {
        fontFamily: "'Source Sans Pro', Helvetica, sans-serif",
      },
      h1: {
        fontFamily: "'Source Sans Pro', Helvetica, sans-serif",
        fontSize: "50px",
      },
      h2: {
        fontSize: "28px",
        color: "#00A0E8",
      },
      h3: {
        color: "#50c0f1",
      },
      p: {
        margin: "10px 0",
      },
      code: {
        background: "#28CCA7",
        padding: "0 5px",
        overflow: "auto",
        whiteSpace: "pre-wrap",
        wordWrap: "break-word",
      },
    },
  },
};