chore: progress to ui scaffolding

packages/dev/src/app/(payload)/admin/page.tsx

@@ -1,4 +1,4 @@
 import { Dashboard } from '@payloadcms/next/pages/Dashboard'
-import config from '../../../payload.config'
+import config from 'payload-config'
 
 export default Dashboard({ config })

packages/next/package.json

@@ -23,6 +23,7 @@
     }
   },
   "devDependencies": {
+    "@payloadcms/ui": "workspace:*",
     "@payloadcms/eslint-config": "workspace:*",
     "payload": "workspace:*"
   },

packages/next/src/pages/Dashboard/index.tsx

@@ -1,5 +1,6 @@
 import { SanitizedConfig } from 'payload/types'
 import React from 'react'
+import { RootProvider } from '@payloadcms/ui/providers'
 import { createClientConfig } from '../../createClientConfig'
 
 export const Dashboard = ({ config: configPromise }: { config: Promise<SanitizedConfig> }) =>
@@ -7,8 +8,8 @@ export const Dashboard = ({ config: configPromise }: { config: Promise<Sanitized
     const config = await createClientConfig(configPromise)
 
     return (
-      <React.Fragment>
+      <RootProvider config={config}>
         <h1>Dashboard (rendered on server)</h1>
-      </React.Fragment>
+      </RootProvider>
     )
   }

packages/next/tsconfig.json

@@ -22,6 +22,12 @@
     "src/**/*.spec.ts",
     "src/**/*.spec.tsx"
   ],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts", "src/**/*.json"],
-  "references": [{ "path": "../payload" }]
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.d.ts",
+    "src/**/*.json",
+    "../ui/src/createClientConfig.ts"
+  ],
+  "references": [{ "path": "../payload" }, { "path": "../ui" }]
 }

packages/ui/tsconfig.json

@@ -19,6 +19,12 @@
     "src/**/*.spec.ts",
     "src/**/*.spec.tsx"
   ],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts", "src/**/*.json"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.d.ts",
+    "src/**/*.json",
+    "../next/src/createClientConfig.ts"
+  ],
   "references": [{ "path": "../payload" }] // db-postgres depends on payload
 }

pnpm-lock.yaml

@@ -613,6 +613,9 @@ importers:
       '@payloadcms/eslint-config':
         specifier: workspace:*
         version: link:../eslint-config-payload
+      '@payloadcms/ui':
+        specifier: workspace:*
+        version: link:../ui
       payload:
         specifier: workspace:*
         version: link:../payload