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

✨ Watch css assets specifically for storybook

Browse source
This commit is contained in:
Belén Albeza 2024-08-01 15:06:04 +02:00
parent 8bcc2a4932
commit 7cdfd5a6d3
2 changed files with 88 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

86
frontend/scripts/watch-storybook.js Normal file
View file

@ -0,0 +1,86 @@
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 storybook styles");
sass = await h.compileSassStorybook(worker);
let output = await h.concatSass(sass);
await fs.writeFile("./resources/public/css/ds.css", output);
const end = process.hrtime(start);
log.info("done: compile storybook 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/ds.css", output);
const end = process.hrtime(start);
log.info("done:", `(${ppt(end)})`);
}
await fs.mkdir("./resources/public/css/", { recursive: true });
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) {
const isPartial = ph.basename(path).startsWith("_");
const isCommon = isPartial || ph.dirname(path).endsWith("/ds");
if (isCommon) {
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: translations (~)");
h.watch("translations", null, async function (path) {
log.info("changed:", path);
await h.compileTemplates();
});
log.info("watch: assets (~)");
h.watch(
["resources/images", "resources/fonts", "resources/plugins-runtime"],
null,
async function (path) {
log.info("changed:", path);
await h.compileSvgSprites();
await h.copyAssets();
await h.compileTemplates();
},
);
worker.terminate();