boonya/react-hook-form-validation

View on GitHub
styleguide.config.js

Summary

Maintainability
A
0 mins
Test Coverage
/* eslint-disable @typescript-eslint/no-var-requires */
const {name: packageName, version} = require('./package.json');
const styles = require('./.styleguidist/styles');
const theme = require('./.styleguidist/theme');
const path = require('path');
/* eslint-enable @typescript-eslint/no-var-requires */

module.exports = {
    title: packageName,
    version,
    require: [
        path.resolve(__dirname, './.styleguidist/setup'),
    ],
    template: {
        head: {
            links: [
                {
                    rel: 'preconnect',
                    href: 'https://fonts.googleapis.com',
                },
                {
                    rel: 'preconnect',
                    href: 'https://fonts.gstatic.com',
                    crossorigin: true,
                },
                {
                    rel: 'stylesheet',
                    href: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans&display=swap',
                },
                {
                    rel: 'stylesheet',
                    href: 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css',
                    integrity: 'sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3',
                    crossorigin: 'anonymous',
                },
            ],
        },
    },
    theme,
    styles,
    ribbon: {
        text: 'Follow on Github',
        url: 'https://github.com/boonya/react-hook-form-validation',
    },
    contextDependencies: [
        path.resolve(__dirname, './docs'),
    ],
    sections: [
        {
            name: 'README',
            content: 'README.md',
            sections: [
                {
                    name: 'Installation',
                    href: '#installation',
                },
                {
                    name: 'Validators',
                    href: '#the-hook-currently-supports-the-following-validators',
                },
            ],
        },
        {
            name: 'Examples',
            sections: [
                {
                    name: 'Required',
                    content: 'docs/required.md',
                },
                {
                    name: 'Min Number',
                    content: 'docs/minNumber.md',
                },
                {
                    name: 'Max Number',
                    content: 'docs/maxNumber.md',
                },
                {
                    name: 'Min Length',
                    content: 'docs/minLength.md',
                },
                {
                    name: 'Max Length',
                    content: 'docs/maxLength.md',
                },
                {
                    name: 'Email',
                    content: 'docs/email.md',
                },
                {
                    name: 'URL',
                    content: 'docs/url.md',
                },
                {
                    name: 'Pattern',
                    content: 'docs/pattern.md',
                },
                {
                    name: 'Function',
                    content: 'docs/func.md',
                },
                {
                    name: 'Async Function',
                    content: 'docs/asyncFunction.md',
                },
            ],
        },
    ],
    moduleAliases: {
        'react-hook-form-validation': path.resolve(__dirname, './src/'),
    },
    webpackConfig: {
        module: {
            rules: [
                {
                    test: /\.ts$/u,
                    exclude: /node_modules/u,
                    loader: 'ts-loader',
                },
                {
                    test: /\.js?$/u,
                    exclude: /node_modules/u,
                    loader: 'babel-loader',
                },
            ],
        },
    },
};