@vocab/react 0.0.0-intl-dep-bump-202301323944 → 0.0.0-package-files-20231142931

package/CHANGELOG.md

@@ -1,13 +1,22 @@
 # @vocab/react
 
-## 0.0.0-intl-dep-bump-202301323944
+## 0.0.0-package-files-20231142931
 
 ### Patch Changes
 
-- [`b63496a`](https://github.com/seek-oss/vocab/commit/b63496a4e25c1537e9b10057749e6660b24c777b) Thanks [@askoufis](https://github.com/askoufis)! - Update intl dependencies
+- [`29c81d3`](https://github.com/seek-oss/vocab/commit/29c81d370799f631d97c45e727b8cf81453bd398) Thanks [@askoufis](https://github.com/askoufis)! - Exclude source files from package build
 
-- Updated dependencies [[`b63496a`](https://github.com/seek-oss/vocab/commit/b63496a4e25c1537e9b10057749e6660b24c777b)]:
-  - @vocab/types@0.0.0-intl-dep-bump-202301323944
+- Updated dependencies [[`29c81d3`](https://github.com/seek-oss/vocab/commit/29c81d370799f631d97c45e727b8cf81453bd398)]:
+  - @vocab/types@0.0.0-package-files-20231142931
+
+## 1.1.3
+
+### Patch Changes
+
+- [`e5a066c`](https://github.com/seek-oss/vocab/commit/e5a066c8a7539a62a9c1c4d813aa87461ba43cdc) [#96](https://github.com/seek-oss/vocab/pull/96) Thanks [@askoufis](https://github.com/askoufis)! - Update `intl-messageformat` dependencies
+
+- Updated dependencies [[`e5a066c`](https://github.com/seek-oss/vocab/commit/e5a066c8a7539a62a9c1c4d813aa87461ba43cdc)]:
+  - @vocab/types@1.1.1
 
 ## 1.1.2
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vocab/react",
-  "version": "0.0.0-intl-dep-bump-202301323944",
+  "version": "0.0.0-package-files-20231142931",
   "main": "dist/vocab-react.cjs.js",
   "module": "dist/vocab-react.esm.js",
   "author": "SEEK",
@@ -8,8 +8,11 @@
   "peerDependencies": {
     "react": ">=16.3.0"
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@vocab/types": "^0.0.0-intl-dep-bump-202301323944",
+    "@vocab/types": "^0.0.0-package-files-20231142931",
     "intl-messageformat": "^10.0.0"
   },
   "devDependencies": {

package/src/index.tsx

@@ -1,167 +0,0 @@
-import {
-  TranslationFile,
-  LanguageName,
-  ParsedFormatFnByKey,
-  ParsedFormatFn,
-} from '@vocab/types';
-import React, {
-  ReactNode,
-  useContext,
-  useMemo,
-  useReducer,
-  isValidElement,
-  cloneElement,
-  useCallback,
-} from 'react';
-
-type Locale = string;
-
-interface TranslationsValue {
-  language: LanguageName;
-  locale?: Locale;
-}
-
-const TranslationsContext = React.createContext<TranslationsValue | undefined>(
-  undefined,
-);
-
-interface VocabProviderProps extends TranslationsValue {
-  children: ReactNode;
-}
-export const VocabProvider = ({
-  children,
-  language,
-  locale,
-}: VocabProviderProps) => {
-  const value = useMemo(() => ({ language, locale }), [language, locale]);
-
-  return (
-    <TranslationsContext.Provider value={value}>
-      {children}
-    </TranslationsContext.Provider>
-  );
-};
-
-export const useLanguage = (): TranslationsValue => {
-  const context = useContext(TranslationsContext);
-  if (!context) {
-    throw new Error(
-      'Attempted to access translation without Vocab context set. Did you forget to render VocabProvider?',
-    );
-  }
-  if (!context.language) {
-    throw new Error(
-      'Attempted to access translation without language set. Did you forget to pass language to VocabProvider?',
-    );
-  }
-
-  return context;
-};
-
-const SERVER_RENDERING = typeof window === 'undefined';
-
-type FormatXMLElementReactNodeFn = (parts: ReactNode[]) => ReactNode;
-
-type MapToReactNodeFunction<Params extends Record<string, any>> = {
-  [key in keyof Params]: Params[key] extends ParsedFormatFn
-    ? FormatXMLElementReactNodeFn
-    : Params[key];
-};
-
-type TranslateFn<FormatFnByKey extends ParsedFormatFnByKey> = {
-  <TranslationKey extends keyof FormatFnByKey>(
-    key: TranslationKey,
-    params: MapToReactNodeFunction<
-      Parameters<FormatFnByKey[TranslationKey]>[0]
-    >,
-  ): ReturnType<FormatFnByKey[TranslationKey]> extends string
-    ? string
-    : ReactNode | string | Array<ReactNode | string>;
-  <TranslationKey extends keyof FormatFnByKey>(
-    key: Parameters<FormatFnByKey[TranslationKey]>[0] extends Record<
-      string,
-      any
-    >
-      ? never
-      : TranslationKey,
-  ): string;
-};
-
-export function useTranslations<
-  Language extends string,
-  FormatFnByKey extends ParsedFormatFnByKey,
->(
-  translations: TranslationFile<Language, FormatFnByKey>,
-): {
-  ready: boolean;
-  t: TranslateFn<FormatFnByKey>;
-} {
-  const { language, locale } = useLanguage();
-  const [, forceRender] = useReducer((s: number) => s + 1, 0);
-
-  const translationsObject = translations.getLoadedMessages(
-    language as any,
-    locale || language,
-  );
-
-  let ready = true;
-
-  if (!translationsObject) {
-    if (SERVER_RENDERING) {
-      throw new Error(
-        `Translations not synchronously available on server render. Applying translations dynamically server-side is not supported.`,
-      );
-    }
-
-    translations.load(language as any).then(() => {
-      forceRender();
-    });
-    ready = false;
-  }
-
-  const t = useCallback(
-    (key: string, params?: any) => {
-      if (!translationsObject) {
-        return ' ';
-      }
-
-      const message = translationsObject?.[key];
-
-      if (!message) {
-        // eslint-disable-next-line no-console
-        console.error(
-          `Unable to find translation for key "${key}". Possible keys are ${Object.keys(
-            translationsObject,
-          )
-            .map((v) => `"${v}"`)
-            .join(', ')}`,
-        );
-        return '';
-      }
-
-      const result = message.format(params);
-
-      if (Array.isArray(result)) {
-        for (let i = 0; i < result.length; i++) {
-          const item = result[i];
-          if (
-            typeof item === 'object' &&
-            item &&
-            !item.key &&
-            isValidElement(item)
-          ) {
-            result[i] = cloneElement(item, { key: `_vocab-${i}` });
-          }
-        }
-      }
-
-      return result;
-    },
-    [translationsObject],
-  );
-
-  return {
-    ready,
-    t,
-  };
-}