@pandacss/generator 0.0.0-dev-20230614113002 → 0.0.0-dev-20230614152938

package/dist/index.d.ts

@@ -3,9 +3,9 @@ import * as _pandacss_core from '@pandacss/core';
 import * as _pandacss_token_dictionary from '@pandacss/token-dictionary';
 import * as _pandacss_types_dist_config from '@pandacss/types/dist/config';
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult } from '@pandacss/types';
+import { ConfigResultWithHooks } from '@pandacss/types';
 
-declare const getEngine: (conf: LoadConfigResult) => {
+declare const getEngine: (conf: ConfigResultWithHooks) => {
     patterns: {
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         nodes: {
@@ -76,6 +76,7 @@ declare const getEngine: (conf: LoadConfigResult) => {
     conditions: _pandacss_core.Conditions;
     createSheetContext: () => _pandacss_core.StylesheetContext;
     createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
+    hooks: _pandacss_types.PandaHookable;
     path: string;
     config: _pandacss_types_dist_shared.UnwrapExtend<_pandacss_types.RequiredBy<_pandacss_types.Config, "include" | "outdir" | "cwd">>;
     dependencies: string[];
@@ -120,7 +121,7 @@ declare namespace messages {
   };
 }
 
-declare const createGenerator: (conf: LoadConfigResult) => {
+declare const createGenerator: (conf: ConfigResultWithHooks) => {
     config: _pandacss_types_dist_shared.UnwrapExtend<_pandacss_types.RequiredBy<_pandacss_types.Config, "include" | "outdir" | "cwd">>;
     path: string;
     conditions: _pandacss_core.Conditions;
@@ -172,6 +173,7 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
+    hooks: _pandacss_types.PandaHookable;
     createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
     properties: string[];
     getArtifacts: () => _pandacss_types.Artifact[];

package/dist/index.js

@@ -170,7 +170,9 @@ var generateGlobalCss = (ctx) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  return sheet.toCss({ optimize });
+  const output = sheet.toCss({ optimize });
+  ctx.hooks.callHook("generator:css", "global.css", output);
+  return output;
 };
 
 // src/artifacts/css/keyframe-css.ts
@@ -193,14 +195,16 @@ function generateKeyframeCss(ctx) {
     params: "tokens",
     nodes: root.nodes
   });
-  return rule.toString();
+  const output = rule.toString();
+  ctx.hooks.callHook("generator:css", "keyframes.css", output);
+  return output;
 }
 
 // src/artifacts/css/reset-css.ts
 var css = String.raw;
-function generateResetCss(scope = "") {
+function generateResetCss(ctx, scope = "") {
   const selector = scope ? `${scope} ` : "";
-  return css`
+  const output = css`
     @layer reset {
       ${selector}* {
         margin: 0;
@@ -393,6 +397,8 @@ function generateResetCss(scope = "") {
       }
     }
   `;
+  ctx.hooks.callHook("generator:css", "reset.css", output);
+  return output;
 }
 
 // src/artifacts/css/static-css.ts
@@ -418,7 +424,9 @@ var generateStaticCss = (ctx) => {
       sheet.processRecipe(recipeConfig, value);
     });
   });
-  return sheet.toCss({ optimize });
+  const output = sheet.toCss({ optimize });
+  ctx.hooks.callHook("generator:css", "static.css", output);
+  return output;
 };
 
 // src/artifacts/css/token-css.ts
@@ -454,10 +462,12 @@ function generateTokenCss(ctx) {
     }
   }
   const css2 = results.join("\n\n");
-  return `@layer tokens {
+  const output = `@layer tokens {
     ${(0, import_core3.prettifyCss)(cleanupSelectors(css2, root))}
   }
   `;
+  ctx.hooks.callHook("generator:css", "tokens.css", output);
+  return output;
 }
 function getDeepestRule(root, selectors) {
   const rule = import_postcss2.default.rule({ selector: "" });
@@ -2051,7 +2061,7 @@ var recipe_d_ts_default = {
 
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T = PatternProperty> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
+  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\ntype PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
 };
 
 // src/artifacts/generated/parts.d.ts.json
@@ -2401,7 +2411,7 @@ function setupResetCss(ctx) {
   if (!preflight)
     return;
   const scope = (0, import_shared4.isObject)(preflight) ? preflight.scope : void 0;
-  const code = generateResetCss(scope);
+  const code = generateResetCss(ctx, scope);
   return { files: [{ file: "reset.css", code }] };
 }
 function setupGlobalCss(ctx) {
@@ -2458,7 +2468,7 @@ var generateFlattenedCss = (ctx) => (options) => {
     content: resolve ? [
       generateGlobalCss(ctx),
       staticCss && generateStaticCss(ctx),
-      preflight && generateResetCss(),
+      preflight && generateResetCss(ctx),
       !ctx.tokens.isEmpty && generateTokenCss(ctx),
       keyframes && generateKeyframeCss(ctx)
     ].filter(Boolean).join("\n\n") : unresolved
@@ -2535,7 +2545,9 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
   }),
   (0, import_func.tryCatch)(
     ({ sheet, result: result2, config: { minify, optimize } }) => {
-      return !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
+      const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
+      ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
+      return css2;
     },
     (err) => {
       import_logger2.logger.error("serializer:css", "Failed to serialize CSS: " + err);

package/dist/index.mjs

@@ -139,7 +139,9 @@ var generateGlobalCss = (ctx) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  return sheet.toCss({ optimize });
+  const output = sheet.toCss({ optimize });
+  ctx.hooks.callHook("generator:css", "global.css", output);
+  return output;
 };
 
 // src/artifacts/css/keyframe-css.ts
@@ -162,14 +164,16 @@ function generateKeyframeCss(ctx) {
     params: "tokens",
     nodes: root.nodes
   });
-  return rule.toString();
+  const output = rule.toString();
+  ctx.hooks.callHook("generator:css", "keyframes.css", output);
+  return output;
 }
 
 // src/artifacts/css/reset-css.ts
 var css = String.raw;
-function generateResetCss(scope = "") {
+function generateResetCss(ctx, scope = "") {
   const selector = scope ? `${scope} ` : "";
-  return css`
+  const output = css`
     @layer reset {
       ${selector}* {
         margin: 0;
@@ -362,6 +366,8 @@ function generateResetCss(scope = "") {
       }
     }
   `;
+  ctx.hooks.callHook("generator:css", "reset.css", output);
+  return output;
 }
 
 // src/artifacts/css/static-css.ts
@@ -387,7 +393,9 @@ var generateStaticCss = (ctx) => {
       sheet.processRecipe(recipeConfig, value);
     });
   });
-  return sheet.toCss({ optimize });
+  const output = sheet.toCss({ optimize });
+  ctx.hooks.callHook("generator:css", "static.css", output);
+  return output;
 };
 
 // src/artifacts/css/token-css.ts
@@ -423,10 +431,12 @@ function generateTokenCss(ctx) {
     }
   }
   const css2 = results.join("\n\n");
-  return `@layer tokens {
+  const output = `@layer tokens {
     ${prettifyCss(cleanupSelectors(css2, root))}
   }
   `;
+  ctx.hooks.callHook("generator:css", "tokens.css", output);
+  return output;
 }
 function getDeepestRule(root, selectors) {
   const rule = postcss2.rule({ selector: "" });
@@ -2020,7 +2030,7 @@ var recipe_d_ts_default = {
 
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T = PatternProperty> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
+  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\ntype PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
 };
 
 // src/artifacts/generated/parts.d.ts.json
@@ -2370,7 +2380,7 @@ function setupResetCss(ctx) {
   if (!preflight)
     return;
   const scope = isObject(preflight) ? preflight.scope : void 0;
-  const code = generateResetCss(scope);
+  const code = generateResetCss(ctx, scope);
   return { files: [{ file: "reset.css", code }] };
 }
 function setupGlobalCss(ctx) {
@@ -2427,7 +2437,7 @@ var generateFlattenedCss = (ctx) => (options) => {
     content: resolve ? [
       generateGlobalCss(ctx),
       staticCss && generateStaticCss(ctx),
-      preflight && generateResetCss(),
+      preflight && generateResetCss(ctx),
       !ctx.tokens.isEmpty && generateTokenCss(ctx),
       keyframes && generateKeyframeCss(ctx)
     ].filter(Boolean).join("\n\n") : unresolved
@@ -2504,7 +2514,9 @@ var generateParserCss = (ctx) => (result) => pipe(
   }),
   tryCatch(
     ({ sheet, result: result2, config: { minify, optimize } }) => {
-      return !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
+      const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
+      ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
+      return css2;
     },
     (err) => {
       logger.error("serializer:css", "Failed to serialize CSS: " + err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230614113002",
+  "version": "0.0.0-dev-20230614152938",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,17 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.24",
     "ts-pattern": "4.3.0",
-    "@pandacss/core": "0.0.0-dev-20230614113002",
-    "@pandacss/logger": "0.0.0-dev-20230614113002",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230614113002",
-    "@pandacss/shared": "0.0.0-dev-20230614113002",
-    "@pandacss/types": "0.0.0-dev-20230614113002",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230614113002"
+    "@pandacss/core": "0.0.0-dev-20230614152938",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230614152938",
+    "@pandacss/logger": "0.0.0-dev-20230614152938",
+    "@pandacss/shared": "0.0.0-dev-20230614152938",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230614152938",
+    "@pandacss/types": "0.0.0-dev-20230614152938"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230614113002"
+    "hookable": "5.5.3",
+    "@pandacss/fixture": "0.0.0-dev-20230614152938"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",