@payloadcms/tanstack-start 4.0.0-internal.17c142b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +22 -0
- package/dist/@types/assets.d.js +2 -0
- package/dist/@types/assets.d.js.map +1 -0
- package/dist/auth/login.d.ts +17 -0
- package/dist/auth/login.d.ts.map +1 -0
- package/dist/auth/login.js +50 -0
- package/dist/auth/login.js.map +1 -0
- package/dist/auth/logout.d.ts +9 -0
- package/dist/auth/logout.d.ts.map +1 -0
- package/dist/auth/logout.js +51 -0
- package/dist/auth/logout.js.map +1 -0
- package/dist/auth/refresh.d.ts +8 -0
- package/dist/auth/refresh.d.ts.map +1 -0
- package/dist/auth/refresh.js +53 -0
- package/dist/auth/refresh.js.map +1 -0
- package/dist/elements/DocumentHeaderClient/index.d.ts +16 -0
- package/dist/elements/DocumentHeaderClient/index.d.ts.map +1 -0
- package/dist/elements/DocumentHeaderClient/index.js +116 -0
- package/dist/elements/DocumentHeaderClient/index.js.map +1 -0
- package/dist/elements/RenderComponent/index.d.ts +10 -0
- package/dist/elements/RenderComponent/index.d.ts.map +1 -0
- package/dist/elements/RenderComponent/index.js +12 -0
- package/dist/elements/RenderComponent/index.js.map +1 -0
- package/dist/elements/RouterAdapter/index.d.ts +3 -0
- package/dist/elements/RouterAdapter/index.d.ts.map +1 -0
- package/dist/elements/RouterAdapter/index.js +141 -0
- package/dist/elements/RouterAdapter/index.js.map +1 -0
- package/dist/exports/client.d.ts +8 -0
- package/dist/exports/client.d.ts.map +1 -0
- package/dist/exports/client.js +10 -0
- package/dist/exports/client.js.map +1 -0
- package/dist/exports/layouts.d.ts +6 -0
- package/dist/exports/layouts.d.ts.map +1 -0
- package/dist/exports/layouts.js +5 -0
- package/dist/exports/layouts.js.map +1 -0
- package/dist/exports/rsc.browser.d.ts +12 -0
- package/dist/exports/rsc.browser.d.ts.map +1 -0
- package/dist/exports/rsc.browser.js +12 -0
- package/dist/exports/rsc.browser.js.map +1 -0
- package/dist/exports/rsc.d.ts +5 -0
- package/dist/exports/rsc.d.ts.map +1 -0
- package/dist/exports/rsc.js +6 -0
- package/dist/exports/rsc.js.map +1 -0
- package/dist/exports/server.d.ts +17 -0
- package/dist/exports/server.d.ts.map +1 -0
- package/dist/exports/server.js +18 -0
- package/dist/exports/server.js.map +1 -0
- package/dist/exports/vite.d.ts +3 -0
- package/dist/exports/vite.d.ts.map +1 -0
- package/dist/exports/vite.js +3 -0
- package/dist/exports/vite.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/layouts/Root/getLayoutData.d.ts +12 -0
- package/dist/layouts/Root/getLayoutData.d.ts.map +1 -0
- package/dist/layouts/Root/getLayoutData.js +91 -0
- package/dist/layouts/Root/getLayoutData.js.map +1 -0
- package/dist/layouts/Root/index.d.ts +32 -0
- package/dist/layouts/Root/index.d.ts.map +1 -0
- package/dist/layouts/Root/index.js +51 -0
- package/dist/layouts/Root/index.js.map +1 -0
- package/dist/layouts/Root/withPayloadRoot.d.ts +65 -0
- package/dist/layouts/Root/withPayloadRoot.d.ts.map +1 -0
- package/dist/layouts/Root/withPayloadRoot.js +92 -0
- package/dist/layouts/Root/withPayloadRoot.js.map +1 -0
- package/dist/node/cssLoader.d.mts +3 -0
- package/dist/node/cssLoader.d.mts.map +1 -0
- package/dist/node/cssLoader.js +70 -0
- package/dist/node/cssLoader.js.map +1 -0
- package/dist/node/cssLoader.mjs +75 -0
- package/dist/node/registerCssLoader.d.mts +2 -0
- package/dist/node/registerCssLoader.d.mts.map +1 -0
- package/dist/node/registerCssLoader.js +10 -0
- package/dist/node/registerCssLoader.js.map +1 -0
- package/dist/node/registerCssLoader.mjs +10 -0
- package/dist/routes/adminRoutes.d.ts +105 -0
- package/dist/routes/adminRoutes.d.ts.map +1 -0
- package/dist/routes/adminRoutes.js +97 -0
- package/dist/routes/adminRoutes.js.map +1 -0
- package/dist/routes/apiRoute.d.ts +33 -0
- package/dist/routes/apiRoute.d.ts.map +1 -0
- package/dist/routes/apiRoute.js +27 -0
- package/dist/routes/apiRoute.js.map +1 -0
- package/dist/routes/layoutRoute.d.ts +23 -0
- package/dist/routes/layoutRoute.d.ts.map +1 -0
- package/dist/routes/layoutRoute.js +51 -0
- package/dist/routes/layoutRoute.js.map +1 -0
- package/dist/rsc/CollectionCards.d.ts +4 -0
- package/dist/rsc/CollectionCards.d.ts.map +1 -0
- package/dist/rsc/CollectionCards.js +12 -0
- package/dist/rsc/CollectionCards.js.map +1 -0
- package/dist/rsc/HierarchyTypeFieldServer.d.ts +9 -0
- package/dist/rsc/HierarchyTypeFieldServer.d.ts.map +1 -0
- package/dist/rsc/HierarchyTypeFieldServer.js +35 -0
- package/dist/rsc/HierarchyTypeFieldServer.js.map +1 -0
- package/dist/rsc/renderOnDemand.d.ts +15 -0
- package/dist/rsc/renderOnDemand.d.ts.map +1 -0
- package/dist/rsc/renderOnDemand.js +25 -0
- package/dist/rsc/renderOnDemand.js.map +1 -0
- package/dist/rsc/renderPayloadRSC.d.ts +6 -0
- package/dist/rsc/renderPayloadRSC.d.ts.map +1 -0
- package/dist/rsc/renderPayloadRSC.js +6 -0
- package/dist/rsc/renderPayloadRSC.js.map +1 -0
- package/dist/utilities/devReloadStrategy.d.ts +10 -0
- package/dist/utilities/devReloadStrategy.d.ts.map +1 -0
- package/dist/utilities/devReloadStrategy.js +27 -0
- package/dist/utilities/devReloadStrategy.js.map +1 -0
- package/dist/utilities/getExistingAuthToken.d.ts +7 -0
- package/dist/utilities/getExistingAuthToken.d.ts.map +1 -0
- package/dist/utilities/getExistingAuthToken.js +18 -0
- package/dist/utilities/getExistingAuthToken.js.map +1 -0
- package/dist/utilities/getPreferences.d.ts +10 -0
- package/dist/utilities/getPreferences.d.ts.map +1 -0
- package/dist/utilities/getPreferences.js +33 -0
- package/dist/utilities/getPreferences.js.map +1 -0
- package/dist/utilities/getRequestI18n.server.d.ts +12 -0
- package/dist/utilities/getRequestI18n.server.d.ts.map +1 -0
- package/dist/utilities/getRequestI18n.server.js +25 -0
- package/dist/utilities/getRequestI18n.server.js.map +1 -0
- package/dist/utilities/getRequestLocale.d.ts +7 -0
- package/dist/utilities/getRequestLocale.d.ts.map +1 -0
- package/dist/utilities/getRequestLocale.js +20 -0
- package/dist/utilities/getRequestLocale.js.map +1 -0
- package/dist/utilities/getRequestTheme.d.ts +10 -0
- package/dist/utilities/getRequestTheme.d.ts.map +1 -0
- package/dist/utilities/getRequestTheme.js +25 -0
- package/dist/utilities/getRequestTheme.js.map +1 -0
- package/dist/utilities/graphqlHandler.server.d.ts +12 -0
- package/dist/utilities/graphqlHandler.server.d.ts.map +1 -0
- package/dist/utilities/graphqlHandler.server.js +129 -0
- package/dist/utilities/graphqlHandler.server.js.map +1 -0
- package/dist/utilities/handleAPIRoute.d.ts +11 -0
- package/dist/utilities/handleAPIRoute.d.ts.map +1 -0
- package/dist/utilities/handleAPIRoute.js +17 -0
- package/dist/utilities/handleAPIRoute.js.map +1 -0
- package/dist/utilities/handleServerFunctions.d.ts +20 -0
- package/dist/utilities/handleServerFunctions.d.ts.map +1 -0
- package/dist/utilities/handleServerFunctions.js +60 -0
- package/dist/utilities/handleServerFunctions.js.map +1 -0
- package/dist/utilities/importMap.server.d.ts +9 -0
- package/dist/utilities/importMap.server.d.ts.map +1 -0
- package/dist/utilities/importMap.server.js +12 -0
- package/dist/utilities/importMap.server.js.map +1 -0
- package/dist/utilities/initReq.server.d.ts +19 -0
- package/dist/utilities/initReq.server.d.ts.map +1 -0
- package/dist/utilities/initReq.server.js +87 -0
- package/dist/utilities/initReq.server.js.map +1 -0
- package/dist/utilities/loadAdminPage.d.ts +54 -0
- package/dist/utilities/loadAdminPage.d.ts.map +1 -0
- package/dist/utilities/loadAdminPage.js +217 -0
- package/dist/utilities/loadAdminPage.js.map +1 -0
- package/dist/utilities/loadLayoutData.d.ts +15 -0
- package/dist/utilities/loadLayoutData.d.ts.map +1 -0
- package/dist/utilities/loadLayoutData.js +23 -0
- package/dist/utilities/loadLayoutData.js.map +1 -0
- package/dist/utilities/meta.d.ts +70 -0
- package/dist/utilities/meta.d.ts.map +1 -0
- package/dist/utilities/meta.js +142 -0
- package/dist/utilities/meta.js.map +1 -0
- package/dist/utilities/serializeForRsc.d.ts +26 -0
- package/dist/utilities/serializeForRsc.d.ts.map +1 -0
- package/dist/utilities/serializeForRsc.js +122 -0
- package/dist/utilities/serializeForRsc.js.map +1 -0
- package/dist/utilities/serverAdapter.server.d.ts +36 -0
- package/dist/utilities/serverAdapter.server.d.ts.map +1 -0
- package/dist/utilities/serverAdapter.server.js +130 -0
- package/dist/utilities/serverAdapter.server.js.map +1 -0
- package/dist/utilities/serverFunctionClient.d.ts +29 -0
- package/dist/utilities/serverFunctionClient.d.ts.map +1 -0
- package/dist/utilities/serverFunctionClient.js +109 -0
- package/dist/utilities/serverFunctionClient.js.map +1 -0
- package/dist/utilities/serverFunctionHandlers.d.ts +18 -0
- package/dist/utilities/serverFunctionHandlers.d.ts.map +1 -0
- package/dist/utilities/serverFunctionHandlers.js +17 -0
- package/dist/utilities/serverFunctionHandlers.js.map +1 -0
- package/dist/utilities/setPayloadAuthCookie.d.ts +9 -0
- package/dist/utilities/setPayloadAuthCookie.d.ts.map +1 -0
- package/dist/utilities/setPayloadAuthCookie.js +31 -0
- package/dist/utilities/setPayloadAuthCookie.js.map +1 -0
- package/dist/utilities/toSerializable.d.ts +2 -0
- package/dist/utilities/toSerializable.d.ts.map +1 -0
- package/dist/utilities/toSerializable.js +111 -0
- package/dist/utilities/toSerializable.js.map +1 -0
- package/dist/vite/constants.d.ts +42 -0
- package/dist/vite/constants.d.ts.map +1 -0
- package/dist/vite/constants.js +177 -0
- package/dist/vite/constants.js.map +1 -0
- package/dist/vite/importProtection.d.ts +14 -0
- package/dist/vite/importProtection.d.ts.map +1 -0
- package/dist/vite/importProtection.js +54 -0
- package/dist/vite/importProtection.js.map +1 -0
- package/dist/vite/plugin.d.ts +38 -0
- package/dist/vite/plugin.d.ts.map +1 -0
- package/dist/vite/plugin.js +179 -0
- package/dist/vite/plugin.js.map +1 -0
- package/dist/vite/plugins/clientModuleResolution.d.ts +14 -0
- package/dist/vite/plugins/clientModuleResolution.d.ts.map +1 -0
- package/dist/vite/plugins/clientModuleResolution.js +98 -0
- package/dist/vite/plugins/clientModuleResolution.js.map +1 -0
- package/dist/vite/plugins/devTransforms.d.ts +19 -0
- package/dist/vite/plugins/devTransforms.d.ts.map +1 -0
- package/dist/vite/plugins/devTransforms.js +67 -0
- package/dist/vite/plugins/devTransforms.js.map +1 -0
- package/dist/vite/plugins/reactDomServerInRsc.d.ts +27 -0
- package/dist/vite/plugins/reactDomServerInRsc.d.ts.map +1 -0
- package/dist/vite/plugins/reactDomServerInRsc.js +90 -0
- package/dist/vite/plugins/reactDomServerInRsc.js.map +1 -0
- package/dist/vite/plugins/stripDistStyleImports.d.ts +21 -0
- package/dist/vite/plugins/stripDistStyleImports.d.ts.map +1 -0
- package/dist/vite/plugins/stripDistStyleImports.js +107 -0
- package/dist/vite/plugins/stripDistStyleImports.js.map +1 -0
- package/dist/vite/plugins/wrapCjsForClient.d.ts +15 -0
- package/dist/vite/plugins/wrapCjsForClient.d.ts.map +1 -0
- package/dist/vite/plugins/wrapCjsForClient.js +106 -0
- package/dist/vite/plugins/wrapCjsForClient.js.map +1 -0
- package/package.json +106 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/exports/client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,iBAAiB,EACjB,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,KAAK,SAAS,EACd,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EACL,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,sCAAsC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
export { TanStackComponentRenderer } from '../elements/RenderComponent/index.js';
|
|
3
|
+
export { TanStackRouterAdapter } from '../elements/RouterAdapter/index.js';
|
|
4
|
+
export { buildThemeInitScript, PayloadAdminShell, THEME_INIT_SCRIPT, withPayloadRoot } from '../layouts/Root/withPayloadRoot.js';
|
|
5
|
+
export { payloadAdminIndexRoute, payloadAdminSplatRoute } from '../routes/adminRoutes.js';
|
|
6
|
+
export { payloadLayoutRoute } from '../routes/layoutRoute.js';
|
|
7
|
+
export { viteDevReloadStrategy } from '../utilities/devReloadStrategy.js';
|
|
8
|
+
export { createServerFunctionClient, stripUnserializable } from '../utilities/serverFunctionClient.js';
|
|
9
|
+
|
|
10
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["'use client'\n\nexport { TanStackComponentRenderer } from '../elements/RenderComponent/index.js'\nexport { TanStackRouterAdapter } from '../elements/RouterAdapter/index.js'\nexport {\n buildThemeInitScript,\n PayloadAdminShell,\n type PayloadAdminShellProps,\n THEME_INIT_SCRIPT,\n withPayloadRoot,\n type WithPayloadRootOptions,\n} from '../layouts/Root/withPayloadRoot.js'\nexport {\n type AdminLoad,\n payloadAdminIndexRoute,\n payloadAdminSplatRoute,\n} from '../routes/adminRoutes.js'\nexport { type LayoutLoad, payloadLayoutRoute } from '../routes/layoutRoute.js'\nexport { viteDevReloadStrategy } from '../utilities/devReloadStrategy.js'\nexport {\n createServerFunctionClient,\n stripUnserializable,\n} from '../utilities/serverFunctionClient.js'\n"],"names":["TanStackComponentRenderer","TanStackRouterAdapter","buildThemeInitScript","PayloadAdminShell","THEME_INIT_SCRIPT","withPayloadRoot","payloadAdminIndexRoute","payloadAdminSplatRoute","payloadLayoutRoute","viteDevReloadStrategy","createServerFunctionClient","stripUnserializable"],"mappings":"AAAA;AAEA,SAASA,yBAAyB,QAAQ,uCAAsC;AAChF,SAASC,qBAAqB,QAAQ,qCAAoC;AAC1E,SACEC,oBAAoB,EACpBC,iBAAiB,EAEjBC,iBAAiB,EACjBC,eAAe,QAEV,qCAAoC;AAC3C,SAEEC,sBAAsB,EACtBC,sBAAsB,QACjB,2BAA0B;AACjC,SAA0BC,kBAAkB,QAAQ,2BAA0B;AAC9E,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SACEC,0BAA0B,EAC1BC,mBAAmB,QACd,uCAAsC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { getLayoutData } from '../layouts/Root/getLayoutData.js';
|
|
2
|
+
export type { GetLayoutDataArgs } from '../layouts/Root/getLayoutData.js';
|
|
3
|
+
export { RootLayout } from '../layouts/Root/index.js';
|
|
4
|
+
export type { RootLayoutData, RootLayoutProps } from '../layouts/Root/index.js';
|
|
5
|
+
export { loadLayoutData } from '../utilities/loadLayoutData.js';
|
|
6
|
+
//# sourceMappingURL=layouts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../../src/exports/layouts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/layouts.ts"],"sourcesContent":["export { getLayoutData } from '../layouts/Root/getLayoutData.js'\nexport type { GetLayoutDataArgs } from '../layouts/Root/getLayoutData.js'\nexport { RootLayout } from '../layouts/Root/index.js'\nexport type { RootLayoutData, RootLayoutProps } from '../layouts/Root/index.js'\nexport { loadLayoutData } from '../utilities/loadLayoutData.js'\n"],"names":["getLayoutData","RootLayout","loadLayoutData"],"mappings":"AAAA,SAASA,aAAa,QAAQ,mCAAkC;AAEhE,SAASC,UAAU,QAAQ,2BAA0B;AAErD,SAASC,cAAc,QAAQ,iCAAgC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Browser-condition stub for `@payloadcms/tanstack-start/rsc`.
|
|
3
|
+
*
|
|
4
|
+
* Bundlers serving the client graph load this file via the `"browser"` export
|
|
5
|
+
* condition in `package.json`. The real implementations rely on server-only
|
|
6
|
+
* APIs and must never be evaluated in a browser context.
|
|
7
|
+
*/
|
|
8
|
+
export declare const CollectionCards: () => null;
|
|
9
|
+
export declare const HierarchyTypeFieldServer: () => null;
|
|
10
|
+
export declare const renderPayloadComponentOnServer: () => null;
|
|
11
|
+
export declare const RenderRSCComponent: () => null;
|
|
12
|
+
//# sourceMappingURL=rsc.browser.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rsc.browser.d.ts","sourceRoot":"","sources":["../../src/exports/rsc.browser.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,eAAe,YAAa,CAAA;AACzC,eAAO,MAAM,wBAAwB,YAAa,CAAA;AAClD,eAAO,MAAM,8BAA8B,YAAa,CAAA;AACxD,eAAO,MAAM,kBAAkB,YAAa,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Browser-condition stub for `@payloadcms/tanstack-start/rsc`.
|
|
3
|
+
*
|
|
4
|
+
* Bundlers serving the client graph load this file via the `"browser"` export
|
|
5
|
+
* condition in `package.json`. The real implementations rely on server-only
|
|
6
|
+
* APIs and must never be evaluated in a browser context.
|
|
7
|
+
*/ export const CollectionCards = ()=>null;
|
|
8
|
+
export const HierarchyTypeFieldServer = ()=>null;
|
|
9
|
+
export const renderPayloadComponentOnServer = ()=>null;
|
|
10
|
+
export const RenderRSCComponent = ()=>null;
|
|
11
|
+
|
|
12
|
+
//# sourceMappingURL=rsc.browser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/rsc.browser.ts"],"sourcesContent":["/**\n * Browser-condition stub for `@payloadcms/tanstack-start/rsc`.\n *\n * Bundlers serving the client graph load this file via the `\"browser\"` export\n * condition in `package.json`. The real implementations rely on server-only\n * APIs and must never be evaluated in a browser context.\n */\n\nexport const CollectionCards = () => null\nexport const HierarchyTypeFieldServer = () => null\nexport const renderPayloadComponentOnServer = () => null\nexport const RenderRSCComponent = () => null\n"],"names":["CollectionCards","HierarchyTypeFieldServer","renderPayloadComponentOnServer","RenderRSCComponent"],"mappings":"AAAA;;;;;;CAMC,GAED,OAAO,MAAMA,kBAAkB,IAAM,KAAI;AACzC,OAAO,MAAMC,2BAA2B,IAAM,KAAI;AAClD,OAAO,MAAMC,iCAAiC,IAAM,KAAI;AACxD,OAAO,MAAMC,qBAAqB,IAAM,KAAI"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { CollectionCards } from '../rsc/CollectionCards.js';
|
|
2
|
+
export { HierarchyTypeFieldServer } from '../rsc/HierarchyTypeFieldServer.js';
|
|
3
|
+
export { renderPayloadComponentOnServer } from '../rsc/renderOnDemand.js';
|
|
4
|
+
export { RenderRSCComponent } from '../rsc/renderPayloadRSC.js';
|
|
5
|
+
//# sourceMappingURL=rsc.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rsc.d.ts","sourceRoot":"","sources":["../../src/exports/rsc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { CollectionCards } from '../rsc/CollectionCards.js';
|
|
2
|
+
export { HierarchyTypeFieldServer } from '../rsc/HierarchyTypeFieldServer.js';
|
|
3
|
+
export { renderPayloadComponentOnServer } from '../rsc/renderOnDemand.js';
|
|
4
|
+
export { RenderRSCComponent } from '../rsc/renderPayloadRSC.js';
|
|
5
|
+
|
|
6
|
+
//# sourceMappingURL=rsc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/rsc.ts"],"sourcesContent":["export { CollectionCards } from '../rsc/CollectionCards.js'\nexport { HierarchyTypeFieldServer } from '../rsc/HierarchyTypeFieldServer.js'\nexport { renderPayloadComponentOnServer } from '../rsc/renderOnDemand.js'\nexport { RenderRSCComponent } from '../rsc/renderPayloadRSC.js'\n"],"names":["CollectionCards","HierarchyTypeFieldServer","renderPayloadComponentOnServer","RenderRSCComponent"],"mappings":"AAAA,SAASA,eAAe,QAAQ,4BAA2B;AAC3D,SAASC,wBAAwB,QAAQ,qCAAoC;AAC7E,SAASC,8BAA8B,QAAQ,2BAA0B;AACzE,SAASC,kBAAkB,QAAQ,6BAA4B"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { login } from '../auth/login.js';
|
|
2
|
+
export { logout } from '../auth/logout.js';
|
|
3
|
+
export { refresh } from '../auth/refresh.js';
|
|
4
|
+
export { getRequestI18n } from '../utilities/getRequestI18n.server.js';
|
|
5
|
+
export { getRequestLocale } from '../utilities/getRequestLocale.js';
|
|
6
|
+
export { getRequestTheme } from '../utilities/getRequestTheme.js';
|
|
7
|
+
export { handleGraphQL } from '../utilities/graphqlHandler.server.js';
|
|
8
|
+
export { handleAPIRoute } from '../utilities/handleAPIRoute.js';
|
|
9
|
+
export { handleServerFunctions } from '../utilities/handleServerFunctions.js';
|
|
10
|
+
export { getImportMapOutputPath } from '../utilities/importMap.server.js';
|
|
11
|
+
export { initReq } from '../utilities/initReq.server.js';
|
|
12
|
+
export { loadAdminPage, type LoadAdminPageArgs, type LoadAdminPageResult, } from '../utilities/loadAdminPage.js';
|
|
13
|
+
export { type AdminPageMetadata, getAdminMeta } from '../utilities/meta.js';
|
|
14
|
+
export { serializeForRsc } from '../utilities/serializeForRsc.js';
|
|
15
|
+
export { createPageRenderServerAdapter, type PageNavIntent, tanstackServerAdapter, } from '../utilities/serverAdapter.server.js';
|
|
16
|
+
export { toSerializable } from '../utilities/toSerializable.js';
|
|
17
|
+
//# sourceMappingURL=server.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/exports/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,EACL,6BAA6B,EAC7B,KAAK,aAAa,EAClB,qBAAqB,GACtB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { login } from '../auth/login.js';
|
|
2
|
+
export { logout } from '../auth/logout.js';
|
|
3
|
+
export { refresh } from '../auth/refresh.js';
|
|
4
|
+
export { getRequestI18n } from '../utilities/getRequestI18n.server.js';
|
|
5
|
+
export { getRequestLocale } from '../utilities/getRequestLocale.js';
|
|
6
|
+
export { getRequestTheme } from '../utilities/getRequestTheme.js';
|
|
7
|
+
export { handleGraphQL } from '../utilities/graphqlHandler.server.js';
|
|
8
|
+
export { handleAPIRoute } from '../utilities/handleAPIRoute.js';
|
|
9
|
+
export { handleServerFunctions } from '../utilities/handleServerFunctions.js';
|
|
10
|
+
export { getImportMapOutputPath } from '../utilities/importMap.server.js';
|
|
11
|
+
export { initReq } from '../utilities/initReq.server.js';
|
|
12
|
+
export { loadAdminPage } from '../utilities/loadAdminPage.js';
|
|
13
|
+
export { getAdminMeta } from '../utilities/meta.js';
|
|
14
|
+
export { serializeForRsc } from '../utilities/serializeForRsc.js';
|
|
15
|
+
export { createPageRenderServerAdapter, tanstackServerAdapter } from '../utilities/serverAdapter.server.js';
|
|
16
|
+
export { toSerializable } from '../utilities/toSerializable.js';
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=server.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/server.ts"],"sourcesContent":["export { login } from '../auth/login.js'\nexport { logout } from '../auth/logout.js'\nexport { refresh } from '../auth/refresh.js'\nexport { getRequestI18n } from '../utilities/getRequestI18n.server.js'\nexport { getRequestLocale } from '../utilities/getRequestLocale.js'\nexport { getRequestTheme } from '../utilities/getRequestTheme.js'\nexport { handleGraphQL } from '../utilities/graphqlHandler.server.js'\nexport { handleAPIRoute } from '../utilities/handleAPIRoute.js'\nexport { handleServerFunctions } from '../utilities/handleServerFunctions.js'\nexport { getImportMapOutputPath } from '../utilities/importMap.server.js'\nexport { initReq } from '../utilities/initReq.server.js'\nexport {\n loadAdminPage,\n type LoadAdminPageArgs,\n type LoadAdminPageResult,\n} from '../utilities/loadAdminPage.js'\nexport { type AdminPageMetadata, getAdminMeta } from '../utilities/meta.js'\nexport { serializeForRsc } from '../utilities/serializeForRsc.js'\nexport {\n createPageRenderServerAdapter,\n type PageNavIntent,\n tanstackServerAdapter,\n} from '../utilities/serverAdapter.server.js'\nexport { toSerializable } from '../utilities/toSerializable.js'\n"],"names":["login","logout","refresh","getRequestI18n","getRequestLocale","getRequestTheme","handleGraphQL","handleAPIRoute","handleServerFunctions","getImportMapOutputPath","initReq","loadAdminPage","getAdminMeta","serializeForRsc","createPageRenderServerAdapter","tanstackServerAdapter","toSerializable"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAkB;AACxC,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,cAAc,QAAQ,wCAAuC;AACtE,SAASC,gBAAgB,QAAQ,mCAAkC;AACnE,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASC,aAAa,QAAQ,wCAAuC;AACrE,SAASC,cAAc,QAAQ,iCAAgC;AAC/D,SAASC,qBAAqB,QAAQ,wCAAuC;AAC7E,SAASC,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SACEC,aAAa,QAGR,gCAA+B;AACtC,SAAiCC,YAAY,QAAQ,uBAAsB;AAC3E,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SACEC,6BAA6B,EAE7BC,qBAAqB,QAChB,uCAAsC;AAC7C,SAASC,cAAc,QAAQ,iCAAgC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../src/exports/vite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/exports/vite.ts"],"sourcesContent":["export { payloadPlugin } from '../vite/plugin.js'\nexport type { PayloadPluginOptions } from '../vite/plugin.js'\n"],"names":["payloadPlugin"],"mappings":"AAAA,SAASA,aAAa,QAAQ,oBAAmB"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { TanStackComponentRenderer } from './elements/RenderComponent/index.js';
|
|
2
|
+
export { TanStackRouterAdapter } from './elements/RouterAdapter/index.js';
|
|
3
|
+
export { payloadApiRoute } from './routes/apiRoute.js';
|
|
4
|
+
export { viteDevReloadStrategy } from './utilities/devReloadStrategy.js';
|
|
5
|
+
export { type AdminPageMetadata, getAdminMeta } from './utilities/meta.js';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { TanStackComponentRenderer } from './elements/RenderComponent/index.js';
|
|
2
|
+
export { TanStackRouterAdapter } from './elements/RouterAdapter/index.js';
|
|
3
|
+
export { payloadApiRoute } from './routes/apiRoute.js';
|
|
4
|
+
export { viteDevReloadStrategy } from './utilities/devReloadStrategy.js';
|
|
5
|
+
export { getAdminMeta } from './utilities/meta.js';
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { TanStackComponentRenderer } from './elements/RenderComponent/index.js'\nexport { TanStackRouterAdapter } from './elements/RouterAdapter/index.js'\nexport { payloadApiRoute } from './routes/apiRoute.js'\nexport { viteDevReloadStrategy } from './utilities/devReloadStrategy.js'\nexport { type AdminPageMetadata, getAdminMeta } from './utilities/meta.js'\n"],"names":["TanStackComponentRenderer","TanStackRouterAdapter","payloadApiRoute","viteDevReloadStrategy","getAdminMeta"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,sCAAqC;AAC/E,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,qBAAqB,QAAQ,mCAAkC;AACxE,SAAiCC,YAAY,QAAQ,sBAAqB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ImportMap, SanitizedConfig } from 'payload';
|
|
2
|
+
import type { RootLayoutData } from './index.js';
|
|
3
|
+
export type GetLayoutDataArgs = {
|
|
4
|
+
configPromise: Promise<SanitizedConfig> | SanitizedConfig;
|
|
5
|
+
importMap: ImportMap;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Fetches all data needed by the root admin layout.
|
|
9
|
+
* Call this in your TanStack Start root route loader.
|
|
10
|
+
*/
|
|
11
|
+
export declare function getLayoutData({ configPromise, importMap, }: GetLayoutDataArgs): Promise<RootLayoutData>;
|
|
12
|
+
//# sourceMappingURL=getLayoutData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getLayoutData.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/getLayoutData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAmB,eAAe,EAAe,MAAM,SAAS,CAAA;AASvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAKhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IACzD,SAAS,EAAE,SAAS,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,EAClC,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,GAAG,OAAO,CAAC,cAAc,CAAC,CAsF7C"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { getNavPrefs } from '@payloadcms/ui/elements/Nav/getNavPrefs';
|
|
2
|
+
import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
|
|
3
|
+
import { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig';
|
|
4
|
+
import { Outlet } from '@tanstack/react-router';
|
|
5
|
+
import { applyLocaleFiltering } from 'payload/shared';
|
|
6
|
+
import { createElement } from 'react';
|
|
7
|
+
import { getRequestTheme } from '../../utilities/getRequestTheme.js';
|
|
8
|
+
import { initReq } from '../../utilities/initReq.server.js';
|
|
9
|
+
/**
|
|
10
|
+
* Fetches all data needed by the root admin layout.
|
|
11
|
+
* Call this in your TanStack Start root route loader.
|
|
12
|
+
*/ export async function getLayoutData({ configPromise, importMap }) {
|
|
13
|
+
const { cookies, headers, languageCode, permissions, req, req: { payload: { config } } } = await initReq({
|
|
14
|
+
configPromise,
|
|
15
|
+
importMap
|
|
16
|
+
});
|
|
17
|
+
const theme = getRequestTheme({
|
|
18
|
+
config,
|
|
19
|
+
cookies,
|
|
20
|
+
headers
|
|
21
|
+
});
|
|
22
|
+
const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig])=>{
|
|
23
|
+
if (Object.keys(config.i18n.supportedLanguages).includes(language)) {
|
|
24
|
+
acc.push({
|
|
25
|
+
label: languageConfig.translations.general.thisLanguage,
|
|
26
|
+
value: language
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return acc;
|
|
30
|
+
}, []);
|
|
31
|
+
const navPrefs = await getNavPrefs(req);
|
|
32
|
+
const clientConfig = getClientConfig({
|
|
33
|
+
config,
|
|
34
|
+
i18n: req.i18n,
|
|
35
|
+
importMap,
|
|
36
|
+
user: req.user ?? true
|
|
37
|
+
});
|
|
38
|
+
await applyLocaleFiltering({
|
|
39
|
+
clientConfig,
|
|
40
|
+
config,
|
|
41
|
+
req
|
|
42
|
+
});
|
|
43
|
+
// Build the custom admin provider tree (`config.admin.components.providers`)
|
|
44
|
+
// nested around the router `<Outlet />`, mirroring the Next adapter's
|
|
45
|
+
// `NestProviders`. Returned as an unrendered element; the caller's server
|
|
46
|
+
// function renders it to an RSC payload (so server-component providers run
|
|
47
|
+
// server-side and client providers wrap the live Outlet). `undefined` when
|
|
48
|
+
// no custom providers are configured — the caller falls back to `<Outlet />`.
|
|
49
|
+
const providerPaths = config.admin?.components?.providers;
|
|
50
|
+
let providers = undefined;
|
|
51
|
+
if (Array.isArray(providerPaths) && providerPaths.length > 0) {
|
|
52
|
+
const serverProps = {
|
|
53
|
+
i18n: req.i18n,
|
|
54
|
+
params: {},
|
|
55
|
+
payload: req.payload,
|
|
56
|
+
permissions,
|
|
57
|
+
searchParams: {},
|
|
58
|
+
server: req.server,
|
|
59
|
+
user: req.user ?? undefined
|
|
60
|
+
};
|
|
61
|
+
// Mirror the Next adapter's `NestProviders`: render each configured provider
|
|
62
|
+
// via `RenderServerComponent` so the entry's own `clientProps`/`serverProps`
|
|
63
|
+
// (e.g. plugin-multi-tenant's `userHasAccessToAllTenants`) are merged in, and
|
|
64
|
+
// server components receive `serverProps` while client components get only
|
|
65
|
+
// `clientProps`. Nested around the router `<Outlet />` instead of `children`.
|
|
66
|
+
providers = providerPaths.reduceRight((children, provider)=>RenderServerComponent({
|
|
67
|
+
clientProps: {
|
|
68
|
+
children
|
|
69
|
+
},
|
|
70
|
+
Component: provider,
|
|
71
|
+
importMap,
|
|
72
|
+
serverProps
|
|
73
|
+
}), createElement(Outlet));
|
|
74
|
+
}
|
|
75
|
+
return {
|
|
76
|
+
clientConfig,
|
|
77
|
+
dateFNSKey: req.i18n.dateFNSKey,
|
|
78
|
+
fallbackLang: config.i18n.fallbackLanguage,
|
|
79
|
+
isNavOpen: navPrefs?.open ?? true,
|
|
80
|
+
languageCode,
|
|
81
|
+
languageOptions,
|
|
82
|
+
locale: req.locale ?? undefined,
|
|
83
|
+
permissions,
|
|
84
|
+
providers,
|
|
85
|
+
theme,
|
|
86
|
+
translations: req.i18n.translations,
|
|
87
|
+
user: req.user
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
//# sourceMappingURL=getLayoutData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/layouts/Root/getLayoutData.ts"],"sourcesContent":["import type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ImportMap, LanguageOptions, SanitizedConfig, ServerProps } from 'payload'\n\nimport { getNavPrefs } from '@payloadcms/ui/elements/Nav/getNavPrefs'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig'\nimport { Outlet } from '@tanstack/react-router'\nimport { applyLocaleFiltering } from 'payload/shared'\nimport { createElement } from 'react'\n\nimport type { RootLayoutData } from './index.js'\n\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.server.js'\n\nexport type GetLayoutDataArgs = {\n configPromise: Promise<SanitizedConfig> | SanitizedConfig\n importMap: ImportMap\n}\n\n/**\n * Fetches all data needed by the root admin layout.\n * Call this in your TanStack Start root route loader.\n */\nexport async function getLayoutData({\n configPromise,\n importMap,\n}: GetLayoutDataArgs): Promise<RootLayoutData> {\n const {\n cookies,\n headers,\n languageCode,\n permissions,\n req,\n req: {\n payload: { config },\n },\n } = await initReq({ configPromise, importMap })\n\n const theme = getRequestTheme({ config, cookies, headers })\n\n const languageOptions: LanguageOptions = Object.entries(\n config.i18n.supportedLanguages || {},\n ).reduce((acc, [language, languageConfig]) => {\n if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n acc.push({\n label: languageConfig.translations.general.thisLanguage,\n value: language as AcceptedLanguages,\n })\n }\n return acc\n }, [] as LanguageOptions)\n\n const navPrefs = await getNavPrefs(req)\n\n const clientConfig = getClientConfig({\n config,\n i18n: req.i18n,\n importMap,\n user: req.user ?? true,\n })\n\n await applyLocaleFiltering({ clientConfig, config, req })\n\n // Build the custom admin provider tree (`config.admin.components.providers`)\n // nested around the router `<Outlet />`, mirroring the Next adapter's\n // `NestProviders`. Returned as an unrendered element; the caller's server\n // function renders it to an RSC payload (so server-component providers run\n // server-side and client providers wrap the live Outlet). `undefined` when\n // no custom providers are configured — the caller falls back to `<Outlet />`.\n const providerPaths = config.admin?.components?.providers\n let providers: React.ReactNode = undefined\n if (Array.isArray(providerPaths) && providerPaths.length > 0) {\n const serverProps: ServerProps = {\n i18n: req.i18n,\n params: {},\n payload: req.payload,\n permissions,\n searchParams: {},\n server: req.server,\n user: req.user ?? undefined,\n }\n // Mirror the Next adapter's `NestProviders`: render each configured provider\n // via `RenderServerComponent` so the entry's own `clientProps`/`serverProps`\n // (e.g. plugin-multi-tenant's `userHasAccessToAllTenants`) are merged in, and\n // server components receive `serverProps` while client components get only\n // `clientProps`. Nested around the router `<Outlet />` instead of `children`.\n providers = providerPaths.reduceRight<React.ReactNode>(\n (children, provider) =>\n RenderServerComponent({\n clientProps: { children },\n Component: provider,\n importMap,\n serverProps,\n }),\n createElement(Outlet),\n )\n }\n\n return {\n clientConfig,\n dateFNSKey: req.i18n.dateFNSKey,\n fallbackLang: config.i18n.fallbackLanguage,\n isNavOpen: navPrefs?.open ?? true,\n languageCode,\n languageOptions,\n locale: req.locale ?? undefined,\n permissions,\n providers,\n theme,\n translations: req.i18n.translations,\n user: req.user,\n }\n}\n"],"names":["getNavPrefs","RenderServerComponent","getClientConfig","Outlet","applyLocaleFiltering","createElement","getRequestTheme","initReq","getLayoutData","configPromise","importMap","cookies","headers","languageCode","permissions","req","payload","config","theme","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","includes","push","label","translations","general","thisLanguage","value","navPrefs","clientConfig","user","providerPaths","admin","components","providers","undefined","Array","isArray","length","serverProps","params","searchParams","server","reduceRight","children","provider","clientProps","Component","dateFNSKey","fallbackLang","fallbackLanguage","isNavOpen","open","locale"],"mappings":"AAGA,SAASA,WAAW,QAAQ,0CAAyC;AACrE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,MAAM,QAAQ,yBAAwB;AAC/C,SAASC,oBAAoB,QAAQ,iBAAgB;AACrD,SAASC,aAAa,QAAQ,QAAO;AAIrC,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,OAAO,QAAQ,oCAAmC;AAO3D;;;CAGC,GACD,OAAO,eAAeC,cAAc,EAClCC,aAAa,EACbC,SAAS,EACS;IAClB,MAAM,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,SAAS,EAAEC,MAAM,EAAE,EACpB,EACF,GAAG,MAAMV,QAAQ;QAAEE;QAAeC;IAAU;IAE7C,MAAMQ,QAAQZ,gBAAgB;QAAEW;QAAQN;QAASC;IAAQ;IAEzD,MAAMO,kBAAmCC,OAAOC,OAAO,CACrDJ,OAAOK,IAAI,CAACC,kBAAkB,IAAI,CAAC,GACnCC,MAAM,CAAC,CAACC,KAAK,CAACC,UAAUC,eAAe;QACvC,IAAIP,OAAOQ,IAAI,CAACX,OAAOK,IAAI,CAACC,kBAAkB,EAAEM,QAAQ,CAACH,WAAW;YAClED,IAAIK,IAAI,CAAC;gBACPC,OAAOJ,eAAeK,YAAY,CAACC,OAAO,CAACC,YAAY;gBACvDC,OAAOT;YACT;QACF;QACA,OAAOD;IACT,GAAG,EAAE;IAEL,MAAMW,WAAW,MAAMpC,YAAYe;IAEnC,MAAMsB,eAAenC,gBAAgB;QACnCe;QACAK,MAAMP,IAAIO,IAAI;QACdZ;QACA4B,MAAMvB,IAAIuB,IAAI,IAAI;IACpB;IAEA,MAAMlC,qBAAqB;QAAEiC;QAAcpB;QAAQF;IAAI;IAEvD,6EAA6E;IAC7E,sEAAsE;IACtE,0EAA0E;IAC1E,2EAA2E;IAC3E,2EAA2E;IAC3E,8EAA8E;IAC9E,MAAMwB,gBAAgBtB,OAAOuB,KAAK,EAAEC,YAAYC;IAChD,IAAIA,YAA6BC;IACjC,IAAIC,MAAMC,OAAO,CAACN,kBAAkBA,cAAcO,MAAM,GAAG,GAAG;QAC5D,MAAMC,cAA2B;YAC/BzB,MAAMP,IAAIO,IAAI;YACd0B,QAAQ,CAAC;YACThC,SAASD,IAAIC,OAAO;YACpBF;YACAmC,cAAc,CAAC;YACfC,QAAQnC,IAAImC,MAAM;YAClBZ,MAAMvB,IAAIuB,IAAI,IAAIK;QACpB;QACA,6EAA6E;QAC7E,6EAA6E;QAC7E,8EAA8E;QAC9E,2EAA2E;QAC3E,8EAA8E;QAC9ED,YAAYH,cAAcY,WAAW,CACnC,CAACC,UAAUC,WACTpD,sBAAsB;gBACpBqD,aAAa;oBAAEF;gBAAS;gBACxBG,WAAWF;gBACX3C;gBACAqC;YACF,IACF1C,cAAcF;IAElB;IAEA,OAAO;QACLkC;QACAmB,YAAYzC,IAAIO,IAAI,CAACkC,UAAU;QAC/BC,cAAcxC,OAAOK,IAAI,CAACoC,gBAAgB;QAC1CC,WAAWvB,UAAUwB,QAAQ;QAC7B/C;QACAM;QACA0C,QAAQ9C,IAAI8C,MAAM,IAAIlB;QACtB7B;QACA4B;QACAxB;QACAc,cAAcjB,IAAIO,IAAI,CAACU,YAAY;QACnCM,MAAMvB,IAAIuB,IAAI;IAChB;AACF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { I18nClient } from '@payloadcms/translations';
|
|
2
|
+
import type { Theme } from '@payloadcms/ui';
|
|
3
|
+
import type { ClientConfig, LanguageOptions, SanitizedPermissions, ServerFunctionClient, TypedUser } from 'payload';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import '@payloadcms/ui/scss/app.scss';
|
|
6
|
+
export type RootLayoutData = {
|
|
7
|
+
clientConfig: ClientConfig;
|
|
8
|
+
dateFNSKey: I18nClient['dateFNSKey'];
|
|
9
|
+
fallbackLang: string;
|
|
10
|
+
isNavOpen: boolean;
|
|
11
|
+
languageCode: string;
|
|
12
|
+
languageOptions: LanguageOptions;
|
|
13
|
+
locale?: string;
|
|
14
|
+
permissions: SanitizedPermissions;
|
|
15
|
+
/**
|
|
16
|
+
* Custom admin provider tree (`config.admin.components.providers`) nested
|
|
17
|
+
* around the router `<Outlet />`. Built unrendered by `getLayoutData`; the
|
|
18
|
+
* layout server function renders it to an RSC payload before it reaches the
|
|
19
|
+
* client. `undefined` when no custom providers are configured.
|
|
20
|
+
*/
|
|
21
|
+
providers?: React.ReactNode;
|
|
22
|
+
theme: Theme;
|
|
23
|
+
translations: I18nClient['translations'];
|
|
24
|
+
user: null | TypedUser;
|
|
25
|
+
};
|
|
26
|
+
export type RootLayoutProps = {
|
|
27
|
+
readonly children: React.ReactNode;
|
|
28
|
+
readonly data: RootLayoutData;
|
|
29
|
+
readonly serverFunction: ServerFunctionClient;
|
|
30
|
+
};
|
|
31
|
+
export declare function RootLayout({ children, data, serverFunction }: RootLayoutProps): React.JSX.Element;
|
|
32
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,8BAA8B,CAAA;AAIrC,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAA;IAC1B,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IACpC,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,oBAAoB,CAAA;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACxC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,eAAe,qBAgC7E"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { rtlLanguages } from '@payloadcms/translations';
|
|
3
|
+
import { ProgressBar, RootProvider } from '@payloadcms/ui';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import '@payloadcms/ui/scss/app.scss';
|
|
6
|
+
import { TanStackRouterAdapter } from '../../elements/RouterAdapter/index.js';
|
|
7
|
+
export function RootLayout({ children, data, serverFunction }) {
|
|
8
|
+
const dir = rtlLanguages.includes(data.languageCode) ? 'RTL' : 'LTR';
|
|
9
|
+
return /*#__PURE__*/ _jsxs("html", {
|
|
10
|
+
"data-theme": data.theme,
|
|
11
|
+
dir: dir,
|
|
12
|
+
lang: data.languageCode,
|
|
13
|
+
suppressHydrationWarning: true,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("head", {
|
|
16
|
+
children: /*#__PURE__*/ _jsx("style", {
|
|
17
|
+
children: `@layer payload-default, payload;`
|
|
18
|
+
})
|
|
19
|
+
}),
|
|
20
|
+
/*#__PURE__*/ _jsxs("body", {
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsxs(RootProvider, {
|
|
23
|
+
config: data.clientConfig,
|
|
24
|
+
dateFNSKey: data.dateFNSKey,
|
|
25
|
+
fallbackLang: data.fallbackLang,
|
|
26
|
+
highContrastMode: false,
|
|
27
|
+
isNavOpen: data.isNavOpen,
|
|
28
|
+
languageCode: data.languageCode,
|
|
29
|
+
languageOptions: data.languageOptions,
|
|
30
|
+
locale: data.locale,
|
|
31
|
+
permissions: data.user ? data.permissions : null,
|
|
32
|
+
RouterAdapter: TanStackRouterAdapter,
|
|
33
|
+
serverFunction: serverFunction,
|
|
34
|
+
theme: data.theme,
|
|
35
|
+
translations: data.translations,
|
|
36
|
+
user: data.user,
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ _jsx(ProgressBar, {}),
|
|
39
|
+
children
|
|
40
|
+
]
|
|
41
|
+
}),
|
|
42
|
+
/*#__PURE__*/ _jsx("div", {
|
|
43
|
+
id: "portal"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
})
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations'\nimport type { Theme } from '@payloadcms/ui'\nimport type {\n ClientConfig,\n LanguageOptions,\n SanitizedPermissions,\n ServerFunctionClient,\n TypedUser,\n} from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { ProgressBar, RootProvider } from '@payloadcms/ui'\nimport React from 'react'\nimport '@payloadcms/ui/scss/app.scss'\n\nimport { TanStackRouterAdapter } from '../../elements/RouterAdapter/index.js'\n\nexport type RootLayoutData = {\n clientConfig: ClientConfig\n dateFNSKey: I18nClient['dateFNSKey']\n fallbackLang: string\n isNavOpen: boolean\n languageCode: string\n languageOptions: LanguageOptions\n locale?: string\n permissions: SanitizedPermissions\n /**\n * Custom admin provider tree (`config.admin.components.providers`) nested\n * around the router `<Outlet />`. Built unrendered by `getLayoutData`; the\n * layout server function renders it to an RSC payload before it reaches the\n * client. `undefined` when no custom providers are configured.\n */\n providers?: React.ReactNode\n theme: Theme\n translations: I18nClient['translations']\n user: null | TypedUser\n}\n\nexport type RootLayoutProps = {\n readonly children: React.ReactNode\n readonly data: RootLayoutData\n readonly serverFunction: ServerFunctionClient\n}\n\nexport function RootLayout({ children, data, serverFunction }: RootLayoutProps) {\n const dir = (rtlLanguages as unknown as string[]).includes(data.languageCode) ? 'RTL' : 'LTR'\n\n return (\n <html data-theme={data.theme} dir={dir} lang={data.languageCode} suppressHydrationWarning>\n <head>\n <style>{`@layer payload-default, payload;`}</style>\n </head>\n <body>\n <RootProvider\n config={data.clientConfig}\n dateFNSKey={data.dateFNSKey}\n fallbackLang={data.fallbackLang as AcceptedLanguages}\n highContrastMode={false}\n isNavOpen={data.isNavOpen}\n languageCode={data.languageCode}\n languageOptions={data.languageOptions}\n locale={data.locale}\n permissions={(data.user ? data.permissions : null) as unknown as SanitizedPermissions}\n RouterAdapter={TanStackRouterAdapter}\n serverFunction={serverFunction}\n theme={data.theme}\n translations={data.translations}\n user={data.user}\n >\n <ProgressBar />\n {children}\n </RootProvider>\n <div id=\"portal\" />\n </body>\n </html>\n )\n}\n"],"names":["rtlLanguages","ProgressBar","RootProvider","React","TanStackRouterAdapter","RootLayout","children","data","serverFunction","dir","includes","languageCode","html","data-theme","theme","lang","suppressHydrationWarning","head","style","body","config","clientConfig","dateFNSKey","fallbackLang","highContrastMode","isNavOpen","languageOptions","locale","permissions","user","RouterAdapter","translations","div","id"],"mappings":";AAUA,SAASA,YAAY,QAAQ,2BAA0B;AACvD,SAASC,WAAW,EAAEC,YAAY,QAAQ,iBAAgB;AAC1D,OAAOC,WAAW,QAAO;AACzB,OAAO,+BAA8B;AAErC,SAASC,qBAAqB,QAAQ,wCAAuC;AA6B7E,OAAO,SAASC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAmB;IAC5E,MAAMC,MAAM,AAACT,aAAqCU,QAAQ,CAACH,KAAKI,YAAY,IAAI,QAAQ;IAExF,qBACE,MAACC;QAAKC,cAAYN,KAAKO,KAAK;QAAEL,KAAKA;QAAKM,MAAMR,KAAKI,YAAY;QAAEK,wBAAwB;;0BACvF,KAACC;0BACC,cAAA,KAACC;8BAAO,CAAC,gCAAgC,CAAC;;;0BAE5C,MAACC;;kCACC,MAACjB;wBACCkB,QAAQb,KAAKc,YAAY;wBACzBC,YAAYf,KAAKe,UAAU;wBAC3BC,cAAchB,KAAKgB,YAAY;wBAC/BC,kBAAkB;wBAClBC,WAAWlB,KAAKkB,SAAS;wBACzBd,cAAcJ,KAAKI,YAAY;wBAC/Be,iBAAiBnB,KAAKmB,eAAe;wBACrCC,QAAQpB,KAAKoB,MAAM;wBACnBC,aAAcrB,KAAKsB,IAAI,GAAGtB,KAAKqB,WAAW,GAAG;wBAC7CE,eAAe1B;wBACfI,gBAAgBA;wBAChBM,OAAOP,KAAKO,KAAK;wBACjBiB,cAAcxB,KAAKwB,YAAY;wBAC/BF,MAAMtB,KAAKsB,IAAI;;0CAEf,KAAC5B;4BACAK;;;kCAEH,KAAC0B;wBAAIC,IAAG;;;;;;AAIhB"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Builds the blocking inline script that sets `data-theme`, `lang`, and `dir`
|
|
4
|
+
* on `<html>` synchronously, before first paint, from Payload's theme and
|
|
5
|
+
* language cookies. This is the no-flash equivalent of what `RootProvider`'s
|
|
6
|
+
* `ThemeProvider` does in a post-hydration effect, hoisted into the SSR'd
|
|
7
|
+
* document head so the admin panel never flashes light mode (or LTR for RTL
|
|
8
|
+
* locales) on the first render. Mirrors `detectTheme` in
|
|
9
|
+
* `@payloadcms/ui`'s `ThemeProvider`.
|
|
10
|
+
*/
|
|
11
|
+
export declare function buildThemeInitScript(cookiePrefix?: string): string;
|
|
12
|
+
/**
|
|
13
|
+
* The no-flash theme bootstrap script for the default (`payload`) cookie
|
|
14
|
+
* prefix. Inline this in a `<script dangerouslySetInnerHTML>` inside the
|
|
15
|
+
* document `<head>` to set `data-theme`/`lang`/`dir` before first paint.
|
|
16
|
+
*/
|
|
17
|
+
export declare const THEME_INIT_SCRIPT: string;
|
|
18
|
+
export type PayloadAdminShellProps = {
|
|
19
|
+
readonly children: React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* The `config.cookiePrefix` used to read the theme/language cookies in the
|
|
22
|
+
* no-flash bootstrap script. Defaults to `'payload'`.
|
|
23
|
+
*/
|
|
24
|
+
readonly cookiePrefix?: string;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* The `<html>` document shell for Payload admin routes — the TanStack Start
|
|
28
|
+
* equivalent of `@payloadcms/next`'s root layout `<html>`. Owns the no-flash
|
|
29
|
+
* theme script, the `@layer` ordering style, `@payloadcms/ui` styles,
|
|
30
|
+
* `<HeadContent />`, and `<Scripts />`. Render `RootProvider` (and the rest of
|
|
31
|
+
* the admin tree) as `children`.
|
|
32
|
+
*/
|
|
33
|
+
export declare function PayloadAdminShell({ children, cookiePrefix }: PayloadAdminShellProps): React.JSX.Element;
|
|
34
|
+
export type WithPayloadRootOptions = {
|
|
35
|
+
/**
|
|
36
|
+
* Path prefix that mounts the Payload admin panel (`config.routes.admin`).
|
|
37
|
+
* Routes under it render the Payload admin document shell; everything else
|
|
38
|
+
* renders your own shell. Defaults to `'/admin'`.
|
|
39
|
+
*/
|
|
40
|
+
adminRoute?: string;
|
|
41
|
+
/**
|
|
42
|
+
* The `config.cookiePrefix` used by the no-flash theme bootstrap script.
|
|
43
|
+
* Defaults to `'payload'`.
|
|
44
|
+
*/
|
|
45
|
+
cookiePrefix?: string;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Wraps your application's root document shell so Payload owns its own
|
|
49
|
+
* `<html>` chrome on admin routes while your shell renders everywhere else.
|
|
50
|
+
*
|
|
51
|
+
* Attach the result to the root route's `shellComponent`; it is the single
|
|
52
|
+
* integration touch point — no root loader and no manual data threading:
|
|
53
|
+
*
|
|
54
|
+
* ```tsx
|
|
55
|
+
* export const Route = createRootRoute({
|
|
56
|
+
* shellComponent: withPayloadRoot(MarketingRoot),
|
|
57
|
+
* })
|
|
58
|
+
* ```
|
|
59
|
+
*/
|
|
60
|
+
export declare function withPayloadRoot(RootShell: React.ComponentType<{
|
|
61
|
+
children: React.ReactNode;
|
|
62
|
+
}>, options?: WithPayloadRootOptions): ({ children }: {
|
|
63
|
+
children: React.ReactNode;
|
|
64
|
+
}) => React.JSX.Element;
|
|
65
|
+
//# sourceMappingURL=withPayloadRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withPayloadRoot.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/withPayloadRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,GAAE,MAAkB,GAAG,MAAM,CAG7E;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAA+B,CAAA;AAE/D,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,sBAAsB,qBAmBnF;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,EAC7D,OAAO,GAAE,sBAA2B,IAIH,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,uBAc7E"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { rtlLanguages } from '@payloadcms/translations';
|
|
4
|
+
import { HeadContent, Scripts, useRouterState } from '@tanstack/react-router';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
/**
|
|
7
|
+
* Builds the blocking inline script that sets `data-theme`, `lang`, and `dir`
|
|
8
|
+
* on `<html>` synchronously, before first paint, from Payload's theme and
|
|
9
|
+
* language cookies. This is the no-flash equivalent of what `RootProvider`'s
|
|
10
|
+
* `ThemeProvider` does in a post-hydration effect, hoisted into the SSR'd
|
|
11
|
+
* document head so the admin panel never flashes light mode (or LTR for RTL
|
|
12
|
+
* locales) on the first render. Mirrors `detectTheme` in
|
|
13
|
+
* `@payloadcms/ui`'s `ThemeProvider`.
|
|
14
|
+
*/ export function buildThemeInitScript(cookiePrefix = 'payload') {
|
|
15
|
+
const rtl = JSON.stringify(rtlLanguages);
|
|
16
|
+
return `(function(){try{var d=document.documentElement;var c=document.cookie.split('; ');function r(n){var row=c.find(function(x){return x.indexOf(n+'=')===0});return row?row.split('=')[1]:null}var t=r('${cookiePrefix}-theme');if(t!=='light'&&t!=='dark'){t=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'}d.setAttribute('data-theme',t);var l=r('${cookiePrefix}-lng');if(l){d.setAttribute('lang',l);d.setAttribute('dir',${rtl}.indexOf(l)!==-1?'rtl':'ltr')}}catch(e){}})()`;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* The no-flash theme bootstrap script for the default (`payload`) cookie
|
|
20
|
+
* prefix. Inline this in a `<script dangerouslySetInnerHTML>` inside the
|
|
21
|
+
* document `<head>` to set `data-theme`/`lang`/`dir` before first paint.
|
|
22
|
+
*/ export const THEME_INIT_SCRIPT = buildThemeInitScript();
|
|
23
|
+
/**
|
|
24
|
+
* The `<html>` document shell for Payload admin routes — the TanStack Start
|
|
25
|
+
* equivalent of `@payloadcms/next`'s root layout `<html>`. Owns the no-flash
|
|
26
|
+
* theme script, the `@layer` ordering style, `@payloadcms/ui` styles,
|
|
27
|
+
* `<HeadContent />`, and `<Scripts />`. Render `RootProvider` (and the rest of
|
|
28
|
+
* the admin tree) as `children`.
|
|
29
|
+
*/ export function PayloadAdminShell({ children, cookiePrefix }) {
|
|
30
|
+
const themeInitScript = cookiePrefix ? buildThemeInitScript(cookiePrefix) : THEME_INIT_SCRIPT;
|
|
31
|
+
return(// `lang`/`dir` are set on `<html>` by `themeInitScript` before first paint
|
|
32
|
+
// from the `*-lng` cookie, so a static `lang` here would be incorrect.
|
|
33
|
+
// eslint-disable-next-line jsx-a11y/html-has-lang -- set dynamically by the inline bootstrap script
|
|
34
|
+
/*#__PURE__*/ _jsxs("html", {
|
|
35
|
+
suppressHydrationWarning: true,
|
|
36
|
+
children: [
|
|
37
|
+
/*#__PURE__*/ _jsxs("head", {
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ _jsx("script", {
|
|
40
|
+
dangerouslySetInnerHTML: {
|
|
41
|
+
__html: themeInitScript
|
|
42
|
+
}
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ _jsx("style", {
|
|
45
|
+
children: `@layer payload-default, payload;`
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx(HeadContent, {})
|
|
48
|
+
]
|
|
49
|
+
}),
|
|
50
|
+
/*#__PURE__*/ _jsxs("body", {
|
|
51
|
+
children: [
|
|
52
|
+
children,
|
|
53
|
+
/*#__PURE__*/ _jsx(Scripts, {})
|
|
54
|
+
]
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
}));
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Wraps your application's root document shell so Payload owns its own
|
|
61
|
+
* `<html>` chrome on admin routes while your shell renders everywhere else.
|
|
62
|
+
*
|
|
63
|
+
* Attach the result to the root route's `shellComponent`; it is the single
|
|
64
|
+
* integration touch point — no root loader and no manual data threading:
|
|
65
|
+
*
|
|
66
|
+
* ```tsx
|
|
67
|
+
* export const Route = createRootRoute({
|
|
68
|
+
* shellComponent: withPayloadRoot(MarketingRoot),
|
|
69
|
+
* })
|
|
70
|
+
* ```
|
|
71
|
+
*/ export function withPayloadRoot(RootShell, options = {}) {
|
|
72
|
+
const { adminRoute = '/admin', cookiePrefix } = options;
|
|
73
|
+
return function PayloadRootShell({ children }) {
|
|
74
|
+
const isAdminRoute = useRouterState({
|
|
75
|
+
select: (s)=>{
|
|
76
|
+
const { pathname } = s.location;
|
|
77
|
+
return pathname === adminRoute || pathname.startsWith(`${adminRoute}/`);
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
if (isAdminRoute) {
|
|
81
|
+
return /*#__PURE__*/ _jsx(PayloadAdminShell, {
|
|
82
|
+
cookiePrefix: cookiePrefix,
|
|
83
|
+
children: children
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return /*#__PURE__*/ _jsx(RootShell, {
|
|
87
|
+
children: children
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
//# sourceMappingURL=withPayloadRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/layouts/Root/withPayloadRoot.tsx"],"sourcesContent":["'use client'\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { HeadContent, Scripts, useRouterState } from '@tanstack/react-router'\nimport React from 'react'\n\n/**\n * Builds the blocking inline script that sets `data-theme`, `lang`, and `dir`\n * on `<html>` synchronously, before first paint, from Payload's theme and\n * language cookies. This is the no-flash equivalent of what `RootProvider`'s\n * `ThemeProvider` does in a post-hydration effect, hoisted into the SSR'd\n * document head so the admin panel never flashes light mode (or LTR for RTL\n * locales) on the first render. Mirrors `detectTheme` in\n * `@payloadcms/ui`'s `ThemeProvider`.\n */\nexport function buildThemeInitScript(cookiePrefix: string = 'payload'): string {\n const rtl = JSON.stringify(rtlLanguages)\n return `(function(){try{var d=document.documentElement;var c=document.cookie.split('; ');function r(n){var row=c.find(function(x){return x.indexOf(n+'=')===0});return row?row.split('=')[1]:null}var t=r('${cookiePrefix}-theme');if(t!=='light'&&t!=='dark'){t=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'}d.setAttribute('data-theme',t);var l=r('${cookiePrefix}-lng');if(l){d.setAttribute('lang',l);d.setAttribute('dir',${rtl}.indexOf(l)!==-1?'rtl':'ltr')}}catch(e){}})()`\n}\n\n/**\n * The no-flash theme bootstrap script for the default (`payload`) cookie\n * prefix. Inline this in a `<script dangerouslySetInnerHTML>` inside the\n * document `<head>` to set `data-theme`/`lang`/`dir` before first paint.\n */\nexport const THEME_INIT_SCRIPT: string = buildThemeInitScript()\n\nexport type PayloadAdminShellProps = {\n readonly children: React.ReactNode\n /**\n * The `config.cookiePrefix` used to read the theme/language cookies in the\n * no-flash bootstrap script. Defaults to `'payload'`.\n */\n readonly cookiePrefix?: string\n}\n\n/**\n * The `<html>` document shell for Payload admin routes — the TanStack Start\n * equivalent of `@payloadcms/next`'s root layout `<html>`. Owns the no-flash\n * theme script, the `@layer` ordering style, `@payloadcms/ui` styles,\n * `<HeadContent />`, and `<Scripts />`. Render `RootProvider` (and the rest of\n * the admin tree) as `children`.\n */\nexport function PayloadAdminShell({ children, cookiePrefix }: PayloadAdminShellProps) {\n const themeInitScript = cookiePrefix ? buildThemeInitScript(cookiePrefix) : THEME_INIT_SCRIPT\n\n return (\n // `lang`/`dir` are set on `<html>` by `themeInitScript` before first paint\n // from the `*-lng` cookie, so a static `lang` here would be incorrect.\n // eslint-disable-next-line jsx-a11y/html-has-lang -- set dynamically by the inline bootstrap script\n <html suppressHydrationWarning>\n <head>\n <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />\n <style>{`@layer payload-default, payload;`}</style>\n <HeadContent />\n </head>\n <body>\n {children}\n <Scripts />\n </body>\n </html>\n )\n}\n\nexport type WithPayloadRootOptions = {\n /**\n * Path prefix that mounts the Payload admin panel (`config.routes.admin`).\n * Routes under it render the Payload admin document shell; everything else\n * renders your own shell. Defaults to `'/admin'`.\n */\n adminRoute?: string\n /**\n * The `config.cookiePrefix` used by the no-flash theme bootstrap script.\n * Defaults to `'payload'`.\n */\n cookiePrefix?: string\n}\n\n/**\n * Wraps your application's root document shell so Payload owns its own\n * `<html>` chrome on admin routes while your shell renders everywhere else.\n *\n * Attach the result to the root route's `shellComponent`; it is the single\n * integration touch point — no root loader and no manual data threading:\n *\n * ```tsx\n * export const Route = createRootRoute({\n * shellComponent: withPayloadRoot(MarketingRoot),\n * })\n * ```\n */\nexport function withPayloadRoot(\n RootShell: React.ComponentType<{ children: React.ReactNode }>,\n options: WithPayloadRootOptions = {},\n) {\n const { adminRoute = '/admin', cookiePrefix } = options\n\n return function PayloadRootShell({ children }: { children: React.ReactNode }) {\n const isAdminRoute = useRouterState({\n select: (s) => {\n const { pathname } = s.location\n return pathname === adminRoute || pathname.startsWith(`${adminRoute}/`)\n },\n })\n\n if (isAdminRoute) {\n return <PayloadAdminShell cookiePrefix={cookiePrefix}>{children}</PayloadAdminShell>\n }\n\n return <RootShell>{children}</RootShell>\n }\n}\n"],"names":["rtlLanguages","HeadContent","Scripts","useRouterState","React","buildThemeInitScript","cookiePrefix","rtl","JSON","stringify","THEME_INIT_SCRIPT","PayloadAdminShell","children","themeInitScript","html","suppressHydrationWarning","head","script","dangerouslySetInnerHTML","__html","style","body","withPayloadRoot","RootShell","options","adminRoute","PayloadRootShell","isAdminRoute","select","s","pathname","location","startsWith"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,2BAA0B;AACvD,SAASC,WAAW,EAAEC,OAAO,EAAEC,cAAc,QAAQ,yBAAwB;AAC7E,OAAOC,WAAW,QAAO;AAEzB;;;;;;;;CAQC,GACD,OAAO,SAASC,qBAAqBC,eAAuB,SAAS;IACnE,MAAMC,MAAMC,KAAKC,SAAS,CAACT;IAC3B,OAAO,CAAC,mMAAmM,EAAEM,aAAa,2KAA2K,EAAEA,aAAa,2DAA2D,EAAEC,IAAI,6CAA6C,CAAC;AACrgB;AAEA;;;;CAIC,GACD,OAAO,MAAMG,oBAA4BL,uBAAsB;AAW/D;;;;;;CAMC,GACD,OAAO,SAASM,kBAAkB,EAAEC,QAAQ,EAAEN,YAAY,EAA0B;IAClF,MAAMO,kBAAkBP,eAAeD,qBAAqBC,gBAAgBI;IAE5E,OACE,2EAA2E;IAC3E,uEAAuE;IACvE,oGAAoG;kBACpG,MAACI;QAAKC,wBAAwB;;0BAC5B,MAACC;;kCACC,KAACC;wBAAOC,yBAAyB;4BAAEC,QAAQN;wBAAgB;;kCAC3D,KAACO;kCAAO,CAAC,gCAAgC,CAAC;;kCAC1C,KAACnB;;;0BAEH,MAACoB;;oBACET;kCACD,KAACV;;;;;AAIT;AAgBA;;;;;;;;;;;;CAYC,GACD,OAAO,SAASoB,gBACdC,SAA6D,EAC7DC,UAAkC,CAAC,CAAC;IAEpC,MAAM,EAAEC,aAAa,QAAQ,EAAEnB,YAAY,EAAE,GAAGkB;IAEhD,OAAO,SAASE,iBAAiB,EAAEd,QAAQ,EAAiC;QAC1E,MAAMe,eAAexB,eAAe;YAClCyB,QAAQ,CAACC;gBACP,MAAM,EAAEC,QAAQ,EAAE,GAAGD,EAAEE,QAAQ;gBAC/B,OAAOD,aAAaL,cAAcK,SAASE,UAAU,CAAC,GAAGP,WAAW,CAAC,CAAC;YACxE;QACF;QAEA,IAAIE,cAAc;YAChB,qBAAO,KAAChB;gBAAkBL,cAAcA;0BAAeM;;QACzD;QAEA,qBAAO,KAACW;sBAAWX;;IACrB;AACF"}
|