@pandacss/config 0.31.0 → 0.32.0

package/dist/{chunk-XG56JT63.mjs → chunk-MT2A5AKG.mjs}

@@ -1,6 +1,74 @@
 // src/merge-config.ts
 import { mergeAndConcat } from "merge-anything";
 
+// src/merge-hooks.ts
+import { logger } from "@pandacss/logger";
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 import { traverse } from "@pandacss/shared";
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -87,6 +155,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs) {
+  const [userConfig] = configs;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs.map((config) => config.conditions ?? {})),
@@ -94,7 +167,8 @@ function mergeConfigs(configs) {
       patterns: mergeExtensions(configs.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs
   );

package/dist/index.js

@@ -376,6 +376,74 @@ function getConfigDependencies(filePath, tsOptions = { pathMappings: [] }, compi
 // src/merge-config.ts
 var import_merge_anything = require("merge-anything");
 
+// src/merge-hooks.ts
+var import_logger2 = require("@pandacss/logger");
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      import_logger2.logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 var import_shared4 = require("@pandacss/shared");
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -462,6 +530,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs2) {
+  const [userConfig] = configs2;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs2.map((config) => config.conditions ?? {})),
@@ -469,7 +542,8 @@ function mergeConfigs(configs2) {
       patterns: mergeExtensions(configs2.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs2.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs2.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs2.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs2.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs2
   );
@@ -496,7 +570,7 @@ async function getResolvedConfig(config, cwd) {
 }
 
 // src/resolve-config.ts
-var import_logger3 = require("@pandacss/logger");
+var import_logger4 = require("@pandacss/logger");
 var import_shared8 = require("@pandacss/shared");
 
 // src/bundled-preset.ts
@@ -514,7 +588,7 @@ var getBundledPreset = (preset) => {
 };
 
 // src/validate-config.ts
-var import_logger2 = require("@pandacss/logger");
+var import_logger3 = require("@pandacss/logger");
 var import_shared7 = require("@pandacss/shared");
 
 // src/validation/validate-artifact.ts
@@ -743,7 +817,7 @@ ${Array.from(warnings).map((err) => "- " + err).join("\n")}
     if (config.validation === "error") {
       throw new import_shared7.PandaError("CONFIG_ERROR", errors);
     }
-    import_logger2.logger.warn("config", errors);
+    import_logger3.logger.warn("config", errors);
     return warnings;
   }
 };
@@ -762,15 +836,15 @@ async function resolveConfig(result, cwd) {
     presets.add(import_preset_panda.preset);
   }
   result.config.presets = Array.from(presets);
-  const config = await getResolvedConfig(result.config, cwd);
-  if (config.logLevel) {
-    import_logger3.logger.level = config.logLevel;
+  const mergedConfig = await getResolvedConfig(result.config, cwd);
+  const hooks = mergedConfig.hooks ?? {};
+  if (mergedConfig.logLevel) {
+    import_logger4.logger.level = mergedConfig.logLevel;
   }
-  validateConfig(config);
-  const { hooks = {} } = result.config;
+  validateConfig(mergedConfig);
   const loadConfigResult = {
     ...result,
-    config
+    config: mergedConfig
   };
   if (hooks["config:resolved"]) {
     const result2 = await hooks["config:resolved"]({

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   mergeConfigs,
   utils
-} from "./chunk-XG56JT63.mjs";
+} from "./chunk-MT2A5AKG.mjs";
 import {
   diffConfigs
 } from "./chunk-5YOGLJPA.mjs";
@@ -480,15 +480,15 @@ async function resolveConfig(result, cwd) {
     presets.add(presetPanda);
   }
   result.config.presets = Array.from(presets);
-  const config = await getResolvedConfig(result.config, cwd);
-  if (config.logLevel) {
-    logger3.level = config.logLevel;
+  const mergedConfig = await getResolvedConfig(result.config, cwd);
+  const hooks = mergedConfig.hooks ?? {};
+  if (mergedConfig.logLevel) {
+    logger3.level = mergedConfig.logLevel;
   }
-  validateConfig(config);
-  const { hooks = {} } = result.config;
+  validateConfig(mergedConfig);
   const loadConfigResult = {
     ...result,
-    config
+    config: mergedConfig
   };
   if (hooks["config:resolved"]) {
     const result2 = await hooks["config:resolved"]({

package/dist/merge-config.js

@@ -25,6 +25,74 @@ __export(merge_config_exports, {
 module.exports = __toCommonJS(merge_config_exports);
 var import_merge_anything = require("merge-anything");
 
+// src/merge-hooks.ts
+var import_logger = require("@pandacss/logger");
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      import_logger.logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 var import_shared = require("@pandacss/shared");
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -98,6 +166,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs) {
+  const [userConfig] = configs;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs.map((config) => config.conditions ?? {})),
@@ -105,7 +178,8 @@ function mergeConfigs(configs) {
       patterns: mergeExtensions(configs.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs
   );

package/dist/merge-config.mjs

@@ -1,6 +1,6 @@
 import {
   mergeConfigs
-} from "./chunk-XG56JT63.mjs";
+} from "./chunk-MT2A5AKG.mjs";
 export {
   mergeConfigs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/config",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "Find and load panda config",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -64,11 +64,11 @@
     "merge-anything": "5.1.7",
     "microdiff": "1.3.2",
     "typescript": "5.3.3",
-    "@pandacss/logger": "0.31.0",
-    "@pandacss/preset-base": "0.31.0",
-    "@pandacss/preset-panda": "0.31.0",
-    "@pandacss/shared": "0.31.0",
-    "@pandacss/types": "0.31.0"
+    "@pandacss/logger": "0.32.0",
+    "@pandacss/preset-base": "0.32.0",
+    "@pandacss/preset-panda": "0.32.0",
+    "@pandacss/shared": "0.32.0",
+    "@pandacss/types": "0.32.0"
   },
   "devDependencies": {
     "pkg-types": "1.0.3"