refactor: update ts-morph to 24.0 to match TS 5.6.2

.changeset/twenty-badgers-repeat.md

@@ -0,0 +1,12 @@
+---
+'@pandacss/extractor': minor
+'@pandacss/config': minor
+'@pandacss/parser': minor
+'@pandacss/types': minor
+'@pandacss/node': minor
+---
+
+**[BREAKING]**: Fix issue where Next.js build might fail intermittently due to version mismatch between internal
+`ts-morph` and userland `typescript`.
+
+> The current version of TS supported is `5.6.2`

package.json

@@ -46,10 +46,10 @@
     "lint-staged": "15.2.11",
     "mdx-local-link-checker": "2.1.1",
     "rimraf": "5.0.10",
-    "ts-morph": "21.0.1",
+    "ts-morph": "24.0.0",
     "tsup": "8.0.2",
     "tsx": "4.7.1",
-    "typescript": "5.3.3",
+    "typescript": "5.6.2",
     "vite-tsconfig-paths": "4.3.1",
     "vitest": "1.5.0"
   },

packages/config/package.json

@@ -82,7 +82,7 @@
     "escalade": "3.1.2",
     "merge-anything": "5.1.7",
     "microdiff": "1.3.2",
-    "typescript": "5.3.3"
+    "typescript": "5.6.2"
   },
   "devDependencies": {
     "pkg-types": "1.0.3"

packages/core/src/plugins/optimize-lightningcss.ts

@@ -15,7 +15,8 @@ export default function optimizeLightCss(code: string | Root, options: OptimizeO
 
   const codeStr = typeof code === 'string' ? code : code.toString()
   const result = transform({
-    code: Buffer.from(codeStr),
+    // https://stackoverflow.com/questions/78790943/in-typescript-5-6-buffer-is-not-assignable-to-arraybufferview-or-uint8arr
+    code: Buffer.from(codeStr) as any as Uint8Array,
     minify,
     sourceMap: false,
     filename: 'styles.css',

packages/extractor/__tests__/extract.test.ts

@@ -8,7 +8,7 @@ import { default as ExtractSample } from './samples/ExtractSample?raw'
 
 const project = createProject()
 
-let sourceFile: SourceFile
+let sourceFile: SourceFile | undefined
 afterEach(() => {
   if (!sourceFile) return
 

packages/extractor/package.json

@@ -43,6 +43,6 @@
   "dependencies": {
     "@pandacss/shared": "workspace:*",
     "ts-evaluator": "1.2.0",
-    "ts-morph": "21.0.1"
+    "ts-morph": "24.0.0"
   }
 }

packages/node/package.json

@@ -61,7 +61,7 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.49",
     "prettier": "3.2.5",
-    "ts-morph": "21.0.1",
+    "ts-morph": "24.0.0",
     "ts-pattern": "5.0.8",
     "tsconfck": "3.0.2"
   },

packages/parser/package.json

@@ -41,7 +41,7 @@
     "@pandacss/types": "workspace:*",
     "@vue/compiler-sfc": "3.4.19",
     "magic-string": "0.30.17",
-    "ts-morph": "21.0.1",
+    "ts-morph": "24.0.0",
     "ts-pattern": "5.0.8"
   },
   "devDependencies": {

packages/parser/src/vue-to-tsx.ts

@@ -40,7 +40,7 @@ const NodeTypes = {
 export const vueToTsx = (code: string) => {
   try {
     const parsed = parse(code)
-    const fileStr = new MagicString(`<template>${parsed.descriptor.template?.content}</template>` ?? '')
+    const fileStr = new MagicString(`<template>${parsed.descriptor.template?.content}</template>`)
 
     const rewriteProp = (prop: BaseElementNode['props'][number]) => {
       if (

packages/shared/src/traverse.ts

@@ -45,17 +45,17 @@ export function traverse(obj: any, callback: CallbackFn, options: TraverseOption
       const keys = Object.keys(currentItem.value)
       for (let i = keys.length - 1; i >= 0; i--) {
         const key = keys[i]
-        const value = currentItem.value[key]
+        const value = (currentItem.value as Record<string, unknown>)[key]
 
         const path = currentItem.path ? currentItem.path + separator + key : key
         const paths = currentItem.paths.concat(key)
 
         stack.push({
-          value,
+          value: value as Record<string, unknown>,
           path,
           paths,
           depth: currentItem.depth + 1,
-          parent: currentItem.value,
+          parent: currentItem.value as Record<string, unknown>,
           key,
         })
       }

packages/studio/styled-system/styles.css

@@ -159,7 +159,7 @@
     outline: auto;
 }
 
-  [hidden] {
+  [hidden]:where(:not([hidden='until-found'])) {
     display: none !important;
 }
 }
@@ -1421,4 +1421,4 @@
       padding-inline: var(--spacing-8);
 }
 }
-}
+}

packages/types/package.json

@@ -36,6 +36,6 @@
     "microdiff": "1.3.2",
     "ncp": "2.0.0",
     "pkg-types": "1.0.3",
-    "ts-morph": "21.0.1"
+    "ts-morph": "24.0.0"
   }
 }

packages/types/scripts/build.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import fs from 'fs'
 import path from 'path'
 
@@ -19,7 +20,7 @@ export const main = () => {
   files.forEach((file) => {
     const destFile = path.join('dist', file.endsWith('.d.ts') ? file : toDts(file))
     getOrCreateDir('dist')
-    const content = fs.readFileSync(path.join('src', file))
+    const content = fs.readFileSync(path.join('src', file as string))
     fs.writeFileSync(destFile, content)
   })
 }

playground/module.shim.ts

@@ -1,3 +1,3 @@
-// Empty implementation for Rollup alias
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export const createRequire = () => {};
+export const createRequire = () => {
+  void 0
+}

playground/next.config.js

@@ -1,5 +1,5 @@
-const path = require('path')
 const isViz = process.env.ANALYZE === 'true'
+
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: isViz,
 })
@@ -10,19 +10,20 @@ const nextConfig = {
     // aliases for resolving packages in the project
     config.resolve.alias = {
       ...config.resolve.alias,
-      process: 'process/browser',
-      os: 'os-browserify',
-      path: 'path-browserify',
-      util: 'util',
-      module: path.join(__dirname, './module.shim.ts'),
-      fs: path.join(__dirname, './fs.shim.ts'),
       '@vue/compiler-sfc': '@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js',
       lightningcss: 'lightningcss-wasm',
     }
 
     if (!isServer) {
       config.resolve.fallback = {
+        ...config.resolve.fallback,
         perf_hooks: false,
+        fs: false,
+        module: require.resolve('./module.shim.ts'),
+        os: require.resolve('os-browserify/browser'),
+        path: require.resolve('path-browserify'),
+        util: require.resolve('util'),
+        process: require.resolve('process/browser'),
       }
     }
 

playground/package.json

@@ -48,7 +48,7 @@
     "react-live-runner": "1.0.7",
     "sucrase": "3.35.0",
     "ts-pattern": "5.0.8",
-    "typescript": "5.3.3",
+    "typescript": "5.6.2",
     "usehooks-ts": "2.14.0",
     "util": "0.12.5",
     "zod": "3.22.4"