@c-rex/contexts 0.1.15 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@c-rex/contexts",
-    "version": "0.1.15",
+    "version": "0.1.17",
     "type": "module",
     "files": [
         "src"

package/src/config-provider.tsx

@@ -1,15 +1,15 @@
 "use client"
 
-import { API, CREX_TOKEN_HEADER_KEY, SDK_CONFIG_KEY, UI_LANG_OPTIONS } from '@c-rex/constants'
+import { UI_LANG_KEY, CONTENT_LANG_KEY, AVAILABLE_CONTENT_LANG_KEY, CREX_TOKEN_HEADER_KEY } from '@c-rex/constants'
 import { CookiesConfigs, LanguageAndCountries, AvailableVersionsInterface } from '@c-rex/interfaces'
 import { call } from '@c-rex/utils'
+import { setCookie } from '@c-rex/utils/cookies'
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { useLanguageStore } from '@c-rex/components/language-store'
 
 type AppConfigContextType = {
     error: Error | null
     configs: CookiesConfigs
-    loading: boolean
     packageID: string | null
     articleLang: string | null
     availableVersions: AvailableVersionsInterface[] | null
@@ -19,48 +19,27 @@ type AppConfigContextType = {
 }
 
 const AppConfigContext = createContext<AppConfigContextType | undefined>(undefined)
+type AppConfigProviderProps = {
+    children: React.ReactNode
+    uiLang: string
+    contentLang: string
+    availableLanguages: LanguageAndCountries[]
+    initialConfig: CookiesConfigs
+}
+
+export const AppConfigProvider = ({
+    children,
+    uiLang,
+    contentLang,
+    availableLanguages,
+    initialConfig
+}: AppConfigProviderProps) => {
 
-export const AppConfigProvider = ({ children }: { children: React.ReactNode }) => {
     const [error, setError] = useState<Error | null>(null)
-    const [configs, setConfigs] = useState<CookiesConfigs | null>(null)
-    const [loading, setLoading] = useState(true)
     const [packageID, setPackageID] = useState<string | null>(null)
     const [articleLang, setArticleLang] = useState<string | null>(null)
     const [availableVersions, setAvailableVersions] = useState<AvailableVersionsInterface[] | null>(null)
 
-    const manageUILanguage = (configs: CookiesConfigs): void => {
-        const uiLang = useLanguageStore.getState().uiLang;
-
-        if (uiLang.length === 0) {
-            const setUiLang = useLanguageStore.getState().setUiLang;
-            const browserLang = navigator.language;
-
-            const locale = UI_LANG_OPTIONS.includes(browserLang.toLowerCase())
-                ? browserLang
-                : configs.languageSwitcher.default;
-
-            setUiLang(locale)
-        }
-    }
-
-    const manageContentLanguage = (configs: CookiesConfigs): void => {
-        const contentLang = useLanguageStore.getState().contentLang;
-
-        if (contentLang.length === 0) {
-            const setContentLang = useLanguageStore.getState().setContentLang;
-            const availableLanguages = useLanguageStore.getState().availableLanguages;
-
-            const browserLang = navigator.language;
-            const hasLang = availableLanguages.some((item) => item.value === browserLang);
-
-            const locale = hasLang
-                ? browserLang
-                : configs.languageSwitcher.default;
-
-            setContentLang(locale)
-        }
-    }
-
     const manageToken = async (): Promise<void> => {
         try {
             const res = await fetch(`/api/cookies?key=${CREX_TOKEN_HEADER_KEY}`);
@@ -85,14 +64,10 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
 
     const requestToken = async (): Promise<void> => {
         try {
-            const response = await fetch('/api/oidc/token', {
+            await fetch('/api/oidc/token', {
                 method: 'POST',
                 credentials: 'include',
             });
-
-            const { token } = await response.json();
-
-            return token;
         } catch (error) {
             call("CrexLogger.log", {
                 level: "error",
@@ -101,99 +76,35 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
         }
     }
 
-    const updateIssuerMetadata = async (): Promise<void> => {
-        try {
-            await fetch('/api/oidc/issuer', {
-                method: 'POST',
-                credentials: 'include',
-            });
-        } catch (error) {
-            call("CrexLogger.log", {
-                level: "error",
-                message: `config-provider.updateIssuerMetadata error: ${error}`
-            });
-        }
-    }
-
-    const interval = async (delayMs: number) => {
-        while (true) {
-            await new Promise(resolve => setTimeout(resolve, delayMs));
-            await manageToken();
-        }
-    }
-
-    const updateLanguages = async () => {
-        const availableLanguages = useLanguageStore.getState().availableLanguages;
-
-        if (availableLanguages.length === 0) {
-            const setAvailableLanguages = useLanguageStore.getState().setAvailableLanguages;
-
-            const langs = await call<LanguageAndCountries[]>("LanguageService.getLanguagesAndCountries")
-            setAvailableLanguages(langs)
-        }
-    }
-
-    const getClientConfig = async (): Promise<CookiesConfigs> => {
-        const res = await fetch(`/api/cookies?key=${SDK_CONFIG_KEY}`);
-
-        if (!res.ok) {
-            throw new Error('Failed to fetch token from cookies API');
-        }
-
-        const jsonConfig = await res.json();
-
-        if (jsonConfig.value === null) {
-            throw new Error('Client config not found in cookies');
-        }
-
-        const configs: CookiesConfigs = JSON.parse(jsonConfig.value);
-
-        return configs;
-    }
-
     useEffect(() => {
-        useLanguageStore.getState().hydrate();
+        useLanguageStore.getState().setUiLang(uiLang)
+        useLanguageStore.getState().setContentLang(contentLang)
+        useLanguageStore.getState().setAvailableLanguages(availableLanguages)
+
+        setCookie(UI_LANG_KEY, uiLang);
+        setCookie(CONTENT_LANG_KEY, contentLang);
+        setCookie(AVAILABLE_CONTENT_LANG_KEY, JSON.stringify(availableLanguages));
 
         const load = async () => {
             try {
-                setLoading(true)
-
-                const configsResult = await getClientConfig()
-
                 await manageToken()
-
-                manageUILanguage(configsResult)
-                manageContentLanguage(configsResult)
-                updateLanguages()
-                updateIssuerMetadata()
                 setError(null)
-                setConfigs(configsResult)
-                interval(1000 * 60 * 9);
             } catch (err) {
                 call("CrexLogger.log", {
                     level: "error",
                     message: `config-provider.load error: ${err}`
                 });
                 setError(err as Error)
-            } finally {
-                setLoading(false)
             }
         }
 
         load()
     }, [])
 
-    const loadingComp = (
-        <div className="flex items-center justify-center min-h-screen bg-white">
-            <div className="animate-spin rounded-full h-12 w-12 border-2 border-gray-300 border-t-gray-950" />
-        </div>
-    )
-
     return (
         <AppConfigContext.Provider
             value={{
-                configs: configs!,
-                loading,
+                configs: initialConfig,
                 error,
                 availableVersions,
                 packageID,
@@ -203,7 +114,7 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
                 setPackageID
             }}
         >
-            {loading ? loadingComp : children}
+            {children}
         </AppConfigContext.Provider>
     )
 }