@pandacss/postcss 2.0.0-beta.2 → 2.0.0-beta.20

package/dist/index.cjs

@@ -1,34 +1,60 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/index.ts
 var _compiler = require('@pandacss/compiler');
-var _path = require('path');
+var _compilershared = require('@pandacss/compiler-shared');
+var _nodepath = require('node:path');
+
+// src/fs-stamp.ts
+var _nodefs = require('node:fs');
+function readFileStamp(path) {
+  try {
+    const stat = _nodefs.statSync.call(void 0, path);
+    return `${stat.mtimeMs}:${stat.size}`;
+  } catch (e) {
+    return "missing";
+  }
+}
+
+// src/index.ts
 var PLUGIN_NAME = "pandacss";
 var driverStates = /* @__PURE__ */ new Map();
 var driverGuard;
 var pandacss = (options = {}) => {
-  const postcssProcess = async (root, result) => {
+  const postcssProcess = async (root, helpers) => {
+    const result = helpers.result;
     const fileName = result.opts.from;
     if (shouldSkip(fileName, options.allow)) return;
     const inputCss = getInputCss(root, result);
     if (!inputCss.includes("@layer")) return;
-    const cwd = _path.resolve.call(void 0, _nullishCoalesce(options.cwd, () => ( process.cwd())));
+    const cwd = _nodepath.resolve.call(void 0, _nullishCoalesce(options.cwd, () => ( process.cwd())));
     const key = getDriverKey(cwd, options.configPath);
     let state = driverStates.get(key);
     if (!state) {
       const driver2 = await _compiler.createNodeDriver.call(void 0, { cwd, configPath: options.configPath });
-      state = { driver: driver2, generatedOutdirs: /* @__PURE__ */ new Set() };
+      state = {
+        driver: driver2,
+        generatedOutdirs: /* @__PURE__ */ new Set(),
+        parsedSources: /* @__PURE__ */ new Map(),
+        configStamp: stampPaths(configStampPaths(driver2)),
+        dsSourceStamp: stampPaths(dsSourceStampPaths(driver2))
+      };
       driverStates.set(key, state);
+      driver2.syncDesignSystemSources();
     } else {
-      const diff = await state.driver.reload();
-      if (diff.hasChanged) {
-        state.generatedOutdirs.clear();
-      }
+      await syncDriverState(state);
     }
     const { driver } = state;
+    const polyfill = driver.config.polyfill === true;
     if (!driver.compiler.hasLayerDeclaration(inputCss)) return;
     ensureCodegen(state, { cwd, outdir: options.outdir });
-    driver.parseFiles();
+    syncProjectSources(state);
     registerDependencies(driver, result, cwd, fileName);
-    const output = driver.cssgen({ emitLayerDeclaration: false });
+    emitDiagnostics(root, result, _nullishCoalesce(driver.designSystemDiagnostics, () => ( [])));
+    if (polyfill) {
+      const stripped = driver.compiler.stripLayerOrderStatements(inputCss);
+      root.removeAll();
+      root.append(helpers.postcss.parse(stripped, { from: fileName }));
+    }
+    const output = driver.cssgen({ emitLayerDeclaration: false, polyfill });
     emitDiagnostics(root, result, output.diagnostics);
     root.append(output.css);
     root.walk((node) => {
@@ -41,7 +67,7 @@ var pandacss = (options = {}) => {
     postcssPlugin: PLUGIN_NAME,
     Once(root, helpers) {
       driverGuard = Promise.resolve(driverGuard).catch(() => {
-      }).then(() => postcssProcess(root, helpers.result));
+      }).then(() => postcssProcess(root, helpers));
       return driverGuard;
     }
   };
@@ -51,7 +77,7 @@ var index_default = pandacss;
 var nodeModulesRegex = /node_modules/;
 function isValidCss(file) {
   const [filePath] = file.split("?");
-  return _path.extname.call(void 0, filePath) === ".css";
+  return _nodepath.extname.call(void 0, filePath) === ".css";
 }
 var shouldSkip = (fileName, allow) => {
   if (!fileName) return true;
@@ -72,21 +98,94 @@ function ensureCodegen(state, options) {
   state.driver.codegen({ cwd: options.cwd, outdir: options.outdir });
   state.generatedOutdirs.add(outdirKey);
 }
+async function syncDriverState(state) {
+  const nextConfigStamp = stampPaths(configStampPaths(state.driver));
+  if (state.configStamp !== nextConfigStamp) {
+    const diff = await state.driver.reload();
+    state.configStamp = stampPaths(configStampPaths(state.driver));
+    if (diff.hasChanged) {
+      state.generatedOutdirs.clear();
+      state.parsedSources.clear();
+    }
+    state.driver.syncDesignSystemSources();
+    state.dsSourceStamp = stampPaths(dsSourceStampPaths(state.driver));
+    return;
+  }
+  const nextDsSourceStamp = stampPaths(dsSourceStampPaths(state.driver));
+  if (state.dsSourceStamp !== nextDsSourceStamp) {
+    state.driver.syncDesignSystemSources();
+    state.dsSourceStamp = nextDsSourceStamp;
+  }
+}
+function syncProjectSources(state) {
+  const files = state.driver.scan();
+  const scanned = new Set(files);
+  const changes = [];
+  for (const path of state.parsedSources.keys()) {
+    if (!scanned.has(path)) {
+      changes.push({ path, kind: "unlink" });
+      state.parsedSources.delete(path);
+    }
+  }
+  for (const path of files) {
+    const stamp = readFileStamp(path);
+    const known = state.parsedSources.get(path);
+    if (known === void 0) {
+      changes.push({ path, kind: "add" });
+      state.parsedSources.set(path, stamp);
+      continue;
+    }
+    if (known !== stamp) {
+      changes.push({ path, kind: "change" });
+      state.parsedSources.set(path, stamp);
+    }
+  }
+  if (changes.length > 0) {
+    state.driver.applyChanges(changes);
+  }
+}
+function configStampPaths(driver) {
+  const paths = [];
+  if (driver.configPath) paths.push(driver.configPath);
+  for (const dep of driver.configDependencies) {
+    paths.push(driver.resolvePath(dep));
+  }
+  for (const target of _nullishCoalesce(_optionalChain([driver, 'access', _3 => _3.designSystemWatchTargets, 'optionalCall', _4 => _4()]), () => ( []))) {
+    paths.push(target.manifestPath, target.buildInfoPath, target.presetPath);
+  }
+  return paths;
+}
+function dsSourceStampPaths(driver) {
+  const paths = [];
+  for (const target of _nullishCoalesce(_optionalChain([driver, 'access', _5 => _5.designSystemWatchTargets, 'optionalCall', _6 => _6()]), () => ( []))) {
+    for (const file of target.sourceFiles) paths.push(file);
+  }
+  return paths;
+}
+function stampPaths(paths) {
+  if (paths.length === 0) return "";
+  let stamp = "";
+  for (let i = 0; i < paths.length; i++) {
+    if (i) stamp += "\0";
+    stamp += `${paths[i]}\0${readFileStamp(paths[i])}`;
+  }
+  return stamp;
+}
 function registerDependencies(driver, result, cwd, parent) {
   for (const source of driver.compiler.sources()) {
     result.messages.push(
       withPluginMetadata(
         createSourceDependency({
-          dir: _path.normalize.call(void 0, _path.resolve.call(void 0, cwd, source.base)),
+          dir: _nodepath.normalize.call(void 0, _nodepath.resolve.call(void 0, cwd, source.base)),
           glob: source.pattern
         }),
         parent
       )
     );
   }
-  const configDeps = new Set(driver.configDependencies.map((file) => _path.normalize.call(void 0, _path.resolve.call(void 0, cwd, file))));
+  const configDeps = new Set(driver.configDependencies.map((file) => _nodepath.normalize.call(void 0, _nodepath.resolve.call(void 0, cwd, file))));
   if (driver.configPath) {
-    configDeps.add(_path.normalize.call(void 0, _path.resolve.call(void 0, cwd, driver.configPath)));
+    configDeps.add(_nodepath.normalize.call(void 0, _nodepath.resolve.call(void 0, cwd, driver.configPath)));
   }
   for (const file of configDeps) {
     result.messages.push(
@@ -99,6 +198,19 @@ function registerDependencies(driver, result, cwd, parent) {
       )
     );
   }
+  for (const target of _nullishCoalesce(_optionalChain([driver, 'access', _7 => _7.designSystemWatchTargets, 'optionalCall', _8 => _8()]), () => ( []))) {
+    for (const file of [target.manifestPath, target.buildInfoPath, target.presetPath, ...target.sourceFiles]) {
+      result.messages.push(
+        withPluginMetadata(
+          {
+            type: "dependency",
+            file: _nodepath.normalize.call(void 0, file)
+          },
+          parent
+        )
+      );
+    }
+  }
 }
 function createSourceDependency(source) {
   if (process.env.ROLLUP_WATCH === "true") {
@@ -113,18 +225,17 @@ function withPluginMetadata(message, parent) {
     parent
   };
 }
-function formatDiagnostic(diagnostic) {
-  const file = diagnostic.file ? `${diagnostic.file}` : "";
-  const location = diagnostic.location ? `:${diagnostic.location.start.line}:${diagnostic.location.start.column}` : diagnostic.span ? `:${diagnostic.span.start}` : "";
-  return `${diagnostic.severity} ${diagnostic.code} ${file}${location} ${diagnostic.message}`.replace(/\s+/g, " ");
-}
 function emitDiagnostics(root, result, diagnostics) {
   const error = diagnostics.find((diagnostic) => diagnostic.severity === "error");
   if (error) {
-    throw root.error(formatDiagnostic(error), { plugin: PLUGIN_NAME });
+    throw root.error(_compilershared.formatDiagnostic.call(void 0, error), { plugin: PLUGIN_NAME });
   }
   for (const diagnostic of diagnostics) {
-    result.warn(formatDiagnostic(diagnostic), { plugin: PLUGIN_NAME });
+    if (diagnostic.severity === "info") {
+      result.messages.push({ type: "pandacss-diagnostic", plugin: PLUGIN_NAME, diagnostic });
+      continue;
+    }
+    result.warn(_compilershared.formatDiagnostic.call(void 0, diagnostic), { plugin: PLUGIN_NAME });
   }
 }
 

package/dist/index.js

@@ -1,11 +1,26 @@
 // src/index.ts
 import { createNodeDriver } from "@pandacss/compiler";
-import { extname, normalize, resolve } from "path";
+import { formatDiagnostic } from "@pandacss/compiler-shared";
+import { extname, normalize, resolve } from "node:path";
+
+// src/fs-stamp.ts
+import { statSync } from "node:fs";
+function readFileStamp(path) {
+  try {
+    const stat = statSync(path);
+    return `${stat.mtimeMs}:${stat.size}`;
+  } catch {
+    return "missing";
+  }
+}
+
+// src/index.ts
 var PLUGIN_NAME = "pandacss";
 var driverStates = /* @__PURE__ */ new Map();
 var driverGuard;
 var pandacss = (options = {}) => {
-  const postcssProcess = async (root, result) => {
+  const postcssProcess = async (root, helpers) => {
+    const result = helpers.result;
     const fileName = result.opts.from;
     if (shouldSkip(fileName, options.allow)) return;
     const inputCss = getInputCss(root, result);
@@ -15,20 +30,31 @@ var pandacss = (options = {}) => {
     let state = driverStates.get(key);
     if (!state) {
       const driver2 = await createNodeDriver({ cwd, configPath: options.configPath });
-      state = { driver: driver2, generatedOutdirs: /* @__PURE__ */ new Set() };
+      state = {
+        driver: driver2,
+        generatedOutdirs: /* @__PURE__ */ new Set(),
+        parsedSources: /* @__PURE__ */ new Map(),
+        configStamp: stampPaths(configStampPaths(driver2)),
+        dsSourceStamp: stampPaths(dsSourceStampPaths(driver2))
+      };
       driverStates.set(key, state);
+      driver2.syncDesignSystemSources();
     } else {
-      const diff = await state.driver.reload();
-      if (diff.hasChanged) {
-        state.generatedOutdirs.clear();
-      }
+      await syncDriverState(state);
     }
     const { driver } = state;
+    const polyfill = driver.config.polyfill === true;
     if (!driver.compiler.hasLayerDeclaration(inputCss)) return;
     ensureCodegen(state, { cwd, outdir: options.outdir });
-    driver.parseFiles();
+    syncProjectSources(state);
     registerDependencies(driver, result, cwd, fileName);
-    const output = driver.cssgen({ emitLayerDeclaration: false });
+    emitDiagnostics(root, result, driver.designSystemDiagnostics ?? []);
+    if (polyfill) {
+      const stripped = driver.compiler.stripLayerOrderStatements(inputCss);
+      root.removeAll();
+      root.append(helpers.postcss.parse(stripped, { from: fileName }));
+    }
+    const output = driver.cssgen({ emitLayerDeclaration: false, polyfill });
     emitDiagnostics(root, result, output.diagnostics);
     root.append(output.css);
     root.walk((node) => {
@@ -41,7 +67,7 @@ var pandacss = (options = {}) => {
     postcssPlugin: PLUGIN_NAME,
     Once(root, helpers) {
       driverGuard = Promise.resolve(driverGuard).catch(() => {
-      }).then(() => postcssProcess(root, helpers.result));
+      }).then(() => postcssProcess(root, helpers));
       return driverGuard;
     }
   };
@@ -72,6 +98,79 @@ function ensureCodegen(state, options) {
   state.driver.codegen({ cwd: options.cwd, outdir: options.outdir });
   state.generatedOutdirs.add(outdirKey);
 }
+async function syncDriverState(state) {
+  const nextConfigStamp = stampPaths(configStampPaths(state.driver));
+  if (state.configStamp !== nextConfigStamp) {
+    const diff = await state.driver.reload();
+    state.configStamp = stampPaths(configStampPaths(state.driver));
+    if (diff.hasChanged) {
+      state.generatedOutdirs.clear();
+      state.parsedSources.clear();
+    }
+    state.driver.syncDesignSystemSources();
+    state.dsSourceStamp = stampPaths(dsSourceStampPaths(state.driver));
+    return;
+  }
+  const nextDsSourceStamp = stampPaths(dsSourceStampPaths(state.driver));
+  if (state.dsSourceStamp !== nextDsSourceStamp) {
+    state.driver.syncDesignSystemSources();
+    state.dsSourceStamp = nextDsSourceStamp;
+  }
+}
+function syncProjectSources(state) {
+  const files = state.driver.scan();
+  const scanned = new Set(files);
+  const changes = [];
+  for (const path of state.parsedSources.keys()) {
+    if (!scanned.has(path)) {
+      changes.push({ path, kind: "unlink" });
+      state.parsedSources.delete(path);
+    }
+  }
+  for (const path of files) {
+    const stamp = readFileStamp(path);
+    const known = state.parsedSources.get(path);
+    if (known === void 0) {
+      changes.push({ path, kind: "add" });
+      state.parsedSources.set(path, stamp);
+      continue;
+    }
+    if (known !== stamp) {
+      changes.push({ path, kind: "change" });
+      state.parsedSources.set(path, stamp);
+    }
+  }
+  if (changes.length > 0) {
+    state.driver.applyChanges(changes);
+  }
+}
+function configStampPaths(driver) {
+  const paths = [];
+  if (driver.configPath) paths.push(driver.configPath);
+  for (const dep of driver.configDependencies) {
+    paths.push(driver.resolvePath(dep));
+  }
+  for (const target of driver.designSystemWatchTargets?.() ?? []) {
+    paths.push(target.manifestPath, target.buildInfoPath, target.presetPath);
+  }
+  return paths;
+}
+function dsSourceStampPaths(driver) {
+  const paths = [];
+  for (const target of driver.designSystemWatchTargets?.() ?? []) {
+    for (const file of target.sourceFiles) paths.push(file);
+  }
+  return paths;
+}
+function stampPaths(paths) {
+  if (paths.length === 0) return "";
+  let stamp = "";
+  for (let i = 0; i < paths.length; i++) {
+    if (i) stamp += "\0";
+    stamp += `${paths[i]}\0${readFileStamp(paths[i])}`;
+  }
+  return stamp;
+}
 function registerDependencies(driver, result, cwd, parent) {
   for (const source of driver.compiler.sources()) {
     result.messages.push(
@@ -99,6 +198,19 @@ function registerDependencies(driver, result, cwd, parent) {
       )
     );
   }
+  for (const target of driver.designSystemWatchTargets?.() ?? []) {
+    for (const file of [target.manifestPath, target.buildInfoPath, target.presetPath, ...target.sourceFiles]) {
+      result.messages.push(
+        withPluginMetadata(
+          {
+            type: "dependency",
+            file: normalize(file)
+          },
+          parent
+        )
+      );
+    }
+  }
 }
 function createSourceDependency(source) {
   if (process.env.ROLLUP_WATCH === "true") {
@@ -113,17 +225,16 @@ function withPluginMetadata(message, parent) {
     parent
   };
 }
-function formatDiagnostic(diagnostic) {
-  const file = diagnostic.file ? `${diagnostic.file}` : "";
-  const location = diagnostic.location ? `:${diagnostic.location.start.line}:${diagnostic.location.start.column}` : diagnostic.span ? `:${diagnostic.span.start}` : "";
-  return `${diagnostic.severity} ${diagnostic.code} ${file}${location} ${diagnostic.message}`.replace(/\s+/g, " ");
-}
 function emitDiagnostics(root, result, diagnostics) {
   const error = diagnostics.find((diagnostic) => diagnostic.severity === "error");
   if (error) {
     throw root.error(formatDiagnostic(error), { plugin: PLUGIN_NAME });
   }
   for (const diagnostic of diagnostics) {
+    if (diagnostic.severity === "info") {
+      result.messages.push({ type: "pandacss-diagnostic", plugin: PLUGIN_NAME, diagnostic });
+      continue;
+    }
     result.warn(formatDiagnostic(diagnostic), { plugin: PLUGIN_NAME });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/postcss",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "description": "PostCSS plugin for Panda CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,14 +30,14 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/compiler": "2.0.0-beta.2",
-    "@pandacss/compiler-shared": "2.0.0-beta.2"
+    "@pandacss/compiler": "2.0.0-beta.20",
+    "@pandacss/compiler-shared": "2.0.0-beta.20"
   },
   "peerDependencies": {
     "postcss": ">=8"
   },
   "devDependencies": {
-    "postcss": "8.5.14"
+    "postcss": "8.5.28"
   },
   "engines": {
     "node": ">=22"