@sugarcube-org/postcss 0.0.1-alpha.1

package/dist/index.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+var fs = require('node:fs');
+var path = require('node:path');
+var core = require('@sugarcube-org/core');
+
+function isSingleCollection(tokens) {
+  return tokens && "source" in tokens && Array.isArray(tokens.source);
+}
+function processTokenSources(sources, result, outputFiles = /* @__PURE__ */ new Set()) {
+  for (const source of sources) {
+    if (!source.includes("*") && fs.existsSync(source)) {
+      const resolvedPath = path.resolve(process.cwd(), source);
+      if (!outputFiles.has(resolvedPath)) {
+        result.messages.push({
+          type: "dependency",
+          plugin: "postcss-sugarcube",
+          file: resolvedPath
+        });
+      }
+    } else if (source.includes("*")) {
+      const sourceDir = path.dirname(source);
+      const pattern = path.basename(source);
+      if (fs.existsSync(sourceDir)) {
+        result.messages.push({
+          type: "dir-dependency",
+          plugin: "postcss-sugarcube",
+          dir: path.resolve(process.cwd(), sourceDir),
+          glob: pattern
+        });
+      }
+    }
+  }
+}
+function registerDependencies(config, result) {
+  result.messages.push({
+    type: "dependency",
+    plugin: "postcss-sugarcube",
+    file: path.resolve(process.cwd(), "sugarcube.config.json")
+  });
+  if (!config.tokens) return;
+  const outputDir = config.output?.directories?.css || "./src/styles";
+  const outputFiles = /* @__PURE__ */ new Set();
+  if (config.output?.css?.separate) {
+    outputFiles.add(
+      path.resolve(process.cwd(), `${outputDir}/global/variables/colors.variables.css`)
+    );
+  } else {
+    outputFiles.add(path.resolve(process.cwd(), `${outputDir}/tokens.css`));
+  }
+  if (isSingleCollection(config.tokens)) {
+    processTokenSources(config.tokens.source, result, outputFiles);
+  } else {
+    for (const [collectionName, collection] of Object.entries(config.tokens)) {
+      if (collection && "source" in collection && Array.isArray(collection.source)) {
+        processTokenSources(collection.source, result, outputFiles);
+      }
+    }
+  }
+}
+function formatErrors(errors) {
+  const fileErrors = errors.filter((err) => err.file || err.source?.sourcePath);
+  const otherErrors = errors.filter(
+    (err) => !err.file && (!err.source || !err.source.sourcePath)
+  );
+  const messages = [];
+  for (const err of fileErrors) {
+    const file = err.file || err.source?.sourcePath;
+    if (!file) continue;
+    const relativeFile = path.relative(process.cwd(), file);
+    const errMessage = err.message.replace(file, relativeFile);
+    messages.push(errMessage);
+  }
+  for (const err of otherErrors) {
+    messages.push(err.message);
+  }
+  return messages.join("\n  - ");
+}
+let lastMessageTime = 0;
+const sugarcubePlugin = (opts = {}) => {
+  return {
+    postcssPlugin: "postcss-sugarcube",
+    async Once(root, { result }) {
+      const currentFile = result.opts.from;
+      if (!currentFile) {
+        result.warn("No input file provided to postcss-sugarcube");
+        return;
+      }
+      try {
+        const firstNode = root.nodes[0];
+        if (firstNode && firstNode.type === "comment" && firstNode.text.includes("AUTOMATICALLY GENERATED FILE")) {
+          return;
+        }
+        const config = await core.loadConfig();
+        registerDependencies(config, result);
+        const pipelineResult = await core.tokensToCSSPipeline(config);
+        const allErrors = [
+          ...pipelineResult.errors.load,
+          ...pipelineResult.errors.flatten,
+          ...pipelineResult.errors.validation,
+          ...pipelineResult.errors.resolution
+        ];
+        if (allErrors.length > 0) {
+          result.warn(`Token validation failed:
+  - ${formatErrors(allErrors)}`, {
+            plugin: "postcss-sugarcube",
+            word: "error"
+          });
+          return;
+        }
+        const tokenPaths = core.getTokenPathsFromConfig(config);
+        await core.writeCSSFilesToDisk(pipelineResult.output, true, tokenPaths);
+        const now = Date.now();
+        if (!opts.silent && now - lastMessageTime > 1e3) {
+          result.messages.push({
+            type: "log",
+            plugin: "postcss-sugarcube",
+            text: "\u2728 Generated CSS files from tokens"
+          });
+          lastMessageTime = now;
+        }
+      } catch (error) {
+        result.warn(error instanceof Error ? error.message : String(error), {
+          plugin: "postcss-sugarcube",
+          word: "error"
+        });
+      }
+    }
+  };
+};
+sugarcubePlugin.postcss = true;
+
+module.exports = sugarcubePlugin;

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+import { PluginCreator } from 'postcss';
+
+interface PostcssSugarcubeOptions {
+    silent?: boolean;
+    validateOnly?: boolean;
+    checkSync?: boolean;
+}
+declare const sugarcubePlugin: PluginCreator<PostcssSugarcubeOptions>;
+
+export { type PostcssSugarcubeOptions, sugarcubePlugin as default };

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import { PluginCreator } from 'postcss';
+
+interface PostcssSugarcubeOptions {
+    silent?: boolean;
+    validateOnly?: boolean;
+    checkSync?: boolean;
+}
+declare const sugarcubePlugin: PluginCreator<PostcssSugarcubeOptions>;
+
+export { type PostcssSugarcubeOptions, sugarcubePlugin as default };

package/dist/index.mjs

@@ -0,0 +1,131 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { loadConfig, tokensToCSSPipeline, getTokenPathsFromConfig, writeCSSFilesToDisk } from '@sugarcube-org/core';
+
+function isSingleCollection(tokens) {
+  return tokens && "source" in tokens && Array.isArray(tokens.source);
+}
+function processTokenSources(sources, result, outputFiles = /* @__PURE__ */ new Set()) {
+  for (const source of sources) {
+    if (!source.includes("*") && fs.existsSync(source)) {
+      const resolvedPath = path.resolve(process.cwd(), source);
+      if (!outputFiles.has(resolvedPath)) {
+        result.messages.push({
+          type: "dependency",
+          plugin: "postcss-sugarcube",
+          file: resolvedPath
+        });
+      }
+    } else if (source.includes("*")) {
+      const sourceDir = path.dirname(source);
+      const pattern = path.basename(source);
+      if (fs.existsSync(sourceDir)) {
+        result.messages.push({
+          type: "dir-dependency",
+          plugin: "postcss-sugarcube",
+          dir: path.resolve(process.cwd(), sourceDir),
+          glob: pattern
+        });
+      }
+    }
+  }
+}
+function registerDependencies(config, result) {
+  result.messages.push({
+    type: "dependency",
+    plugin: "postcss-sugarcube",
+    file: path.resolve(process.cwd(), "sugarcube.config.json")
+  });
+  if (!config.tokens) return;
+  const outputDir = config.output?.directories?.css || "./src/styles";
+  const outputFiles = /* @__PURE__ */ new Set();
+  if (config.output?.css?.separate) {
+    outputFiles.add(
+      path.resolve(process.cwd(), `${outputDir}/global/variables/colors.variables.css`)
+    );
+  } else {
+    outputFiles.add(path.resolve(process.cwd(), `${outputDir}/tokens.css`));
+  }
+  if (isSingleCollection(config.tokens)) {
+    processTokenSources(config.tokens.source, result, outputFiles);
+  } else {
+    for (const [collectionName, collection] of Object.entries(config.tokens)) {
+      if (collection && "source" in collection && Array.isArray(collection.source)) {
+        processTokenSources(collection.source, result, outputFiles);
+      }
+    }
+  }
+}
+function formatErrors(errors) {
+  const fileErrors = errors.filter((err) => err.file || err.source?.sourcePath);
+  const otherErrors = errors.filter(
+    (err) => !err.file && (!err.source || !err.source.sourcePath)
+  );
+  const messages = [];
+  for (const err of fileErrors) {
+    const file = err.file || err.source?.sourcePath;
+    if (!file) continue;
+    const relativeFile = path.relative(process.cwd(), file);
+    const errMessage = err.message.replace(file, relativeFile);
+    messages.push(errMessage);
+  }
+  for (const err of otherErrors) {
+    messages.push(err.message);
+  }
+  return messages.join("\n  - ");
+}
+let lastMessageTime = 0;
+const sugarcubePlugin = (opts = {}) => {
+  return {
+    postcssPlugin: "postcss-sugarcube",
+    async Once(root, { result }) {
+      const currentFile = result.opts.from;
+      if (!currentFile) {
+        result.warn("No input file provided to postcss-sugarcube");
+        return;
+      }
+      try {
+        const firstNode = root.nodes[0];
+        if (firstNode && firstNode.type === "comment" && firstNode.text.includes("AUTOMATICALLY GENERATED FILE")) {
+          return;
+        }
+        const config = await loadConfig();
+        registerDependencies(config, result);
+        const pipelineResult = await tokensToCSSPipeline(config);
+        const allErrors = [
+          ...pipelineResult.errors.load,
+          ...pipelineResult.errors.flatten,
+          ...pipelineResult.errors.validation,
+          ...pipelineResult.errors.resolution
+        ];
+        if (allErrors.length > 0) {
+          result.warn(`Token validation failed:
+  - ${formatErrors(allErrors)}`, {
+            plugin: "postcss-sugarcube",
+            word: "error"
+          });
+          return;
+        }
+        const tokenPaths = getTokenPathsFromConfig(config);
+        await writeCSSFilesToDisk(pipelineResult.output, true, tokenPaths);
+        const now = Date.now();
+        if (!opts.silent && now - lastMessageTime > 1e3) {
+          result.messages.push({
+            type: "log",
+            plugin: "postcss-sugarcube",
+            text: "\u2728 Generated CSS files from tokens"
+          });
+          lastMessageTime = now;
+        }
+      } catch (error) {
+        result.warn(error instanceof Error ? error.message : String(error), {
+          plugin: "postcss-sugarcube",
+          word: "error"
+        });
+      }
+    }
+  };
+};
+sugarcubePlugin.postcss = true;
+
+module.exports = sugarcubePlugin;

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@sugarcube-org/postcss",
+  "version": "0.0.1-alpha.1",
+  "exports": {
+    "require": {
+      "types": "./dist/index.d.cts",
+      "default": "./dist/index.cjs"
+    },
+    "import": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "dependencies": {
+    "@sugarcube-org/core": "0.0.1-alpha.4"
+  },
+  "peerDependencies": {
+    "postcss": "^8.4.0"
+  },
+  "devDependencies": {
+    "pkgroll": "^2.5.1",
+    "postcss": "^8.4.31",
+    "tsx": "^4.19.2"
+  },
+  "scripts": {
+    "build": "pkgroll",
+    "dev": "pkgroll --watch",
+    "type-check": "tsc --noEmit"
+  }
+}