lokal-react 1.1.9 → 1.2.1

package/dist/index.js

@@ -0,0 +1,143 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/react/src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  LokalProvider: () => LokalProvider,
+  useLokal: () => useLokal
+});
+module.exports = __toCommonJS(index_exports);
+
+// packages/react/src/context/LokalContext.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultStorage = {
+  getItem: (key) => {
+    if (typeof window === "undefined") return Promise.resolve(null);
+    return Promise.resolve(localStorage.getItem(key));
+  },
+  setItem: (key, value) => {
+    if (typeof window === "undefined") return Promise.resolve();
+    localStorage.setItem(key, value);
+    return Promise.resolve();
+  }
+};
+var LokalContext = (0, import_react.createContext)(null);
+function LokalProvider({
+  children,
+  locale: initialLocale = "en",
+  locales = ["en"],
+  translations: initialTranslations = {},
+  storage = defaultStorage,
+  namespace = "locales",
+  defaultLocale = "en",
+  onLocaleChange
+}) {
+  const [locale, setLocaleState] = (0, import_react.useState)(initialLocale);
+  const [translations, setTranslations] = (0, import_react.useState)(initialTranslations);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    const loadLocale = async () => {
+      try {
+        const savedLocale = await storage.getItem(`${namespace}-locale`);
+        if (savedLocale && locales.includes(savedLocale)) {
+          setLocaleState(savedLocale);
+        } else {
+          const browserLocale = navigator.language.split("-")[0];
+          if (locales.includes(browserLocale)) {
+            setLocaleState(browserLocale);
+          }
+        }
+      } catch (error) {
+        console.warn("Failed to load locale from storage:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    loadLocale();
+  }, [storage, locales, namespace]);
+  (0, import_react.useEffect)(() => {
+    const loadTranslations = async () => {
+      try {
+        const storedData = await storage.getItem(`${namespace}-translations`);
+        if (storedData) {
+          const parsed = JSON.parse(storedData);
+          if (parsed[locale]) {
+            setTranslations(parsed[locale]);
+          }
+        }
+      } catch (error) {
+        console.warn("Failed to load translations from storage:", error);
+      }
+    };
+    if (!isLoading) {
+      loadTranslations();
+    }
+  }, [locale, storage, namespace, isLoading]);
+  const setLocale = (0, import_react.useCallback)((newLocale) => {
+    if (!locales.includes(newLocale)) {
+      console.warn(`Locale ${newLocale} is not in the list of available locales`);
+      return;
+    }
+    setLocaleState(newLocale);
+    storage.setItem(`${namespace}-locale`, newLocale);
+    if (onLocaleChange) {
+      onLocaleChange(newLocale);
+    }
+  }, [locales, storage, namespace, onLocaleChange]);
+  const t = (0, import_react.useCallback)((key, params) => {
+    const keys = key.split(".");
+    let value = translations;
+    for (const k of keys) {
+      if (value && typeof value === "object" && k in value) {
+        value = value[k];
+      } else {
+        return key;
+      }
+    }
+    if (typeof value !== "string") {
+      return key;
+    }
+    if (params) {
+      return Object.entries(params).reduce(
+        (str, [paramKey, paramValue]) => str.replace(new RegExp(`{{${paramKey}}}`, "g"), String(paramValue)),
+        value
+      );
+    }
+    return value;
+  }, [translations]);
+  const contextValue = {
+    locale,
+    setLocale,
+    locales,
+    t,
+    translations,
+    isLoading
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LokalContext.Provider, { value: contextValue, children });
+}
+function useLokal() {
+  const context = (0, import_react.useContext)(LokalContext);
+  if (!context) {
+    throw new Error("useLokal must be used within a LokalProvider");
+  }
+  return context;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/context/LokalContext.tsx"],"sourcesContent":["// Main exports\nexport { LokalProvider, useLokal } from './context/LokalContext';\nexport type { LokalProviderProps, TranslateFunction, StorageInterface } from './context/LokalContext';\nexport type { LokalContextValue } from './context/LokalContext';\n\n// Re-export types from lokal-core\nexport type { LocaleData } from 'lokal-core';\n","import React, { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';\nimport type { LocaleData } from 'lokal-core';\n\n// Type for translation function\nexport type TranslateFunction = <K extends string>(\n    key: K,\n    params?: Record<string, string | number>\n) => string;\n\n// Storage interface for different platforms\nexport interface StorageInterface {\n    getItem(key: string): Promise<string | null>;\n    setItem(key: string, value: string): Promise<void>;\n}\n\n// Default to localStorage for web\nconst defaultStorage: StorageInterface = {\n    getItem: (key: string) => {\n        if (typeof window === 'undefined') return Promise.resolve(null);\n        return Promise.resolve(localStorage.getItem(key));\n    },\n    setItem: (key: string, value: string) => {\n        if (typeof window === 'undefined') return Promise.resolve();\n        localStorage.setItem(key, value);\n        return Promise.resolve();\n    },\n};\n\nexport interface LokalContextValue {\n    locale: string;\n    setLocale: (locale: string) => void;\n    locales: string[];\n    t: TranslateFunction;\n    translations: LocaleData;\n    isLoading: boolean;\n}\n\nconst LokalContext = createContext<LokalContextValue | null>(null);\n\nexport interface LokalProviderProps {\n    children: ReactNode;\n    locale?: string;\n    locales?: string[];\n    translations?: LocaleData;\n    storage?: StorageInterface;\n    namespace?: string;\n    defaultLocale?: string;\n    onLocaleChange?: (locale: string) => void;\n}\n\ninterface StoredTranslations {\n    [locale: string]: LocaleData;\n}\n\n/**\n * LokalProvider - Provides localization context to your React app\n */\nexport function LokalProvider({\n    children,\n    locale: initialLocale = 'en',\n    locales = ['en'],\n    translations: initialTranslations = {},\n    storage = defaultStorage,\n    namespace = 'locales',\n    defaultLocale = 'en',\n    onLocaleChange,\n}: LokalProviderProps) {\n    const [locale, setLocaleState] = useState<string>(initialLocale);\n    const [translations, setTranslations] = useState<LocaleData>(initialTranslations);\n    const [isLoading, setIsLoading] = useState<boolean>(true);\n\n    // Load saved locale and translations from storage\n    useEffect(() => {\n        const loadLocale = async () => {\n            try {\n                const savedLocale = await storage.getItem(`${namespace}-locale`);\n                if (savedLocale && locales.includes(savedLocale)) {\n                    setLocaleState(savedLocale);\n                } else {\n                    // Try to detect from browser\n                    const browserLocale = navigator.language.split('-')[0];\n                    if (locales.includes(browserLocale)) {\n                        setLocaleState(browserLocale);\n                    }\n                }\n            } catch (error) {\n                console.warn('Failed to load locale from storage:', error);\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadLocale();\n    }, [storage, locales, namespace]);\n\n    // Load translations for current locale\n    useEffect(() => {\n        const loadTranslations = async () => {\n            try {\n                const storedData = await storage.getItem(`${namespace}-translations`);\n                if (storedData) {\n                    const parsed: StoredTranslations = JSON.parse(storedData);\n                    if (parsed[locale]) {\n                        setTranslations(parsed[locale]);\n                    }\n                }\n            } catch (error) {\n                console.warn('Failed to load translations from storage:', error);\n            }\n        };\n\n        if (!isLoading) {\n            loadTranslations();\n        }\n    }, [locale, storage, namespace, isLoading]);\n\n    // Set locale and persist\n    const setLocale = useCallback((newLocale: string) => {\n        if (!locales.includes(newLocale)) {\n            console.warn(`Locale ${newLocale} is not in the list of available locales`);\n            return;\n        }\n\n        setLocaleState(newLocale);\n        storage.setItem(`${namespace}-locale`, newLocale);\n\n        if (onLocaleChange) {\n            onLocaleChange(newLocale);\n        }\n    }, [locales, storage, namespace, onLocaleChange]);\n\n    // Translation function\n    const t = useCallback<TranslateFunction>((key, params) => {\n        const keys = key.split('.');\n        let value: any = translations;\n\n        for (const k of keys) {\n            if (value && typeof value === 'object' && k in value) {\n                value = value[k];\n            } else {\n                // Return key if not found\n                return key;\n            }\n        }\n\n        if (typeof value !== 'string') {\n            return key;\n        }\n\n        // Replace parameters\n        if (params) {\n            return Object.entries(params).reduce(\n                (str, [paramKey, paramValue]) => str.replace(new RegExp(`{{${paramKey}}}`, 'g'), String(paramValue)),\n                value\n            );\n        }\n\n        return value;\n    }, [translations]);\n\n    const contextValue: LokalContextValue = {\n        locale,\n        setLocale,\n        locales,\n        t,\n        translations,\n        isLoading,\n    };\n\n    return (\n        <LokalContext.Provider value={contextValue}>\n            {children}\n        </LokalContext.Provider>\n    );\n}\n\n/**\n * Hook to access the Lokal context\n */\nexport function useLokal(): LokalContextValue {\n    const context = useContext(LokalContext);\n\n    if (!context) {\n        throw new Error('useLokal must be used within a LokalProvider');\n    }\n\n    return context;\n}\n\nexport default LokalContext;\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -0,0 +1,120 @@
+// packages/react/src/context/LokalContext.tsx
+import { createContext, useContext, useState, useEffect, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var defaultStorage = {
+  getItem: (key) => {
+    if (typeof window === "undefined") return Promise.resolve(null);
+    return Promise.resolve(localStorage.getItem(key));
+  },
+  setItem: (key, value) => {
+    if (typeof window === "undefined") return Promise.resolve();
+    localStorage.setItem(key, value);
+    return Promise.resolve();
+  }
+};
+var LokalContext = createContext(null);
+function LokalProvider({
+  children,
+  locale: initialLocale = "en",
+  locales = ["en"],
+  translations: initialTranslations = {},
+  storage = defaultStorage,
+  namespace = "locales",
+  defaultLocale = "en",
+  onLocaleChange
+}) {
+  const [locale, setLocaleState] = useState(initialLocale);
+  const [translations, setTranslations] = useState(initialTranslations);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const loadLocale = async () => {
+      try {
+        const savedLocale = await storage.getItem(`${namespace}-locale`);
+        if (savedLocale && locales.includes(savedLocale)) {
+          setLocaleState(savedLocale);
+        } else {
+          const browserLocale = navigator.language.split("-")[0];
+          if (locales.includes(browserLocale)) {
+            setLocaleState(browserLocale);
+          }
+        }
+      } catch (error) {
+        console.warn("Failed to load locale from storage:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    loadLocale();
+  }, [storage, locales, namespace]);
+  useEffect(() => {
+    const loadTranslations = async () => {
+      try {
+        const storedData = await storage.getItem(`${namespace}-translations`);
+        if (storedData) {
+          const parsed = JSON.parse(storedData);
+          if (parsed[locale]) {
+            setTranslations(parsed[locale]);
+          }
+        }
+      } catch (error) {
+        console.warn("Failed to load translations from storage:", error);
+      }
+    };
+    if (!isLoading) {
+      loadTranslations();
+    }
+  }, [locale, storage, namespace, isLoading]);
+  const setLocale = useCallback((newLocale) => {
+    if (!locales.includes(newLocale)) {
+      console.warn(`Locale ${newLocale} is not in the list of available locales`);
+      return;
+    }
+    setLocaleState(newLocale);
+    storage.setItem(`${namespace}-locale`, newLocale);
+    if (onLocaleChange) {
+      onLocaleChange(newLocale);
+    }
+  }, [locales, storage, namespace, onLocaleChange]);
+  const t = useCallback((key, params) => {
+    const keys = key.split(".");
+    let value = translations;
+    for (const k of keys) {
+      if (value && typeof value === "object" && k in value) {
+        value = value[k];
+      } else {
+        return key;
+      }
+    }
+    if (typeof value !== "string") {
+      return key;
+    }
+    if (params) {
+      return Object.entries(params).reduce(
+        (str, [paramKey, paramValue]) => str.replace(new RegExp(`{{${paramKey}}}`, "g"), String(paramValue)),
+        value
+      );
+    }
+    return value;
+  }, [translations]);
+  const contextValue = {
+    locale,
+    setLocale,
+    locales,
+    t,
+    translations,
+    isLoading
+  };
+  return /* @__PURE__ */ jsx(LokalContext.Provider, { value: contextValue, children });
+}
+function useLokal() {
+  const context = useContext(LokalContext);
+  if (!context) {
+    throw new Error("useLokal must be used within a LokalProvider");
+  }
+  return context;
+}
+export {
+  LokalProvider,
+  useLokal
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/LokalContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';\nimport type { LocaleData } from 'lokal-core';\n\n// Type for translation function\nexport type TranslateFunction = <K extends string>(\n    key: K,\n    params?: Record<string, string | number>\n) => string;\n\n// Storage interface for different platforms\nexport interface StorageInterface {\n    getItem(key: string): Promise<string | null>;\n    setItem(key: string, value: string): Promise<void>;\n}\n\n// Default to localStorage for web\nconst defaultStorage: StorageInterface = {\n    getItem: (key: string) => {\n        if (typeof window === 'undefined') return Promise.resolve(null);\n        return Promise.resolve(localStorage.getItem(key));\n    },\n    setItem: (key: string, value: string) => {\n        if (typeof window === 'undefined') return Promise.resolve();\n        localStorage.setItem(key, value);\n        return Promise.resolve();\n    },\n};\n\nexport interface LokalContextValue {\n    locale: string;\n    setLocale: (locale: string) => void;\n    locales: string[];\n    t: TranslateFunction;\n    translations: LocaleData;\n    isLoading: boolean;\n}\n\nconst LokalContext = createContext<LokalContextValue | null>(null);\n\nexport interface LokalProviderProps {\n    children: ReactNode;\n    locale?: string;\n    locales?: string[];\n    translations?: LocaleData;\n    storage?: StorageInterface;\n    namespace?: string;\n    defaultLocale?: string;\n    onLocaleChange?: (locale: string) => void;\n}\n\ninterface StoredTranslations {\n    [locale: string]: LocaleData;\n}\n\n/**\n * LokalProvider - Provides localization context to your React app\n */\nexport function LokalProvider({\n    children,\n    locale: initialLocale = 'en',\n    locales = ['en'],\n    translations: initialTranslations = {},\n    storage = defaultStorage,\n    namespace = 'locales',\n    defaultLocale = 'en',\n    onLocaleChange,\n}: LokalProviderProps) {\n    const [locale, setLocaleState] = useState<string>(initialLocale);\n    const [translations, setTranslations] = useState<LocaleData>(initialTranslations);\n    const [isLoading, setIsLoading] = useState<boolean>(true);\n\n    // Load saved locale and translations from storage\n    useEffect(() => {\n        const loadLocale = async () => {\n            try {\n                const savedLocale = await storage.getItem(`${namespace}-locale`);\n                if (savedLocale && locales.includes(savedLocale)) {\n                    setLocaleState(savedLocale);\n                } else {\n                    // Try to detect from browser\n                    const browserLocale = navigator.language.split('-')[0];\n                    if (locales.includes(browserLocale)) {\n                        setLocaleState(browserLocale);\n                    }\n                }\n            } catch (error) {\n                console.warn('Failed to load locale from storage:', error);\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadLocale();\n    }, [storage, locales, namespace]);\n\n    // Load translations for current locale\n    useEffect(() => {\n        const loadTranslations = async () => {\n            try {\n                const storedData = await storage.getItem(`${namespace}-translations`);\n                if (storedData) {\n                    const parsed: StoredTranslations = JSON.parse(storedData);\n                    if (parsed[locale]) {\n                        setTranslations(parsed[locale]);\n                    }\n                }\n            } catch (error) {\n                console.warn('Failed to load translations from storage:', error);\n            }\n        };\n\n        if (!isLoading) {\n            loadTranslations();\n        }\n    }, [locale, storage, namespace, isLoading]);\n\n    // Set locale and persist\n    const setLocale = useCallback((newLocale: string) => {\n        if (!locales.includes(newLocale)) {\n            console.warn(`Locale ${newLocale} is not in the list of available locales`);\n            return;\n        }\n\n        setLocaleState(newLocale);\n        storage.setItem(`${namespace}-locale`, newLocale);\n\n        if (onLocaleChange) {\n            onLocaleChange(newLocale);\n        }\n    }, [locales, storage, namespace, onLocaleChange]);\n\n    // Translation function\n    const t = useCallback<TranslateFunction>((key, params) => {\n        const keys = key.split('.');\n        let value: any = translations;\n\n        for (const k of keys) {\n            if (value && typeof value === 'object' && k in value) {\n                value = value[k];\n            } else {\n                // Return key if not found\n                return key;\n            }\n        }\n\n        if (typeof value !== 'string') {\n            return key;\n        }\n\n        // Replace parameters\n        if (params) {\n            return Object.entries(params).reduce(\n                (str, [paramKey, paramValue]) => str.replace(new RegExp(`{{${paramKey}}}`, 'g'), String(paramValue)),\n                value\n            );\n        }\n\n        return value;\n    }, [translations]);\n\n    const contextValue: LokalContextValue = {\n        locale,\n        setLocale,\n        locales,\n        t,\n        translations,\n        isLoading,\n    };\n\n    return (\n        <LokalContext.Provider value={contextValue}>\n            {children}\n        </LokalContext.Provider>\n    );\n}\n\n/**\n * Hook to access the Lokal context\n */\nexport function useLokal(): LokalContextValue {\n    const context = useContext(LokalContext);\n\n    if (!context) {\n        throw new Error('useLokal must be used within a LokalProvider');\n    }\n\n    return context;\n}\n\nexport default LokalContext;\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "lokal-react",
-  "version": "1.1.9",
+  "version": "1.2.1",
   "description": "React & React Native adapter for LOKAL - Hooks and Context Providers",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "outDir": "./dist",
-        "module": "ESNext",
-        "target": "ES2020",
-        "jsx": "react-jsx",
-        "lib": [
-            "ES2020",
-            "DOM",
-            "DOM.Iterable"
-        ]
-    },
-    "include": [
-        "src/**/*"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist",
-        "**/*.test.ts"
-    ]
-}