dev-five-git · owjs3901 · Jun 6, 2026 · Jun 3, 2026 · Jun 3, 2026 · Jun 3, 2026
diff --git a/.changepacks/changepack_log_oYGrO6CecMlSLwgUx0i3p.json b/.changepacks/changepack_log_oYGrO6CecMlSLwgUx0i3p.json
@@ -0,0 +1 @@
+{"changes":{"packages/next-plugin/package.json":"Patch","packages/rsbuild-plugin/package.json":"Patch","packages/plugin-utils/package.json":"Patch","packages/bun-plugin/package.json":"Patch","packages/eslint-plugin/package.json":"Patch","packages/components/package.json":"Patch","packages/webpack-plugin/package.json":"Patch","bindings/devup-ui-wasm/package.json":"Patch","packages/vite-plugin/package.json":"Patch"},"note":"Apply new strategy","date":"2026-06-03T09:34:04.566505700Z"}
diff --git a/benchmark.js b/benchmark.js
@@ -58,9 +58,14 @@ function benchmark(target) {
   performance.measure(target, target + '-start', target + '-end')
 
   const benchmarkDir = join('./benchmark', dir)
-  const outputDir = existsSync(join(benchmarkDir, '.next'))
-    ? join(benchmarkDir, '.next')
-    : join(benchmarkDir, 'dist')
+  // Resolve the real build-output dir. Next.js emits to `.next`; Vite emits to
+  // `dist`. vinext (Next-on-Vite) emits its real artifacts to `dist` but ALSO
+  // leaves a tiny vestigial `.next` stub (~988 B, no CSS) - so checking `.next`
+  // first measured the empty stub and reported "988 bytes (css 0 bytes)" even
+  // though dist held ~1.28 MB incl. the extracted CSS. Prefer `dist` when it
+  // exists; fall back to `.next` for pure Next.js apps (which never emit dist).
+  const distDir = join(benchmarkDir, 'dist')
+  const outputDir = existsSync(distDir) ? distDir : join(benchmarkDir, '.next')
   const duration = (
     performance.getEntriesByName(target)[0].duration / 1000
   ).toFixed(2)
@@ -80,6 +85,7 @@ result.push(benchmark('devup-ui'))
 result.push(benchmark('devup-ui-single'))
 result.push(benchmark('tailwind-turbo'))
 result.push(benchmark('devup-ui-single-turbo'))
+result.push(benchmark('devup-ui-turbo'))
 result.push(benchmark('vanilla-extract-devup-ui'))
 result.push(benchmark('tailwind-turbo-devup-ui'))
 result.push(benchmark('vinext-devup-ui'))

diff --git a/benchmark/next-devup-ui-turbo/.gitignore b/benchmark/next-devup-ui-turbo/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/benchmark/next-devup-ui-turbo/README.md b/benchmark/next-devup-ui-turbo/README.md
@@ -0,0 +1 @@
+## Nextjs App
diff --git a/benchmark/next-devup-ui-turbo/next.config.ts b/benchmark/next-devup-ui-turbo/next.config.ts
@@ -0,0 +1,7 @@
+import { DevupUI } from '@devup-ui/next-plugin'
+
+const nextConfig = {
+  /* config options here */
+}
+
+export default DevupUI(nextConfig, {})
diff --git a/benchmark/next-devup-ui-turbo/package.json b/benchmark/next-devup-ui-turbo/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "next-devup-ui-turbo-benchmark",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build --experimental-debug-memory-usage",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "next": "^16.2",
+    "@devup-ui/react": "workspace:^"
+  },
+  "devDependencies": {
+    "@devup-ui/next-plugin": "workspace:^",
+    "typescript": "^6",
+    "@types/node": "^25",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  }
+}
diff --git a/benchmark/next-devup-ui-turbo/public/file.svg b/benchmark/next-devup-ui-turbo/public/file.svg
diff --git a/benchmark/next-devup-ui-turbo/public/globe.svg b/benchmark/next-devup-ui-turbo/public/globe.svg
diff --git a/benchmark/next-devup-ui-turbo/public/next.svg b/benchmark/next-devup-ui-turbo/public/next.svg
diff --git a/benchmark/next-devup-ui-turbo/public/vercel.svg b/benchmark/next-devup-ui-turbo/public/vercel.svg
diff --git a/benchmark/next-devup-ui-turbo/public/window.svg b/benchmark/next-devup-ui-turbo/public/window.svg
diff --git a/benchmark/next-devup-ui-turbo/src/app/favicon.ico b/benchmark/next-devup-ui-turbo/src/app/favicon.ico
diff --git a/benchmark/next-devup-ui-turbo/src/app/layout.tsx b/benchmark/next-devup-ui-turbo/src/app/layout.tsx
@@ -0,0 +1,18 @@
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/benchmark/next-devup-ui-turbo/src/app/page.tsx b/benchmark/next-devup-ui-turbo/src/app/page.tsx
@@ -0,0 +1,51 @@
+'use client'
+
+import { Box, Text } from '@devup-ui/react'
+import { useState } from 'react'
+
+export default function HomePage() {
+  const [color, setColor] = useState('yellow')
+  const [enabled, setEnabled] = useState(false)
+
+  return (
+    <div>
+      <p
+        style={{
+          backgroundColor: 'blue',
+        }}
+      >
+        Track & field champions:
+      </p>
+      <Box
+        _hover={{
+          bg: 'yellow',
+          cursor: 'cell',
+        }}
+        as="section"
+        bg="$text"
+        color={color}
+        cursor="pointer"
+        data-testid="box"
+        fontSize={32}
+        position="relative"
+        py="28px"
+      >
+        <Box>hello</Box>
+        <Box>hello</Box>
+      </Box>
+      <Text color="$text">text</Text>
+      <Box color={enabled ? 'green' : 'blue'} fontSize={32} pr="20px">
+        hello
+      </Box>
+      <Box fontSize={[12, 32]}>hello</Box>
+      <button
+        onClick={() => {
+          setColor('blue')
+          setEnabled((prev) => !prev)
+        }}
+      >
+        Change
+      </button>
+    </div>
+  )
+}
diff --git a/benchmark/next-devup-ui-turbo/tsconfig.json b/benchmark/next-devup-ui-turbo/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "df/*.d.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"changes":{"packages/next-plugin/package.json":"Patch","packages/rsbuild-plugin/package.json":"Patch","packages/plugin-utils/package.json":"Patch","packages/bun-plugin/package.json":"Patch","packages/eslint-plugin/package.json":"Patch","packages/components/package.json":"Patch","packages/webpack-plugin/package.json":"Patch","bindings/devup-ui-wasm/package.json":"Patch","packages/vite-plugin/package.json":"Patch"},"note":"Apply new strategy","date":"2026-06-03T09:34:04.566505700Z"}