fix: hmr codegen and add log option

src/cli.ts

@@ -7,7 +7,9 @@ async function initCtx() {
   if (ctx) {
     return ctx
   }
-  ctx = await createContext()
+  ctx = await createContext({
+    log: true
+  })
   return ctx
 }
 

src/core/context.ts

@@ -11,8 +11,15 @@ import { getCreateContextDefaults } from '@/defaults'
 
 export async function createContext(options?: ICreateContextOptions) {
   const opt = defu(options, getCreateContextDefaults())
+  let pandaConfig: Awaited<ReturnType<typeof getPandacssConfig>>
+  try {
+    pandaConfig = await getPandacssConfig(opt.pandaConfig)
+  } catch {
+    throw new Error(
+      'Cannot find config file: panda.config.ts or panda.config.js/cjs/mjs. Did you forget to run `panda init`?'
+    )
+  }
 
-  const pandaConfig = await getPandacssConfig(opt.pandaConfig)
   const outdir = pandaConfig.config.outdir
   const projectRoot = dirname(pandaConfig.path)
   async function codegen() {
@@ -37,7 +44,9 @@ export async function createContext(options?: ICreateContextOptions) {
       '/helpers.mjs'
     )}: inject escape function into helpers
     `)
-    console.log(words.filter(Boolean).join('\n'))
+    if (opt.log) {
+      console.log(words.filter(Boolean).join('\n'))
+    }
   }
 
   async function rollback() {

src/defaults.ts

@@ -4,7 +4,8 @@ export function getCreateContextDefaults(): Required<ICreateContextOptions> {
   return {
     pandaConfig: {
       cwd: process.cwd()
-    }
+    },
+    log: false
   }
 }
 

src/postcss.ts

@@ -11,6 +11,7 @@ import _isPseudoPlugin from '@csstools/postcss-is-pseudo-class'
 import { defu } from 'defu'
 import type { IPostcssPluginOptions } from './types'
 import { getPostcssPluginDefaults } from './defaults'
+import { createContext } from './core/context'
 
 function normalizeString(strs: string | string[]) {
   if (Array.isArray(strs)) {
@@ -127,22 +128,30 @@ const postcssWeappPandacssEscapePlugin: PluginCreator<IPostcssPluginOptions> = (
   const isPseudoPlugin = _isPseudoPlugin() as Plugin
 
   return {
-    postcssPlugin: 'postcss-weapp-pandacss-escape-plugin',
-    prepare(result) {
-      const isPseudoRule = isPseudoPlugin.prepare?.(result).Rule
-      return {
+    postcssPlugin: 'postcss-weapp-pandacss-escape-wrapper-plugin',
+    plugins: [
+      async function () {
+        try {
+          const ctx = await createContext()
+          await ctx.codegen()
+        } catch (error) {
+          console.log((<Error>error).message)
+        }
+      },
+      cascadeLayersPlugin,
+      isPseudoPlugin,
+      {
+        postcssPlugin: 'postcss-weapp-pandacss-escape-plugin',
         Declaration(decl) {
           decl.prop = escape(decl.prop)
         },
-        Rule(rule, helper) {
-          isPseudoRule?.(rule, helper)
+        Rule(rule) {
           utilitiesTransformer.transformSync(rule, {
             lossless: false,
             updateSelector: true
           })
         },
-        OnceExit(root, helper) {
-          cascadeLayersPlugin.OnceExit?.(root, helper)
+        OnceExit(root) {
           root.walkRules(/:not\(#\\#\)/, (rule) => {
             atLayerTransformer.transformSync(rule, {
               lossless: false,
@@ -151,7 +160,7 @@ const postcssWeappPandacssEscapePlugin: PluginCreator<IPostcssPluginOptions> = (
           })
         }
       }
-    }
+    ]
   }
 }
 

src/types.ts

@@ -4,6 +4,7 @@ export type PandacssConfigFileOptions = Parameters<typeof loadConfigFile>[0]
 
 export interface ICreateContextOptions {
   pandaConfig?: Partial<PandacssConfigFileOptions>
+  log?: boolean
 }
 
 /**