import { loadSuml } from './server/loader';
import fs from 'fs';
import {buildDict, buildLocaleList} from "./src/helpers";

const config = loadSuml('config');
const translations = loadSuml('translations');

const locale = config.locale;
const locales = buildLocaleList(locale);
const title = translations.title;
const description = translations.description;
const banner = process.env.BASE_URL + '/api/banner/zaimki.png';
const colour = '#C71585';

process.env.LOCALE = locale;

const bodyParser = require('body-parser');

const buildFlags = () => {
    const flags = [];
    for (let flag of fs.readdirSync(__dirname + '/static/flags/')) {
        let flagDisplay = flag
            .replace(new RegExp('\.png$'), '')
            .replace(new RegExp('_', 'g'), '')
            .trim();

        if (flag.startsWith('.')) {
            continue;
        }

        if (flag.startsWith('-')) {
            const tell = '-' + config.locale + '-';
            if (flag.startsWith(tell)) {
                flagDisplay = flagDisplay.substring(tell.length);
            } else {
                continue;
            }
        }

        flags.push([
            flag.replace(new RegExp('\.png$'), ''),
            flagDisplay,
        ]);
    }

    flags.sort((a, b) => a[1].localeCompare(b[1]));

    return buildDict(function *() {
        for (let [key, display] of flags) {
            yield [key, display];
        }
    });
};

const postCssPlugins = [
    require('autoprefixer'),
];

if (config.dir === 'rtl') {
    postCssPlugins.push(require('rtlcss'));
}

export default {
    target: 'server',
    head: {
        htmlAttrs: {
            dir: config.dir || 'ltr',
        },
        title: title,
        meta: [
            { charset: 'utf-8' },

            { hid: 'description', name: 'description', content: description },

            { name: 'viewport', content: 'width=device-width, initial-scale=1' },
            { hid: 'apple-mobile-web-app-title', name: 'apple-mobile-web-app-title', content: title },
            { hid: 'theme-color', name: 'theme-color', content: colour },

            { hid: 'og:type', property: 'og:type', content: 'article' },
            { hid: 'og:title', property: 'og:title', content: title },
            { hid: 'og:description', property: 'og:description', content: description },
            { hid: 'og:site_name', property: 'og:site_name', content: title },
            { hid: 'og:image', property: 'og:image', content: banner },

            { hid: 'twitter:card', property: 'twitter:card', content: 'summary_large_image' },
            { hid: 'twitter:title', property: 'twitter:title', content: title },
            { hid: 'twitter:description', property: 'twitter:description', content: description },
            { hid: 'twitter:site', property: 'twitter:site', content: process.env.BASE_URL },
            { hid: 'twitter:image', property: 'twitter:image', content: banner },
        ],
        link: [
            { rel: 'icon', type: 'image/svg', href: '/favicon.svg' }
        ],
        script: process.env.NODE_ENV === 'production' ? [
            {src: 'https://arc.io/widget.min.js#yHdNYRkC', async: true},
        ] : [],
    },
    css: [],
    plugins: [
        { src: '~/plugins/vue-matomo.js', ssr: false },
        { src: '~/plugins/globals.js' },
        { src: '~/plugins/auth.js' },
    ],
    components: true,
    buildModules: [],
    modules: [
        '@nuxtjs/pwa',
        '@nuxtjs/axios',
        ['@nuxtjs/redirect-module', {
            rules: config.redirects,
        }],
        'cookie-universal-nuxt',
    ],
    pwa: {
        manifest: {
            name: title,
            short_name: title,
            description: description,
            background_color: '#ffffff',
            theme_color: colour,
            lang: locale,
        }
    },
    build: {
        postcss: {
            plugins: postCssPlugins,
        },
        extend (config, ctx) {
            config.module.rules.push({
                test: /\.csv|\.tsv$/,
                loader: 'csv-loader',
                options: {
                    dynamicTyping: true,
                    header: true,
                    skipEmptyLines: true,
                    delimiter: '\t',
                }
            });
            config.module.rules.push({
                test: /\.suml$/,
                loader: 'suml-loader',
            });
            config.module.rules.push({
                test: /\.md$/,
                use: ['html-loader', 'markdown-loader']
            })
        },
    },
    env: {
        BASE_URL: process.env.BASE_URL,
        TITLE: title,
        PUBLIC_KEY: fs.readFileSync(__dirname + '/keys/public.pem').toString(),
        CONFIG: config,
        LOCALE: config.locale,
        LOCALES: locales,
        FLAGS: buildFlags(),
        BUCKET: `https://${process.env.AWS_S3_BUCKET}.s3-${process.env.AWS_REGION}.amazonaws.com`,
        STATS_FILE: process.env.STATS_FILE,
    },
    serverMiddleware: ['~/server/no-ssr.js', '~/server/index.js'],
    axios: {
        baseURL: process.env.BASE_URL + '/api',
    },
    router: {
        extendRoutes(routes, resolve) {
            if (config.sources.enabled) {
                routes.push({ path: '/' + config.sources.route, component: resolve(__dirname, 'routes/sources.vue') });
            }

            if (config.nouns.enabled) {
                routes.push({ path: '/' + config.nouns.route, component: resolve(__dirname, 'routes/nouns.vue') });
                for (let subroute of config.nouns.subroutes || []) {
                    routes.push({ path: `/${config.nouns.route}/${subroute}`, component: resolve(__dirname, `data/nouns/${subroute}.vue`) });
                }
                if (config.nouns.inclusive.enabled) {
                    routes.push({path: `/${config.nouns.route}/${config.nouns.inclusive.route}`, component: resolve(__dirname, 'routes/inclusive.vue')});
                }
                if (config.nouns.terms.enabled) {
                    routes.push({path: `/${config.nouns.route}/${config.nouns.terms.route}`, component: resolve(__dirname, 'routes/queerTerms.vue')});
                }
            }

            if (config.names.enabled) {
                routes.push({ path: '/' + config.names.route, component: resolve(__dirname, 'routes/names.vue') });
            }

            if (config.faq.enabled) {
                routes.push({ path: '/' + config.faq.route, component: resolve(__dirname, 'routes/faq.vue') });
            }

            if (config.links.enabled) {
                routes.push({ path: '/' + config.links.route, component: resolve(__dirname, 'routes/links.vue') });
                if (config.links.academicRoute) {
                    routes.push({ path: '/' + config.links.academicRoute, component: resolve(__dirname, 'routes/academic.vue') });
                }
                if (config.links.mediaRoute) {
                    routes.push({ path: '/' + config.links.mediaRoute, component: resolve(__dirname, 'routes/media.vue') });
                }
            }

            if (config.links.blog) {
                routes.push({ path: '/' + config.links.blogRoute, component: resolve(__dirname, 'routes/blog.vue'), name: 'blog' });
            }
            routes.push({ path: '/' + config.links.blogRoute + '/:slug', component: resolve(__dirname, 'routes/blogEntry.vue'), name: 'blogEntry' });

            if (config.people.enabled) {
                routes.push({ path: '/' + config.people.route, component: resolve(__dirname, 'routes/people.vue') });
            }

            if (config.english.enabled) {
                routes.push({ path: '/' + config.english.route, component: resolve(__dirname, 'routes/english.vue') });
            }

            if (config.contact.enabled) {
                routes.push({ path: '/' + config.contact.route, component: resolve(__dirname, 'routes/contact.vue') });
            }
            if (config.contact.team.enabled) {
                routes.push({ path: '/' + config.contact.team.route, component: resolve(__dirname, 'routes/team.vue') });
            }

            if (config.census.enabled) {
                routes.push({ path: '/' + config.census.route, component: resolve(__dirname, 'routes/census.vue') });
            }

            if (config.user.enabled) {
                routes.push({path: '/' + config.user.route, component: resolve(__dirname, 'routes/user.vue')});
                routes.push({path: '/' + config.user.termsRoute, component: resolve(__dirname, 'routes/terms.vue')});
            }
            routes.push({ path: '/admin', component: resolve(__dirname, 'routes/admin.vue') });

            if (config.profile.enabled) {
                routes.push({path: '/@*', component: resolve(__dirname, 'routes/profile.vue')});
                routes.push({path: '/card/@*', component: resolve(__dirname, 'routes/profileCard.vue')});
                if (config.profile.editorEnabled) {
                    routes.push({path: '/editor', component: resolve(__dirname, 'routes/profileEditor.vue')});
                }
            }

            if (config.pronouns.enabled) {
                routes.push({ path: '/' + config.pronouns.any, component: resolve(__dirname, 'routes/any.vue') });
                if (config.pronouns.avoiding) {
                    routes.push({ path: '/' + config.pronouns.avoiding, component: resolve(__dirname, 'routes/avoiding.vue') });
                }
            }

            if (config.api !== null) {
                routes.push({ path: '/api', component: resolve(__dirname, 'routes/api.vue') });
            }

            routes.push({ name: 'all', path: '*', component: resolve(__dirname, 'routes/pronoun.vue') });
        },
    },
}