Support monorepo on turbopack

Author: owjs3901

packages/next-plugin/src/__tests__/preload.test.ts

@@ -63,7 +63,7 @@ describe('preload', () => {
     const singleCss = false
     const cssDir = '/output/css'
 
-    preload(excludeRegex, libPackage, singleCss, cssDir)
+    preload(excludeRegex, libPackage, singleCss, cssDir, [])
 
     expect(globSync).toHaveBeenCalledWith(
       ['**/*.tsx', '**/*.ts', '**/*.js', '**/*.mjs'],
@@ -81,7 +81,7 @@ describe('preload', () => {
       .mockReturnValueOnce('src/App.tsx')
       .mockReturnValueOnce('src/components/Button.tsx')
       .mockReturnValueOnce('.next/page.tsx')
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(codeExtract).toHaveBeenCalledTimes(2)
     expect(codeExtract).toHaveBeenCalledWith(
@@ -106,7 +106,7 @@ describe('preload', () => {
       [Symbol.dispose]: vi.fn(),
     })
 
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(writeFileSync).toHaveBeenCalledWith(
       join('/output/css', 'styles.css'),
@@ -127,7 +127,7 @@ describe('preload', () => {
     })
     vi.mocked(getCss).mockReturnValue('')
 
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(writeFileSync).toHaveBeenCalledWith(
       join('/output/css', 'devup-ui.css'),
@@ -147,7 +147,7 @@ describe('preload', () => {
       [Symbol.dispose]: vi.fn(),
     })
 
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(writeFileSync).toHaveBeenCalledWith(
       join('/output/css', 'styles.css'),
@@ -167,7 +167,7 @@ describe('preload', () => {
       [Symbol.dispose]: vi.fn(),
     })
 
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(writeFileSync).toHaveBeenCalledWith(
       join('/output/css', 'styles.css'),
@@ -181,7 +181,7 @@ describe('preload', () => {
     const singleCss = true
     const cssDir = '/custom/css/dir'
 
-    preload(/node_modules/, libPackage, singleCss, cssDir)
+    preload(/node_modules/, libPackage, singleCss, cssDir, [])
 
     expect(codeExtract).toHaveBeenCalledWith(
       expect.stringMatching(/App\.tsx$/),
@@ -218,7 +218,7 @@ describe('preload', () => {
         [Symbol.dispose]: vi.fn(),
       })
 
-    preload(/node_modules/, '@devup-ui/react', false, '/output/css')
+    preload(/node_modules/, '@devup-ui/react', false, '/output/css', [])
 
     expect(writeFileSync).toHaveBeenCalledTimes(3)
     expect(writeFileSync).toHaveBeenCalledWith(

packages/next-plugin/src/find-top-package-root.ts

@@ -0,0 +1,27 @@
+import { existsSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+
+/**
+ * find package root
+ *
+ * Find the root of the package by checking the package.json file
+ * @returns
+ */
+export function findTopPackageRoot(pwd = process.cwd()) {
+  let current = pwd
+  let topWithPackage: string | null = null
+
+  while (true) {
+    if (existsSync(join(current, 'package.json'))) {
+      topWithPackage = current
+    }
+
+    const parent = dirname(current)
+    if (parent === current) {
+      break
+    }
+    current = parent
+  }
+
+  return topWithPackage ?? pwd
+}

packages/next-plugin/src/get-package-name.ts

@@ -0,0 +1,7 @@
+import { readFileSync } from 'node:fs'
+
+export function getPackageName(packageJsonPath: string) {
+  const packageJson = readFileSync(packageJsonPath, 'utf-8')
+  const packageJsonObject = JSON.parse(packageJson)
+  return packageJsonObject.name
+}

packages/next-plugin/src/has-localpackage.ts

@@ -0,0 +1,16 @@
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+/**
+ * has local package
+ *
+ * Check if the include workspace:* package is a local package
+ * @returns
+ */
+export function hasLocalPackage() {
+  const packageJson = readFileSync(join(process.cwd(), 'package.json'), 'utf-8')
+  const packageJsonObject = JSON.parse(packageJson)
+  return Object.values(packageJsonObject.dependencies ?? {}).some(
+    (pkg: unknown) => typeof pkg === 'string' && pkg.includes('workspace:'),
+  )
+}

packages/next-plugin/src/plugin.ts

@@ -97,7 +97,7 @@ export function DevupUI(
       writeFileSync(join(cssDir, 'devup-ui.css'), getCss(null, false))
     } else {
       // build
-      preload(excludeRegex, libPackage, singleCss, cssDir)
+      preload(excludeRegex, libPackage, singleCss, cssDir, include)
     }
     const defaultSheet = JSON.parse(exportSheet())
     const defaultClassMap = JSON.parse(exportClassMap())

packages/next-plugin/src/preload.ts

@@ -1,20 +1,44 @@
 import { readFileSync, realpathSync, writeFileSync } from 'node:fs'
-import { basename, join, relative } from 'node:path'
+import { basename, dirname, join, relative } from 'node:path'
 
 import { codeExtract, getCss } from '@devup-ui/wasm'
 import { globSync } from 'glob'
+
+import { findTopPackageRoot } from './find-top-package-root'
+import { getPackageName } from './get-package-name'
+import { hasLocalPackage } from './has-localpackage'
+
 export function preload(
   excludeRegex: RegExp,
   libPackage: string,
   singleCss: boolean,
   cssDir: string,
+  include: string[],
+  pwd = process.cwd(),
 ) {
+  if (include.length > 0 && hasLocalPackage()) {
+    const packageRoot = findTopPackageRoot()
+    const collected = globSync(['package.json', '!**/node_modules/**'], {
+      follow: true,
+      absolute: true,
+      cwd: packageRoot,
+    })
+      .filter((file) => include.includes(getPackageName(file)))
+      .map((file) => dirname(file))
+
+    for (const file of collected) {
+      preload(excludeRegex, libPackage, singleCss, cssDir, include, file)
+    }
+    return
+  }
   const collected = globSync(['**/*.tsx', '**/*.ts', '**/*.js', '**/*.mjs'], {
     follow: true,
     absolute: true,
+    cwd: pwd,
   })
   // fix multi core build issue
   collected.sort()
+  // console.log('collected', collected)
   for (const file of collected) {
     const filePath = relative(process.cwd(), realpathSync(file))
     if (