@c-rex/contexts 0.1.21 → 0.1.22

package/package.json

@@ -1,53 +1,53 @@
-{
-    "name": "@c-rex/contexts",
-    "version": "0.1.21",
-    "type": "module",
-    "files": [
-        "src"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "exports": {
-        "./config-provider": {
-            "types": "./src/config-provider.tsx",
-            "import": "./src/config-provider.tsx"
-        },
-        "./search": {
-            "types": "./src/search.tsx",
-            "import": "./src/search.tsx"
-        },
-        "./highlight-provider": {
-            "types": "./src/highlight-provider.tsx",
-            "import": "./src/highlight-provider.tsx"
-        }
-    },
-    "scripts": {
-        "lint": "eslint .",
-        "lint:fix": "eslint . --fix"
-    },
-    "devDependencies": {
-        "@c-rex/eslint-config": "*",
-        "@c-rex/typescript-config": "*",
-        "@turbo/gen": "^2.4.4",
-        "@types/node": "^22.13.10",
-        "@types/react": "19.0.10",
-        "@types/react-dom": "19.0.4",
-        "eslint": "^9.23.0",
-        "typescript": "latest"
-    },
-    "dependencies": {
-        "next": "^14",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "@c-rex/core": "*",
-        "@c-rex/constants": "*",
-        "@c-rex/services": "*",
-        "@c-rex/utils": "*",
-        "@c-rex/interfaces": "*"
-    },
-    "peerDependencies": {
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1"
-    }
-}
+{
+    "name": "@c-rex/contexts",
+    "version": "0.1.22",
+    "type": "module",
+    "files": [
+        "src"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "exports": {
+        "./config-provider": {
+            "types": "./src/config-provider.tsx",
+            "import": "./src/config-provider.tsx"
+        },
+        "./search": {
+            "types": "./src/search.tsx",
+            "import": "./src/search.tsx"
+        },
+        "./highlight-provider": {
+            "types": "./src/highlight-provider.tsx",
+            "import": "./src/highlight-provider.tsx"
+        }
+    },
+    "scripts": {
+        "lint": "eslint .",
+        "lint:fix": "eslint . --fix"
+    },
+    "devDependencies": {
+        "@c-rex/eslint-config": "*",
+        "@c-rex/typescript-config": "*",
+        "@turbo/gen": "^2.4.4",
+        "@types/node": "^22.13.10",
+        "@types/react": "19.0.10",
+        "@types/react-dom": "19.0.4",
+        "eslint": "^9.23.0",
+        "typescript": "latest"
+    },
+    "dependencies": {
+        "next": "^14",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "@c-rex/core": "*",
+        "@c-rex/constants": "*",
+        "@c-rex/services": "*",
+        "@c-rex/utils": "*",
+        "@c-rex/interfaces": "*"
+    },
+    "peerDependencies": {
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
+    }
+}

package/src/config-provider.tsx

@@ -1,127 +1,126 @@
-"use client"
-
-import { UI_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'
-import { useSearchSettingsStore } from '@c-rex/components/search-settings-store'
-
-type AppConfigContextType = {
-    error: Error | null
-    configs: CookiesConfigs
-    packageID: string | null
-    articleLang: string | null
-    availableVersions: AvailableVersionsInterface[] | null
-    setAvailableVersions: (versions: AvailableVersionsInterface[] | null) => void
-    setPackageID: (id: string | null) => void
-    setArticleLang: (lang: string | null) => void
-}
-
-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) => {
-
-    const [error, setError] = useState<Error | null>(null)
-    const [packageID, setPackageID] = useState<string | null>(null)
-    const [articleLang, setArticleLang] = useState<string | null>(null)
-    const [availableVersions, setAvailableVersions] = useState<AvailableVersionsInterface[] | null>(null)
-
-    const manageToken = async (): Promise<void> => {
-        try {
-            const res = await fetch(`/api/cookies?key=${CREX_TOKEN_HEADER_KEY}`);
-
-            if (!res.ok) {
-                await requestToken();
-                return
-            }
-
-            const hasToken = await res.json();
-
-            if (hasToken.value === null) {
-                await requestToken();
-            }
-        } catch (error) {
-            call("CrexLogger.log", {
-                level: "error",
-                message: `config-provider.manageToken error: ${error}`
-            });
-        }
-    }
-
-    const requestToken = async (): Promise<void> => {
-        try {
-            await fetch('/api/oidc/token', {
-                method: 'POST',
-                credentials: 'include',
-            });
-        } catch (error) {
-            call("CrexLogger.log", {
-                level: "error",
-                message: `config-provider.requestToken error: ${error}`
-            });
-        }
-    }
-
-    useEffect(() => {
-        useLanguageStore.getState().setAvailableLanguages(availableLanguages)
-        useSearchSettingsStore.getState().updatePreferences({
-            language: contentLang
-        })
-
-        setCookie(UI_LANG_KEY, uiLang, { httpOnly: false });
-        setCookie(AVAILABLE_CONTENT_LANG_KEY, JSON.stringify(availableLanguages));
-
-        const load = async () => {
-            try {
-                await manageToken()
-                setError(null)
-            } catch (err) {
-                call("CrexLogger.log", {
-                    level: "error",
-                    message: `config-provider.load error: ${err}`
-                });
-                setError(err as Error)
-            }
-        }
-
-        load()
-    }, [])
-
-    return (
-        <AppConfigContext.Provider
-            value={{
-                configs: initialConfig,
-                error,
-                availableVersions,
-                packageID,
-                articleLang,
-                setArticleLang,
-                setAvailableVersions,
-                setPackageID
-            }}
-        >
-            {children}
-        </AppConfigContext.Provider>
-    )
-}
-
-export const useAppConfig = () => {
-    const ctx = useContext(AppConfigContext)
-    if (!ctx) throw new Error('useAppConfig must be used within AppConfigProvider')
-    return ctx
-}
+"use client"
+
+import { UI_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'
+import { useSearchSettingsStore } from '@c-rex/components/search-settings-store'
+
+type AppConfigContextType = {
+    error: Error | null
+    configs: CookiesConfigs
+    packageID: string | null
+    articleLang: string | null
+    availableVersions: AvailableVersionsInterface[] | null
+    setAvailableVersions: (versions: AvailableVersionsInterface[] | null) => void
+    setPackageID: (id: string | null) => void
+    setArticleLang: (lang: string | null) => void
+}
+
+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) => {
+
+    const [error, setError] = useState<Error | null>(null)
+    const [packageID, setPackageID] = useState<string | null>(null)
+    const [articleLang, setArticleLang] = useState<string | null>(null)
+    const [availableVersions, setAvailableVersions] = useState<AvailableVersionsInterface[] | null>(null)
+
+    const manageToken = async (): Promise<void> => {
+        try {
+            const res = await fetch(`/api/cookies?key=${CREX_TOKEN_HEADER_KEY}`);
+
+            if (!res.ok) {
+                await requestToken();
+                return
+            }
+
+            const hasToken = await res.json();
+
+            if (hasToken.value === null) {
+                await requestToken();
+            }
+        } catch (error) {
+            call("CrexLogger.log", {
+                level: "error",
+                message: `config-provider.manageToken error: ${error}`
+            });
+        }
+    }
+
+    const requestToken = async (): Promise<void> => {
+        try {
+            await fetch('/api/oidc/token', {
+                method: 'POST',
+                credentials: 'include',
+            });
+        } catch (error) {
+            call("CrexLogger.log", {
+                level: "error",
+                message: `config-provider.requestToken error: ${error}`
+            });
+        }
+    }
+
+    useEffect(() => {
+        useLanguageStore.getState().setAvailableLanguages(availableLanguages)
+        useSearchSettingsStore.getState().updatePreferences({
+            language: contentLang
+        })
+
+        setCookie(UI_LANG_KEY, uiLang, { httpOnly: false });
+
+        const load = async () => {
+            try {
+                await manageToken()
+                setError(null)
+            } catch (err) {
+                call("CrexLogger.log", {
+                    level: "error",
+                    message: `config-provider.load error: ${err}`
+                });
+                setError(err as Error)
+            }
+        }
+
+        load()
+    }, [])
+
+    return (
+        <AppConfigContext.Provider
+            value={{
+                configs: initialConfig,
+                error,
+                availableVersions,
+                packageID,
+                articleLang,
+                setArticleLang,
+                setAvailableVersions,
+                setPackageID
+            }}
+        >
+            {children}
+        </AppConfigContext.Provider>
+    )
+}
+
+export const useAppConfig = () => {
+    const ctx = useContext(AppConfigContext)
+    if (!ctx) throw new Error('useAppConfig must be used within AppConfigProvider')
+    return ctx
+}

package/src/highlight-provider.tsx

@@ -1,77 +1,77 @@
-"use client";
-
-import {
-    createContext,
-    useCallback,
-    useContext,
-    useEffect,
-    useRef,
-    useState,
-} from "react";
-
-type HighlightContextType = {
-    currentIndex: number;
-    total: number;
-    next: () => void;
-    prev: () => void;
-    registerContainer: (el: HTMLElement | null) => void;
-};
-
-const HighlightContext = createContext<HighlightContextType | null>(null);
-
-export const HighlightProvider = ({ children }: { children: React.ReactNode }) => {
-
-    const containerRef = useRef<HTMLElement | null>(null);
-    const [marks, setMarks] = useState<NodeListOf<HTMLElement> | null>(null);
-    const [currentIndex, setCurrentIndex] = useState(-1);
-
-    const registerContainer = useCallback((el: HTMLElement | null) => {
-        containerRef.current = el;
-        if (el) {
-            const found = el.querySelectorAll("mark");
-            setMarks(found);
-            setCurrentIndex(found.length > 0 ? 0 : -1);
-        } else {
-            setMarks(null);
-            setCurrentIndex(-1);
-        }
-    }, []);
-
-    useEffect(() => {
-        if (marks && currentIndex >= 0 && marks[currentIndex]) {
-            marks.forEach((m) => m.classList.remove("bg-yellow-200", "bg-orange-300"));
-            marks[currentIndex].classList.add("bg-orange-300");
-            marks[currentIndex].scrollIntoView({ behavior: "smooth", block: "center" });
-        }
-    }, [currentIndex, marks]);
-
-    const next = () => {
-        if (!marks || marks.length === 0) return;
-        setCurrentIndex((i) => (i + 1) % marks.length);
-    };
-
-    const prev = () => {
-        if (!marks || marks.length === 0) return;
-        setCurrentIndex((i) => (i - 1 + marks.length) % marks.length);
-    };
-
-    return (
-        <HighlightContext.Provider
-            value={{
-                currentIndex,
-                total: marks?.length ?? 0,
-                next,
-                prev,
-                registerContainer,
-            }}
-        >
-            {children}
-        </HighlightContext.Provider>
-    );
-};
-
-export const useHighlight = () => {
-    const ctx = useContext(HighlightContext);
-    if (!ctx) throw new Error("useHighlight must be used inside HighlightProvider");
-    return ctx;
-};
+"use client";
+
+import {
+    createContext,
+    useCallback,
+    useContext,
+    useEffect,
+    useRef,
+    useState,
+} from "react";
+
+type HighlightContextType = {
+    currentIndex: number;
+    total: number;
+    next: () => void;
+    prev: () => void;
+    registerContainer: (el: HTMLElement | null) => void;
+};
+
+const HighlightContext = createContext<HighlightContextType | null>(null);
+
+export const HighlightProvider = ({ children }: { children: React.ReactNode }) => {
+
+    const containerRef = useRef<HTMLElement | null>(null);
+    const [marks, setMarks] = useState<NodeListOf<HTMLElement> | null>(null);
+    const [currentIndex, setCurrentIndex] = useState(-1);
+
+    const registerContainer = useCallback((el: HTMLElement | null) => {
+        containerRef.current = el;
+        if (el) {
+            const found = el.querySelectorAll("mark");
+            setMarks(found);
+            setCurrentIndex(found.length > 0 ? 0 : -1);
+        } else {
+            setMarks(null);
+            setCurrentIndex(-1);
+        }
+    }, []);
+
+    useEffect(() => {
+        if (marks && currentIndex >= 0 && marks[currentIndex]) {
+            marks.forEach((m) => m.classList.remove("bg-yellow-200", "bg-orange-300"));
+            marks[currentIndex].classList.add("bg-orange-300");
+            marks[currentIndex].scrollIntoView({ behavior: "smooth", block: "center" });
+        }
+    }, [currentIndex, marks]);
+
+    const next = () => {
+        if (!marks || marks.length === 0) return;
+        setCurrentIndex((i) => (i + 1) % marks.length);
+    };
+
+    const prev = () => {
+        if (!marks || marks.length === 0) return;
+        setCurrentIndex((i) => (i - 1 + marks.length) % marks.length);
+    };
+
+    return (
+        <HighlightContext.Provider
+            value={{
+                currentIndex,
+                total: marks?.length ?? 0,
+                next,
+                prev,
+                registerContainer,
+            }}
+        >
+            {children}
+        </HighlightContext.Provider>
+    );
+};
+
+export const useHighlight = () => {
+    const ctx = useContext(HighlightContext);
+    if (!ctx) throw new Error("useHighlight must be used inside HighlightProvider");
+    return ctx;
+};

package/src/search.tsx

@@ -1,34 +1,34 @@
-"use client"
-
-import { createContext, useContext, ReactNode, useState, useEffect } from "react";
-import { Loading } from "@c-rex/components/loading";
-
-type SearchContextProps = {
-    loading: boolean;
-    setLoading: (loading: boolean) => void;
-}
-
-const SearchContext = createContext<SearchContextProps | undefined>(undefined);
-
-export const SearchProvider = ({ children }: { children: ReactNode }) => {
-    const [mounted, setMounted] = useState(false)
-    const [loading, setLoading] = useState<boolean>(false)
-
-    useEffect(() => {
-        setMounted(true)
-    }, [])
-
-    return (
-        <SearchContext.Provider value={{ setLoading, loading }}>
-            {mounted && loading && <Loading opacity />}
-
-            {children}
-        </SearchContext.Provider>
-    );
-};
-
-export const useSearchContext = () => {
-    const context = useContext(SearchContext);
-    if (!context) throw new Error("useSearchContext must be used within a SearchProvider");
-    return context;
+"use client"
+
+import { createContext, useContext, ReactNode, useState, useEffect } from "react";
+import { Loading } from "@c-rex/components/loading";
+
+type SearchContextProps = {
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
+}
+
+const SearchContext = createContext<SearchContextProps | undefined>(undefined);
+
+export const SearchProvider = ({ children }: { children: ReactNode }) => {
+    const [mounted, setMounted] = useState(false)
+    const [loading, setLoading] = useState<boolean>(false)
+
+    useEffect(() => {
+        setMounted(true)
+    }, [])
+
+    return (
+        <SearchContext.Provider value={{ setLoading, loading }}>
+            {mounted && loading && <Loading opacity />}
+
+            {children}
+        </SearchContext.Provider>
+    );
+};
+
+export const useSearchContext = () => {
+    const context = useContext(SearchContext);
+    if (!context) throw new Error("useSearchContext must be used within a SearchProvider");
+    return context;
 };