@c-rex/templates 0.3.0-build.42 → 0.3.0-build.50

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "@c-rex/templates",
-    "version":  "0.3.0-build.42",
+    "version":  "0.3.0-build.50",
     "type":  "module",
     "files":  [
                   "src"
@@ -21,7 +21,12 @@
                 },
     "scripts":  {
                     "lint":  "eslint .",
-                    "lint:fix":  "eslint . --fix"
+                    "lint:fix":  "eslint . --fix",
+                    "check-types":  "echo \u0027No types to check\u0027",
+                    "test":  "echo \u0027No tests\u0027",
+                    "build":  "echo \u0027No build script\u0027",
+                    "format:check":  "prettier --check .",
+                    "validate":  "npm run lint \u0026\u0026 npm run check-types \u0026\u0026 npm run test \u0026\u0026 npm run build"
                 },
     "devDependencies":  {
                             "@c-rex/eslint-config":  "*",
@@ -31,7 +36,7 @@
                             "@types/react":  "19.0.10",
                             "@types/react-dom":  "19.0.4",
                             "eslint":  "^9.23.0",
-                            "typescript":  "latest"
+                            "typescript":  "~5.8.3"
                         },
     "dependencies":  {
                          "@c-rex/components":  "*",
@@ -45,7 +50,7 @@
                          "@c-rex/utils":  "*",
                          "cheerio":  "^1.1.0",
                          "i18next":  "^25.1.3",
-                         "next":  "^14",
+                         "next":  "^15",
                          "next-intl":  "^4.1.0",
                          "nuqs":  "^2.4.3",
                          "react":  "^18.3.1",

package/src/home/layout.tsx

@@ -6,58 +6,66 @@ import { informationUnitsResponse } from "@c-rex/interfaces";
 import { CrexSDK } from "@c-rex/core/sdk";
 
 interface HomeProps {
-    searchParams: {
-        search?: string;
-        page: string;
-        language: string;
-        wildcard: string;
-        operator: string;
-        like: string;
-        packages?: string;
-        filter?: string;
-    };
+  searchParams: {
+    search?: string;
+    page: string;
+    language: string;
+    wildcard: string;
+    operator: string;
+    like: string;
+    packages?: string;
+    filter?: string;
+  };
 }
 
 export const HomeLayout = async ({ searchParams }: HomeProps) => {
-    const { search, page, language, wildcard, operator, like, packages, filter } = searchParams;
-    const sdk = new CrexSDK();
-    const config = sdk.getServerConfig();
+  const { search, page, language, wildcard, operator, like, packages, filter } =
+    searchParams;
+  const sdk = new CrexSDK();
+  const config = sdk.getServerConfig();
 
-    let data = {
-        items: [],
-        pageInfo: {
-            pageCount: 0,
-            pageNumber: 0
-        }
-    } as unknown as informationUnitsResponse;
+  let data = {
+    items: [],
+    pageInfo: {
+      pageCount: 0,
+      pageNumber: 0,
+    },
+  } as unknown as informationUnitsResponse;
 
-    if (search !== undefined) {
+  if (search !== undefined) {
+    const filters: string[] = filter?.split(",") || [];
+    const restrict: string[] = [];
 
-        const filters: string[] = filter?.split(",") || []
-        const restrict: string[] = []
-
-        if (packages && packages.length > 0) {
-            restrict.push(`packages.shortId=${packages}`)
-        }
-        const service = new InformationUnitsService();
-
-        data = await service.getList({
-            queries: search,
-            page: Number(page),
-            fields: ["renditions", "class", "languages", "labels", "versionOf", "revision"],
-            languages: language.split(","),
-            wildcard: wildcard as WildCardType,
-            restrict: restrict,
-            operator: operator as OperatorType,
-            like: Boolean(like === "true"),
-            filters: filters,
-            tags: config.search.tags,
-        });
+    if (packages && packages.length > 0) {
+      restrict.push(`packages.shortId=${packages}`);
     }
+    const service = new InformationUnitsService();
+
+    data = await service.getList({
+      queries: search,
+      page: Number(page),
+      fields: [
+        "renditions",
+        "class",
+        "languages",
+        "titles",
+        "labels",
+        "versionOf",
+        "revision",
+      ],
+      languages: language.split(","),
+      wildcard: wildcard as WildCardType,
+      restrict: restrict,
+      operator: operator as OperatorType,
+      like: Boolean(like === "true"),
+      filters: filters,
+      tags: config.search.tags,
+    });
+  }
 
-    return (
-        <PageWrapper>
-            <HomePage data={data} />
-        </PageWrapper>
-    );
+  return (
+    <PageWrapper>
+      <HomePage data={data} />
+    </PageWrapper>
+  );
 };

package/src/layout.tsx

@@ -1,91 +1,128 @@
 import React from "react";
-import { NextIntlClientProvider } from 'next-intl';
+import { NextIntlClientProvider } from "next-intl";
 import { getLocale } from "next-intl/server";
-import { Toaster } from "@c-rex/ui/sonner"
+import { Toaster } from "@c-rex/ui/sonner";
 import { AppConfigProvider } from "@c-rex/contexts/config-provider";
-import { NuqsAdapter } from 'nuqs/adapters/next/app'
+import { NuqsAdapter } from "nuqs/adapters/next/app";
 import { cookies } from "next/headers";
 import { CrexSDK } from "@c-rex/core/sdk";
 import { getIssuerMetadata } from "@c-rex/core/OIDC";
 import { resolveUILanguage, resolveContentLanguage } from "./utils";
 import { informationUnitsLanguagesServer } from "@c-rex/services/server-requests";
-import { UI_LANG_KEY } from "@c-rex/constants";
+import {
+  UI_LANG_KEY,
+  SEARCH_SETTINGS_COOKIE_NAME,
+  UI_PREFERENCES_COOKIE_NAME,
+} from "@c-rex/constants";
 import { transformLanguageData } from "@c-rex/utils";
 import { getSearchSettingsFromCookie } from "@c-rex/components/search-settings-store";
 import { FavoritesProvider } from "@c-rex/components/favorites-context";
+import { getUiPreferencesFromCookie } from "@c-rex/components/ui-preferences-store";
+import { UiPreferencesRuntime } from "@c-rex/components/ui-preferences-runtime";
 
 interface DefaultRootLayoutProps {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }
 
-const getAvailableLanguagesSafe = async (): Promise<{ value: string; score: number }[]> => {
-    try {
-        const data = await informationUnitsLanguagesServer();
-        return (data as { value: string; score: number }[]) || [];
-    } catch (error) {
-        // Some installations expose the Languages endpoint only intermittently
-        // or behind infrastructure that can transiently return 503. The app
-        // should still boot with the configured default language instead of
-        // failing the entire root layout.
-        console.warn("[DefaultRootLayout] Failed to load available content languages. Falling back to defaults.", error);
-        return [];
-    }
+const getAvailableLanguagesSafe = async (): Promise<
+  { value: string; score: number }[]
+> => {
+  try {
+    const data = await informationUnitsLanguagesServer();
+    return (data as { value: string; score: number }[]) || [];
+  } catch (error) {
+    // Some installations expose the Languages endpoint only intermittently
+    // or behind infrastructure that can transiently return 503. The app
+    // should still boot with the configured default language instead of
+    // failing the entire root layout.
+    console.warn(
+      "[DefaultRootLayout] Failed to load available content languages. Falling back to defaults.",
+      error,
+    );
+    return [];
+  }
 };
 
-export const DefaultRootLayout = async ({ children }: DefaultRootLayoutProps) => {
-    const [locale, metadata, languageData] = await Promise.all([
-        getLocale(),
-        getIssuerMetadata(),
-        getAvailableLanguagesSafe(),
-    ])
+export const DefaultRootLayout = async ({
+  children,
+}: DefaultRootLayoutProps) => {
+  const [locale, metadata, languageData] = await Promise.all([
+    getLocale(),
+    getIssuerMetadata(),
+    getAvailableLanguagesSafe(),
+  ]);
 
-    const sdk = new CrexSDK()
-    const cookieStore = cookies();
-    const uiLangCookie = cookieStore.get(UI_LANG_KEY)?.value ?? null;
-    const clientConfigs = sdk.getClientConfig();
-    const serverConfigs = sdk.getServerConfig();
-    const searchSettings = getSearchSettingsFromCookie(cookieStore.get("c-rex-search-settings")?.value);
+  const sdk = new CrexSDK();
+  const cookieStore = await cookies();
+  const uiLangCookie = cookieStore.get(UI_LANG_KEY)?.value ?? null;
+  const clientConfigs = await sdk.getClientConfig();
+  const serverConfigs = sdk.getServerConfig();
+  const searchSettings = getSearchSettingsFromCookie(
+    cookieStore.get(SEARCH_SETTINGS_COOKIE_NAME)?.value,
+  );
+  const uiPreferences = getUiPreferencesFromCookie(
+    cookieStore.get(UI_PREFERENCES_COOKIE_NAME)?.value,
+  );
 
-    sdk.updateConfigProp('OIDC', {
-        ...serverConfigs.OIDC,
-        issuerMetadata: metadata
-    });
+  sdk.updateConfigProp("OIDC", {
+    ...serverConfigs.OIDC,
+    issuerMetadata: metadata,
+  });
 
-    const availableLanguages = transformLanguageData(languageData);
+  const availableLanguages = transformLanguageData(languageData);
 
-    const uiLang = resolveUILanguage({
-        uiLangCookie,
-        defaultLang: clientConfigs.languageSwitcher.default
-    });
+  const uiLang = await resolveUILanguage({
+    uiLangCookie,
+    defaultLang: clientConfigs.languageSwitcher.default,
+  });
 
-    const contentLang = resolveContentLanguage({
-        contentLangCookie: searchSettings.language,
-        availableLanguages,
-        defaultLang: clientConfigs.languageSwitcher.default
-    });
+  const contentLang = await resolveContentLanguage({
+    contentLangCookie: searchSettings.language,
+    availableLanguages,
+    defaultLang:
+      clientConfigs.defaultContentLanguage ??
+      clientConfigs.languageSwitcher.default,
+  });
 
-    return (
-        <html lang={locale}>
-            <head>
-                <link rel="icon" type="image/x-icon" href="/img/favicon.png" />
-            </head>
-            <body className="min-h-screen bg-background font-sans antialiased">
-                <NextIntlClientProvider>
-                    <AppConfigProvider
-                        uiLang={uiLang}
-                        contentLang={contentLang}
-                        availableLanguages={availableLanguages}
-                        initialConfig={clientConfigs}
-                    >
-                        <FavoritesProvider>
-                            <Toaster />
-                            <NuqsAdapter>
-                                {children}
-                            </NuqsAdapter>
-                        </FavoritesProvider>
-                    </AppConfigProvider>
-                </NextIntlClientProvider>
-            </body>
-        </html>
-    );
+  return (
+    <html
+      lang={locale}
+      className={uiPreferences.theme === "dark" ? "dark" : undefined}
+      data-theme={uiPreferences.theme}
+      data-font-scale={uiPreferences.fontScale}
+      data-readonly-mode={clientConfigs.readOnlyMode ? "true" : "false"}
+      style={{
+        fontSize:
+          uiPreferences.fontScale === "small"
+            ? "93.75%"
+            : uiPreferences.fontScale === "large"
+              ? "112.5%"
+              : "100%",
+      }}
+    >
+      <head>
+        <link rel="icon" type="image/x-icon" href="/img/favicon.png" />
+      </head>
+      <body className="min-h-screen bg-background font-sans antialiased">
+        <NextIntlClientProvider>
+          <AppConfigProvider
+            uiLang={uiLang}
+            contentLang={contentLang}
+            availableLanguages={availableLanguages}
+            initialConfig={clientConfigs}
+            loginEnabled={Boolean(serverConfigs.OIDC.client.enabled)}
+          >
+            <FavoritesProvider>
+              <UiPreferencesRuntime
+                initialTheme={uiPreferences.theme}
+                initialFontScale={uiPreferences.fontScale}
+              />
+              <Toaster />
+              <NuqsAdapter>{children}</NuqsAdapter>
+            </FavoritesProvider>
+          </AppConfigProvider>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
 };

package/src/utils.ts

@@ -2,8 +2,8 @@ import { UI_LANG_OPTIONS } from "@c-rex/constants";
 import { headers } from "next/headers";
 import { normalizeLanguageCode } from "@c-rex/utils";
 
-const getBrowserLangFromHeader = (): string => {
-    const h = headers();
+const getBrowserLangFromHeader = async (): Promise<string> => {
+    const h = await headers();
     const accept = h.get("accept-language"); // ex: "pt-BR,pt;q=0.9,en-US;q=0.8,en;q=0.7"
 
     if (!accept) return "";
@@ -12,14 +12,14 @@ const getBrowserLangFromHeader = (): string => {
 }
 
 
-export const resolveUILanguage = ({
+export const resolveUILanguage = async ({
     uiLangCookie,
     defaultLang,
 }: {
     uiLangCookie?: string | null;
     defaultLang: string;
-}): string => {
-    const browserLang = getBrowserLangFromHeader();
+}): Promise<string> => {
+    const browserLang = await getBrowserLangFromHeader();
 
     if (uiLangCookie) return uiLangCookie;
     if (browserLang && UI_LANG_OPTIONS.includes(browserLang)) return browserLang;
@@ -27,7 +27,7 @@ export const resolveUILanguage = ({
     return defaultLang;
 }
 
-export const resolveContentLanguage = ({
+export const resolveContentLanguage = async ({
     contentLangCookie,
     availableLanguages,
     defaultLang,
@@ -35,8 +35,8 @@ export const resolveContentLanguage = ({
     contentLangCookie?: string | null;
     availableLanguages: { value: string }[];
     defaultLang: string;
-}): string => {
-    const browserLang = getBrowserLangFromHeader();
+}): Promise<string> => {
+    const browserLang = await getBrowserLangFromHeader();
     const normalizedAvailableLanguages = availableLanguages.map((item) => normalizeLanguageCode(item.value));
     const normalizedDefaultLanguage = normalizeLanguageCode(defaultLang);
     const normalizedCookieLanguage = contentLangCookie ? normalizeLanguageCode(contentLangCookie) : "";