chore(logs): use CssSyntaxError showSourceCode method (#1957)

chakra-ui · Jan 7, 2024 · 14033e0 · 14033e0 · vercel · Jan 7, 2024
1 parent 3f6b366
commit 14033e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/.changeset/pretty-geese-cry.md b/.changeset/pretty-geese-cry.md
@@ -0,0 +1,5 @@
+---
+'@pandacss/core': patch
+---
+
+Display better CssSyntaxError logs
diff --git a/packages/core/src/stylesheet.ts b/packages/core/src/stylesheet.ts
@@ -31,7 +31,7 @@ export class Stylesheet {
       layer.append(toCss(styles).toString())
     } catch (error) {
       if (error instanceof CssSyntaxError) {
-        logger.error('sheet:process', error)
+        logger.error('sheet:process', error.showSourceCode(true))
       }
     }
     return
@@ -91,13 +91,7 @@ export class Stylesheet {
       return optimize ? optimizeCss(css, { minify }) : css
     } catch (error) {
       if (error instanceof CssSyntaxError) {
-        logger.error('sheet:toCss', error.message)
-        error.plugin && logger.error('sheet:toCss', `By plugin: ${error.plugin}:`)
-
-        if (error.source) {
-          logger.error('sheet:toCss', `Line ${error.line}:${error.column}, in:`)
-          logger.error('sheet:toCss', error.source)
-        }
+        logger.error('sheet:toCss', error.showSourceCode(true))
       }
 
       throw error