@pandacss/node 0.27.3 → 0.28.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, Artifact, Runtime, PandaHookable, ConfigResultWithHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, Artifact, Runtime, PandaHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
 import { StyleEncoder, Stylesheet } from '@pandacss/core';
 import { Generator } from '@pandacss/generator';
 import * as _pandacss_parser from '@pandacss/parser';
@@ -25,7 +25,7 @@ declare class DiffEngine {
 
 interface OutputEngineOptions extends Generator {
     runtime: Runtime;
-    hooks: PandaHookable;
+    hooks: Partial<PandaHooks>;
 }
 declare class OutputEngine {
     private paths;
@@ -42,7 +42,7 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
-    constructor(conf: ConfigResultWithHooks);
+    constructor(conf: LoadConfigResult);
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -245,6 +245,8 @@ declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     msg: string;
 }>;
 
+declare const startProfiling: (cwd: string, prefix: string) => Promise<() => void>;
+
 declare function loadConfigAndCreateContext(options?: {
     cwd?: string;
     config?: Config;
@@ -278,4 +280,4 @@ type SetupOptions = Partial<Config> & {
 declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
 declare function setupPostcss(cwd: string): Promise<void>;
 
-export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, writeAnalyzeJSON };
+export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, startProfiling, writeAnalyzeJSON };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, Artifact, Runtime, PandaHookable, ConfigResultWithHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, Artifact, Runtime, PandaHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
 import { StyleEncoder, Stylesheet } from '@pandacss/core';
 import { Generator } from '@pandacss/generator';
 import * as _pandacss_parser from '@pandacss/parser';
@@ -25,7 +25,7 @@ declare class DiffEngine {
 
 interface OutputEngineOptions extends Generator {
     runtime: Runtime;
-    hooks: PandaHookable;
+    hooks: Partial<PandaHooks>;
 }
 declare class OutputEngine {
     private paths;
@@ -42,7 +42,7 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
-    constructor(conf: ConfigResultWithHooks);
+    constructor(conf: LoadConfigResult);
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -245,6 +245,8 @@ declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     msg: string;
 }>;
 
+declare const startProfiling: (cwd: string, prefix: string) => Promise<() => void>;
+
 declare function loadConfigAndCreateContext(options?: {
     cwd?: string;
     config?: Config;
@@ -278,4 +280,4 @@ type SetupOptions = Partial<Config> & {
 declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
 declare function setupPostcss(cwd: string): Promise<void>;
 
-export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, writeAnalyzeJSON };
+export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, startProfiling, writeAnalyzeJSON };

package/dist/index.js

@@ -416,6 +416,7 @@ __export(src_exports, {
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
+  startProfiling: () => startProfiling,
   writeAnalyzeJSON: () => writeAnalyzeJSON
 });
 module.exports = __toCommonJS(src_exports);
@@ -2224,7 +2225,7 @@ async function codegen(ctx, ids) {
     ctx.output.empty();
   const promises = ctx.getArtifacts(ids).map((artifact) => limit(() => ctx.output.write(artifact)));
   await Promise.allSettled(promises);
-  void ctx.hooks.callHook("generator:done");
+  await ctx.hooks["codegen:done"]?.({ changed: ids });
   return {
     box: createBox({
       content: ctx.messages.codegenComplete(),
@@ -2238,7 +2239,6 @@ async function codegen(ctx, ids) {
 init_cjs_shims();
 var import_config3 = require("@pandacss/config");
 var import_browserslist = __toESM(require("browserslist"));
-var import_hookable = require("hookable");
 
 // src/create-context.ts
 init_cjs_shims();
@@ -2326,8 +2326,8 @@ var nodeRuntime = {
     readDirSync: import_fs_extra.default.readdirSync,
     rmDirSync: import_fs_extra.default.emptyDirSync,
     rmFileSync: import_fs_extra.default.removeSync,
-    ensureDirSync(path) {
-      return import_fs_extra.default.ensureDirSync(path);
+    ensureDirSync(path2) {
+      return import_fs_extra.default.ensureDirSync(path2);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -2551,15 +2551,7 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsConfResult) {
     Object.assign(conf, tsConfResult);
   }
-  const hooks = (0, import_hookable.createHooks)();
-  if (conf.config.hooks) {
-    hooks.addHooks(conf.config.hooks);
-  }
-  await hooks.callHook("config:resolved", conf);
-  if (conf.config.logLevel === "debug") {
-    (0, import_hookable.createDebugger)(hooks, { tag: "panda" });
-  }
-  return new PandaContext({ ...conf, hooks });
+  return new PandaContext(conf);
 }
 
 // src/parse-dependency.ts
@@ -2646,12 +2638,12 @@ var Builder = class {
     }
     const ctx = this.getContextOrThrow();
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-      this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
+      this.context = new PandaContext(conf);
     });
     import_logger6.logger.debug("builder", this.affecteds);
     if (this.affecteds.hasConfigChanged) {
       import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
       return;
     }
     this.filesMeta = this.checkFilesChanged(ctx.getFiles());
@@ -2753,14 +2745,44 @@ var Builder = class {
   };
 };
 
-// src/cssgen.ts
+// src/cpu-profile.ts
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
+var import_fs2 = __toESM(require("fs"));
+var import_path4 = __toESM(require("path"));
+var startProfiling = async (cwd, prefix) => {
+  const v8Profiler = (await import("v8-profiler-next")).default;
+  const date = /* @__PURE__ */ new Date();
+  const timestamp = date.toISOString().replace(/[-:.]/g, "");
+  const title = `panda-${prefix}-${timestamp}`;
+  v8Profiler.setGenerateType(1);
+  v8Profiler.startProfiling(title, true);
+  const stopProfiling = () => {
+    const profile = v8Profiler.stopProfiling(title);
+    profile.export(function(error, result) {
+      if (error) {
+        console.error(error);
+        return;
+      }
+      if (!result)
+        return;
+      const outfile = import_path4.default.join(cwd, `${title}.cpuprofile`);
+      import_fs2.default.writeFileSync(outfile, result);
+      import_logger7.logger.info("cpu-prof", outfile);
+      profile.delete();
+    });
+  };
+  return stopProfiling;
+};
+
+// src/cssgen.ts
+init_cjs_shims();
+var import_logger8 = require("@pandacss/logger");
 var cssgen = async (ctx, options) => {
   const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
-    const done = import_logger7.logger.time.info(ctx.messages.cssArtifactComplete(type));
+    const done = import_logger8.logger.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
@@ -2771,7 +2793,7 @@ var cssgen = async (ctx, options) => {
     done();
   } else {
     const { files } = ctx.parseFiles();
-    const done = import_logger7.logger.time.info(ctx.messages.buildComplete(files.length));
+    const done = import_logger8.logger.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
@@ -2789,19 +2811,19 @@ var cssgen = async (ctx, options) => {
 
 // src/debug.ts
 init_cjs_shims();
-var import_logger8 = require("@pandacss/logger");
-var import_path4 = require("path");
+var import_logger9 = require("@pandacss/logger");
+var import_path5 = require("path");
 async function debug(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = import_logger8.logger.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = import_logger9.logger.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
   ctx.config.optimize = true;
-  const { fs, path } = ctx.runtime;
+  const { fs: fs2, path: path2 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
-    fs.ensureDirSync(outdir);
-    import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/config.json`)}`);
-    await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
+    fs2.ensureDirSync(outdir);
+    import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/config.json`)}`);
+    await fs2.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   if (options.onlyConfig) {
     measureTotal();
@@ -2809,14 +2831,14 @@ async function debug(ctx, options) {
   }
   const filesWithCss = [];
   files.map((file) => {
-    const measure = import_logger8.logger.time.debug(`Parsed ${file}`);
+    const measure = import_logger9.logger.time.debug(`Parsed ${file}`);
     const encoder = ctx.encoder.clone();
     const result = ctx.project.parseSourceFile(file, encoder);
     measure();
     if (!result || result.isEmpty() || encoder.isEmpty())
       return;
     const styles4 = ctx.decoder.clone().collect(encoder);
-    const css = ctx.getParserCss(styles4, file);
+    const css = ctx.getParserCss(styles4);
     if (!css)
       return;
     if (options.dry) {
@@ -2825,32 +2847,32 @@ async function debug(ctx, options) {
     }
     if (outdir) {
       filesWithCss.push(file);
-      const parsedPath = (0, import_path4.parse)(file);
-      const relative2 = path.relative(ctx.config.cwd, parsedPath.dir);
-      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path.sep, "__");
-      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path.sep, "__");
-      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${astJsonPath}`)}`);
-      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${cssPath}`)}`);
+      const parsedPath = (0, import_path5.parse)(file);
+      const relative2 = path2.relative(ctx.config.cwd, parsedPath.dir);
+      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${astJsonPath}`)}`);
+      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${cssPath}`)}`);
       return Promise.allSettled([
-        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-        fs.writeFile(`${outdir}/${cssPath}`, css)
+        fs2.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs2.writeFile(`${outdir}/${cssPath}`, css)
       ]);
     }
   });
-  import_logger8.logger.info("cli", `Found ${import_logger8.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger9.logger.info("cli", `Found ${import_logger9.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/generate.ts
 init_cjs_shims();
-var import_logger9 = require("@pandacss/logger");
+var import_logger10 = require("@pandacss/logger");
 var import_ts_pattern = require("ts-pattern");
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
-    return import_logger9.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
+    return import_logger10.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const done = import_logger9.logger.time.info("");
+  const done = import_logger10.logger.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
@@ -2863,24 +2885,24 @@ async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
   const {
-    runtime: { fs, path },
+    runtime: { fs: fs2, path: path2 },
     config: { cwd }
   } = ctx;
   if (ctx.config.watch) {
-    const configWatcher = fs.watch({ include: ctx.conf.dependencies });
+    const configWatcher = fs2.watch({ include: ctx.conf.dependencies });
     configWatcher.on("change", async () => {
       const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext({ ...conf, hooks: ctx.hooks });
+        ctx = new PandaContext(conf);
       });
       if (!affecteds.hasConfigChanged) {
-        import_logger9.logger.debug("builder", "Config didnt change, skipping rebuild");
+        import_logger10.logger.debug("builder", "Config didnt change, skipping rebuild");
         return;
       }
-      import_logger9.logger.info("config:change", "Config changed, restarting...");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      import_logger10.logger.info("config:change", "Config changed, restarting...");
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
       return build(ctx, Array.from(affecteds.artifacts));
     });
-    const contentWatcher = fs.watch(ctx.config);
+    const contentWatcher = fs2.watch(ctx.config);
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2895,10 +2917,10 @@ async function generate(config, configPath) {
       }
     };
     contentWatcher.on("all", async (event, file) => {
-      import_logger9.logger.info(`file:${event}`, file);
-      const filePath = path.abs(cwd, file);
+      import_logger10.logger.info(`file:${event}`, file);
+      const filePath = path2.abs(cwd, file);
       (0, import_ts_pattern.match)(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path.abs(cwd, file));
+        ctx.project.removeSourceFile(path2.abs(cwd, file));
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         return bundleStyles(ctx, filePath);
@@ -2908,13 +2930,13 @@ async function generate(config, configPath) {
       }).otherwise(() => {
       });
     });
-    import_logger9.logger.info("ctx:watch", ctx.messages.watch());
+    import_logger10.logger.info("ctx:watch", ctx.messages.watch());
   }
 }
 
 // src/git-ignore.ts
 init_cjs_shims();
-var import_fs2 = require("fs");
+var import_fs3 = require("fs");
 var import_look_it_up = require("look-it-up");
 var import_outdent = __toESM(require("outdent"));
 function setupGitIgnore(ctx) {
@@ -2929,11 +2951,11 @@ function setupGitIgnore(ctx) {
   `;
   const file = (0, import_look_it_up.lookItUpSync)(".gitignore");
   if (!file) {
-    return (0, import_fs2.writeFileSync)(".gitignore", txt);
+    return (0, import_fs3.writeFileSync)(".gitignore", txt);
   }
-  const content = (0, import_fs2.readFileSync)(file, "utf-8");
+  const content = (0, import_fs3.readFileSync)(file, "utf-8");
   if (!content.includes(outdir)) {
-    (0, import_fs2.appendFileSync)(file, txt);
+    (0, import_fs3.appendFileSync)(file, txt);
   }
 }
 
@@ -2941,11 +2963,11 @@ function setupGitIgnore(ctx) {
 init_cjs_shims();
 var import_config7 = require("@pandacss/config");
 var import_core2 = require("@pandacss/core");
-var import_logger10 = require("@pandacss/logger");
+var import_logger11 = require("@pandacss/logger");
 var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_look_it_up2 = require("look-it-up");
 var import_outdent2 = require("outdent");
-var import_path5 = require("path");
+var import_path6 = require("path");
 var import_preferred_pm = __toESM(require("preferred-pm"));
 var import_prettier = __toESM(require("prettier"));
 async function setupConfig(cwd, opts = {}) {
@@ -2956,9 +2978,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = (0, import_look_it_up2.lookItUpSync)("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  import_logger10.logger.info("init:config", `creating panda config file: ${(0, import_logger10.quote)(file)}`);
+  import_logger11.logger.info("init:config", `creating panda config file: ${(0, import_logger11.quote)(file)}`);
   if (!force && configFile) {
-    import_logger10.logger.warn("init:config", import_core2.messages.configExists(cmd));
+    import_logger11.logger.warn("init:config", import_core2.messages.configExists(cmd));
   } else {
     const content = import_outdent2.outdent`
 import { defineConfig } from "@pandacss/dev"
@@ -2990,12 +3012,12 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, file), import_prettier.default.format(content, { parser: "babel" }));
-    import_logger10.logger.log(import_core2.messages.thankYou());
+    await import_fs_extra2.default.writeFile((0, import_path6.join)(cwd, file), import_prettier.default.format(content, { parser: "babel" }));
+    import_logger11.logger.log(import_core2.messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  import_logger10.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger10.quote)("postcss.config.cjs")}`);
+  import_logger11.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger11.quote)("postcss.config.cjs")}`);
   const content = import_outdent2.outdent`
 module.exports = {
   plugins: {
@@ -3003,7 +3025,7 @@ module.exports = {
   },
 }
   `;
-  await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, "postcss.config.cjs"), content);
+  await import_fs_extra2.default.writeFile((0, import_path6.join)(cwd, "postcss.config.cjs"), content);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -3020,5 +3042,6 @@ module.exports = {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  startProfiling,
   writeAnalyzeJSON
 });

package/dist/index.mjs

@@ -2200,7 +2200,7 @@ async function codegen(ctx, ids) {
     ctx.output.empty();
   const promises = ctx.getArtifacts(ids).map((artifact) => limit(() => ctx.output.write(artifact)));
   await Promise.allSettled(promises);
-  void ctx.hooks.callHook("generator:done");
+  await ctx.hooks["codegen:done"]?.({ changed: ids });
   return {
     box: createBox({
       content: ctx.messages.codegenComplete(),
@@ -2214,7 +2214,6 @@ async function codegen(ctx, ids) {
 init_esm_shims();
 import { loadConfig as loadConfig2 } from "@pandacss/config";
 import browserslist from "browserslist";
-import { createDebugger, createHooks } from "hookable";
 
 // src/create-context.ts
 init_esm_shims();
@@ -2302,8 +2301,8 @@ var nodeRuntime = {
     readDirSync: fsExtra.readdirSync,
     rmDirSync: fsExtra.emptyDirSync,
     rmFileSync: fsExtra.removeSync,
-    ensureDirSync(path) {
-      return fsExtra.ensureDirSync(path);
+    ensureDirSync(path2) {
+      return fsExtra.ensureDirSync(path2);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -2527,15 +2526,7 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsConfResult) {
     Object.assign(conf, tsConfResult);
   }
-  const hooks = createHooks();
-  if (conf.config.hooks) {
-    hooks.addHooks(conf.config.hooks);
-  }
-  await hooks.callHook("config:resolved", conf);
-  if (conf.config.logLevel === "debug") {
-    createDebugger(hooks, { tag: "panda" });
-  }
-  return new PandaContext({ ...conf, hooks });
+  return new PandaContext(conf);
 }
 
 // src/parse-dependency.ts
@@ -2622,12 +2613,12 @@ var Builder = class {
     }
     const ctx = this.getContextOrThrow();
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-      this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
+      this.context = new PandaContext(conf);
     });
     logger6.debug("builder", this.affecteds);
     if (this.affecteds.hasConfigChanged) {
       logger6.debug("builder", "\u2699\uFE0F Config changed, reloading");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
       return;
     }
     this.filesMeta = this.checkFilesChanged(ctx.getFiles());
@@ -2729,14 +2720,44 @@ var Builder = class {
   };
 };
 
-// src/cssgen.ts
+// src/cpu-profile.ts
 init_esm_shims();
 import { logger as logger7 } from "@pandacss/logger";
+import fs from "fs";
+import path from "path";
+var startProfiling = async (cwd, prefix) => {
+  const v8Profiler = (await import("v8-profiler-next")).default;
+  const date = /* @__PURE__ */ new Date();
+  const timestamp = date.toISOString().replace(/[-:.]/g, "");
+  const title = `panda-${prefix}-${timestamp}`;
+  v8Profiler.setGenerateType(1);
+  v8Profiler.startProfiling(title, true);
+  const stopProfiling = () => {
+    const profile = v8Profiler.stopProfiling(title);
+    profile.export(function(error, result) {
+      if (error) {
+        console.error(error);
+        return;
+      }
+      if (!result)
+        return;
+      const outfile = path.join(cwd, `${title}.cpuprofile`);
+      fs.writeFileSync(outfile, result);
+      logger7.info("cpu-prof", outfile);
+      profile.delete();
+    });
+  };
+  return stopProfiling;
+};
+
+// src/cssgen.ts
+init_esm_shims();
+import { logger as logger8 } from "@pandacss/logger";
 var cssgen = async (ctx, options) => {
   const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
-    const done = logger7.time.info(ctx.messages.cssArtifactComplete(type));
+    const done = logger8.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
@@ -2747,7 +2768,7 @@ var cssgen = async (ctx, options) => {
     done();
   } else {
     const { files } = ctx.parseFiles();
-    const done = logger7.time.info(ctx.messages.buildComplete(files.length));
+    const done = logger8.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
@@ -2765,19 +2786,19 @@ var cssgen = async (ctx, options) => {
 
 // src/debug.ts
 init_esm_shims();
-import { colors as colors2, logger as logger8 } from "@pandacss/logger";
+import { colors as colors2, logger as logger9 } from "@pandacss/logger";
 import { parse as parse2 } from "path";
 async function debug(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = logger8.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = logger9.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
   ctx.config.optimize = true;
-  const { fs, path } = ctx.runtime;
+  const { fs: fs2, path: path2 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
-    fs.ensureDirSync(outdir);
-    logger8.info("cli", `Writing ${colors2.bold(`${outdir}/config.json`)}`);
-    await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
+    fs2.ensureDirSync(outdir);
+    logger9.info("cli", `Writing ${colors2.bold(`${outdir}/config.json`)}`);
+    await fs2.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   if (options.onlyConfig) {
     measureTotal();
@@ -2785,14 +2806,14 @@ async function debug(ctx, options) {
   }
   const filesWithCss = [];
   files.map((file) => {
-    const measure = logger8.time.debug(`Parsed ${file}`);
+    const measure = logger9.time.debug(`Parsed ${file}`);
     const encoder = ctx.encoder.clone();
     const result = ctx.project.parseSourceFile(file, encoder);
     measure();
     if (!result || result.isEmpty() || encoder.isEmpty())
       return;
     const styles4 = ctx.decoder.clone().collect(encoder);
-    const css = ctx.getParserCss(styles4, file);
+    const css = ctx.getParserCss(styles4);
     if (!css)
       return;
     if (options.dry) {
@@ -2802,31 +2823,31 @@ async function debug(ctx, options) {
     if (outdir) {
       filesWithCss.push(file);
       const parsedPath = parse2(file);
-      const relative2 = path.relative(ctx.config.cwd, parsedPath.dir);
-      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path.sep, "__");
-      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path.sep, "__");
-      logger8.info("cli", `Writing ${colors2.bold(`${outdir}/${astJsonPath}`)}`);
-      logger8.info("cli", `Writing ${colors2.bold(`${outdir}/${cssPath}`)}`);
+      const relative2 = path2.relative(ctx.config.cwd, parsedPath.dir);
+      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+      logger9.info("cli", `Writing ${colors2.bold(`${outdir}/${astJsonPath}`)}`);
+      logger9.info("cli", `Writing ${colors2.bold(`${outdir}/${cssPath}`)}`);
       return Promise.allSettled([
-        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-        fs.writeFile(`${outdir}/${cssPath}`, css)
+        fs2.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs2.writeFile(`${outdir}/${cssPath}`, css)
       ]);
     }
   });
-  logger8.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  logger9.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/generate.ts
 init_esm_shims();
-import { logger as logger9 } from "@pandacss/logger";
+import { logger as logger10 } from "@pandacss/logger";
 import { match } from "ts-pattern";
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
-    return logger9.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
+    return logger10.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const done = logger9.time.info("");
+  const done = logger10.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
@@ -2839,24 +2860,24 @@ async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
   const {
-    runtime: { fs, path },
+    runtime: { fs: fs2, path: path2 },
     config: { cwd }
   } = ctx;
   if (ctx.config.watch) {
-    const configWatcher = fs.watch({ include: ctx.conf.dependencies });
+    const configWatcher = fs2.watch({ include: ctx.conf.dependencies });
     configWatcher.on("change", async () => {
       const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext({ ...conf, hooks: ctx.hooks });
+        ctx = new PandaContext(conf);
       });
       if (!affecteds.hasConfigChanged) {
-        logger9.debug("builder", "Config didnt change, skipping rebuild");
+        logger10.debug("builder", "Config didnt change, skipping rebuild");
         return;
       }
-      logger9.info("config:change", "Config changed, restarting...");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      logger10.info("config:change", "Config changed, restarting...");
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
       return build(ctx, Array.from(affecteds.artifacts));
     });
-    const contentWatcher = fs.watch(ctx.config);
+    const contentWatcher = fs2.watch(ctx.config);
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2871,10 +2892,10 @@ async function generate(config, configPath) {
       }
     };
     contentWatcher.on("all", async (event, file) => {
-      logger9.info(`file:${event}`, file);
-      const filePath = path.abs(cwd, file);
+      logger10.info(`file:${event}`, file);
+      const filePath = path2.abs(cwd, file);
       match(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path.abs(cwd, file));
+        ctx.project.removeSourceFile(path2.abs(cwd, file));
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         return bundleStyles(ctx, filePath);
@@ -2884,7 +2905,7 @@ async function generate(config, configPath) {
       }).otherwise(() => {
       });
     });
-    logger9.info("ctx:watch", ctx.messages.watch());
+    logger10.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2917,7 +2938,7 @@ function setupGitIgnore(ctx) {
 init_esm_shims();
 import { findConfig as findConfig2 } from "@pandacss/config";
 import { messages } from "@pandacss/core";
-import { logger as logger10, quote } from "@pandacss/logger";
+import { logger as logger11, quote } from "@pandacss/logger";
 import fsExtra2 from "fs-extra";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
@@ -2932,9 +2953,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = lookItUpSync2("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  logger10.info("init:config", `creating panda config file: ${quote(file)}`);
+  logger11.info("init:config", `creating panda config file: ${quote(file)}`);
   if (!force && configFile) {
-    logger10.warn("init:config", messages.configExists(cmd));
+    logger11.warn("init:config", messages.configExists(cmd));
   } else {
     const content = outdent2`
 import { defineConfig } from "@pandacss/dev"
@@ -2967,11 +2988,11 @@ syntax: '${syntax}'` : ""}
 })
     `;
     await fsExtra2.writeFile(join2(cwd, file), prettier.format(content, { parser: "babel" }));
-    logger10.log(messages.thankYou());
+    logger11.log(messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  logger10.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
+  logger11.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
   const content = outdent2`
 module.exports = {
   plugins: {
@@ -2995,5 +3016,6 @@ export {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  startProfiling,
   writeAnalyzeJSON
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.27.3",
+  "version": "0.28.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -39,7 +39,6 @@
     "filesize": "^10.0.8",
     "fs-extra": "11.1.1",
     "glob-parent": "^6.0.2",
-    "hookable": "5.5.3",
     "is-glob": "^4.0.3",
     "lodash.merge": "4.6.2",
     "look-it-up": "2.1.0",
@@ -53,16 +52,17 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.27.3",
-    "@pandacss/core": "0.27.3",
-    "@pandacss/error": "0.27.3",
-    "@pandacss/extractor": "0.27.3",
-    "@pandacss/generator": "0.27.3",
-    "@pandacss/logger": "0.27.3",
-    "@pandacss/parser": "0.27.3",
-    "@pandacss/shared": "0.27.3",
-    "@pandacss/token-dictionary": "0.27.3",
-    "@pandacss/types": "0.27.3"
+    "v8-profiler-next": "^1.10.0",
+    "@pandacss/config": "0.28.0",
+    "@pandacss/core": "0.28.0",
+    "@pandacss/error": "0.28.0",
+    "@pandacss/extractor": "0.28.0",
+    "@pandacss/generator": "0.28.0",
+    "@pandacss/logger": "0.28.0",
+    "@pandacss/parser": "0.28.0",
+    "@pandacss/shared": "0.28.0",
+    "@pandacss/token-dictionary": "0.28.0",
+    "@pandacss/types": "0.28.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",