@payloadcms/next 3.0.0-canary.6041f49 → 3.0.0-canary.6659da8

package/dist/layouts/Root/index.js

@@ -1,20 +1,16 @@
-import { rtlLanguages } from '@payloadcms/translations';
-import { initI18n } from '@payloadcms/translations';
-import { RootProvider } from '@payloadcms/ui/providers/Root';
-import { buildComponentMap } from '@payloadcms/ui/utilities/buildComponentMap';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { initI18n, rtlLanguages } from '@payloadcms/translations';
+import { RootProvider } from '@payloadcms/ui/client';
+import { buildComponentMap } from '@payloadcms/ui/providers/ComponentMap/buildComponentMap';
+import { Merriweather } from 'next/font/google';
 import { headers as getHeaders, cookies as nextCookies } from 'next/headers.js';
-import { parseCookies } from 'payload/auth';
-import { createClientConfig } from 'payload/config';
+import { createClientConfig, parseCookies } from 'payload';
 import React from 'react';
 import { getPayloadHMR } from '../../utilities/getPayloadHMR.js';
 import { getRequestLanguage } from '../../utilities/getRequestLanguage.js';
+import { getRequestTheme } from '../../utilities/getRequestTheme.js';
 import { DefaultEditView } from '../../views/Edit/Default/index.js';
 import { DefaultListView } from '../../views/List/Default/index.js';
-export const metadata = {
-    description: 'Generated by Next.js',
-    title: 'Next.js'
-};
-import { Merriweather } from 'next/font/google';
 const merriweather = Merriweather({
     display: 'swap',
     style: [
@@ -30,6 +26,10 @@ const merriweather = Merriweather({
         '900'
     ]
 });
+export const metadata = {
+    description: 'Generated by Next.js',
+    title: 'Next.js'
+};
 export const RootLayout = async ({ children, config: configPromise })=>{
     const config = await configPromise;
     const headers = getHeaders();
@@ -39,6 +39,11 @@ export const RootLayout = async ({ children, config: configPromise })=>{
         cookies,
         headers
     });
+    const theme = getRequestTheme({
+        config,
+        cookies,
+        headers
+    });
     const payload = await getPayloadHMR({
         config
     });
@@ -74,27 +79,35 @@ export const RootLayout = async ({ children, config: configPromise })=>{
         DefaultEditView,
         DefaultListView,
         children,
-        config,
         i18n,
         payload
     });
-    return /*#__PURE__*/ React.createElement("html", {
+    return /*#__PURE__*/ _jsx("html", {
         className: merriweather.variable,
+        "data-theme": theme,
         dir: dir,
-        lang: languageCode
-    }, /*#__PURE__*/ React.createElement("body", null, /*#__PURE__*/ React.createElement(RootProvider, {
-        componentMap: componentMap,
-        config: clientConfig,
-        dateFNSKey: i18n.dateFNSKey,
-        fallbackLang: clientConfig.i18n.fallbackLanguage,
-        languageCode: languageCode,
-        languageOptions: languageOptions,
-        // eslint-disable-next-line react/jsx-no-bind
-        switchLanguageServerAction: switchLanguageServerAction,
-        translations: i18n.translations
-    }, wrappedChildren), /*#__PURE__*/ React.createElement("div", {
-        id: "portal"
-    })));
+        lang: languageCode,
+        children: /*#__PURE__*/ _jsxs("body", {
+            children: [
+                /*#__PURE__*/ _jsx(RootProvider, {
+                    componentMap: componentMap,
+                    config: clientConfig,
+                    dateFNSKey: i18n.dateFNSKey,
+                    fallbackLang: clientConfig.i18n.fallbackLanguage,
+                    languageCode: languageCode,
+                    languageOptions: languageOptions,
+                    // eslint-disable-next-line react/jsx-no-bind
+                    switchLanguageServerAction: switchLanguageServerAction,
+                    theme: theme,
+                    translations: i18n.translations,
+                    children: wrappedChildren
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    id: "portal"
+                })
+            ]
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/layouts/Root/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { initI18n } from '@payloadcms/translations'\nimport { RootProvider } from '@payloadcms/ui/providers/Root'\nimport '@payloadcms/ui/scss/app.scss'\nimport { buildComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport { headers as getHeaders, cookies as nextCookies } from 'next/headers.js'\nimport { parseCookies } from 'payload/auth'\nimport { createClientConfig } from 'payload/config'\nimport React from 'react'\nimport 'react-toastify/dist/ReactToastify.css'\n\nimport { getPayloadHMR } from '../../utilities/getPayloadHMR.js'\nimport { getRequestLanguage } from '../../utilities/getRequestLanguage.js'\nimport { DefaultEditView } from '../../views/Edit/Default/index.js'\nimport { DefaultListView } from '../../views/List/Default/index.js'\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\nimport { Merriweather } from 'next/font/google'\n\nconst merriweather = Merriweather({\n  display: 'swap',\n  style: ['normal', 'italic'],\n  subsets: ['latin'],\n  variable: '--font-serif',\n  weight: ['400', '900'],\n})\n\nexport const RootLayout = async ({\n  children,\n  config: configPromise,\n}: {\n  children: React.ReactNode\n  config: Promise<SanitizedConfig>\n}) => {\n  const config = await configPromise\n\n  const headers = getHeaders()\n  const cookies = parseCookies(headers)\n\n  const languageCode = getRequestLanguage({\n    config,\n    cookies,\n    headers,\n  })\n\n  const payload = await getPayloadHMR({ config })\n  const i18n = await initI18n({ config: config.i18n, context: 'client', language: languageCode })\n  const clientConfig = await createClientConfig({ config, t: i18n.t })\n\n  const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n    ? 'RTL'\n    : 'LTR'\n\n  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce(\n    (acc, [language, languageConfig]) => {\n      if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n        acc.push({\n          label: languageConfig.translations.general.thisLanguage,\n          value: language,\n        })\n      }\n\n      return acc\n    },\n    [],\n  )\n\n  // eslint-disable-next-line @typescript-eslint/require-await\n  async function switchLanguageServerAction(lang: string): Promise<void> {\n    'use server'\n    nextCookies().set({\n      name: `${config.cookiePrefix || 'payload'}-lng`,\n      path: '/',\n      value: lang,\n    })\n  }\n\n  const { componentMap, wrappedChildren } = buildComponentMap({\n    DefaultEditView,\n    DefaultListView,\n    children,\n    config,\n    i18n,\n    payload,\n  })\n\n  return (\n    <html className={merriweather.variable} dir={dir} lang={languageCode}>\n      <body>\n        <RootProvider\n          componentMap={componentMap}\n          config={clientConfig}\n          dateFNSKey={i18n.dateFNSKey}\n          fallbackLang={clientConfig.i18n.fallbackLanguage}\n          languageCode={languageCode}\n          languageOptions={languageOptions}\n          // eslint-disable-next-line react/jsx-no-bind\n          switchLanguageServerAction={switchLanguageServerAction}\n          translations={i18n.translations}\n        >\n          {wrappedChildren}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"names":["rtlLanguages","initI18n","RootProvider","buildComponentMap","headers","getHeaders","cookies","nextCookies","parseCookies","createClientConfig","React","getPayloadHMR","getRequestLanguage","DefaultEditView","DefaultListView","metadata","description","title","Merriweather","merriweather","display","style","subsets","variable","weight","RootLayout","children","config","configPromise","languageCode","payload","i18n","context","language","clientConfig","t","dir","includes","languageOptions","Object","entries","supportedLanguages","reduce","acc","languageConfig","keys","push","label","translations","general","thisLanguage","value","switchLanguageServerAction","lang","set","name","cookiePrefix","path","componentMap","wrappedChildren","html","className","body","dateFNSKey","fallbackLang","fallbackLanguage","div","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,YAAY,QAAQ,2BAA0B;AACvD,SAASC,QAAQ,QAAQ,2BAA0B;AACnD,SAASC,YAAY,QAAQ,gCAA+B;AAE5D,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,WAAWC,UAAU,EAAEC,WAAWC,WAAW,QAAQ,kBAAiB;AAC/E,SAASC,YAAY,QAAQ,eAAc;AAC3C,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,OAAOC,WAAW,QAAO;AAGzB,SAASC,aAAa,QAAQ,mCAAkC;AAChE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,OAAO,MAAMC,WAAW;IACtBC,aAAa;IACbC,OAAO;AACT,EAAC;AAED,SAASC,YAAY,QAAQ,mBAAkB;AAE/C,MAAMC,eAAeD,aAAa;IAChCE,SAAS;IACTC,OAAO;QAAC;QAAU;KAAS;IAC3BC,SAAS;QAAC;KAAQ;IAClBC,UAAU;IACVC,QAAQ;QAAC;QAAO;KAAM;AACxB;AAEA,OAAO,MAAMC,aAAa,OAAO,EAC/BC,QAAQ,EACRC,QAAQC,aAAa,EAItB;IACC,MAAMD,SAAS,MAAMC;IAErB,MAAMxB,UAAUC;IAChB,MAAMC,UAAUE,aAAaJ;IAE7B,MAAMyB,eAAejB,mBAAmB;QACtCe;QACArB;QACAF;IACF;IAEA,MAAM0B,UAAU,MAAMnB,cAAc;QAAEgB;IAAO;IAC7C,MAAMI,OAAO,MAAM9B,SAAS;QAAE0B,QAAQA,OAAOI,IAAI;QAAEC,SAAS;QAAUC,UAAUJ;IAAa;IAC7F,MAAMK,eAAe,MAAMzB,mBAAmB;QAAEkB;QAAQQ,GAAGJ,KAAKI,CAAC;IAAC;IAElE,MAAMC,MAAM,AAACpC,aAAgDqC,QAAQ,CAACR,gBAClE,QACA;IAEJ,MAAMS,kBAAkBC,OAAOC,OAAO,CAACb,OAAOI,IAAI,CAACU,kBAAkB,IAAI,CAAC,GAAGC,MAAM,CACjF,CAACC,KAAK,CAACV,UAAUW,eAAe;QAC9B,IAAIL,OAAOM,IAAI,CAAClB,OAAOI,IAAI,CAACU,kBAAkB,EAAEJ,QAAQ,CAACJ,WAAW;YAClEU,IAAIG,IAAI,CAAC;gBACPC,OAAOH,eAAeI,YAAY,CAACC,OAAO,CAACC,YAAY;gBACvDC,OAAOlB;YACT;QACF;QAEA,OAAOU;IACT,GACA,EAAE;IAGJ,4DAA4D;IAC5D,eAAeS,2BAA2BC,IAAY;QACpD;QACA9C,cAAc+C,GAAG,CAAC;YAChBC,MAAM,CAAC,EAAE5B,OAAO6B,YAAY,IAAI,UAAU,IAAI,CAAC;YAC/CC,MAAM;YACNN,OAAOE;QACT;IACF;IAEA,MAAM,EAAEK,YAAY,EAAEC,eAAe,EAAE,GAAGxD,kBAAkB;QAC1DU;QACAC;QACAY;QACAC;QACAI;QACAD;IACF;IAEA,qBACE,oBAAC8B;QAAKC,WAAW1C,aAAaI,QAAQ;QAAEa,KAAKA;QAAKiB,MAAMxB;qBACtD,oBAACiC,4BACC,oBAAC5D;QACCwD,cAAcA;QACd/B,QAAQO;QACR6B,YAAYhC,KAAKgC,UAAU;QAC3BC,cAAc9B,aAAaH,IAAI,CAACkC,gBAAgB;QAChDpC,cAAcA;QACdS,iBAAiBA;QACjB,6CAA6C;QAC7Cc,4BAA4BA;QAC5BJ,cAAcjB,KAAKiB,YAAY;OAE9BW,gCAEH,oBAACO;QAAIC,IAAG;;AAIhB,EAAC"}
+{"version":3,"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations'\nimport type { SanitizedConfig } from 'payload'\n\nimport { initI18n, rtlLanguages } from '@payloadcms/translations'\nimport { RootProvider } from '@payloadcms/ui/client'\nimport { buildComponentMap } from '@payloadcms/ui/providers/ComponentMap/buildComponentMap'\nimport '@payloadcms/ui/scss/app.scss'\nimport { Merriweather } from 'next/font/google'\nimport { headers as getHeaders, cookies as nextCookies } from 'next/headers.js'\nimport { createClientConfig, parseCookies } from 'payload'\nimport React from 'react'\n\nimport { getPayloadHMR } from '../../utilities/getPayloadHMR.js'\nimport { getRequestLanguage } from '../../utilities/getRequestLanguage.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { DefaultEditView } from '../../views/Edit/Default/index.js'\nimport { DefaultListView } from '../../views/List/Default/index.js'\n\nconst merriweather = Merriweather({\n  display: 'swap',\n  style: ['normal', 'italic'],\n  subsets: ['latin'],\n  variable: '--font-serif',\n  weight: ['400', '900'],\n})\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\nexport const RootLayout = async ({\n  children,\n  config: configPromise,\n}: {\n  children: React.ReactNode\n  config: Promise<SanitizedConfig>\n}) => {\n  const config = await configPromise\n\n  const headers = getHeaders()\n  const cookies = parseCookies(headers)\n\n  const languageCode = getRequestLanguage({\n    config,\n    cookies,\n    headers,\n  })\n\n  const theme = getRequestTheme({\n    config,\n    cookies,\n    headers,\n  })\n\n  const payload = await getPayloadHMR({ config })\n\n  const i18n: I18nClient = await initI18n({\n    config: config.i18n,\n    context: 'client',\n    language: languageCode,\n  })\n\n  const clientConfig = await createClientConfig({ config, t: i18n.t })\n\n  const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n    ? 'RTL'\n    : 'LTR'\n\n  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce(\n    (acc, [language, languageConfig]) => {\n      if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n        acc.push({\n          label: languageConfig.translations.general.thisLanguage,\n          value: language,\n        })\n      }\n\n      return acc\n    },\n    [],\n  )\n\n  // eslint-disable-next-line @typescript-eslint/require-await\n  async function switchLanguageServerAction(lang: string): Promise<void> {\n    'use server'\n    nextCookies().set({\n      name: `${config.cookiePrefix || 'payload'}-lng`,\n      path: '/',\n      value: lang,\n    })\n  }\n\n  const { componentMap, wrappedChildren } = buildComponentMap({\n    DefaultEditView,\n    DefaultListView,\n    children,\n    i18n,\n    payload,\n  })\n\n  return (\n    <html className={merriweather.variable} data-theme={theme} dir={dir} lang={languageCode}>\n      <body>\n        <RootProvider\n          componentMap={componentMap}\n          config={clientConfig}\n          dateFNSKey={i18n.dateFNSKey}\n          fallbackLang={clientConfig.i18n.fallbackLanguage}\n          languageCode={languageCode}\n          languageOptions={languageOptions}\n          // eslint-disable-next-line react/jsx-no-bind\n          switchLanguageServerAction={switchLanguageServerAction}\n          theme={theme}\n          translations={i18n.translations}\n        >\n          {wrappedChildren}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"names":["initI18n","rtlLanguages","RootProvider","buildComponentMap","Merriweather","headers","getHeaders","cookies","nextCookies","createClientConfig","parseCookies","React","getPayloadHMR","getRequestLanguage","getRequestTheme","DefaultEditView","DefaultListView","merriweather","display","style","subsets","variable","weight","metadata","description","title","RootLayout","children","config","configPromise","languageCode","theme","payload","i18n","context","language","clientConfig","t","dir","includes","languageOptions","Object","entries","supportedLanguages","reduce","acc","languageConfig","keys","push","label","translations","general","thisLanguage","value","switchLanguageServerAction","lang","set","name","cookiePrefix","path","componentMap","wrappedChildren","html","className","data-theme","body","dateFNSKey","fallbackLang","fallbackLanguage","div","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAGA,SAASA,QAAQ,EAAEC,YAAY,QAAQ,2BAA0B;AACjE,SAASC,YAAY,QAAQ,wBAAuB;AACpD,SAASC,iBAAiB,QAAQ,0DAAyD;AAE3F,SAASC,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,WAAWC,UAAU,EAAEC,WAAWC,WAAW,QAAQ,kBAAiB;AAC/E,SAASC,kBAAkB,EAAEC,YAAY,QAAQ,UAAS;AAC1D,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,mCAAkC;AAChE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,MAAMC,eAAeb,aAAa;IAChCc,SAAS;IACTC,OAAO;QAAC;QAAU;KAAS;IAC3BC,SAAS;QAAC;KAAQ;IAClBC,UAAU;IACVC,QAAQ;QAAC;QAAO;KAAM;AACxB;AAEA,OAAO,MAAMC,WAAW;IACtBC,aAAa;IACbC,OAAO;AACT,EAAC;AAED,OAAO,MAAMC,aAAa,OAAO,EAC/BC,QAAQ,EACRC,QAAQC,aAAa,EAItB;IACC,MAAMD,SAAS,MAAMC;IAErB,MAAMxB,UAAUC;IAChB,MAAMC,UAAUG,aAAaL;IAE7B,MAAMyB,eAAejB,mBAAmB;QACtCe;QACArB;QACAF;IACF;IAEA,MAAM0B,QAAQjB,gBAAgB;QAC5Bc;QACArB;QACAF;IACF;IAEA,MAAM2B,UAAU,MAAMpB,cAAc;QAAEgB;IAAO;IAE7C,MAAMK,OAAmB,MAAMjC,SAAS;QACtC4B,QAAQA,OAAOK,IAAI;QACnBC,SAAS;QACTC,UAAUL;IACZ;IAEA,MAAMM,eAAe,MAAM3B,mBAAmB;QAAEmB;QAAQS,GAAGJ,KAAKI,CAAC;IAAC;IAElE,MAAMC,MAAM,AAACrC,aAAgDsC,QAAQ,CAACT,gBAClE,QACA;IAEJ,MAAMU,kBAAkBC,OAAOC,OAAO,CAACd,OAAOK,IAAI,CAACU,kBAAkB,IAAI,CAAC,GAAGC,MAAM,CACjF,CAACC,KAAK,CAACV,UAAUW,eAAe;QAC9B,IAAIL,OAAOM,IAAI,CAACnB,OAAOK,IAAI,CAACU,kBAAkB,EAAEJ,QAAQ,CAACJ,WAAW;YAClEU,IAAIG,IAAI,CAAC;gBACPC,OAAOH,eAAeI,YAAY,CAACC,OAAO,CAACC,YAAY;gBACvDC,OAAOlB;YACT;QACF;QAEA,OAAOU;IACT,GACA,EAAE;IAGJ,4DAA4D;IAC5D,eAAeS,2BAA2BC,IAAY;QACpD;QACA/C,cAAcgD,GAAG,CAAC;YAChBC,MAAM,CAAC,EAAE7B,OAAO8B,YAAY,IAAI,UAAU,IAAI,CAAC;YAC/CC,MAAM;YACNN,OAAOE;QACT;IACF;IAEA,MAAM,EAAEK,YAAY,EAAEC,eAAe,EAAE,GAAG1D,kBAAkB;QAC1DY;QACAC;QACAW;QACAM;QACAD;IACF;IAEA,qBACE,KAAC8B;QAAKC,WAAW9C,aAAaI,QAAQ;QAAE2C,cAAYjC;QAAOO,KAAKA;QAAKiB,MAAMzB;kBACzE,cAAA,MAACmC;;8BACC,KAAC/D;oBACC0D,cAAcA;oBACdhC,QAAQQ;oBACR8B,YAAYjC,KAAKiC,UAAU;oBAC3BC,cAAc/B,aAAaH,IAAI,CAACmC,gBAAgB;oBAChDtC,cAAcA;oBACdU,iBAAiBA;oBACjB,6CAA6C;oBAC7Cc,4BAA4BA;oBAC5BvB,OAAOA;oBACPmB,cAAcjB,KAAKiB,YAAY;8BAE9BW;;8BAEH,KAACQ;oBAAIC,IAAG;;;;;AAIhB,EAAC"}