@c-rex/contexts 0.1.3 → 0.1.4

package/package.json

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

package/src/config-provider.tsx

@@ -1,10 +1,10 @@
 "use client"
 
-import { CONTENT_LANG_KEY, UI_LANG_KEY, UI_LANG_OPTIONS } from '@c-rex/constants'
-import { ConfigInterface, LanguageAndCountries } from '@c-rex/interfaces'
-import { call, getCookie, manageToken, setCookie } from '@c-rex/utils'
+import { CONTENT_LANG_KEY, CREX_TOKEN_HEADER_KEY, UI_LANG_KEY, UI_LANG_OPTIONS } from '@c-rex/constants'
+import { ConfigInterface, LanguageAndCountries, SidebarAvailableVersionsInterface } from '@c-rex/interfaces'
+import { call, getCookie, getFromCookieString, setCookie } from '@c-rex/utils'
 import { getConfigs } from '@c-rex/utils/next-cookies'
-import React, { createContext, useContext, useEffect, useRef, useState } from 'react'
+import React, { createContext, useContext, useEffect, useState } from 'react'
 
 type AppConfigContextType = {
     configs: ConfigInterface
@@ -13,8 +13,10 @@ type AppConfigContextType = {
     error: Error | null
     uiLang: string | null
     contentLang: string | null
+    availableVersions: SidebarAvailableVersionsInterface[] | null
     setUiLang: (lang: string | null) => void
     setContentLang: (lang: string | null) => void
+    setAvailableVersions: (versions: SidebarAvailableVersionsInterface[] | null) => void
 }
 
 const AppConfigContext = createContext<AppConfigContextType | undefined>(undefined)
@@ -22,16 +24,15 @@ const AppConfigContext = createContext<AppConfigContextType | undefined>(undefin
 export const AppConfigProvider = ({ children }: { children: React.ReactNode }) => {
     const [configs, setConfigs] = useState<ConfigInterface | null>(null)
     const [availableLanguagesAndCountries, setAvailableLanguagesAndCountries] = useState<LanguageAndCountries[] | null>(null)
+    const [availableVersions, setAvailableVersions] = useState<SidebarAvailableVersionsInterface[] | null>(null)
     const [loading, setLoading] = useState(true)
     const [uiLang, setUiLang] = useState<string | null>(null)
     const [contentLang, setContentLang] = useState<string | null>(null)
     const [error, setError] = useState<Error | null>(null)
-    const hasRun = useRef(false)
 
     const manageUILanguage = async (configs: ConfigInterface): Promise<void> => {
-        const hasUILangCookie = await getCookie(UI_LANG_KEY);
-        let locale = hasUILangCookie.value
-        if (hasUILangCookie.value === null) {
+        let locale = getFromCookieString(document.cookie, UI_LANG_KEY)
+        if (locale.length === 0) {
             const browserLang = navigator.language;
 
             locale = UI_LANG_OPTIONS.includes(browserLang.toLowerCase())
@@ -44,9 +45,8 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
     }
 
     const manageContentLanguage = async (configs: ConfigInterface, availableLanguages: LanguageAndCountries[]): Promise<void> => {
-        const hasContentLangCookie = await getCookie(CONTENT_LANG_KEY);
-        let locale = hasContentLangCookie.value
-        if (hasContentLangCookie.value === null) {
+        let locale = getFromCookieString(document.cookie, CONTENT_LANG_KEY)
+        if (locale.length === 0) {
             const browserLang = navigator.language;
             const hasLang = availableLanguages.some((item) => item.value === browserLang);
 
@@ -60,18 +60,36 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
         setContentLang(locale)
     }
 
+    const manageToken = async (): Promise<void> => {
+        try {
+            const hasToken = await getCookie(CREX_TOKEN_HEADER_KEY);
+
+            console.log(hasToken)
+
+            if (hasToken.value === null) {
+                await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/token`, {
+                    method: 'POST',
+                    credentials: 'include',
+                });
+            }
+        } catch (error) {
+            call("CrexLogger.log", {
+                level: "error",
+                message: `config-provider.manageToken error: ${error}`
+            });
+        }
+    }
+
     async function interval(delayMs: number) {
         while (true) {
-            await manageToken()
             await new Promise(resolve => setTimeout(resolve, delayMs));
+            await manageToken()
         }
     }
 
     useEffect(() => {
-        if (hasRun.current) return
-        hasRun.current = true
-
         const load = async () => {
+            console.log('load')
             try {
                 setLoading(true)
 
@@ -115,6 +133,8 @@ export const AppConfigProvider = ({ children }: { children: React.ReactNode }) =
                 contentLang,
                 setUiLang,
                 setContentLang,
+                availableVersions,
+                setAvailableVersions,
             }}
         >
             {loading ? loadingComp : children}