buner 1.0.7 → 1.0.8

package/dist/buner.js

@@ -1,26 +1,48 @@
 #!/usr/bin/env node
 import path from "path";
-import { execSync, spawn } from "child_process";
 import { fileURLToPath } from "url";
 import { Command } from "commander";
 import chalk from "chalk";
 import fetch from "node-fetch";
 import prompts from "prompts";
+import { build } from "vite";
+import { runStyles } from "./styles.js";
+import { runStates } from "./states.js";
+import { runServer } from "./server.js";
+import { runPrerender } from "./prerender.js";
+import { runIntegration } from "./integration.js";
+import validateProjectName from "validate-npm-package-name";
 import fs from "fs";
+import { execSync } from "child_process";
 import fs$1 from "fs/promises";
 import os from "os";
 import { globby } from "globby";
 import { exec } from "node:child_process";
-import validateProjectName from "validate-npm-package-name";
+import "chokidar";
+import "sass";
+import "slash";
+import "debounce";
+import "glob";
+import "postcss";
+import "autoprefixer";
+import "cssnano";
+import "node:fs";
+import "node:path";
+import "express";
+import "serve-static";
+import "cheerio";
+import "js-beautify";
+import "node:crypto";
+import "lodash";
 const name = "buner";
-const version = "1.0.7";
+const version = "1.0.8";
 const description = "Frontend build toolkit for Vite + React SSR projects — SCSS pipeline, prerender, SSR dev server, and backend integration.";
 const type = "module";
 const license = "MIT";
 const repository = { "type": "git", "url": "https://github.com/precise-alloy/buner.git" };
 const homepage = "https://www.npmjs.com/package/buner";
 const keywords = ["vite", "react", "ssr", "scss", "prerender", "frontend", "build-tool", "cli"];
-const bin$1 = { "buner": "./dist/buner.js" };
+const bin = { "buner": "./dist/buner.js" };
 const files = ["dist", "xpack", "public", "vite.config.ts", "index.html", "tsconfig.json", "eslint.config.mjs", "types.d.ts", ".env", ".env.development", ".env.eshn", "README.md"];
 const scripts = { "start": "bun run dev", "predev": "bun upgrade", "dev": 'concurrently --kill-others "bun styles.ts --watch" "bun states.ts --watch" "cross-env scriptOnly=true vite build --mode development --watch" "bun server.ts --mode development"', "serve": "bun server.ts", "watch": "bun server.ts", "build": "bun run build:static && bun run build:server", "build:eshn": "bun run build:static:eshn && bun run build:server:eshn", "preview": "vite preview", "build:server": "vite build --ssr src/entry-server.tsx --outDir dist/server", "build:server:eshn": "vite build --ssr src/entry-server.tsx --outDir dist/server --mode eshn", "build:static": "vite build --outDir dist/static", "build:static:eshn": "vite build --outDir dist/static --mode eshn", "generate": "bun states.ts && bun run styles && bun run build && bun prerender.ts --add-hash", "eshn": "bun states.ts && bun run styles && bun run build:eshn && bun prerender.ts --add-hash --mode eshn", "inte": "bun run styles && bun run build && bun prerender.ts && bun integration.ts", "styles": "bun styles.ts", "format": "prettier --write .", "lint": "eslint --fix", "cli:start": "vite build -c vite.cli.config.ts --watch", "cli:build": "vite build -c vite.cli.config.ts" };
 const engines = { "node": ">=20.0.0" };
@@ -37,7 +59,7 @@ const packageJson = {
   repository,
   homepage,
   keywords,
-  bin: bin$1,
+  bin,
   files,
   scripts,
   engines,
@@ -46,6 +68,16 @@ const packageJson = {
   devDependencies,
   msw
 };
+function validateNpmName(name2) {
+  const nameValidation = validateProjectName(name2);
+  if (nameValidation.validForNewPackages && !name2.startsWith("-")) {
+    return { valid: true };
+  }
+  return {
+    valid: false,
+    problems: [...nameValidation.errors || [], ...nameValidation.warnings || []]
+  };
+}
 const isWriteable = async (directory) => {
   try {
     await fs.promises.access(directory, fs.constants.W_OK);
@@ -418,55 +450,23 @@ Creating a new app in ${green$1(root)}.`);
   console.log(`
 ${green$1("Success!")} Created ${appName} at ${appPath}`);
 };
-function validateNpmName(name2) {
-  const nameValidation = validateProjectName(name2);
-  if (nameValidation.validForNewPackages && !name2.startsWith("-")) {
-    return { valid: true };
-  }
-  return {
-    valid: false,
-    problems: [...nameValidation.errors || [], ...nameValidation.warnings || []]
-  };
-}
 const { green, yellow, bold, cyan, red } = chalk;
 const packageName = "buner";
 const packageDir = path.dirname(fileURLToPath(import.meta.url));
-const pkg = (file) => path.join(packageDir, file);
-const bin = (name2) => {
-  const ext = process.platform === "win32" ? ".cmd" : "";
-  const pkgRoot = path.resolve(packageDir, "..");
-  const local = path.join(pkgRoot, "node_modules", ".bin", name2 + ext);
-  try {
-    if (require("fs").existsSync(local)) return local;
-  } catch {
-  }
-  const consumerBin = path.join(process.cwd(), "node_modules", ".bin", name2 + ext);
-  try {
-    if (require("fs").existsSync(consumerBin)) return consumerBin;
-  } catch {
+const viteConfigPath = () => path.resolve(packageDir, "..", "vite.config.ts");
+const viteBuild = async (opts) => {
+  const config = {
+    configFile: viteConfigPath(),
+    build: {
+      outDir: opts.outDir,
+      ...opts.ssr ? { ssr: opts.ssr } : {},
+      ...opts.watch ? { watch: {} } : {}
+    }
+  };
+  if (opts.mode) {
+    config.mode = opts.mode;
   }
-  return name2;
-};
-const run = (cmd, args = [], options = {}) => {
-  return new Promise((resolve, reject) => {
-    const child = spawn(cmd, args, {
-      stdio: "inherit",
-      shell: true,
-      cwd: process.cwd(),
-      ...options
-    });
-    child.on("close", (code) => {
-      if (code !== 0) {
-        reject(new Error(`Command "${cmd} ${args.join(" ")}" exited with code ${code}`));
-      } else {
-        resolve();
-      }
-    });
-    child.on("error", reject);
-  });
-};
-const runSync = (cmd) => {
-  execSync(cmd, { stdio: "inherit", cwd: process.cwd() });
+  await build(config);
 };
 const onPromptState = (state) => {
   if (state?.aborted) {
@@ -530,62 +530,45 @@ For example:
   await notifyUpdate();
 });
 program.command("dev").description("Start development mode with all watchers").action(async () => {
-  const viteConfig = path.resolve(packageDir, "..", "vite.config.ts");
-  await run(bin("concurrently"), [
-    "--kill-others",
-    `"node ${pkg("styles.js")} --watch"`,
-    `"node ${pkg("states.js")} --watch"`,
-    `"${bin("cross-env")} scriptOnly=true ${bin("vite")} build --config ${viteConfig} --mode development --watch"`,
-    `"node ${pkg("server.js")} --mode development"`
-  ]);
+  runStyles({ watch: true });
+  runStates({ watch: true });
+  process.env.scriptOnly = "true";
+  viteBuild({ outDir: "dist/static", mode: "development", watch: true });
+  runServer({ mode: "development" });
 });
 program.command("serve").description("Start the SSR dev server").option("--mode <mode>", "server mode", "development").action(async (opts) => {
-  await run("node", [pkg("server.js"), "--mode", opts.mode]);
+  runServer({ mode: opts.mode });
 });
 program.command("build").description("Build the project (static + SSR)").action(async () => {
-  const viteConfig = path.resolve(packageDir, "..", "vite.config.ts");
-  runSync(`${bin("vite")} build --config ${viteConfig} --outDir dist/static`);
-  runSync(`${bin("vite")} build --config ${viteConfig} --ssr src/entry-server.tsx --outDir dist/server`);
+  await viteBuild({ outDir: "dist/static" });
+  await viteBuild({ outDir: "dist/server", ssr: "src/entry-server.tsx" });
 });
 program.command("generate").description("Full static site generation (states + styles + build + prerender)").option("--mode <mode>", "build mode", "production").action(async (opts) => {
-  const viteConfig = path.resolve(packageDir, "..", "vite.config.ts");
-  runSync(`node ${pkg("states.js")}`);
-  runSync(`node ${pkg("styles.js")}`);
-  if (opts.mode === "production") {
-    runSync(`${bin("vite")} build --config ${viteConfig} --outDir dist/static`);
-    runSync(`${bin("vite")} build --config ${viteConfig} --ssr src/entry-server.tsx --outDir dist/server`);
-  } else {
-    runSync(`${bin("vite")} build --config ${viteConfig} --outDir dist/static --mode ${opts.mode}`);
-    runSync(`${bin("vite")} build --config ${viteConfig} --ssr src/entry-server.tsx --outDir dist/server --mode ${opts.mode}`);
-  }
-  runSync(`node ${pkg("prerender.js")} --add-hash --mode ${opts.mode}`);
+  runStates();
+  runStyles();
+  await viteBuild({ outDir: "dist/static", mode: opts.mode !== "production" ? opts.mode : void 0 });
+  await viteBuild({ outDir: "dist/server", ssr: "src/entry-server.tsx", mode: opts.mode !== "production" ? opts.mode : void 0 });
+  await runPrerender({ addHash: true, mode: opts.mode });
 });
 program.command("eshn").description("Generate with --mode eshn").action(async () => {
-  const viteConfig = path.resolve(packageDir, "..", "vite.config.ts");
-  runSync(`node ${pkg("states.js")}`);
-  runSync(`node ${pkg("styles.js")}`);
-  runSync(`${bin("vite")} build --config ${viteConfig} --outDir dist/static --mode eshn`);
-  runSync(`${bin("vite")} build --config ${viteConfig} --ssr src/entry-server.tsx --outDir dist/server --mode eshn`);
-  runSync(`node ${pkg("prerender.js")} --add-hash --mode eshn`);
+  runStates();
+  runStyles();
+  await viteBuild({ outDir: "dist/static", mode: "eshn" });
+  await viteBuild({ outDir: "dist/server", ssr: "src/entry-server.tsx", mode: "eshn" });
+  await runPrerender({ addHash: true, mode: "eshn" });
 });
 program.command("inte").description("Build and integrate with backend (styles + build + prerender + integration)").action(async () => {
-  const viteConfig = path.resolve(packageDir, "..", "vite.config.ts");
-  runSync(`node ${pkg("styles.js")}`);
-  runSync(`${bin("vite")} build --config ${viteConfig} --outDir dist/static`);
-  runSync(`${bin("vite")} build --config ${viteConfig} --ssr src/entry-server.tsx --outDir dist/server`);
-  runSync(`node ${pkg("prerender.js")}`);
-  runSync(`node ${pkg("integration.js")}`);
+  runStyles();
+  await viteBuild({ outDir: "dist/static" });
+  await viteBuild({ outDir: "dist/server", ssr: "src/entry-server.tsx" });
+  await runPrerender();
+  runIntegration();
 });
 program.command("styles").description("Compile SCSS").option("--watch", "Watch for changes").action(async (opts) => {
-  const args = [pkg("styles.js")];
-  if (opts.watch) args.push("--watch");
-  await run("node", args);
+  runStyles({ watch: opts.watch });
 });
 program.command("prerender").description("Pre-render HTML files").option("--add-hash", "Add content hashes to asset URLs").option("--mode <mode>", "build mode", "production").action(async (opts) => {
-  const args = [pkg("prerender.js")];
-  if (opts.addHash) args.push("--add-hash");
-  args.push("--mode", opts.mode);
-  await run("node", args);
+  await runPrerender({ addHash: opts.addHash, mode: opts.mode });
 });
 program.parseAsync(process.argv).catch(async (error) => {
   console.log(red(error));

package/dist/integration.js

@@ -6,125 +6,135 @@ import slash from "slash";
 import { glob } from "glob";
 import { loadEnv } from "vite";
 import chalk from "chalk";
-const argvModeIndex = process.argv.indexOf("--mode");
-const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
-const projectRoot = process.cwd();
-const xpackEnv = loadEnv(mode, projectRoot);
-const toAbsolute = (p) => slash(path.resolve(projectRoot, p));
-const log = console.log.bind(console);
-const hashes = /* @__PURE__ */ new Map();
-const staticBasePath = toAbsolute("dist/static");
-const srcBasePath = toAbsolute("dist/static/assets");
-const destBasePath = toAbsolute(xpackEnv.VITE_INTE_ASSET_DIR);
-const patternPath = xpackEnv.VITE_INTE_PATTERN_DIR ? toAbsolute(xpackEnv.VITE_INTE_PATTERN_DIR) : void 0;
-if (patternPath && fs.existsSync(patternPath)) {
-  fs.rmSync(patternPath, { recursive: true, force: true });
-  fs.mkdirSync(patternPath, { recursive: true });
-}
-const copyItems = [
-  { from: "css" },
-  { from: "fonts" },
-  { from: "images" },
-  { from: "js" },
-  { from: "vendors" },
-  { from: "hashes.json" },
-  { from: "pages", to: patternPath }
-];
-const hashItems = ["css", "images", "js"];
-copyItems.forEach((item) => {
-  const srcPath = slash(path.join(srcBasePath, item.from));
-  const destPath = slash(item.to ?? path.join(destBasePath, item.from));
-  if (!fs.existsSync(srcPath)) {
-    return;
+const runIntegration = (options = {}) => {
+  const mode = options.mode ?? "production";
+  const projectRoot = process.cwd();
+  const xpackEnv = loadEnv(mode, projectRoot);
+  const toAbsolute = (p) => slash(path.resolve(projectRoot, p));
+  const log = console.log.bind(console);
+  const hashes = /* @__PURE__ */ new Map();
+  const staticBasePath = toAbsolute("dist/static");
+  const srcBasePath = toAbsolute("dist/static/assets");
+  const destBasePath = toAbsolute(xpackEnv.VITE_INTE_ASSET_DIR);
+  const patternPath = xpackEnv.VITE_INTE_PATTERN_DIR ? toAbsolute(xpackEnv.VITE_INTE_PATTERN_DIR) : void 0;
+  if (patternPath && fs.existsSync(patternPath)) {
+    fs.rmSync(patternPath, { recursive: true, force: true });
+    fs.mkdirSync(patternPath, { recursive: true });
   }
-  log(`Copy file ${srcPath} to ${destPath}`);
-  if (fs.statSync(srcPath).isDirectory()) {
-    if (fs.existsSync(destPath)) {
-      fs.rmSync(destPath, { recursive: true, force: true });
-    }
-    fs.mkdirSync(destPath, { recursive: true });
-    fs.cpSync(srcPath, destPath, { recursive: true, force: true });
-  } else {
-    const destDirPath = path.dirname(destPath);
-    if (!fs.existsSync(destDirPath)) {
-      fs.mkdirSync(destDirPath);
+  const copyItems = [
+    { from: "css" },
+    { from: "fonts" },
+    { from: "images" },
+    { from: "js" },
+    { from: "vendors" },
+    { from: "hashes.json" },
+    { from: "pages", to: patternPath }
+  ];
+  const hashItems = ["css", "images", "js"];
+  copyItems.forEach((item) => {
+    const srcPath = slash(path.join(srcBasePath, item.from));
+    const destPath = slash(item.to ?? path.join(destBasePath, item.from));
+    if (!fs.existsSync(srcPath)) {
+      return;
     }
-    fs.copyFileSync(srcPath, destPath);
-  }
-});
-hashItems.forEach((item) => {
-  const srcPath = slash(path.join(srcBasePath, item));
-  const files = glob.sync(srcPath + "/**/*.{css,js,svg}");
-  files.forEach((file) => {
-    const relativePath = slash(file.substring(staticBasePath.length));
-    if (!/\.0x[a-z0-9_-]{8,12}\.\w+$/gi.test(file)) {
-      const content = fs.readFileSync(file);
-      const sha1Hash = crypto.createHash("sha1");
-      sha1Hash.update(content);
-      const hash = sha1Hash.digest("base64url").substring(0, 10);
-      hashes.set(relativePath, hash);
+    log(`Copy file ${srcPath} to ${destPath}`);
+    if (fs.statSync(srcPath).isDirectory()) {
+      if (fs.existsSync(destPath)) {
+        fs.rmSync(destPath, { recursive: true, force: true });
+      }
+      fs.mkdirSync(destPath, { recursive: true });
+      fs.cpSync(srcPath, destPath, { recursive: true, force: true });
     } else {
-      hashes.set(relativePath, "");
+      const destDirPath = path.dirname(destPath);
+      if (!fs.existsSync(destDirPath)) {
+        fs.mkdirSync(destDirPath);
+      }
+      fs.copyFileSync(srcPath, destPath);
     }
   });
-});
-const sortedHashes = Array.from(hashes).sort((a, b) => a[0].localeCompare(b[0])).reduce(
-  (obj, [key, value]) => {
-    obj[key] = value;
-    return obj;
-  },
-  {}
-);
-fs.writeFileSync(path.join(destBasePath, "hashes.json"), JSON.stringify(sortedHashes, null, "  "));
-if (patternPath) {
-  fs.mkdirSync(patternPath, { recursive: true });
-  glob.sync("./dist/static/{atoms,molecules,organisms,templates,pages}/**/*.*").forEach((p) => {
-    let basename = "";
-    const segments = slash(p).split("/");
-    if (segments.length < 4) return;
-    switch (segments.length) {
-      case 4:
-        basename = path.basename(slash(p).replaceAll(/(atoms|molecules|organisms|templates|pages)\/([\w._-]+)$/gi, "$1-$2"));
-        fs.copyFileSync(p, resolve(patternPath, basename));
-        break;
-      default:
-        segments.splice(0, 2);
-        fs$1.cpSync(p, resolve(patternPath, segments.join("-")), { recursive: true });
-        break;
-    }
+  hashItems.forEach((item) => {
+    const srcPath = slash(path.join(srcBasePath, item));
+    const files = glob.sync(srcPath + "/**/*.{css,js,svg}");
+    files.forEach((file) => {
+      const relativePath = slash(file.substring(staticBasePath.length));
+      if (!/\.0x[a-z0-9_-]{8,12}\.\w+$/gi.test(file)) {
+        const content = fs.readFileSync(file);
+        const sha1Hash = crypto.createHash("sha1");
+        sha1Hash.update(content);
+        const hash = sha1Hash.digest("base64url").substring(0, 10);
+        hashes.set(relativePath, hash);
+      } else {
+        hashes.set(relativePath, "");
+      }
+    });
   });
-  glob.sync(slash(path.resolve(patternPath + "/**/*.{htm,html}"))).forEach((p) => {
-    const text = fs.readFileSync(p, "utf-8");
-    const newText = text.replaceAll(/react-loader\.0x[a-z0-9_-]{8,12}\.js/gi, "react-loader.0x00000000.js").replaceAll(/\.svg\?v=[a-z0-9_-]+/gi, ".svg");
-    if (text !== newText) {
-      fs.writeFileSync(p, newText);
+  const sortedHashes = Array.from(hashes).sort((a, b) => a[0].localeCompare(b[0])).reduce(
+    (obj, [key, value]) => {
+      obj[key] = value;
+      return obj;
+    },
+    {}
+  );
+  fs.writeFileSync(path.join(destBasePath, "hashes.json"), JSON.stringify(sortedHashes, null, "  "));
+  if (patternPath) {
+    fs.mkdirSync(patternPath, { recursive: true });
+    glob.sync("./dist/static/{atoms,molecules,organisms,templates,pages}/**/*.*").forEach((p) => {
+      let basename = "";
+      const segments = slash(p).split("/");
+      if (segments.length < 4) return;
+      switch (segments.length) {
+        case 4:
+          basename = path.basename(slash(p).replaceAll(/(atoms|molecules|organisms|templates|pages)\/([\w._-]+)$/gi, "$1-$2"));
+          fs.copyFileSync(p, resolve(patternPath, basename));
+          break;
+        default:
+          segments.splice(0, 2);
+          fs$1.cpSync(p, resolve(patternPath, segments.join("-")), { recursive: true });
+          break;
+      }
+    });
+    glob.sync(slash(path.resolve(patternPath + "/**/*.{htm,html}"))).forEach((p) => {
+      const text = fs.readFileSync(p, "utf-8");
+      const newText = text.replaceAll(/react-loader\.0x[a-z0-9_-]{8,12}\.js/gi, "react-loader.0x00000000.js").replaceAll(/\.svg\?v=[a-z0-9_-]+/gi, ".svg");
+      if (text !== newText) {
+        fs.writeFileSync(p, newText);
+      }
+    });
+  }
+  const checkExistFileList = [
+    { fileName: "hashes.json" },
+    { fileName: /react-loader\.0x[a-z0-9_-]{8,12}\.js/gi, folder: "js" },
+    { fileName: "main.js", folder: "js" }
+  ];
+  let isAllExist = true;
+  checkExistFileList.forEach((file) => {
+    if (typeof file.fileName === "string") {
+      const destPath = slash(path.join(destBasePath, file.folder ?? "", file.fileName.toString()));
+      if (!fs.existsSync(destPath)) {
+        log(chalk.yellow(`Cannot find: ${destPath}`));
+        isAllExist = false;
+      }
+    } else {
+      const fileName = file.fileName;
+      const folderFiles = slash(path.join(destBasePath, file.folder ?? ""));
+      const files = fs.readdirSync(folderFiles);
+      const found = files.find((f) => fileName.test(f));
+      if (!found) {
+        log(chalk.yellow(`Cannot find: ${slash(path.join(folderFiles, fileName.toString()))}`));
+        isAllExist = false;
+      }
     }
   });
-}
-const checkExistFileList = [
-  { fileName: "hashes.json" },
-  { fileName: /react-loader\.0x[a-z0-9_-]{8,12}\.js/gi, folder: "js" },
-  { fileName: "main.js", folder: "js" }
-];
-let isAllExist = true;
-checkExistFileList.forEach((file) => {
-  if (typeof file.fileName === "string") {
-    const destPath = slash(path.join(destBasePath, file.folder ?? "", file.fileName.toString()));
-    if (!fs.existsSync(destPath)) {
-      log(chalk.yellow(`Cannot find: ${destPath}`));
-      isAllExist = false;
-    }
-  } else {
-    const fileName = file.fileName;
-    const folderFiles = slash(path.join(destBasePath, file.folder ?? ""));
-    const files = fs.readdirSync(folderFiles);
-    const found = files.find((f) => fileName.test(f));
-    if (!found) {
-      log(chalk.yellow(`Cannot find: ${slash(path.join(folderFiles, fileName.toString()))}`));
-      isAllExist = false;
-    }
+  if (!isAllExist) {
+    process.exit(1);
   }
-});
-if (!isAllExist) {
-  process.exit(1);
+};
+const isDirectRun = process.argv[1]?.endsWith("integration.js") || process.argv[1]?.endsWith("integration.ts");
+if (isDirectRun) {
+  const argvModeIndex = process.argv.indexOf("--mode");
+  const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
+  runIntegration({ mode });
 }
+export {
+  runIntegration
+};

package/dist/prerender.js

@@ -8,151 +8,159 @@ import slash from "slash";
 import _ from "lodash";
 import { loadEnv } from "vite";
 import chalk from "chalk";
-const argvModeIndex = process.argv.indexOf("--mode");
-const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
-const projectRoot = process.cwd();
-const xpackEnv = loadEnv(mode, projectRoot);
-const toAbsolute = (p) => path.resolve(projectRoot, p);
-const log = console.log.bind(console);
-const template = fs.readFileSync(toAbsolute(process.env.VITE_TEMPLATE ?? "dist/static/index.html"), "utf-8");
-const { render, routesToPrerender } = await import(pathToFileURL(toAbsolute("./dist/server/entry-server.js")).href);
-const beautifyOptions = {
-  indent_size: 2,
-  indent_char: " ",
-  keep_array_indentation: false,
-  break_chained_methods: false,
-  indent_scripts: "normal",
-  brace_style: "collapse",
-  space_before_conditional: true,
-  unescape_strings: false,
-  jslint_happy: false,
-  end_with_newline: false,
-  wrap_line_length: 0,
-  indent_inner_html: false,
-  comma_first: false,
-  e4x: false,
-  indent_empty_lines: false,
-  wrap_attributes: "force",
-  max_preserve_newlines: 5,
-  preserve_newlines: true
-};
-const updateResourcePath = ($, tagName, attr, addHash) => {
-  $(tagName).each((_2, el) => {
-    const href = $(el).attr(attr);
-    if (href && href.startsWith("/")) {
-      let newPath = href;
-      if (process.env.VITE_DOMAIN) {
-        newPath = process.env.VITE_DOMAIN + newPath;
-      }
-      if (href.startsWith(xpackEnv.VITE_BASE_URL) && !href.startsWith(xpackEnv.VITE_BASE_URL + "assets/vendors/") && [".css", ".ico", ".js", ".webmanifest", ".svg"].includes(path.extname(href).toLowerCase()) && !/\.0x[a-z0-9]{8}\.\w+$/gi.test(href)) {
-        const path2 = toAbsolute("dist/static/" + href.substring(xpackEnv.VITE_BASE_URL.length));
-        if (fs.existsSync(path2)) {
-          const content = fs.readFileSync(path2);
-          const sha1Hash = crypto.createHash("sha1");
-          sha1Hash.update(content);
-          const hash = sha1Hash.digest("base64url").substring(0, 10);
-          if (addHash) {
-            newPath += "?v=" + hash;
+const runPrerender = async (options = {}) => {
+  const mode = options.mode ?? "production";
+  const addHash = options.addHash ?? false;
+  const projectRoot = process.cwd();
+  const xpackEnv = loadEnv(mode, projectRoot);
+  const toAbsolute = (p) => path.resolve(projectRoot, p);
+  const log = console.log.bind(console);
+  const template = fs.readFileSync(toAbsolute(process.env.VITE_TEMPLATE ?? "dist/static/index.html"), "utf-8");
+  const { render, routesToPrerender } = await import(pathToFileURL(toAbsolute("./dist/server/entry-server.js")).href);
+  const beautifyOptions = {
+    indent_size: 2,
+    indent_char: " ",
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: "normal",
+    brace_style: "collapse",
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: false,
+    end_with_newline: false,
+    wrap_line_length: 0,
+    indent_inner_html: false,
+    comma_first: false,
+    e4x: false,
+    indent_empty_lines: false,
+    wrap_attributes: "force",
+    max_preserve_newlines: 5,
+    preserve_newlines: true
+  };
+  const updateResourcePath = ($, tagName, attr, addHash2) => {
+    $(tagName).each((_2, el) => {
+      const href = $(el).attr(attr);
+      if (href && href.startsWith("/")) {
+        let newPath = href;
+        if (process.env.VITE_DOMAIN) {
+          newPath = process.env.VITE_DOMAIN + newPath;
+        }
+        if (href.startsWith(xpackEnv.VITE_BASE_URL) && !href.startsWith(xpackEnv.VITE_BASE_URL + "assets/vendors/") && [".css", ".ico", ".js", ".webmanifest", ".svg"].includes(path.extname(href).toLowerCase()) && !/\.0x[a-z0-9]{8}\.\w+$/gi.test(href)) {
+          const path2 = toAbsolute("dist/static/" + href.substring(xpackEnv.VITE_BASE_URL.length));
+          if (fs.existsSync(path2)) {
+            const content = fs.readFileSync(path2);
+            const sha1Hash = crypto.createHash("sha1");
+            sha1Hash.update(content);
+            const hash = sha1Hash.digest("base64url").substring(0, 10);
+            if (addHash2) {
+              newPath += "?v=" + hash;
+            }
+          } else if (path2.endsWith("mock-api.js")) ;
+          else {
+            log(chalk.yellow("Cannot find:", path2));
           }
-        } else if (path2.endsWith("mock-api.js")) ;
-        else {
-          log(chalk.yellow("Cannot find:", path2));
+        }
+        if (newPath != href) {
+          $(el).attr(attr, newPath);
         }
       }
-      if (newPath != href) {
-        $(el).attr(attr, newPath);
+    });
+  };
+  const removeStyleBase = ($) => {
+    $('link[rel="stylesheet"]').each((_2, el) => {
+      const href = $(el).attr("href");
+      if (href?.includes("style-base")) {
+        $(el).remove();
       }
-    }
-  });
-};
-const removeStyleBase = ($) => {
-  $('link[rel="stylesheet"]').each((_2, el) => {
-    const href = $(el).attr("href");
-    if (href?.includes("style-base")) {
-      $(el).remove();
-    }
-  });
-};
-const removeDuplicateAssets = ($, selector, attr, paths) => {
-  $(selector).each((_2, el) => {
-    if ($(el).attr("data-pl-inplace") === "true") {
-      return;
-    }
-    const path2 = $(el).attr(attr);
-    if (!path2) {
-      return;
-    }
-    const index = $(el).index();
-    const parent = $(el).parent().clone();
-    const child = parent.children()[index];
-    parent.empty();
-    parent.append(child);
-    const html = parent.html();
-    $(el).after("\n<!-- " + html + " -->");
-    if (paths.includes(path2)) {
-      $(el).remove();
-      return;
-    }
-    paths.push(path2);
-    $(el).removeAttr("data-pl-require");
-    if ($(el).attr("type") === "module") {
-      const deferValue = $(el).attr("defer");
-      if ($(el).attr("defer") === "" || deferValue === "defer" || deferValue === "true") {
-        $(el).removeAttr("defer");
+    });
+  };
+  const removeDuplicateAssets = ($, selector, attr, paths) => {
+    $(selector).each((_2, el) => {
+      if ($(el).attr("data-pl-inplace") === "true") {
+        return;
       }
+      const path2 = $(el).attr(attr);
+      if (!path2) {
+        return;
+      }
+      const index = $(el).index();
+      const parent = $(el).parent().clone();
+      const child = parent.children()[index];
+      parent.empty();
+      parent.append(child);
+      const html = parent.html();
+      $(el).after("\n<!-- " + html + " -->");
+      if (paths.includes(path2)) {
+        $(el).remove();
+        return;
+      }
+      paths.push(path2);
+      $(el).removeAttr("data-pl-require");
+      if ($(el).attr("type") === "module") {
+        const deferValue = $(el).attr("defer");
+        if ($(el).attr("defer") === "" || deferValue === "defer" || deferValue === "true") {
+          $(el).removeAttr("defer");
+        }
+      }
+      $("head").append(el);
+    });
+  };
+  const viteAbsoluteUrl = (remain, addExtension = false) => {
+    const baseUrl = xpackEnv.VITE_BASE_URL;
+    const normalizedRemain = (remain?.startsWith("/") ? remain : "/" + remain) + (addExtension && !remain.endsWith("/") ? xpackEnv.VITE_PATH_EXTENSION ?? "" : "");
+    if (!baseUrl) {
+      return normalizedRemain;
     }
-    $("head").append(el);
-  });
-};
-const viteAbsoluteUrl = (remain, addExtension = false) => {
-  const baseUrl = xpackEnv.VITE_BASE_URL;
-  const normalizedRemain = (remain?.startsWith("/") ? remain : "/" + remain) + (addExtension && !remain.endsWith("/") ? xpackEnv.VITE_PATH_EXTENSION ?? "" : "");
-  if (!baseUrl) {
-    return normalizedRemain;
-  }
-  if (!baseUrl.endsWith("/")) {
-    return baseUrl + normalizedRemain;
-  }
-  const len = baseUrl.length;
-  return baseUrl.substring(0, len - 1) + normalizedRemain;
-};
-const renderPage = async (renderedPages, addHash) => {
-  for (const route of routesToPrerender) {
-    const output = await render(viteAbsoluteUrl(route.route, true));
-    const destLocalizedFolderPath = toAbsolute("dist/static");
-    let html = template.replace("<!--app-html-->", output.html ?? "").replace("@style.scss", "/assets/css/" + route.name + ".css");
-    const $ = cheerio.load(html);
-    const paths = [];
-    removeDuplicateAssets($, "link[data-pl-require][href]", "href", paths);
-    removeDuplicateAssets($, "script[data-pl-require][src]", "src", paths);
-    updateResourcePath($, "link", "href", addHash);
-    updateResourcePath($, "script", "src", addHash);
-    updateResourcePath($, "img", "src", addHash);
-    if (route.route === "/") {
-      removeStyleBase($);
+    if (!baseUrl.endsWith("/")) {
+      return baseUrl + normalizedRemain;
     }
-    $("head title").text(route.name);
-    const fileName = (route.route === "/" ? "/index" : route.route) + ".html";
-    const filePath = `${destLocalizedFolderPath}${fileName}`;
-    if (!fs.existsSync(path.dirname(filePath))) {
-      fs.mkdirSync(path.dirname(filePath), { recursive: true });
+    const len = baseUrl.length;
+    return baseUrl.substring(0, len - 1) + normalizedRemain;
+  };
+  const renderPage = async (renderedPages2, addHash2) => {
+    for (const route of routesToPrerender) {
+      const output = await render(viteAbsoluteUrl(route.route, true));
+      const destLocalizedFolderPath = toAbsolute("dist/static");
+      let html = template.replace("<!--app-html-->", output.html ?? "").replace("@style.scss", "/assets/css/" + route.name + ".css");
+      const $ = cheerio.load(html);
+      const paths = [];
+      removeDuplicateAssets($, "link[data-pl-require][href]", "href", paths);
+      removeDuplicateAssets($, "script[data-pl-require][src]", "src", paths);
+      updateResourcePath($, "link", "href", addHash2);
+      updateResourcePath($, "script", "src", addHash2);
+      updateResourcePath($, "img", "src", addHash2);
+      if (route.route === "/") {
+        removeStyleBase($);
+      }
+      $("head title").text(route.name);
+      const fileName = (route.route === "/" ? "/index" : route.route) + ".html";
+      const filePath = `${destLocalizedFolderPath}${fileName}`;
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+      html = $.html();
+      html = jsBeautify.html_beautify(html, beautifyOptions);
+      html = html.replace("/* app-styles */", output.styles);
+      fs.writeFileSync(toAbsolute(filePath), html);
+      log("pre-rendered:", slash(filePath));
+      renderedPages2.push({
+        name: _.kebabCase(fileName.replaceAll(/\.\w+$/gi, "")),
+        url: `${process.env.VITE_DOMAIN ?? ""}${fileName}`,
+        fileName
+      });
     }
-    html = $.html();
-    html = jsBeautify.html_beautify(html, beautifyOptions);
-    html = html.replace("/* app-styles */", output.styles);
-    fs.writeFileSync(toAbsolute(filePath), html);
-    log("pre-rendered:", slash(filePath));
-    renderedPages.push({
-      name: _.kebabCase(fileName.replaceAll(/\.\w+$/gi, "")),
-      url: `${process.env.VITE_DOMAIN ?? ""}${fileName}`,
-      fileName
-    });
-  }
-};
-(async () => {
+  };
   const renderedPages = [];
   const pool = [];
-  const addHash = !!process.argv.includes("--add-hash");
   pool.push(renderPage(renderedPages, addHash));
   await Promise.all(pool);
-})();
+};
+const isDirectRun = process.argv[1]?.endsWith("prerender.js") || process.argv[1]?.endsWith("prerender.ts");
+if (isDirectRun) {
+  const argvModeIndex = process.argv.indexOf("--mode");
+  const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
+  runPrerender({ addHash: process.argv.includes("--add-hash"), mode });
+}
+export {
+  runPrerender
+};

package/dist/server.js

@@ -8,11 +8,11 @@ import fs from "fs";
 import path from "path";
 import * as cheerio from "cheerio";
 import jsBeautify from "js-beautify";
-const createViteDevServer = ({ root: root2, baseUrl, hmrPort, isTest: isTest2 }) => {
+const createViteDevServer = ({ root, baseUrl, hmrPort, isTest }) => {
   const server = createServer$1({
-    root: root2,
+    root,
     base: baseUrl,
-    logLevel: isTest2 ? "error" : "info",
+    logLevel: isTest ? "error" : "info",
     server: {
       middlewareMode: true,
       watch: {
@@ -121,17 +121,17 @@ const _useRenderer = ({ app, indexProd, isProd: isProd2, viteDevServer, resolve
     }
   });
 };
-const argvModeIndex$1 = process.argv.indexOf("--mode");
-const mode$1 = argvModeIndex$1 >= 0 && argvModeIndex$1 < process.argv.length - 1 && !process.argv[argvModeIndex$1 + 1].startsWith("-") ? process.argv[argvModeIndex$1 + 1] : "production";
+const argvModeIndex = process.argv.indexOf("--mode");
+const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
 process.env.MY_CUSTOM_SECRET = "API_KEY_4c2928b5a14b475d94c3579cbea06178";
 const isProd = process.env.NODE_ENV === "production";
-const createServer = async ({ root: root2, hmrPort, baseUrl, isTest: isTest2 }) => {
-  const resolve = (p) => path$1.join(root2, p);
+const createServer = async ({ root, hmrPort, baseUrl, isTest }) => {
+  const resolve = (p) => path$1.join(root, p);
   const indexProd = isProd ? fs$1.readFileSync(resolve("index.html"), "utf-8") : "";
   const app = express();
   let viteDevServer;
   if (!isProd) {
-    viteDevServer = await createViteDevServer({ root: root2, baseUrl, hmrPort, isTest: isTest2 });
+    viteDevServer = await createViteDevServer({ root, baseUrl, hmrPort, isTest });
     app.use(viteDevServer.middlewares);
   }
   app.use("/assets/images", serveStatic(resolve("public/assets/images"), { index: false }));
@@ -147,25 +147,35 @@ const createServer = async ({ root: root2, hmrPort, baseUrl, isTest: isTest2 })
 const startServer = (props) => {
   createServer(props).then(({ app }) => {
     app.listen(props.port, () => {
-      const xpackEnv2 = loadEnv(mode$1, props.root);
-      console.log("Running on " + chalk.green("http://localhost:" + props.port + xpackEnv2.VITE_BASE_URL));
+      const xpackEnv = loadEnv(mode, props.root);
+      console.log("Running on " + chalk.green("http://localhost:" + props.port + xpackEnv.VITE_BASE_URL));
     });
   });
 };
-console.log("[INIT] server");
-const argvModeIndex = process.argv.indexOf("--mode");
-const mode = argvModeIndex >= 0 && argvModeIndex < process.argv.length - 1 && !process.argv[argvModeIndex + 1].startsWith("-") ? process.argv[argvModeIndex + 1] : "production";
-const root = process.cwd();
-const xpackEnv = loadEnv(mode, root);
-const isTest = !!xpackEnv.VITE_TEST_BUILD || process.env.NODE_ENV === "test";
-const port = xpackEnv.VITE_PORT ? parseInt(xpackEnv.VITE_PORT) : 5e3;
-if (!isTest) {
-  console.log(root);
-  startServer({
-    root,
-    isTest,
-    port,
-    hmrPort: port + 1,
-    baseUrl: xpackEnv.VITE_BASE_URL
-  });
+const runServer = (options = {}) => {
+  const mode2 = options.mode ?? "production";
+  console.log("[INIT] server");
+  const root = process.cwd();
+  const xpackEnv = loadEnv(mode2, root);
+  const isTest = !!xpackEnv.VITE_TEST_BUILD || process.env.NODE_ENV === "test";
+  const port = xpackEnv.VITE_PORT ? parseInt(xpackEnv.VITE_PORT) : 5e3;
+  if (!isTest) {
+    console.log(root);
+    startServer({
+      root,
+      isTest,
+      port,
+      hmrPort: port + 1,
+      baseUrl: xpackEnv.VITE_BASE_URL
+    });
+  }
+};
+const isDirectRun = process.argv[1]?.endsWith("server.js") || process.argv[1]?.endsWith("server.ts");
+if (isDirectRun) {
+  const argvModeIndex2 = process.argv.indexOf("--mode");
+  const mode2 = argvModeIndex2 >= 0 && argvModeIndex2 < process.argv.length - 1 && !process.argv[argvModeIndex2 + 1].startsWith("-") ? process.argv[argvModeIndex2 + 1] : "production";
+  runServer({ mode: mode2 });
 }
+export {
+  runServer
+};

package/dist/states.js

@@ -2,40 +2,49 @@ import fs from "fs";
 import chokidar from "chokidar";
 import debounce from "debounce";
 import { glob } from "glob";
-const isWatch = process.argv.includes("--watch");
-const log = console.log.bind(console);
-const states = {};
-const buildStates = debounce(() => {
-  const output = [];
-  const keys = Object.keys(states);
-  [].forEach.call(keys, (key) => {
-    const state = states[key];
-    if (!state) {
-      return;
-    }
-    try {
-      output.push(JSON.parse(state));
-    } catch (error) {
-      console.log(error);
-    }
-  });
-  const json = JSON.stringify(output, null, "  ");
-  fs.writeFileSync("public/pl-states.json", json);
-}, 500);
-const setStates = (statePath) => {
-  const state = fs.readFileSync(statePath, "utf-8");
-  states[statePath] = state;
-  buildStates();
+const runStates = (options = {}) => {
+  const isWatch = options.watch ?? false;
+  const log = console.log.bind(console);
+  const states = {};
+  const buildStates = debounce(() => {
+    const output = [];
+    const keys = Object.keys(states);
+    [].forEach.call(keys, (key) => {
+      const state = states[key];
+      if (!state) {
+        return;
+      }
+      try {
+        output.push(JSON.parse(state));
+      } catch (error) {
+        console.log(error);
+      }
+    });
+    const json = JSON.stringify(output, null, "  ");
+    fs.writeFileSync("public/pl-states.json", json);
+  }, 500);
+  const setStates = (statePath) => {
+    const state = fs.readFileSync(statePath, "utf-8");
+    states[statePath] = state;
+    buildStates();
+  };
+  const removeStates = (statePath) => {
+    delete states[statePath];
+    buildStates();
+  };
+  if (isWatch) {
+    const watcher = chokidar.watch("src/**/*.states.json");
+    watcher.on("ready", () => {
+      log("States are ready!");
+    }).on("add", (path) => setStates(path)).on("change", (path) => setStates(path)).on("unlink", (path) => removeStates(path));
+  } else {
+    glob.sync("src/**/*.states.json").forEach((path) => setStates(path));
+  }
 };
-const removeStates = (statePath) => {
-  delete states[statePath];
-  buildStates();
-};
-if (isWatch) {
-  const watcher = chokidar.watch("src/**/*.states.json");
-  watcher.on("ready", () => {
-    log("States are ready!");
-  }).on("add", (path) => setStates(path)).on("change", (path) => setStates(path)).on("unlink", (path) => removeStates(path));
-} else {
-  glob.sync("src/**/*.states.json").forEach((path) => setStates(path));
+const isDirectRun = process.argv[1]?.endsWith("states.js") || process.argv[1]?.endsWith("states.ts");
+if (isDirectRun) {
+  runStates({ watch: process.argv.includes("--watch") });
 }
+export {
+  runStates
+};

package/dist/styles.js

@@ -9,157 +9,169 @@ import { glob } from "glob";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
 import cssnano from "cssnano";
-const isWatch = process.argv.includes("--watch");
+const runStyles = (options = {}) => {
+  const isWatch = options.watch ?? false;
+  _run(isWatch);
+};
 const outDir = "./public/assets/css";
-if (!isWatch && fs.existsSync(outDir)) {
-  fs.rmSync(outDir, { force: true, recursive: true });
-}
-if (!fs.existsSync(outDir)) {
-  fs.mkdirSync(outDir, { recursive: true });
-}
 const log = console.log.bind(console);
-const prepareCssFileContent = ({
-  srcFile,
-  includeMixins = true,
-  includeAbstracts = true
-}) => {
-  return [
-    includeAbstracts ? slash(`@use '${path.relative(path.dirname(srcFile), path.resolve("src/assets/styles/00-abstracts/abstracts"))}' as *;
+const _run = (isWatch) => {
+  if (!isWatch && fs.existsSync(outDir)) {
+    fs.rmSync(outDir, { force: true, recursive: true });
+  }
+  if (!fs.existsSync(outDir)) {
+    fs.mkdirSync(outDir, { recursive: true });
+  }
+  const prepareCssFileContent = ({
+    srcFile,
+    includeMixins = true,
+    includeAbstracts = true
+  }) => {
+    return [
+      includeAbstracts ? slash(`@use '${path.relative(path.dirname(srcFile), path.resolve("src/assets/styles/00-abstracts/abstracts"))}' as *;
 `) : void 0,
-    includeMixins ? slash(`@use '${path.relative(path.dirname(srcFile), path.resolve("src/assets/styles/01-mixins/mixins"))}' as *;
+      includeMixins ? slash(`@use '${path.relative(path.dirname(srcFile), path.resolve("src/assets/styles/01-mixins/mixins"))}' as *;
 `) : void 0,
-    fs.readFileSync(srcFile, "utf-8")
-  ].filter(Boolean);
-};
-const stringOptions = (srcFile) => {
-  const options = {
-    sourceMap: true,
-    sourceMapIncludeSources: true,
-    syntax: "scss",
-    style: "compressed",
-    url: pathToFileURL(path.resolve(srcFile)),
-    importer: {
-      canonicalize(url) {
-        return new URL(url);
-      },
-      load(canonicalUrl) {
-        let filePath = fileURLToPath(canonicalUrl);
-        if (!filePath.endsWith(".scss")) {
-          const parentDir = path.dirname(filePath);
-          const fileName = path.basename(filePath);
-          filePath = path.join(parentDir, fileName + ".scss");
-          if (!fs.existsSync(filePath)) {
-            filePath = path.join(parentDir, "_" + fileName + ".scss");
+      fs.readFileSync(srcFile, "utf-8")
+    ].filter(Boolean);
+  };
+  const stringOptions = (srcFile) => {
+    const options = {
+      sourceMap: true,
+      sourceMapIncludeSources: true,
+      syntax: "scss",
+      style: "compressed",
+      url: pathToFileURL(path.resolve(srcFile)),
+      importer: {
+        canonicalize(url) {
+          return new URL(url);
+        },
+        load(canonicalUrl) {
+          let filePath = fileURLToPath(canonicalUrl);
+          if (!filePath.endsWith(".scss")) {
+            const parentDir = path.dirname(filePath);
+            const fileName = path.basename(filePath);
+            filePath = path.join(parentDir, fileName + ".scss");
+            if (!fs.existsSync(filePath)) {
+              filePath = path.join(parentDir, "_" + fileName + ".scss");
+            }
+          }
+          if (!fs.existsSync(filePath)) return null;
+          if (filePath.includes("abstracts") || filePath.includes("_mixins") || filePath.includes("_base") || filePath.includes("xpack"))
+            return {
+              contents: fs.readFileSync(filePath, "utf-8"),
+              syntax: "scss"
+            };
+          let content = prepareCssFileContent({ srcFile: filePath });
+          if (filePath.includes("mixins")) {
+            content = prepareCssFileContent({ srcFile: filePath, includeMixins: false });
           }
-        }
-        if (!fs.existsSync(filePath)) return null;
-        if (filePath.includes("abstracts") || filePath.includes("_mixins") || filePath.includes("_base") || filePath.includes("xpack"))
           return {
-            contents: fs.readFileSync(filePath, "utf-8"),
+            contents: content.join(""),
             syntax: "scss"
           };
-        let content = prepareCssFileContent({ srcFile: filePath });
-        if (filePath.includes("mixins")) {
-          content = prepareCssFileContent({ srcFile: filePath, includeMixins: false });
         }
-        return {
-          contents: content.join(""),
-          syntax: "scss"
-        };
       }
+    };
+    return options;
+  };
+  const compile = (srcFile, options) => {
+    if (options.isReady) {
+      log("compile:", slash(srcFile));
+    }
+    if (path.basename(srcFile).startsWith("_")) {
+      return;
+    }
+    const name = path.basename(srcFile) === "index.scss" ? path.basename(path.dirname(srcFile)) + ".css" : path.basename(srcFile).replace(/\.scss$/gi, ".css");
+    const outFile = (options.prefix ?? "") + name;
+    const cssStrings = srcFile.includes("xpack") ? [fs.readFileSync(srcFile, "utf-8")] : prepareCssFileContent({ srcFile });
+    if (srcFile.includes("style-base") || srcFile.includes("style-all")) {
+      glob.sync("./src/atoms/**/*.scss").forEach((atomPath) => {
+        if (!path.basename(atomPath).startsWith("_")) {
+          cssStrings.push(sass.compileString(prepareCssFileContent({ srcFile: atomPath }).join(""), stringOptions(atomPath)).css);
+        }
+      });
+      glob.sync("./src/molecules/**/*.scss").forEach((molPath) => {
+        if (!path.basename(molPath).startsWith("_")) {
+          cssStrings.push(sass.compileString(prepareCssFileContent({ srcFile: molPath }).join(""), stringOptions(molPath)).css);
+        }
+      });
     }
+    sass.compileStringAsync(cssStrings.join(""), stringOptions(srcFile)).then((result) => postcssProcess(result, srcFile, outFile)).catch((error) => {
+      log(error);
+    });
   };
-  return options;
-};
-const compile = (srcFile, options) => {
-  if (options.isReady) {
-    log("compile:", slash(srcFile));
-  }
-  if (path.basename(srcFile).startsWith("_")) {
-    return;
-  }
-  const name = path.basename(srcFile) === "index.scss" ? path.basename(path.dirname(srcFile)) + ".css" : path.basename(srcFile).replace(/\.scss$/gi, ".css");
-  const outFile = (options.prefix ?? "") + name;
-  const cssStrings = srcFile.includes("xpack") ? [fs.readFileSync(srcFile, "utf-8")] : prepareCssFileContent({ srcFile });
-  if (srcFile.includes("style-base") || srcFile.includes("style-all")) {
-    glob.sync("./src/atoms/**/*.scss").forEach((atomPath) => {
-      if (!path.basename(atomPath).startsWith("_")) {
-        cssStrings.push(sass.compileString(prepareCssFileContent({ srcFile: atomPath }).join(""), stringOptions(atomPath)).css);
+  const postcssProcess = (result, from, to) => {
+    const postcssOptions = { from: pathToFileURL(from).href, to, map: { prev: result.sourceMap, absolute: false } };
+    postcss([autoprefixer({ grid: true }), cssnano]).process(result.css, postcssOptions).then((result2) => {
+      fs.writeFileSync(path.join(outDir, to), result2.css + (result2.map ? `
+/*# sourceMappingURL=${to}.map */` : ""));
+      if (result2.map) {
+        fs.writeFileSync(path.join(outDir, to + ".map"), result2.map.toString());
       }
     });
-    glob.sync("./src/molecules/**/*.scss").forEach((molPath) => {
-      if (!path.basename(molPath).startsWith("_")) {
-        cssStrings.push(sass.compileString(prepareCssFileContent({ srcFile: molPath }).join(""), stringOptions(molPath)).css);
+  };
+  const styleOrganisms = debounce((isReady) => {
+    const paths = glob.sync("src/organisms/**/*.scss", { nodir: true });
+    [].forEach.call(paths, (p) => styleOrganism(p, isReady));
+  }, 200);
+  const styleTemplates = debounce((isReady) => {
+    const paths = glob.sync("src/templates/**/*.scss", { nodir: true });
+    [].forEach.call(paths, (p) => styleTemplate(p, isReady));
+  }, 200);
+  const styleBase = debounce((isReady) => compile("src/assets/styles/style-base.scss", { isReady }), 200);
+  const stylePlState = debounce((isReady) => compile("xpack/styles/pl-states.scss", { isReady }), 200);
+  const styleRoot = debounce((isReady) => compile("xpack/styles/root.scss", { isReady }), 200);
+  const styleOrganism = (srcFile, isReady) => compile(srcFile, { prefix: "b-", isReady });
+  const styleTemplate = (srcFile, isReady) => compile(srcFile, { prefix: "p-", isReady });
+  const sassCompile = (inputPath, isReady) => {
+    const p = slash(inputPath);
+    if (p.startsWith("src/assets/styles/00-abstracts/") || p.startsWith("src/assets/styles/01-mixins/")) {
+      styleBase(isReady);
+      styleOrganisms(isReady);
+      styleTemplates(isReady);
+      stylePlState(isReady);
+    }
+    if (p.startsWith("src/atoms") || p.startsWith("src/molecules") || p.startsWith("src/assets/styles/02-base")) {
+      styleBase(isReady);
+    }
+    if (p.startsWith("src/organisms")) {
+      if (path.basename(p).startsWith("_")) {
+        glob.sync(path.dirname(p) + "/*.scss", { nodir: true }).filter((p2) => !path.basename(p2).startsWith("_")).forEach((p2) => styleOrganism(p2, isReady));
+      } else {
+        styleOrganism(p, isReady);
       }
-    });
-  }
-  sass.compileStringAsync(cssStrings.join(""), stringOptions(srcFile)).then((result) => postcssProcess(result, srcFile, outFile)).catch((error) => {
-    log(error);
-  });
-};
-const postcssProcess = (result, from, to) => {
-  const postcssOptions = { from: pathToFileURL(from).href, to, map: { prev: result.sourceMap, absolute: false } };
-  postcss([autoprefixer({ grid: true }), cssnano]).process(result.css, postcssOptions).then((result2) => {
-    fs.writeFileSync(path.join(outDir, to), result2.css + (result2.map ? `
-/*# sourceMappingURL=${to}.map */` : ""));
-    if (result2.map) {
-      fs.writeFileSync(path.join(outDir, to + ".map"), result2.map.toString());
     }
-  });
-};
-const styleOrganisms = debounce((isReady) => {
-  const paths = glob.sync("src/organisms/**/*.scss", { nodir: true });
-  [].forEach.call(paths, (p) => styleOrganism(p, isReady));
-}, 200);
-const styleTemplates = debounce((isReady) => {
-  const paths = glob.sync("src/templates/**/*.scss", { nodir: true });
-  [].forEach.call(paths, (p) => styleTemplate(p, isReady));
-}, 200);
-const styleBase = debounce((isReady) => compile("src/assets/styles/style-base.scss", { isReady }), 200);
-const stylePlState = debounce((isReady) => compile("xpack/styles/pl-states.scss", { isReady }), 200);
-const styleRoot = debounce((isReady) => compile("xpack/styles/root.scss", { isReady }), 200);
-const styleOrganism = (srcFile, isReady) => compile(srcFile, { prefix: "b-", isReady });
-const styleTemplate = (srcFile, isReady) => compile(srcFile, { prefix: "p-", isReady });
-const sassCompile = (inputPath, isReady) => {
-  const p = slash(inputPath);
-  if (p.startsWith("src/assets/styles/00-abstracts/") || p.startsWith("src/assets/styles/01-mixins/")) {
-    styleBase(isReady);
-    styleOrganisms(isReady);
-    styleTemplates(isReady);
-    stylePlState(isReady);
-  }
-  if (p.startsWith("src/atoms") || p.startsWith("src/molecules") || p.startsWith("src/assets/styles/02-base")) {
-    styleBase(isReady);
-  }
-  if (p.startsWith("src/organisms")) {
-    if (path.basename(p).startsWith("_")) {
-      glob.sync(path.dirname(p) + "/*.scss", { nodir: true }).filter((p2) => !path.basename(p2).startsWith("_")).forEach((p2) => styleOrganism(p2, isReady));
-    } else {
-      styleOrganism(p, isReady);
+    if (p.startsWith("src/templates")) {
+      if (path.basename(p).startsWith("_")) {
+        glob.sync(path.dirname(p) + "/*.scss", { nodir: true }).filter((p2) => !path.basename(p2).startsWith("_")).forEach((p2) => styleTemplate(p2, isReady));
+      } else {
+        styleTemplate(p, isReady);
+      }
     }
-  }
-  if (p.startsWith("src/templates")) {
-    if (path.basename(p).startsWith("_")) {
-      glob.sync(path.dirname(p) + "/*.scss", { nodir: true }).filter((p2) => !path.basename(p2).startsWith("_")).forEach((p2) => styleTemplate(p2, isReady));
-    } else {
-      styleTemplate(p, isReady);
+    if (p.startsWith("xpack/styles/pl-states")) {
+      stylePlState(isReady);
+    } else if (p.startsWith("xpack/styles")) {
+      styleRoot(isReady);
     }
-  }
-  if (p.startsWith("xpack/styles/pl-states")) {
-    stylePlState(isReady);
-  } else if (p.startsWith("xpack/styles")) {
-    styleRoot(isReady);
+  };
+  if (isWatch) {
+    const watcher = watch(["src", "xpack/styles"], { ignored: (path2, stats) => !!stats?.isFile() && !path2.endsWith(".scss") });
+    let isReady = false;
+    watcher.on("ready", () => {
+      log("SCSS ready!");
+      isReady = true;
+    }).on("add", (path2) => sassCompile(path2, isReady)).on("change", (path2) => sassCompile(path2, isReady)).on("unlink", (path2) => log(`File ${path2} has been removed`));
+  } else {
+    styleBase(true);
+    stylePlState(true);
+    glob.sync(["src/{organisms,templates}/**/*.scss", "xpack/styles/**/*.scss"]).filter((p) => !path.basename(p).startsWith("_")).forEach((path2) => sassCompile(path2, true));
   }
 };
-if (isWatch) {
-  const watcher = watch(["src", "xpack/styles"], { ignored: (path2, stats) => !!stats?.isFile() && !path2.endsWith(".scss") });
-  let isReady = false;
-  watcher.on("ready", () => {
-    log("SCSS ready!");
-    isReady = true;
-  }).on("add", (path2) => sassCompile(path2, isReady)).on("change", (path2) => sassCompile(path2, isReady)).on("unlink", (path2) => log(`File ${path2} has been removed`));
-} else {
-  styleBase(true);
-  stylePlState(true);
-  glob.sync(["src/{organisms,templates}/**/*.scss", "xpack/styles/**/*.scss"]).filter((p) => !path.basename(p).startsWith("_")).forEach((path2) => sassCompile(path2, true));
+const isDirectRun = process.argv[1]?.endsWith("styles.js") || process.argv[1]?.endsWith("styles.ts");
+if (isDirectRun) {
+  runStyles({ watch: process.argv.includes("--watch") });
 }
+export {
+  runStyles
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buner",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Frontend build toolkit for Vite + React SSR projects — SCSS pipeline, prerender, SSR dev server, and backend integration.",
   "type": "module",
   "license": "MIT",