@pandacss/node 0.27.2 → 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);
@@ -786,7 +787,7 @@ async function buildInfo(ctx, outfile) {
 
 // src/builder.ts
 init_cjs_shims();
-var import_config3 = require("@pandacss/config");
+var import_config4 = require("@pandacss/config");
 var import_core = require("@pandacss/core");
 var import_error = require("@pandacss/error");
 var import_logger6 = require("@pandacss/logger");
@@ -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(),
@@ -2236,9 +2237,7 @@ async function codegen(ctx, ids) {
 
 // src/config.ts
 init_cjs_shims();
-var import_config2 = require("@pandacss/config");
-var import_hookable = require("hookable");
-var import_tsconfck = require("tsconfck");
+var import_config3 = require("@pandacss/config");
 var import_browserslist = __toESM(require("browserslist"));
 
 // src/create-context.ts
@@ -2263,6 +2262,8 @@ var DiffEngine = class {
    */
   async reloadConfigAndRefreshContext(fn) {
     const conf = await (0, import_config.loadConfig)({ cwd: this.ctx.config.cwd, file: this.ctx.conf.path });
+    const { tsconfig, tsconfigFile, tsOptions } = this.ctx.conf;
+    Object.assign(conf, { tsconfig, tsconfigFile, tsOptions });
     return this.refresh(conf, fn);
   }
   /**
@@ -2325,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;
@@ -2504,11 +2505,39 @@ var PandaContext = class extends import_generator2.Generator {
   };
 };
 
+// src/load-tsconfig.ts
+init_cjs_shims();
+var import_config2 = require("@pandacss/config");
+var import_tsconfck = require("tsconfck");
+async function loadTsConfig(conf, cwd) {
+  const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, {
+    root: cwd,
+    //@ts-ignore
+    resolveWithEmptyIfConfigNotFound: true
+  });
+  if (!tsconfigResult)
+    return;
+  const { tsconfig, tsconfigFile } = tsconfigResult;
+  const { compilerOptions } = tsconfig;
+  const result = {
+    tsconfig,
+    tsconfigFile
+  };
+  if (compilerOptions?.paths) {
+    const baseUrl = compilerOptions.baseUrl;
+    result.tsOptions = {
+      baseUrl,
+      pathMappings: (0, import_config2.convertTsPathsToRegexes)(compilerOptions.paths, baseUrl ?? cwd)
+    };
+  }
+  return result;
+}
+
 // src/config.ts
 async function loadConfigAndCreateContext(options = {}) {
   const { config, configPath } = options;
   const cwd = options.cwd ?? options?.config?.cwd ?? process.cwd();
-  const conf = await (0, import_config2.loadConfig)({ cwd, file: configPath });
+  const conf = await (0, import_config3.loadConfig)({ cwd, file: configPath });
   if (config) {
     Object.assign(conf.config, config);
   }
@@ -2518,32 +2547,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (conf.config.lightningcss && !conf.config.browserslist) {
     conf.config.browserslist ||= import_browserslist.default.findConfig(cwd)?.defaults;
   }
-  const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, {
-    root: cwd,
-    // @ts-ignore
-    resolveWithEmptyIfConfigNotFound: true
-  });
-  if (tsconfigResult) {
-    conf.tsconfig = tsconfigResult.tsconfig;
-    conf.tsconfigFile = tsconfigResult.tsconfigFile;
-    const options2 = tsconfigResult.tsconfig?.compilerOptions;
-    if (options2?.paths) {
-      const baseUrl = options2.baseUrl;
-      conf.tsOptions = {
-        baseUrl,
-        pathMappings: (0, import_config2.convertTsPathsToRegexes)(options2.paths, baseUrl ?? cwd)
-      };
-    }
-  }
-  const hooks = (0, import_hookable.createHooks)();
-  if (conf.config.hooks) {
-    hooks.addHooks(conf.config.hooks);
+  const tsConfResult = await loadTsConfig(conf, cwd);
+  if (tsConfResult) {
+    Object.assign(conf, tsConfResult);
   }
-  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
@@ -2602,7 +2610,7 @@ var Builder = class {
   affecteds;
   configDependencies = /* @__PURE__ */ new Set();
   getConfigPath = (cwd) => {
-    const configPath = (0, import_config3.findConfig)({ cwd });
+    const configPath = (0, import_config4.findConfig)({ cwd });
     if (!configPath) {
       throw new import_error.ConfigNotFoundError();
     }
@@ -2611,7 +2619,7 @@ var Builder = class {
   setConfigDependencies(options) {
     const tsOptions = this.context?.conf.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
     const compilerOptions = this.context?.conf.tsconfig?.compilerOptions ?? {};
-    const { deps: foundDeps } = (0, import_config3.getConfigDependencies)(options.configPath, tsOptions, compilerOptions);
+    const { deps: foundDeps } = (0, import_config4.getConfigDependencies)(options.configPath, tsOptions, compilerOptions);
     const cwd = options?.cwd ?? this.context?.config.cwd ?? process.cwd();
     const configDeps = /* @__PURE__ */ new Set([
       ...foundDeps,
@@ -2630,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());
@@ -2737,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);
@@ -2755,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);
@@ -2773,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();
@@ -2793,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) {
@@ -2809,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);
@@ -2847,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);
@@ -2879,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);
@@ -2892,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) {
@@ -2913,36 +2951,36 @@ 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);
   }
 }
 
 // src/setup-config.ts
 init_cjs_shims();
-var import_config6 = require("@pandacss/config");
+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 = {}) {
   const { force, outExtension, jsxFramework, syntax } = opts;
-  const configFile = (0, import_config6.findConfig)({ cwd });
+  const configFile = (0, import_config7.findConfig)({ cwd });
   const pmResult = await (0, import_preferred_pm.default)(cwd);
   const pm = pmResult?.name ?? "npm";
   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"
@@ -2974,12 +3012,12 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, file), import_prettier.default.format(content));
-    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: {
@@ -2987,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 = {
@@ -3004,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(),
@@ -2212,9 +2212,7 @@ async function codegen(ctx, ids) {
 
 // src/config.ts
 init_esm_shims();
-import { convertTsPathsToRegexes, loadConfig as loadConfig2 } from "@pandacss/config";
-import { createDebugger, createHooks } from "hookable";
-import { parse } from "tsconfck";
+import { loadConfig as loadConfig2 } from "@pandacss/config";
 import browserslist from "browserslist";
 
 // src/create-context.ts
@@ -2239,6 +2237,8 @@ var DiffEngine = class {
    */
   async reloadConfigAndRefreshContext(fn) {
     const conf = await loadConfig({ cwd: this.ctx.config.cwd, file: this.ctx.conf.path });
+    const { tsconfig, tsconfigFile, tsOptions } = this.ctx.conf;
+    Object.assign(conf, { tsconfig, tsconfigFile, tsOptions });
     return this.refresh(conf, fn);
   }
   /**
@@ -2301,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;
@@ -2480,6 +2480,34 @@ var PandaContext = class extends Generator2 {
   };
 };
 
+// src/load-tsconfig.ts
+init_esm_shims();
+import { convertTsPathsToRegexes } from "@pandacss/config";
+import { parse } from "tsconfck";
+async function loadTsConfig(conf, cwd) {
+  const tsconfigResult = await parse(conf.path, {
+    root: cwd,
+    //@ts-ignore
+    resolveWithEmptyIfConfigNotFound: true
+  });
+  if (!tsconfigResult)
+    return;
+  const { tsconfig, tsconfigFile } = tsconfigResult;
+  const { compilerOptions } = tsconfig;
+  const result = {
+    tsconfig,
+    tsconfigFile
+  };
+  if (compilerOptions?.paths) {
+    const baseUrl = compilerOptions.baseUrl;
+    result.tsOptions = {
+      baseUrl,
+      pathMappings: convertTsPathsToRegexes(compilerOptions.paths, baseUrl ?? cwd)
+    };
+  }
+  return result;
+}
+
 // src/config.ts
 async function loadConfigAndCreateContext(options = {}) {
   const { config, configPath } = options;
@@ -2494,32 +2522,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (conf.config.lightningcss && !conf.config.browserslist) {
     conf.config.browserslist ||= browserslist.findConfig(cwd)?.defaults;
   }
-  const tsconfigResult = await parse(conf.path, {
-    root: cwd,
-    // @ts-ignore
-    resolveWithEmptyIfConfigNotFound: true
-  });
-  if (tsconfigResult) {
-    conf.tsconfig = tsconfigResult.tsconfig;
-    conf.tsconfigFile = tsconfigResult.tsconfigFile;
-    const options2 = tsconfigResult.tsconfig?.compilerOptions;
-    if (options2?.paths) {
-      const baseUrl = options2.baseUrl;
-      conf.tsOptions = {
-        baseUrl,
-        pathMappings: convertTsPathsToRegexes(options2.paths, baseUrl ?? cwd)
-      };
-    }
-  }
-  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" });
+  const tsConfResult = await loadTsConfig(conf, cwd);
+  if (tsConfResult) {
+    Object.assign(conf, tsConfResult);
   }
-  return new PandaContext({ ...conf, hooks });
+  return new PandaContext(conf);
 }
 
 // src/parse-dependency.ts
@@ -2606,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());
@@ -2713,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);
@@ -2731,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);
@@ -2749,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();
@@ -2769,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) {
@@ -2786,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);
@@ -2823,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);
@@ -2855,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);
@@ -2868,7 +2905,7 @@ async function generate(config, configPath) {
       }).otherwise(() => {
       });
     });
-    logger9.info("ctx:watch", ctx.messages.watch());
+    logger10.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2901,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";
@@ -2916,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"
@@ -2950,12 +2987,12 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await fsExtra2.writeFile(join2(cwd, file), prettier.format(content));
-    logger10.log(messages.thankYou());
+    await fsExtra2.writeFile(join2(cwd, file), prettier.format(content, { parser: "babel" }));
+    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: {
@@ -2979,5 +3016,6 @@ export {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  startProfiling,
   writeAnalyzeJSON
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.27.2",
+  "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.2",
-    "@pandacss/core": "0.27.2",
-    "@pandacss/error": "0.27.2",
-    "@pandacss/extractor": "0.27.2",
-    "@pandacss/generator": "0.27.2",
-    "@pandacss/logger": "0.27.2",
-    "@pandacss/parser": "0.27.2",
-    "@pandacss/shared": "0.27.2",
-    "@pandacss/token-dictionary": "0.27.2",
-    "@pandacss/types": "0.27.2"
+    "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",