mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-24 19:33:02 +03:00
3be7c57bd6
refs https://github.com/TryGhost/Team/issues/1665 - adds tailwind css to dev and build modes - updates dev mode to watch changes for tailwind - updates build mode to write tailwind css file in public folder
182 lines
4.8 KiB
JavaScript
182 lines
4.8 KiB
JavaScript
const handler = require('serve-handler');
|
|
const http = require('http');
|
|
const chalk = require('chalk');
|
|
const {spawn} = require('child_process');
|
|
const minimist = require('minimist');
|
|
|
|
/* eslint-disable no-console */
|
|
const log = console.log;
|
|
/* eslint-enable no-console */
|
|
|
|
let yarnStartProcess;
|
|
let tailwindServerProcess;
|
|
let stdOutChunks = [];
|
|
let stdErrChunks = [];
|
|
let startYarnOutput = false;
|
|
|
|
const {v, verbose, port = 5370} = minimist(process.argv.slice(2));
|
|
const showVerbose = !!(v || verbose);
|
|
|
|
function clearConsole({withHistory = true} = {}) {
|
|
if (!withHistory) {
|
|
process.stdout.write('\x1Bc');
|
|
return;
|
|
}
|
|
process.stdout.write(
|
|
process.platform === 'win32' ? '\x1B[2J\x1B[0f' : '\x1B[2J\x1B[3J\x1B[H'
|
|
);
|
|
}
|
|
|
|
function printConfigInstruction() {
|
|
const data = {
|
|
portal: {
|
|
url: `http://localhost:${port}/sodo-search`
|
|
}
|
|
};
|
|
const stringifedData = JSON.stringify(data, null, 2);
|
|
const splitData = stringifedData.split('\n');
|
|
log();
|
|
splitData.forEach((data, idx, arr) => {
|
|
if (idx === 0 || idx === arr.length - 1) {
|
|
log(chalk.grey(data));
|
|
} else {
|
|
log(chalk.bold.whiteBright(data));
|
|
}
|
|
});
|
|
log();
|
|
}
|
|
|
|
function printInstructions() {
|
|
log();
|
|
log(chalk.yellowBright.underline(`Add portal to your local Ghost config`));
|
|
printConfigInstruction();
|
|
log(chalk.cyanBright('='.repeat(50)));
|
|
log();
|
|
}
|
|
|
|
function onProcessClose(code) {
|
|
yarnStartProcess = null;
|
|
tailwindServerProcess = null;
|
|
stdErrChunks = [];
|
|
stdOutChunks = [];
|
|
log(chalk.redBright.bold.underline(`Please restart the script...\n`));
|
|
}
|
|
|
|
function getBuildOptions() {
|
|
process.env.FORCE_COLOR = 'true';
|
|
const options = {
|
|
shell: true,
|
|
env: process.env
|
|
};
|
|
if (showVerbose) {
|
|
options.stdio = 'inherit';
|
|
}
|
|
return options;
|
|
}
|
|
|
|
function doYarnStart() {
|
|
if (yarnStartProcess) {
|
|
return;
|
|
}
|
|
const options = getBuildOptions();
|
|
yarnStartProcess = spawn('yarn start:combined', options);
|
|
|
|
['SIGINT', 'SIGTERM'].forEach(function (sig) {
|
|
yarnStartProcess.on(sig, function () {
|
|
yarnStartProcess && yarnStartProcess.exit();
|
|
});
|
|
});
|
|
|
|
yarnStartProcess.on('close', onProcessClose);
|
|
|
|
if (!showVerbose) {
|
|
yarnStartProcess.stdout.on('data', (data) => {
|
|
stdOutChunks.push(data);
|
|
printYarnProcessOutput(data);
|
|
});
|
|
yarnStartProcess.stderr.on('data', (data) => {
|
|
log(Buffer.from(data).toString());
|
|
stdErrChunks.push(data);
|
|
});
|
|
}
|
|
}
|
|
|
|
function doTailwindServerStart() {
|
|
if (tailwindServerProcess) {
|
|
return;
|
|
}
|
|
const options = getBuildOptions();
|
|
tailwindServerProcess = spawn('yarn tailwind', options);
|
|
|
|
['SIGINT', 'SIGTERM'].forEach(function (sig) {
|
|
tailwindServerProcess.on(sig, function () {
|
|
tailwindServerProcess && tailwindServerProcess.exit();
|
|
});
|
|
});
|
|
|
|
tailwindServerProcess.on('close', onProcessClose);
|
|
|
|
if (!showVerbose) {
|
|
tailwindServerProcess.stdout.on('data', (data) => {
|
|
stdOutChunks.push(data);
|
|
printYarnProcessOutput(data);
|
|
});
|
|
tailwindServerProcess.stderr.on('data', (data) => {
|
|
log(Buffer.from(data).toString());
|
|
stdErrChunks.push(data);
|
|
});
|
|
}
|
|
}
|
|
|
|
function printYarnProcessOutput(data) {
|
|
const dataStr = Buffer.from(data).toString();
|
|
const dataArr = dataStr.split('\n').filter((d) => {
|
|
return /\S/.test(d.trim());
|
|
});
|
|
if (dataArr.find(d => d.includes('Starting the development'))) {
|
|
startYarnOutput = true;
|
|
log(chalk.yellowBright('Starting the development server...\n'));
|
|
return;
|
|
}
|
|
dataArr.forEach((dataOut) => {
|
|
if (startYarnOutput) {
|
|
log(dataOut);
|
|
}
|
|
});
|
|
if (startYarnOutput) {
|
|
log();
|
|
}
|
|
}
|
|
|
|
function startDevServer() {
|
|
const server = http.createServer((request, response) => {
|
|
return handler(request, response, {
|
|
rewrites: [
|
|
{source: '/sodo-search', destination: 'scripts/load-portal.js'}
|
|
],
|
|
headers: [
|
|
{
|
|
source: '**',
|
|
headers: [{
|
|
key: 'Cache-Control',
|
|
value: 'no-cache'
|
|
},{
|
|
key: 'Access-Control-Allow-Origin',
|
|
value: '*'
|
|
}]
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
server.listen(port, () => {
|
|
log(chalk.whiteBright(`Portal dev server is running on http://localhost:${port}`));
|
|
printInstructions();
|
|
doYarnStart();
|
|
doTailwindServerStart();
|
|
});
|
|
}
|
|
|
|
clearConsole({withHistory: false});
|
|
startDevServer();
|