@sheet-i18n/react 0.1.0 → 0.1.1-canary.1

package/dist/index.d.mts

@@ -1,3 +1,37 @@
-declare const test = "test";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MessageDescriptor, IntlShape } from 'react-intl';
 
-export { test };
+type IntlProviderProps<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>> = {
+    i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>;
+    currentLocale: TSupportedLocales[number];
+    children: React.ReactNode;
+};
+declare function IntlProvider<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>({ i18nStore, currentLocale, children, }: IntlProviderProps<TSupportedLocales, TLocaleSet>): react_jsx_runtime.JSX.Element;
+
+type UseIntlParams<D = MessageDescriptor> = Parameters<IntlShape['$t']> extends [D, ...infer R] ? [...R, Omit<D, 'id'>] : never;
+type $TParams = Partial<UseIntlParams>;
+interface UseTranslationParams<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>, TSheetTitle = keyof TLocaleSet[TSupportedLocales[number]]> {
+    sheetTitle: TSheetTitle;
+    i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>;
+}
+declare function useTranslation<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>, TSheetTitle extends keyof TLocaleSet[TSupportedLocales[number]], TMessageId extends keyof TLocaleSet[TSupportedLocales[number]][TSheetTitle]>({ sheetTitle, }: UseTranslationParams<TSupportedLocales, TLocaleSet, TSheetTitle>): {
+    t: <TValues extends $TParams["0"], TOpts extends $TParams["1"], T_Descriptor extends $TParams["2"]>(id: TMessageId, values?: TValues, opts?: TOpts, _descriptor?: T_Descriptor) => string | TValues[keyof TValues] | (string | TValues[keyof TValues])[];
+};
+
+interface I18nContextState<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>> {
+    supportedLocales: Readonly<TSupportedLocales>;
+    defaultLocale: TSupportedLocales[number];
+    localeSet: TLocaleSet;
+}
+declare function createI18nContext<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>(i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>): {
+    IntlProvider: ({ currentLocale, children, }: Omit<IntlProviderProps<TSupportedLocales, TLocaleSet>, "i18nStore">) => react_jsx_runtime.JSX.Element;
+    useTranslation: <SheetTitle extends keyof TLocaleSet[TSupportedLocales[number]]>(sheetTitle: SheetTitle) => ReturnType<typeof useTranslation<TSupportedLocales, TLocaleSet, SheetTitle, keyof TLocaleSet[TSupportedLocales[number]][SheetTitle]>>;
+};
+
+declare function createI18nStore<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>(i18nStoreParams: I18nContextState<TSupportedLocales, TLocaleSet>): {
+    supportedLocales: Readonly<TSupportedLocales>;
+    defaultLocale: TSupportedLocales[number];
+    localeSet: TLocaleSet;
+};
+
+export { type I18nContextState, IntlProvider, type IntlProviderProps, createI18nContext, createI18nStore, useTranslation };

package/dist/index.d.ts

@@ -1,3 +1,37 @@
-declare const test = "test";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MessageDescriptor, IntlShape } from 'react-intl';
 
-export { test };
+type IntlProviderProps<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>> = {
+    i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>;
+    currentLocale: TSupportedLocales[number];
+    children: React.ReactNode;
+};
+declare function IntlProvider<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>({ i18nStore, currentLocale, children, }: IntlProviderProps<TSupportedLocales, TLocaleSet>): react_jsx_runtime.JSX.Element;
+
+type UseIntlParams<D = MessageDescriptor> = Parameters<IntlShape['$t']> extends [D, ...infer R] ? [...R, Omit<D, 'id'>] : never;
+type $TParams = Partial<UseIntlParams>;
+interface UseTranslationParams<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>, TSheetTitle = keyof TLocaleSet[TSupportedLocales[number]]> {
+    sheetTitle: TSheetTitle;
+    i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>;
+}
+declare function useTranslation<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>, TSheetTitle extends keyof TLocaleSet[TSupportedLocales[number]], TMessageId extends keyof TLocaleSet[TSupportedLocales[number]][TSheetTitle]>({ sheetTitle, }: UseTranslationParams<TSupportedLocales, TLocaleSet, TSheetTitle>): {
+    t: <TValues extends $TParams["0"], TOpts extends $TParams["1"], T_Descriptor extends $TParams["2"]>(id: TMessageId, values?: TValues, opts?: TOpts, _descriptor?: T_Descriptor) => string | TValues[keyof TValues] | (string | TValues[keyof TValues])[];
+};
+
+interface I18nContextState<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>> {
+    supportedLocales: Readonly<TSupportedLocales>;
+    defaultLocale: TSupportedLocales[number];
+    localeSet: TLocaleSet;
+}
+declare function createI18nContext<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>(i18nStore: ReturnType<typeof createI18nStore<TSupportedLocales, TLocaleSet>>): {
+    IntlProvider: ({ currentLocale, children, }: Omit<IntlProviderProps<TSupportedLocales, TLocaleSet>, "i18nStore">) => react_jsx_runtime.JSX.Element;
+    useTranslation: <SheetTitle extends keyof TLocaleSet[TSupportedLocales[number]]>(sheetTitle: SheetTitle) => ReturnType<typeof useTranslation<TSupportedLocales, TLocaleSet, SheetTitle, keyof TLocaleSet[TSupportedLocales[number]][SheetTitle]>>;
+};
+
+declare function createI18nStore<TSupportedLocales extends readonly string[], TLocaleSet extends Record<TSupportedLocales[number], Record<string, any>>>(i18nStoreParams: I18nContextState<TSupportedLocales, TLocaleSet>): {
+    supportedLocales: Readonly<TSupportedLocales>;
+    defaultLocale: TSupportedLocales[number];
+    localeSet: TLocaleSet;
+};
+
+export { type I18nContextState, IntlProvider, type IntlProviderProps, createI18nContext, createI18nStore, useTranslation };

package/dist/index.js

@@ -1,30 +1,324 @@
 "use strict";
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 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 __export = function(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 __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  test: () => test
+    IntlProvider: function() {
+        return IntlProvider;
+    },
+    createI18nContext: function() {
+        return createI18nContext;
+    },
+    createI18nStore: function() {
+        return createI18nStore;
+    },
+    useTranslation: function() {
+        return useTranslation;
+    }
 });
 module.exports = __toCommonJS(src_exports);
-var test = "test";
+// src/createI18nStore.ts
+var import_shared_utils = require("@sheet-i18n/shared-utils");
+// src/Errors.ts
+var import_errors = require("@sheet-i18n/errors");
+var InvalidI18nStoreParamsError = /*#__PURE__*/ function(_import_errors_CustomError) {
+    _inherits(InvalidI18nStoreParamsError, _import_errors_CustomError);
+    function InvalidI18nStoreParamsError() {
+        _class_call_check(this, InvalidI18nStoreParamsError);
+        return _call_super(this, InvalidI18nStoreParamsError, arguments);
+    }
+    return InvalidI18nStoreParamsError;
+}(import_errors.CustomError);
+var InvalidSupportedLocalesError = /*#__PURE__*/ function(_import_errors_CustomError) {
+    _inherits(InvalidSupportedLocalesError, _import_errors_CustomError);
+    function InvalidSupportedLocalesError() {
+        _class_call_check(this, InvalidSupportedLocalesError);
+        return _call_super(this, InvalidSupportedLocalesError, arguments);
+    }
+    return InvalidSupportedLocalesError;
+}(import_errors.CustomError);
+var NoDefaultLocaleInSupportedLocalesError = /*#__PURE__*/ function(_import_errors_CustomError) {
+    _inherits(NoDefaultLocaleInSupportedLocalesError, _import_errors_CustomError);
+    function NoDefaultLocaleInSupportedLocalesError() {
+        _class_call_check(this, NoDefaultLocaleInSupportedLocalesError);
+        return _call_super(this, NoDefaultLocaleInSupportedLocalesError, arguments);
+    }
+    return NoDefaultLocaleInSupportedLocalesError;
+}(import_errors.CustomError);
+var InvalidLocaleSetError = /*#__PURE__*/ function(_import_errors_CustomError) {
+    _inherits(InvalidLocaleSetError, _import_errors_CustomError);
+    function InvalidLocaleSetError() {
+        _class_call_check(this, InvalidLocaleSetError);
+        return _call_super(this, InvalidLocaleSetError, arguments);
+    }
+    return InvalidLocaleSetError;
+}(import_errors.CustomError);
+var InvalidI18nContextStateError = /*#__PURE__*/ function(_import_errors_CustomError) {
+    _inherits(InvalidI18nContextStateError, _import_errors_CustomError);
+    function InvalidI18nContextStateError() {
+        _class_call_check(this, InvalidI18nContextStateError);
+        return _call_super(this, InvalidI18nContextStateError, arguments);
+    }
+    return InvalidI18nContextStateError;
+}(import_errors.CustomError);
+// src/createI18nStore.ts
+var preRequisites = [
+    "supportedLocales",
+    "localeSet",
+    "defaultLocale"
+];
+function createI18nStore(i18nStoreParams) {
+    if (import_shared_utils.validator.hasInvalidValuePrerequisites(i18nStoreParams)) {
+        throw new InvalidI18nStoreParamsError("Invalid params when initiating i18nStore. ".concat(preRequisites.join(", "), " is required."));
+    }
+    var supportedLocales = i18nStoreParams.supportedLocales, defaultLocale = i18nStoreParams.defaultLocale, localeSet = i18nStoreParams.localeSet;
+    var _supportedLocales = supportedLocales;
+    var _defaultLocale = defaultLocale;
+    isInvalidSupportedLocales(_supportedLocales, _defaultLocale, localeSet);
+    return _object_spread({}, i18nStoreParams);
+}
+function isInvalidSupportedLocales(supportedLocales, defaultLocale, localeSet) {
+    if (!Array.isArray(supportedLocales) || typeof defaultLocale !== "string" || (typeof localeSet === "undefined" ? "undefined" : _type_of(localeSet)) !== "object") {
+        throw new InvalidI18nStoreParamsError("Invalid params. please input the correct params for initiating i18nStore.");
+    }
+    var isNotAllString = false;
+    var isNoDefaultInSupported = true;
+    var isNotValidLocaleSet = false;
+    supportedLocales.forEach(function(l) {
+        if (typeof l !== "string") isNotAllString = true;
+        if (l === defaultLocale) isNoDefaultInSupported = false;
+        if (import_shared_utils.validator.isNullish(localeSet[l])) isNotValidLocaleSet = true;
+    });
+    if (isNotAllString) {
+        throw new InvalidSupportedLocalesError('"supportedLocales" must be string array');
+    }
+    if (isNoDefaultInSupported) {
+        throw new NoDefaultLocaleInSupportedLocalesError('There is no "defaultLocale" in "supportedLocales"');
+    }
+    if (isNotValidLocaleSet) {
+        throw new InvalidLocaleSetError('"localeSet" is invalid. The keys consist of supportedLocales');
+    }
+}
+// src/IntlProvider.tsx
+var import_react_intl = require("react-intl");
+var import_jsx_runtime = require("react/jsx-runtime");
+function IntlProvider(param) {
+    var i18nStore = param.i18nStore, currentLocale = param.currentLocale, children = param.children;
+    var defaultLocale = i18nStore.defaultLocale, localeSet = i18nStore.localeSet;
+    var locale = currentLocale !== null && currentLocale !== void 0 ? currentLocale : defaultLocale;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_intl.IntlProvider, {
+        locale: locale,
+        messages: localeSet[currentLocale],
+        children: children
+    });
+}
+// src/useTranslation.ts
+var import_react_intl2 = require("react-intl");
+var intlCache = (0, import_react_intl2.createIntlCache)();
+function useTranslation(param) {
+    var sheetTitle = param.sheetTitle;
+    var currentIntl = (0, import_react_intl2.useIntl)();
+    var totalMessages = currentIntl.messages;
+    var targetMessages = totalMessages[sheetTitle];
+    var newIntl = (0, import_react_intl2.createIntl)(_object_spread_props(_object_spread({}, currentIntl), {
+        messages: targetMessages
+    }), intlCache);
+    var t = function(id, values, opts, _descriptor) {
+        var descriptor = _object_spread_props(_object_spread({}, _descriptor !== null && _descriptor !== void 0 ? _descriptor : {}), {
+            id: id
+        });
+        return newIntl.$t(descriptor, values, opts);
+    };
+    return {
+        t: t
+    };
+}
+// src/createI18nContext.tsx
+var import_shared_utils2 = require("@sheet-i18n/shared-utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function createI18nContext(i18nStore) {
+    if (import_shared_utils2.validator.isNullish(i18nStore)) {
+        throw new InvalidI18nContextStateError("\u26A0\uFE0F no i18nStore provided. To use createI18nContext, you must provide an i18nStore as a parameter");
+    }
+    var IntlProviderImpl = function(param) {
+        var currentLocale = param.currentLocale, children = param.children;
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IntlProvider, {
+            currentLocale: currentLocale,
+            i18nStore: i18nStore,
+            children: children
+        });
+    };
+    var useTranslationImpl = function(sheetTitle) {
+        return useTranslation({
+            sheetTitle: sheetTitle,
+            i18nStore: i18nStore
+        });
+    };
+    return {
+        IntlProvider: IntlProviderImpl,
+        useTranslation: useTranslationImpl
+    };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  test
+    IntlProvider: IntlProvider,
+    createI18nContext: createI18nContext,
+    createI18nStore: createI18nStore,
+    useTranslation: useTranslation
 });

package/dist/index.mjs

@@ -1,5 +1,259 @@
-// src/index.ts
-var test = "test";
-export {
-  test
-};
+// src/createI18nStore.ts
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+import { validator } from "@sheet-i18n/shared-utils";
+// src/Errors.ts
+import { CustomError } from "@sheet-i18n/errors";
+var InvalidI18nStoreParamsError = /*#__PURE__*/ function(CustomError) {
+    "use strict";
+    _inherits(InvalidI18nStoreParamsError, CustomError);
+    function InvalidI18nStoreParamsError() {
+        _class_call_check(this, InvalidI18nStoreParamsError);
+        return _call_super(this, InvalidI18nStoreParamsError, arguments);
+    }
+    return InvalidI18nStoreParamsError;
+}(CustomError);
+var InvalidSupportedLocalesError = /*#__PURE__*/ function(CustomError) {
+    "use strict";
+    _inherits(InvalidSupportedLocalesError, CustomError);
+    function InvalidSupportedLocalesError() {
+        _class_call_check(this, InvalidSupportedLocalesError);
+        return _call_super(this, InvalidSupportedLocalesError, arguments);
+    }
+    return InvalidSupportedLocalesError;
+}(CustomError);
+var NoDefaultLocaleInSupportedLocalesError = /*#__PURE__*/ function(CustomError) {
+    "use strict";
+    _inherits(NoDefaultLocaleInSupportedLocalesError, CustomError);
+    function NoDefaultLocaleInSupportedLocalesError() {
+        _class_call_check(this, NoDefaultLocaleInSupportedLocalesError);
+        return _call_super(this, NoDefaultLocaleInSupportedLocalesError, arguments);
+    }
+    return NoDefaultLocaleInSupportedLocalesError;
+}(CustomError);
+var InvalidLocaleSetError = /*#__PURE__*/ function(CustomError) {
+    "use strict";
+    _inherits(InvalidLocaleSetError, CustomError);
+    function InvalidLocaleSetError() {
+        _class_call_check(this, InvalidLocaleSetError);
+        return _call_super(this, InvalidLocaleSetError, arguments);
+    }
+    return InvalidLocaleSetError;
+}(CustomError);
+var InvalidI18nContextStateError = /*#__PURE__*/ function(CustomError) {
+    "use strict";
+    _inherits(InvalidI18nContextStateError, CustomError);
+    function InvalidI18nContextStateError() {
+        _class_call_check(this, InvalidI18nContextStateError);
+        return _call_super(this, InvalidI18nContextStateError, arguments);
+    }
+    return InvalidI18nContextStateError;
+}(CustomError);
+// src/createI18nStore.ts
+var preRequisites = [
+    "supportedLocales",
+    "localeSet",
+    "defaultLocale"
+];
+function createI18nStore(i18nStoreParams) {
+    if (validator.hasInvalidValuePrerequisites(i18nStoreParams)) {
+        throw new InvalidI18nStoreParamsError("Invalid params when initiating i18nStore. ".concat(preRequisites.join(", "), " is required."));
+    }
+    var supportedLocales = i18nStoreParams.supportedLocales, defaultLocale = i18nStoreParams.defaultLocale, localeSet = i18nStoreParams.localeSet;
+    var _supportedLocales = supportedLocales;
+    var _defaultLocale = defaultLocale;
+    isInvalidSupportedLocales(_supportedLocales, _defaultLocale, localeSet);
+    return _object_spread({}, i18nStoreParams);
+}
+function isInvalidSupportedLocales(supportedLocales, defaultLocale, localeSet) {
+    if (!Array.isArray(supportedLocales) || typeof defaultLocale !== "string" || (typeof localeSet === "undefined" ? "undefined" : _type_of(localeSet)) !== "object") {
+        throw new InvalidI18nStoreParamsError("Invalid params. please input the correct params for initiating i18nStore.");
+    }
+    var isNotAllString = false;
+    var isNoDefaultInSupported = true;
+    var isNotValidLocaleSet = false;
+    supportedLocales.forEach(function(l) {
+        if (typeof l !== "string") isNotAllString = true;
+        if (l === defaultLocale) isNoDefaultInSupported = false;
+        if (validator.isNullish(localeSet[l])) isNotValidLocaleSet = true;
+    });
+    if (isNotAllString) {
+        throw new InvalidSupportedLocalesError('"supportedLocales" must be string array');
+    }
+    if (isNoDefaultInSupported) {
+        throw new NoDefaultLocaleInSupportedLocalesError('There is no "defaultLocale" in "supportedLocales"');
+    }
+    if (isNotValidLocaleSet) {
+        throw new InvalidLocaleSetError('"localeSet" is invalid. The keys consist of supportedLocales');
+    }
+}
+// src/IntlProvider.tsx
+import { IntlProvider as ReactIntlProvider } from "react-intl";
+import { jsx } from "react/jsx-runtime";
+function IntlProvider(param) {
+    var i18nStore = param.i18nStore, currentLocale = param.currentLocale, children = param.children;
+    var defaultLocale = i18nStore.defaultLocale, localeSet = i18nStore.localeSet;
+    var locale = currentLocale !== null && currentLocale !== void 0 ? currentLocale : defaultLocale;
+    return /* @__PURE__ */ jsx(ReactIntlProvider, {
+        locale: locale,
+        messages: localeSet[currentLocale],
+        children: children
+    });
+}
+// src/useTranslation.ts
+import { createIntlCache, createIntl, useIntl } from "react-intl";
+var intlCache = createIntlCache();
+function useTranslation(param) {
+    var sheetTitle = param.sheetTitle;
+    var currentIntl = useIntl();
+    var totalMessages = currentIntl.messages;
+    var targetMessages = totalMessages[sheetTitle];
+    var newIntl = createIntl(_object_spread_props(_object_spread({}, currentIntl), {
+        messages: targetMessages
+    }), intlCache);
+    var t = function(id, values, opts, _descriptor) {
+        var descriptor = _object_spread_props(_object_spread({}, _descriptor !== null && _descriptor !== void 0 ? _descriptor : {}), {
+            id: id
+        });
+        return newIntl.$t(descriptor, values, opts);
+    };
+    return {
+        t: t
+    };
+}
+// src/createI18nContext.tsx
+import { validator as validator2 } from "@sheet-i18n/shared-utils";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function createI18nContext(i18nStore) {
+    if (validator2.isNullish(i18nStore)) {
+        throw new InvalidI18nContextStateError("\u26A0\uFE0F no i18nStore provided. To use createI18nContext, you must provide an i18nStore as a parameter");
+    }
+    var IntlProviderImpl = function(param) {
+        var currentLocale = param.currentLocale, children = param.children;
+        return /* @__PURE__ */ jsx2(IntlProvider, {
+            currentLocale: currentLocale,
+            i18nStore: i18nStore,
+            children: children
+        });
+    };
+    var useTranslationImpl = function(sheetTitle) {
+        return useTranslation({
+            sheetTitle: sheetTitle,
+            i18nStore: i18nStore
+        });
+    };
+    return {
+        IntlProvider: IntlProviderImpl,
+        useTranslation: useTranslationImpl
+    };
+}
+export { IntlProvider, createI18nContext, createI18nStore, useTranslation };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@sheet-i18n/react",
-  "version": "0.1.0",
+  "version": "0.1.1-canary.1",
   "description": "i18n client logic based on react",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.mts",
   "files": [
     "dist/**/*"
   ],
@@ -25,7 +25,16 @@
   },
   "license": "ISC",
   "devDependencies": {
-    "@sheet-i18n/typescript-config": "0.2.1"
+    "@swc/core": "^1.10.2",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@sheet-i18n/errors": "0.2.2-canary.0",
+    "@sheet-i18n/typescript-config": "0.2.2-canary.0",
+    "@sheet-i18n/shared-utils": "0.2.2-canary.0"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-intl": "^7.0.4"
   },
   "scripts": {
     "build": "tsup",