@greensight/gds/bin/scss/index.js

Greensight Design System

#!/usr/bin/env node

const fs = require('fs');
const { red } = require('chalk');
const { resolve } = require('path');

const serializeVariables = require('./serializeVariables');
const serializeFunctions = require('./serializeFunctions');
const serializeMixins = require('./serializeMixins');
const serializeTypographyClasses = require('./serializeTypographyClasses');
const serializeBaseStyles = require('./serializeBaseStyles');
const serializeContainerMixin = require('./serializeContainerMixin');
const serializeBreakpoints = require('./serializeBreakpoints');
const serializeLayoutMixins = require('./serializeLayoutMixins');

async function loadSCSS() {
    let configPath = resolve('gds.config.json');
    if (process.argv.includes('-c')) configPath = resolve(process.argv[process.argv.indexOf('-c') + 1]);

    try {
        const configContent = await fs.promises.readFile(resolve(configPath));

        let config;

        try {
            config = JSON.parse(configContent);
        } catch {
            console.error(red('Config file must contain an object literal'));
            process.exit(1);
        }

        const fullTokensDir = resolve(config.tokensDir);
        let fileTokens;
        try {
            fileTokens = await fs.promises.readFile(`${fullTokensDir}/tokens.json`);
        } catch {
            console.error(red('File tokens.json not found'));
            process.exit(1);
        }
        const tokens = JSON.parse(fileTokens);

        if (!config.scss?.dir) {
            console.error(red('Add "scss.dir" property to your config.'));
            process.exit(1);
        }

        await Promise.all([
            serializeVariables(config, tokens),
            serializeMixins(config, tokens),
            serializeFunctions(config),
            serializeBaseStyles(config),
            serializeTypographyClasses(config, tokens),
            serializeContainerMixin(config, tokens),
            serializeBreakpoints(config, tokens),
            serializeLayoutMixins(config, tokens),
        ]);
    } catch {
        console.error(
            red('Add "gds.config.json" config file in root directory or set another location with "-c" flag'),
        );
    }
}

loadSCSS();