@pandacss/node 0.0.0-dev-20230614111156 → 0.0.0-dev-20230614142625

package/dist/index.d.ts

@@ -1,13 +1,14 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { Artifact, LoadConfigResult, ParserResultType, Config } from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
 import { Root, Message } from 'postcss';
 
-declare const getChunkEngine: ({ paths, config, runtime: { path, fs } }: Generator & {
+declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Generator & {
     runtime: Runtime;
+    hooks: PandaHookable;
 }) => {
     dir: string;
     readFile(file: string): string;
@@ -19,16 +20,18 @@ declare const getChunkEngine: ({ paths, config, runtime: { path, fs } }: Generat
     readonly glob: string[];
 };
 
-declare const getOutputEngine: ({ paths, runtime: { path, fs } }: Generator & {
+declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
     runtime: Runtime;
+    hooks: PandaHookable;
 }) => {
     empty(): void;
     write(output: Artifact | undefined): Promise<void[] | undefined>;
 };
 
-declare const createContext: (conf: LoadConfigResult) => PandaContext;
+declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
 type PandaContext = Generator & {
     runtime: Runtime;
+    hooks: PandaHookable;
     project: Project;
     getFiles: () => string[];
     chunks: ReturnType<typeof getChunkEngine>;

package/dist/index.js

@@ -798,7 +798,11 @@ var import_lil_fp = require("lil-fp");
 // src/chunk-engine.ts
 init_cjs_shims();
 var import_core = require("@pandacss/core");
-var getChunkEngine = ({ paths, config, runtime: { path: path2, fs } }) => ({
+var getChunkEngine = ({
+  paths,
+  config,
+  runtime: { path: path2, fs }
+}) => ({
   dir: path2.join(...paths.chunk),
   readFile(file) {
     const fileName = path2.join(...paths.chunk, this.format(file));
@@ -906,7 +910,10 @@ process.on("uncaughtException", (reason) => {
 
 // src/output-engine.ts
 init_cjs_shims();
-var getOutputEngine = ({ paths, runtime: { path: path2, fs } }) => ({
+var getOutputEngine = ({
+  paths,
+  runtime: { path: path2, fs }
+}) => ({
   empty() {
     fs.rmDirSync(path2.join(...paths.root));
   },
@@ -930,7 +937,7 @@ var getOutputEngine = ({ paths, runtime: { path: path2, fs } }) => ({
 var createContext = (conf) => (0, import_lil_fp.pipe)(
   conf,
   import_generator.createGenerator,
-  import_lil_fp.Obj.assign({ runtime: nodeRuntime }),
+  import_lil_fp.Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
   (0, import_lil_fp.tap)(({ config, runtime }) => {
     config.cwd ||= runtime.cwd();
   }),
@@ -942,6 +949,7 @@ var createContext = (conf) => (0, import_lil_fp.pipe)(
     return (0, import_parser.createProject)({
       getFiles,
       readFile: fs.readFileSync,
+      hooks: conf.hooks,
       parserOptions
     });
   }),
@@ -950,6 +958,7 @@ var createContext = (conf) => (0, import_lil_fp.pipe)(
 );
 
 // src/config.ts
+var import_hookable = require("hookable");
 var configs = [".ts", ".js", ".mjs", ".cjs"];
 function findConfig() {
   for (const config of configs) {
@@ -960,6 +969,7 @@ function findConfig() {
   }
 }
 async function loadConfigAndCreateContext(options = {}) {
+  const hooks = (0, import_hookable.createHooks)();
   const { cwd = process.cwd(), config, configPath } = options;
   const conf = await (0, import_config.loadConfigFile)({ cwd, file: configPath });
   if (config) {
@@ -969,7 +979,14 @@ async function loadConfigAndCreateContext(options = {}) {
     conf.config.cwd = options.cwd;
   }
   conf.config.outdir ??= "styled-system";
-  return createContext(conf);
+  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 createContext({ ...conf, hooks });
 }
 
 // src/extract.ts
@@ -2433,10 +2450,12 @@ var Builder = class {
     const { deps: configDeps } = (0, import_config2.getConfigDependencies)(configPath);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
-      return this.setupContext({
+      await this.setupContext({
         configPath,
         depsModifiedMap: deps.modifiedMap
       });
+      const updatedCtx = this.context;
+      await updatedCtx.hooks.callHook("config:change", updatedCtx.config);
     }
     const cache = configCache.get(configPath);
     if (cache) {
@@ -2654,6 +2673,7 @@ async function generate(config, configPath) {
     configWatcher.on("change", async () => {
       import_logger7.logger.info("config:change", "Config changed, restarting...");
       await loadCtx();
+      await ctxRef.current.hooks.callHook("config:change", ctxRef.current.config);
       return build(ctxRef.current);
     });
     const contentWatcher = fs.watch(ctx.config);

package/dist/index.mjs

@@ -776,7 +776,11 @@ import { Obj, pipe, tap } from "lil-fp";
 // src/chunk-engine.ts
 init_esm_shims();
 import { mergeCss } from "@pandacss/core";
-var getChunkEngine = ({ paths, config, runtime: { path: path2, fs } }) => ({
+var getChunkEngine = ({
+  paths,
+  config,
+  runtime: { path: path2, fs }
+}) => ({
   dir: path2.join(...paths.chunk),
   readFile(file) {
     const fileName = path2.join(...paths.chunk, this.format(file));
@@ -893,7 +897,10 @@ process.on("uncaughtException", (reason) => {
 
 // src/output-engine.ts
 init_esm_shims();
-var getOutputEngine = ({ paths, runtime: { path: path2, fs } }) => ({
+var getOutputEngine = ({
+  paths,
+  runtime: { path: path2, fs }
+}) => ({
   empty() {
     fs.rmDirSync(path2.join(...paths.root));
   },
@@ -917,7 +924,7 @@ var getOutputEngine = ({ paths, runtime: { path: path2, fs } }) => ({
 var createContext = (conf) => pipe(
   conf,
   createGenerator,
-  Obj.assign({ runtime: nodeRuntime }),
+  Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
   tap(({ config, runtime }) => {
     config.cwd ||= runtime.cwd();
   }),
@@ -929,6 +936,7 @@ var createContext = (conf) => pipe(
     return createProject({
       getFiles,
       readFile: fs.readFileSync,
+      hooks: conf.hooks,
       parserOptions
     });
   }),
@@ -937,6 +945,7 @@ var createContext = (conf) => pipe(
 );
 
 // src/config.ts
+import { createDebugger, createHooks } from "hookable";
 var configs = [".ts", ".js", ".mjs", ".cjs"];
 function findConfig() {
   for (const config of configs) {
@@ -947,6 +956,7 @@ function findConfig() {
   }
 }
 async function loadConfigAndCreateContext(options = {}) {
+  const hooks = createHooks();
   const { cwd = process.cwd(), config, configPath } = options;
   const conf = await loadConfigFile({ cwd, file: configPath });
   if (config) {
@@ -956,7 +966,14 @@ async function loadConfigAndCreateContext(options = {}) {
     conf.config.cwd = options.cwd;
   }
   conf.config.outdir ??= "styled-system";
-  return createContext(conf);
+  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 createContext({ ...conf, hooks });
 }
 
 // src/extract.ts
@@ -2420,10 +2437,12 @@ var Builder = class {
     const { deps: configDeps } = getConfigDependencies(configPath);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
-      return this.setupContext({
+      await this.setupContext({
         configPath,
         depsModifiedMap: deps.modifiedMap
       });
+      const updatedCtx = this.context;
+      await updatedCtx.hooks.callHook("config:change", updatedCtx.config);
     }
     const cache = configCache.get(configPath);
     if (cache) {
@@ -2641,6 +2660,7 @@ async function generate(config, configPath) {
     configWatcher.on("change", async () => {
       logger7.info("config:change", "Config changed, restarting...");
       await loadCtx();
+      await ctxRef.current.hooks.callHook("config:change", ctxRef.current.config);
       return build(ctxRef.current);
     });
     const contentWatcher = fs.watch(ctx.config);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20230614111156",
+  "version": "0.0.0-dev-20230614142625",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -32,17 +32,17 @@
     "preferred-pm": "^3.0.3",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/config": "0.0.0-dev-20230614111156",
-    "@pandacss/core": "0.0.0-dev-20230614111156",
-    "@pandacss/error": "0.0.0-dev-20230614111156",
-    "@pandacss/extractor": "0.0.0-dev-20230614111156",
-    "@pandacss/generator": "0.0.0-dev-20230614111156",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230614111156",
-    "@pandacss/logger": "0.0.0-dev-20230614111156",
-    "@pandacss/parser": "0.0.0-dev-20230614111156",
-    "@pandacss/shared": "0.0.0-dev-20230614111156",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230614111156",
-    "@pandacss/types": "0.0.0-dev-20230614111156"
+    "@pandacss/config": "0.0.0-dev-20230614142625",
+    "@pandacss/core": "0.0.0-dev-20230614142625",
+    "@pandacss/error": "0.0.0-dev-20230614142625",
+    "@pandacss/extractor": "0.0.0-dev-20230614142625",
+    "@pandacss/generator": "0.0.0-dev-20230614142625",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230614142625",
+    "@pandacss/logger": "0.0.0-dev-20230614142625",
+    "@pandacss/parser": "0.0.0-dev-20230614142625",
+    "@pandacss/shared": "0.0.0-dev-20230614142625",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230614142625",
+    "@pandacss/types": "0.0.0-dev-20230614142625"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -51,7 +51,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.29",
     "boxen": "^7.1.0",
-    "@pandacss/fixture": "0.0.0-dev-20230614111156"
+    "@pandacss/fixture": "0.0.0-dev-20230614142625"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",