Implement test

Author: owjs3901

bun.lock

@@ -35,5 +35,5 @@ yarn-error.log*
 next-env.d.ts
 
 # devup-api
-.devup-api
+df
 

examples/next-webpack/.gitignore

@@ -1,9 +1,8 @@
 import type { Metadata } from 'next'
-import './globals.css'
 
 export const metadata: Metadata = {
-  title: 'Next.js Webpack Example - devup-api',
-  description: 'Example Next.js app with devup-api plugin (Webpack)',
+  title: 'Next.js Example - devup-api',
+  description: 'Example Next.js app with devup-api plugin',
 }
 
 export default function RootLayout({

examples/next-webpack/app/globals.css

@@ -1,30 +1,58 @@
 'use client'
 
+import { createApi } from '@devup-api/fetch'
+import { Box, Text } from '@devup-ui/react'
+import { useEffect } from 'react'
+
+const api = createApi('https://api.example.com')
+
 export default function Home() {
+  useEffect(() => {
+    api.get('getUsers', {}).then((res) => {
+      console.log(res)
+    })
+
+    api
+      .get('getUserById', {
+        params: { id: 1 },
+      })
+      .then((res) => {
+        console.log(res)
+      })
+
+    api
+      .post('createUser', {
+        body: {
+          name: 'John Doe',
+          email: '[email protected]',
+        },
+      })
+      .then((res) => {
+        console.log(res)
+      })
+  }, [])
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm">
-        <h1 className="text-4xl font-bold mb-8">Next.js Example (Webpack)</h1>
-        <p className="mb-4">
-          This example uses Next.js with Webpack and devup-api plugin.
-        </p>
-        <div className="mt-8 p-4 bg-gray-100 rounded">
-          <p className="font-semibold mb-2">Environment Variables:</p>
-          <pre className="text-xs overflow-auto">
-            {(() => {
-              try {
-                const urlMap = process.env.DEVUP_API_URL_MAP
-                if (!urlMap) return 'Not available'
-                const parsed =
-                  typeof urlMap === 'string' ? JSON.parse(urlMap) : urlMap
-                return JSON.stringify(parsed, null, 2)
-              } catch {
-                return 'Error parsing URL map'
-              }
-            })()}
-          </pre>
-        </div>
-      </div>
-    </main>
+    <Box>
+      <Text>Next.js Example (Turbopack)</Text>
+      <Box>
+        <Box>
+          <Box>
+            <Box>
+              {(() => {
+                try {
+                  const urlMap = process.env.DEVUP_API_URL_MAP
+                  if (!urlMap) return 'Not available'
+                  const parsed =
+                    typeof urlMap === 'string' ? JSON.parse(urlMap) : urlMap
+                  return JSON.stringify(parsed, null, 2)
+                } catch {
+                  return 'Error parsing URL map'
+                }
+              })()}
+            </Box>
+          </Box>
+        </Box>
+      </Box>
+    </Box>
   )
 }

examples/next-webpack/app/layout.tsx

@@ -1,13 +1,8 @@
 import devupApi from '@devup-api/next-plugin'
+import { DevupUI } from '@devup-ui/next-plugin'
 
-const config = devupApi(
-  {
-    reactStrictMode: true,
-  },
-  {
-    openapiFile: './openapi.json',
-    tempDir: '.devup-api',
-  },
-)
+const config = devupApi({
+  reactStrictMode: true,
+})
 
-export default config
+export default DevupUI(config)

examples/next-webpack/app/page.tsx

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --webpack",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
@@ -13,9 +13,11 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "@devup-api/next-plugin": "workspace:*",
-    "@devup-api/core": "workspace:*"
+    "@devup-api/fetch": "workspace:*",
+    "@devup-ui/react": "^1"
   },
   "devDependencies": {
+    "@devup-ui/next-plugin": "^1",
     "@types/node": "^24",
     "@types/react": "^19",
     "@types/react-dom": "^19",

examples/next-webpack/next.config.ts

@@ -27,7 +27,8 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts"
+    ".next/dev/types/**/*.ts",
+    "df/**/*.d.ts"
   ],
   "exclude": ["node_modules"]
 }

examples/next-webpack/package.json

@@ -35,5 +35,5 @@ yarn-error.log*
 next-env.d.ts
 
 # devup-api
-.devup-api
+df