Update package.json version (#1075)

__tests__/useTranslation.test.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import { render, cleanup, fireEvent } from '@testing-library/react'
 import I18nProvider from '../src/I18nProvider'
 import useTranslation from '../src/useTranslation'
+import _store from '../src/_store'
 
 const Inner = ({ i18nKey, query }) => {
  const { t } = useTranslation()
@@ -1525,7 +1526,7 @@ describe('useTranslation', () => {
  })
 
  describe('Next.js 13 app-dir', () => {
- test('should work without context (with globalThis.__NEXT_TRANSLATE__)', () => {
+ test('should work without context (with _store)', () => {
  const Inner = () => {
  const { t } = useTranslation()
  const text = t('ns:interpolation', {
@@ -1536,15 +1537,15 @@ describe('useTranslation', () => {
 
  const expected = 'There are 3 cats.'
 
- globalThis.__NEXT_TRANSLATE__ = {
+ _store.set({
  namespaces: {
  ns: {
  interpolation: 'There are {{count}} cats.',
  },
  },
  lang: 'en',
- }
- globalThis.i18nConfig = {}
+  config: {},
+ })
 
  const { container } = render(<Inner />)
  expect(container.textContent).toContain(expected)

examples/with-app-directory/package.json

@@ -22,7 +22,7 @@
  "@next/bundle-analyzer": "13.4.6",
  "@types/node": "20.3.1",
  "@types/react": "18.2.12",
- "next-translate-plugin": "2.3.0-canary.6",
+ "next-translate-plugin": "link:../../../next-translate-plugin",
  "typescript": "5.1.3"
  },
  "resolutions": {

package.json

@@ -42,12 +42,12 @@
  "useTranslation*",
  "setLanguage*",
  "index*",
- "app-dir*"
+ "_store*"
  ],
  "scripts": {
  "build": "yarn clean && cross-env NODE_ENV=production && yarn tsc",
  "clean": "yarn clean:build && yarn clean:examples",
- "clean:build": "rm -rf lib appWith* Dynamic* I18n* index context loadNa* setLang* Trans* useT* withT* getP* getC* *.d.ts getT transC* wrapT* types formatElements app-dir*",
+ "clean:build": "rm -rf lib appWith* Dynamic* I18n* index context loadNa* setLang* Trans* useT* withT* getP* getC* *.d.ts getT transC* wrapT* types formatElements _store*",
  "clean:examples": "rm -rf examples/**/.next && rm -rf examples/**/node_modules && rm -rf examples/**/yarn.lock",
  "example": "yarn example:complex",
  "example:basic": "yarn build && yarn --cwd examples/basic && yarn --cwd examples/basic dev",

src/_store.ts

@@ -0,0 +1,18 @@
+import { DataForStoreType } from '.'
+
+let data: DataForStoreType
+
+export default {
+ set(storeData: DataForStoreType) {
+ data = {
+ ...storeData,
+ namespaces: {
+ ...(data?.namespaces || {}),
+ ...(storeData.namespaces || {}),
+ },
+ }
+ },
+ get(): DataForStoreType {
+ return data
+ },
+}

src/index.tsx

@@ -5,6 +5,12 @@ export interface TranslationQuery {
  [name: string]: any
 }
 
+export type DataForStoreType = {
+ lang: string
+ namespaces: Record<string, I18nDictionary>
+ config: LoaderConfig
+}
+
 export type Translate = <T extends unknown = string>(
  i18nKey: string | TemplateStringsArray,
  query?: TranslationQuery | null,

src/useTranslation.tsx

@@ -1,5 +1,6 @@
 import { useContext, useMemo } from 'react'
 import { I18n } from '.'
+import store from './_store'
 import wrapTWithDefaultNs from './wrapTWithDefaultNs'
 import I18nContext from './context'
 import transCore from './transCore'
@@ -16,11 +17,11 @@ function useTranslationInPages(defaultNS?: string): I18n {
 }
 
 function useTranslationAppDir(defaultNS?: string) {
- const { lang, namespaces } = globalThis.__NEXT_TRANSLATE__ || {}
- const localesToIgnore = globalThis.i18nConfig.localesToIgnore || ['default']
+ const { lang, namespaces, config } = store.get()
+ const localesToIgnore = config.localesToIgnore || ['default']
  const ignoreLang = localesToIgnore.includes(lang)
  const t = transCore({
- config: globalThis.i18nConfig,
+ config,
  allNamespaces: namespaces,
  pluralRules: new Intl.PluralRules(ignoreLang ? undefined : lang),
  lang,
@@ -30,7 +31,7 @@ function useTranslationAppDir(defaultNS?: string) {
 }
 
 export default function useTranslation(defaultNS?: string): I18n {
- const isAppDir = !!globalThis.__NEXT_TRANSLATE__
- const useT = isAppDir ? useTranslationAppDir : useTranslationInPages
+ const appDir = store.get()
+ const useT = appDir?.config ? useTranslationAppDir : useTranslationInPages
  return useT(defaultNS)
 }