vuepress.config.ts

import {navbar} from './navbar';
import {sidebar} from './sidebar';
import * as path from 'path';
import {defaultTheme} from '@vuepress/theme-default';
import webpackBundler from '@vuepress/bundler-webpack';
import * as DefinePlugin from 'webpack/lib/DefinePlugin.js';
import {googleAnalyticsPlugin} from '@vuepress/plugin-google-analytics';
import {sitemapPlugin} from '@vuepress/plugin-sitemap';
import {docsearchPlugin} from '@vuepress/plugin-docsearch';
import {registerComponentsPlugin} from '@vuepress/plugin-register-components';
import {defineUserConfig} from 'vuepress';
import {domain, getBase, isDevelop} from './getBase';

const pagePatterns = ['**/*.md', '!.vuepress', '!node_modules'];

// Ability to exclude device-page rendering to save time while in dev
if (process.env.EXCLUDE_DEVICES) {
    pagePatterns.push('!devices');
}
if (process.env.INCLUDE_DEVICE) {
    pagePatterns.push(`devices/${process.env.INCLUDE_DEVICE}.md`);
}

const devServerPort = process.env.DEV_PORT ? parseInt(process.env.DEV_PORT, 10) : undefined;

const conf = defineUserConfig({
    port: devServerPort,
    base: getBase(),
    title: 'Zigbee2MQTT' + (isDevelop ? ' develop' : ''),
    description: 'Zigbee to MQTT bridge, get rid of your proprietary Zigbee bridges',

    dest: 'dist',
    public: 'public',
    temp: '.temp',
    cache: '.cache',

    // Docu is way too large to prefetch
    shouldPrefetch: false,

    pagePatterns,

    head: [
        [
            'script',
            {},
            `if(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { window.document.querySelector('html').classList.add('dark');} `,
        ],
        [
            'link',
            {
                rel: 'icon',
                type: 'image/png',
                sizes: '16x16',
                href: `${getBase()}favicon-16x16.png`,
            },
        ],
        [
            'link',
            {
                rel: 'icon',
                type: 'image/png',
                sizes: '32x32',
                href: `${getBase()}favicon-32x32.png`,
            },
        ],
        [
            'link',
            {
                rel: 'apple-touch-icon',
                type: 'image/png',
                sizes: '180x180',
                href: `${getBase()}apple-touch-icon.png`,
            },
        ],
        [
            'link',
            {
                rel: 'manifest',
                href: `${getBase()}site.webmanifest`,
            },
        ],
        [
            'link',
            {
                rel: 'mask-icon',
                color: '#ffc135',
                href: `${getBase()}safari-pinned-tab.svg`,
            },
        ],
        [
            'meta',
            {
                name: 'msapplication-TileColor',
                content: '#ffc135',
            },
        ],
        [
            'meta',
            {
                name: 'theme-color',
                content: '#ffc135',
            },
        ],
    ],

    theme: defaultTheme({
        repo: 'Koenkk/zigbee2mqtt.io',
        repoLabel: 'GitHub (docs)',
        docsBranch: isDevelop ? 'develop' : 'master',
        editLinkText: 'Help to make the docu better and edit this page on Github ✌',
        logo: '/logo.png',
        docsDir: 'docs',
        navbar,
        sidebar,
        sidebarDepth: 2,
        contributors: false,
        themePlugins: {
            git: true,
        },
    }),

    debug: false,

    bundler: webpackBundler({
        scss: {
            sassOptions: {
                // ignore sass deprecation errors
                quietDeps: true,
            },
        },
        chainWebpack: (chain) => {
            chain.plugin('define-quasar').use(DefinePlugin.default, [
                {
                    __QUASAR_VERSION__: `'dev'`,
                    __QUASAR_SSR__: false,
                    __QUASAR_SSR_SERVER__: false,
                    __QUASAR_SSR_CLIENT__: false,
                    __QUASAR_SSR_PWA__: false,
                },
            ]);
        },
    }),

    plugins: [
        googleAnalyticsPlugin({
            id: 'G-H74W4PSJDZ',
        }),
        sitemapPlugin({hostname: domain}),
        docsearchPlugin({
            apiKey: '662e98933c5c5513d7488c30a98770f1',
            indexName: 'zigbee2mqtt.io',
            appId: 'K1BM3QYQ34',
            locales: {
                '/': {
                    placeholder: 'Search',
                },
            },
        }),
        registerComponentsPlugin({
            componentsDir: path.resolve(__dirname, 'docs/.vuepress/components'),
            components: {
                SupportedDevices: path.resolve(__dirname, 'supported-devices-component/SupportedDevices.vue'),
            },
        }),
        {
            name: 'extendsPageOptions',
            extendsPageOptions: (pageOpts) => {
                pageOpts.frontmatter = pageOpts.frontmatter ?? {};
                const frontmatter = pageOpts.frontmatter;
                // Add content-page css class
                if (!frontmatter.pageClass) {
                    frontmatter.pageClass = 'content-page';
                }
            },
        },
    ],
});

if (isDevelop) {
    conf.head!.push(['meta', {name: 'robots', content: 'noindex'}]);
}

export default conf;