import sass from 'node-sass' import path from 'path' import fs from 'fs' import { promisify } from 'util' const writeFile = promisify(fs.writeFile) const readdir = promisify(fs.readdir) const render = promisify(sass.render.bind(sass)) const globalScss = path.join(__dirname, '../src/scss/global.scss') const defaultThemeScss = path.join(__dirname, '../src/scss/themes/_default.scss') const offlineThemeScss = path.join(__dirname, '../src/scss/themes/_offline.scss') const customScrollbarScss = path.join(__dirname, '../src/scss/custom-scrollbars.scss') const themesScssDir = path.join(__dirname, '../src/scss/themes') const assetsDir = path.join(__dirname, '../static') async function renderCss (file) { return (await render({ file, outputStyle: 'compressed' })).css } async function compileGlobalSass () { let mainStyle = (await Promise.all([defaultThemeScss, globalScss].map(renderCss))).join('') let offlineStyle = (await renderCss(offlineThemeScss)) let scrollbarStyle = (await renderCss(customScrollbarScss)) return `\n` + `\n` + `\n` } async function compileThemesSass () { let files = (await readdir(themesScssDir)).filter(file => !path.basename(file).startsWith('_')) await Promise.all(files.map(async file => { let res = await render({ file: path.join(themesScssDir, file), outputStyle: 'compressed' }) let outputFilename = 'theme-' + path.basename(file).replace(/\.scss$/, '.css') await writeFile(path.join(assetsDir, outputFilename), res.css, 'utf8') })) } export async function buildSass () { let [ result ] = await Promise.all([compileGlobalSass(), compileThemesSass()]) return result }