3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-24 05:07:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Add node scripts based compile & watch alternative to gulp

Browse source
This commit is contained in:
Andrey Antukh 2024-03-01 15:23:35 +01:00
parent 83ac6024a2
commit ec9d67ae1e
11 changed files with 895 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

74
frontend/scripts/watch.js Normal file
View file

@ -0,0 +1,74 @@
import proc from "node:child_process";
import fs from "node:fs/promises";
import ph from "node:path";
import log from "fancy-log";
import * as h from "./_helpers.js";
import ppt from "pretty-time";
const worker = h.startWorker();
let sass = null;
async function compileSassAll() {
const start = process.hrtime();
log.info("init: compile styles")
sass = await h.compileSassAll(worker);
let output = await h.concatSass(sass);
await fs.writeFile("./resources/public/css/main.css", output);
const end = process.hrtime(start);
log.info("done: compile styles", `(${ppt(end)})`);
}
async function compileSass(path) {
const start = process.hrtime();
log.info("changed:", path);
const result = await h.compileSass(worker, path, {modules:true});
sass.index[result.outputPath] = result.css;
const output = h.concatSass(sass);
await fs.writeFile("./resources/public/css/main.css", output);
const end = process.hrtime(start);
log.info("done:", `(${ppt(end)})`);
}
await compileSassAll();
await h.copyAssets()
await h.compileSvgSprites()
await h.compileTemplates();
await h.compilePolyfills();
log.info("watch: scss src (~)")
h.watch("src", h.isSassFile, async function (path) {
if (path.includes("common")) {
await compileSassAll(path);
} else {
await compileSass(path);
}
});
log.info("watch: scss: resources (~)")
h.watch("resources/styles", h.isSassFile, async function (path) {
log.info("changed:", path);
await compileSassAll()
});
log.info("watch: templates (~)")
h.watch("resources/templates", null, async function (path) {
log.info("changed:", path);
await h.compileTemplates();
});
log.info("watch: assets (~)")
h.watch(["resources/images", "resources/fonts"], null, async function (path) {
log.info("changed:", path);
await h.compileSvgSprites();
await h.copyAssets();
await h.compileTemplates();
});
worker.terminate();