data-context.js - mozsearch

Enable keyboard shortcuts

import { createContext, useContext } from "react";

import { dataSource } from "../data";

const RTL_LOCALES = ["ar", "he", "fa", "ps", "ur"];

const DEFAULT_LANG = "en";

const DEFAULT_DIR = "ltr";

const DataContext = createContext(null);

export const DataContextProvider = ({ children }) => {

    const urlParams = new URLSearchParams(window.location.search);

    const langFromUrl = urlParams.get("lang")?.toLowerCase();

    const lang = langFromUrl && langFromUrl in dataSource ? langFromUrl : DEFAULT_LANG;

    const dir = lang && RTL_LOCALES.includes(lang) ? "rtl" : DEFAULT_DIR;

    document.documentElement.setAttribute("dir", dir);

    document.documentElement.setAttribute("lang", lang);

    const value = {

        lang,

        dir,

        ...dataSource[lang],

};

    return <DataContext.Provider value={value}>{children}</DataContext.Provider>;

};

export const useDataContext = () => {

    const dataContext = useContext(DataContext);

    if (!dataContext)

        throw new Error("A DataProvider must be rendered before using useDataContext");

    return dataContext;

};