@red-hat-developer-hub/backstage-plugin-translations 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @red-hat-developer-hub/backstage-plugin-translations
+
+## 0.0.1
+
+### Patch Changes
+
+- 788bb05: Create an initial version of the translation plugin

package/README.md

@@ -0,0 +1,13 @@
+# translations
+
+Welcome to the translations plugin!
+
+_This plugin was created through the Backstage CLI_
+
+## Getting started
+
+Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/translations](http://localhost:3000/translations).
+
+You can also serve the plugin in isolation by running `yarn start` in the plugin directory.
+This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
+It is only meant for local development, and the setup for it can be found inside the [/dev](./dev) directory.

package/dist/apis/I18nextTranslationApi.esm.js

@@ -0,0 +1,301 @@
+import { createInstance } from 'i18next';
+import ObservableImpl from 'zen-observable';
+import { isValidElement, createElement, Fragment } from 'react';
+import { toInternalTranslationRef } from './TranslationRef.esm.js';
+import { toInternalTranslationResource } from './TranslationResource.esm.js';
+
+const DEFAULT_LANGUAGE = "en";
+function removeNulls(messages) {
+  return Object.fromEntries(
+    Object.entries(messages).filter(
+      (e) => e[1] !== null
+    )
+  );
+}
+class ResourceLoader {
+  constructor(onLoad) {
+    this.onLoad = onLoad;
+  }
+  /** Loaded resources by loader key */
+  #loaded = /* @__PURE__ */ new Set();
+  /** Resource loading promises by loader key */
+  #loading = /* @__PURE__ */ new Map();
+  /** Loaders for each resource language */
+  #loaders = /* @__PURE__ */ new Map();
+  addTranslationResource(resource) {
+    const internalResource = toInternalTranslationResource(resource);
+    for (const entry of internalResource.resources) {
+      const key = this.#getLoaderKey(entry.language, internalResource.id);
+      if (!this.#loaders.has(key)) {
+        this.#loaders.set(key, entry.loader);
+      }
+    }
+  }
+  #getLoaderKey(language, namespace) {
+    return `${language}/${namespace}`;
+  }
+  needsLoading(language, namespace) {
+    const key = this.#getLoaderKey(language, namespace);
+    const loader = this.#loaders.get(key);
+    if (!loader) {
+      return false;
+    }
+    return !this.#loaded.has(key);
+  }
+  async load(language, namespace) {
+    const key = this.#getLoaderKey(language, namespace);
+    const loader = this.#loaders.get(key);
+    if (!loader) {
+      return;
+    }
+    if (this.#loaded.has(key)) {
+      return;
+    }
+    const loading = this.#loading.get(key);
+    if (loading) {
+      await loading;
+      return;
+    }
+    const load = loader().then(
+      (result) => {
+        this.onLoad({ language, namespace, messages: result.messages });
+        this.#loaded.add(key);
+      },
+      (error) => {
+        this.#loaded.add(key);
+        throw error;
+      }
+    );
+    this.#loading.set(key, load);
+    await load;
+  }
+}
+class JsxInterpolator {
+  #setFormatHook;
+  #marker;
+  #pattern;
+  static fromI18n(i18n) {
+    const interpolator = i18n.services.interpolator;
+    const originalFormat = interpolator.format;
+    let formatHook;
+    interpolator.format = (value, format, lng, formatOpts) => {
+      if (format) {
+        return originalFormat(value, format, lng, formatOpts);
+      }
+      return formatHook?.(value, format, lng, formatOpts) ?? value;
+    };
+    return new JsxInterpolator(
+      // Using a random marker to ensure it can't be misused
+      Math.random().toString(36).substring(2, 8),
+      (hook) => {
+        formatHook = hook;
+      }
+    );
+  }
+  constructor(marker, setFormatHook) {
+    this.#setFormatHook = setFormatHook;
+    this.#marker = marker;
+    this.#pattern = new RegExp(`\\$${marker}\\(([^)]+)\\)`);
+  }
+  wrapT(originalT) {
+    return ((key, options) => {
+      let elementsMap = void 0;
+      this.#setFormatHook((value) => {
+        if (isValidElement(value)) {
+          if (!elementsMap) {
+            elementsMap = /* @__PURE__ */ new Map();
+          }
+          const elementKey = elementsMap.size.toString();
+          elementsMap.set(elementKey, value);
+          return `$${this.#marker}(${elementKey})`;
+        }
+        return value;
+      });
+      const result = originalT(key, options);
+      if (!elementsMap) {
+        return result;
+      }
+      const split = result.split(this.#pattern);
+      return createElement(
+        Fragment,
+        null,
+        ...split.map((part, index) => {
+          if (index % 2 === 0) {
+            return part;
+          }
+          return elementsMap?.get(part);
+        }).filter(Boolean)
+      );
+    });
+  }
+}
+class I18nextTranslationApi {
+  static create(options) {
+    const { languages } = options.languageApi.getAvailableLanguages();
+    const i18n = createInstance({
+      fallbackLng: DEFAULT_LANGUAGE,
+      supportedLngs: languages,
+      interpolation: {
+        escapeValue: false,
+        // Used for the JsxInterpolator format hook
+        alwaysFormat: true
+      },
+      ns: [],
+      defaultNS: false,
+      fallbackNS: false,
+      // Disable resource loading on init, meaning i18n will be ready to use immediately
+      initImmediate: false
+    });
+    i18n.init();
+    if (!i18n.isInitialized) {
+      throw new Error("i18next was unexpectedly not initialized");
+    }
+    const interpolator = JsxInterpolator.fromI18n(i18n);
+    const { language: initialLanguage } = options.languageApi.getLanguage();
+    if (initialLanguage !== DEFAULT_LANGUAGE) {
+      i18n.changeLanguage(initialLanguage);
+    }
+    const loader = new ResourceLoader((loaded) => {
+      i18n.addResourceBundle(
+        loaded.language,
+        loaded.namespace,
+        removeNulls(loaded.messages),
+        false,
+        // do not merge with existing translations
+        true
+        // overwrite translations
+      );
+    });
+    const resources = options?.resources || [];
+    for (let i = resources.length - 1; i >= 0; i--) {
+      const resource = resources[i];
+      if (resource.$$type === "@backstage/TranslationResource") {
+        loader.addTranslationResource(resource);
+      } else if (resource.$$type === "@backstage/TranslationMessages") {
+        i18n.addResourceBundle(
+          DEFAULT_LANGUAGE,
+          resource.id,
+          removeNulls(resource.messages),
+          true,
+          // merge with existing translations
+          false
+          // do not overwrite translations
+        );
+      }
+    }
+    const instance = new I18nextTranslationApi(
+      i18n,
+      loader,
+      options.languageApi.getLanguage().language,
+      interpolator
+    );
+    options.languageApi.language$().subscribe(({ language }) => {
+      instance.#changeLanguage(language);
+    });
+    return instance;
+  }
+  #i18n;
+  #loader;
+  #language;
+  #jsxInterpolator;
+  /** Keep track of which refs we have registered default resources for */
+  #registeredRefs = /* @__PURE__ */ new Set();
+  /** Notify observers when language changes */
+  #languageChangeListeners = /* @__PURE__ */ new Set();
+  constructor(i18n, loader, language, jsxInterpolator) {
+    this.#i18n = i18n;
+    this.#loader = loader;
+    this.#language = language;
+    this.#jsxInterpolator = jsxInterpolator;
+  }
+  getI18nInstance() {
+    return this.#i18n;
+  }
+  getTranslation(translationRef) {
+    const internalRef = toInternalTranslationRef(translationRef);
+    this.#registerDefaults(internalRef);
+    return this.#createSnapshot(internalRef);
+  }
+  translation$(translationRef) {
+    const internalRef = toInternalTranslationRef(translationRef);
+    this.#registerDefaults(internalRef);
+    return new ObservableImpl((subscriber) => {
+      let loadTicket = {};
+      const loadResource = () => {
+        loadTicket = {};
+        const ticket = loadTicket;
+        this.#loader.load(this.#language, internalRef.id).then(
+          () => {
+            if (ticket === loadTicket) {
+              const snapshot = this.#createSnapshot(internalRef);
+              if (snapshot.ready) {
+                subscriber.next(snapshot);
+              }
+            }
+          },
+          (error) => {
+            if (ticket === loadTicket) {
+              subscriber.error(Array.isArray(error) ? error[0] : error);
+            }
+          }
+        );
+      };
+      const onChange = () => {
+        const snapshot = this.#createSnapshot(internalRef);
+        if (snapshot.ready) {
+          subscriber.next(snapshot);
+        } else {
+          loadResource();
+        }
+      };
+      if (this.#loader.needsLoading(this.#language, internalRef.id)) {
+        loadResource();
+      }
+      this.#languageChangeListeners.add(onChange);
+      return () => {
+        this.#languageChangeListeners.delete(onChange);
+      };
+    });
+  }
+  #changeLanguage(language) {
+    if (this.#language !== language) {
+      this.#language = language;
+      this.#i18n.changeLanguage(language);
+      this.#languageChangeListeners.forEach((listener) => listener());
+    }
+  }
+  #createSnapshot(internalRef) {
+    if (this.#loader.needsLoading(this.#language, internalRef.id)) {
+      return { ready: false };
+    }
+    const unwrappedT = this.#i18n.getFixedT(null, internalRef.id);
+    const t = this.#jsxInterpolator.wrapT(unwrappedT);
+    return {
+      ready: true,
+      t
+    };
+  }
+  #registerDefaults(internalRef) {
+    if (this.#registeredRefs.has(internalRef.id)) {
+      return;
+    }
+    this.#registeredRefs.add(internalRef.id);
+    const defaultMessages = internalRef.getDefaultMessages();
+    this.#i18n.addResourceBundle(
+      DEFAULT_LANGUAGE,
+      internalRef.id,
+      defaultMessages,
+      true,
+      // merge with existing translations
+      false
+      // do not overwrite translations
+    );
+    const defaultResource = internalRef.getDefaultResource();
+    if (defaultResource) {
+      this.#loader.addTranslationResource(defaultResource);
+    }
+  }
+}
+
+export { I18nextTranslationApi, JsxInterpolator };
+//# sourceMappingURL=I18nextTranslationApi.esm.js.map

package/dist/apis/I18nextTranslationApi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nextTranslationApi.esm.js","sources":["../../src/apis/I18nextTranslationApi.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  AppLanguageApi,\n  TranslationApi,\n  TranslationFunction,\n  TranslationMessages,\n  TranslationRef,\n  TranslationResource,\n  TranslationSnapshot,\n} from '@backstage/core-plugin-api/alpha';\nimport {\n  createInstance as createI18n,\n  FormatFunction,\n  Interpolator,\n  TFunction,\n  type i18n as I18n,\n} from 'i18next';\nimport ObservableImpl from 'zen-observable';\n\nimport { Observable } from '@backstage/types';\nimport { createElement, Fragment, ReactNode, isValidElement } from 'react';\nimport {\n  InternalTranslationRef,\n  toInternalTranslationRef,\n} from './TranslationRef';\nimport {\n  InternalTranslationResourceLoader,\n  toInternalTranslationResource,\n} from './TranslationResource';\n\nconst DEFAULT_LANGUAGE = 'en';\n\n/** @public */\nexport interface I18nextTranslationApiOptions {\n  languageApi: AppLanguageApi;\n  resources?: Array<TranslationMessages | TranslationResource>;\n}\n\nfunction removeNulls(\n  messages: Record<string, string | null>,\n): Record<string, string> {\n  return Object.fromEntries(\n    Object.entries(messages).filter(\n      (e): e is [string, string] => e[1] !== null,\n    ),\n  );\n}\n\n/**\n * The built-in i18next backend loading logic doesn't handle on the fly switches\n * of language very well. It gets a bit confused about whether resources are actually\n * loaded or not, so instead we implement our own resource loader.\n */\nclass ResourceLoader {\n  /** Loaded resources by loader key */\n  #loaded = new Set<string>();\n  /** Resource loading promises by loader key */\n  #loading = new Map<string, Promise<void>>();\n  /** Loaders for each resource language */\n  #loaders = new Map<string, InternalTranslationResourceLoader>();\n\n  constructor(\n    private readonly onLoad: (loaded: {\n      language: string;\n      namespace: string;\n      messages: Record<string, string | null>;\n    }) => void,\n  ) {}\n\n  addTranslationResource(resource: TranslationResource) {\n    const internalResource = toInternalTranslationResource(resource);\n    for (const entry of internalResource.resources) {\n      const key = this.#getLoaderKey(entry.language, internalResource.id);\n\n      // First loader to register wins, this means that resources registered in the app\n      // have priority over default resource from translation refs\n      if (!this.#loaders.has(key)) {\n        this.#loaders.set(key, entry.loader);\n      }\n    }\n  }\n\n  #getLoaderKey(language: string, namespace: string) {\n    return `${language}/${namespace}`;\n  }\n\n  needsLoading(language: string, namespace: string) {\n    const key = this.#getLoaderKey(language, namespace);\n    const loader = this.#loaders.get(key);\n    if (!loader) {\n      return false;\n    }\n\n    return !this.#loaded.has(key);\n  }\n\n  async load(language: string, namespace: string): Promise<void> {\n    const key = this.#getLoaderKey(language, namespace);\n\n    const loader = this.#loaders.get(key);\n    if (!loader) {\n      return;\n    }\n\n    if (this.#loaded.has(key)) {\n      return;\n    }\n\n    const loading = this.#loading.get(key);\n    if (loading) {\n      await loading;\n      return;\n    }\n\n    const load = loader().then(\n      result => {\n        this.onLoad({ language, namespace, messages: result.messages });\n        this.#loaded.add(key);\n      },\n      error => {\n        this.#loaded.add(key); // Do not try to load failed resources again\n        throw error;\n      },\n    );\n    this.#loading.set(key, load);\n    await load;\n  }\n}\n\n/**\n * A helper for implementing JSX interpolation\n */\nexport class JsxInterpolator {\n  readonly #setFormatHook: (hook: FormatFunction) => void;\n  readonly #marker: string;\n  readonly #pattern: RegExp;\n\n  static fromI18n(i18n: I18n) {\n    const interpolator = i18n.services.interpolator as Interpolator & {\n      format: FormatFunction;\n    };\n    const originalFormat = interpolator.format;\n\n    let formatHook: FormatFunction | undefined;\n\n    // This is the only way to override the format function of the interpolator\n    // without overriding the default formatters. See the behavior here:\n    // https://github.com/i18next/i18next/blob/c633121e57e2b6024080142d78027842bf2a6e5e/src/i18next.js#L120-L125\n    interpolator.format = (value, format, lng, formatOpts) => {\n      if (format) {\n        return originalFormat(value, format, lng, formatOpts);\n      }\n      return formatHook?.(value, format, lng, formatOpts) ?? value;\n    };\n\n    return new JsxInterpolator(\n      // Using a random marker to ensure it can't be misused\n      Math.random().toString(36).substring(2, 8),\n      hook => {\n        formatHook = hook;\n      },\n    );\n  }\n\n  private constructor(\n    marker: string,\n    setFormatHook: (hook: FormatFunction) => void,\n  ) {\n    this.#setFormatHook = setFormatHook;\n    this.#marker = marker;\n    this.#pattern = new RegExp(`\\\\$${marker}\\\\(([^)]+)\\\\)`);\n  }\n\n  wrapT<TMessages extends { [key in string]: string }>(\n    originalT: TFunction,\n  ): TranslationFunction<TMessages> {\n    return ((key, options) => {\n      let elementsMap: Map<string, ReactNode> | undefined = undefined;\n\n      // There's no way to override the format hook via the translation function\n      // options, event though types indicate that it might be possible.\n      // Instead, override the format function hook before every invocation and\n      // rely on synchronous execution.\n      this.#setFormatHook(value => {\n        if (isValidElement(value)) {\n          if (!elementsMap) {\n            elementsMap = new Map();\n          }\n          const elementKey = elementsMap.size.toString();\n          elementsMap.set(elementKey, value);\n\n          return `$${this.#marker}(${elementKey})`;\n        }\n        return value;\n      });\n\n      // Overriding the return options is not allowed via TranslationFunction,\n      // so this will always be a string\n      const result = originalT(key, options as any) as unknown as string;\n      if (!elementsMap) {\n        return result;\n      }\n\n      const split = result.split(this.#pattern);\n\n      return createElement(\n        Fragment,\n        null,\n        ...split\n          .map((part, index) => {\n            if (index % 2 === 0) {\n              return part;\n            }\n            return elementsMap?.get(part);\n          })\n          .filter(Boolean),\n      );\n    }) as TranslationFunction<TMessages>;\n  }\n}\n\n/** @public */\nexport class I18nextTranslationApi implements TranslationApi {\n  static create(options: I18nextTranslationApiOptions) {\n    const { languages } = options.languageApi.getAvailableLanguages();\n\n    const i18n = createI18n({\n      fallbackLng: DEFAULT_LANGUAGE,\n      supportedLngs: languages,\n      interpolation: {\n        escapeValue: false,\n        // Used for the JsxInterpolator format hook\n        alwaysFormat: true,\n      },\n      ns: [],\n      defaultNS: false,\n      fallbackNS: false,\n\n      // Disable resource loading on init, meaning i18n will be ready to use immediately\n      initImmediate: false,\n    });\n\n    i18n.init();\n    if (!i18n.isInitialized) {\n      throw new Error('i18next was unexpectedly not initialized');\n    }\n\n    const interpolator = JsxInterpolator.fromI18n(i18n);\n\n    const { language: initialLanguage } = options.languageApi.getLanguage();\n    if (initialLanguage !== DEFAULT_LANGUAGE) {\n      i18n.changeLanguage(initialLanguage);\n    }\n\n    const loader = new ResourceLoader(loaded => {\n      i18n.addResourceBundle(\n        loaded.language,\n        loaded.namespace,\n        removeNulls(loaded.messages),\n        false, // do not merge with existing translations\n        true, // overwrite translations\n      );\n    });\n\n    const resources = options?.resources || [];\n    // Iterate in reverse, giving higher priority to resources registered later\n    for (let i = resources.length - 1; i >= 0; i--) {\n      const resource = resources[i];\n      if (resource.$$type === '@backstage/TranslationResource') {\n        loader.addTranslationResource(resource);\n      } else if (resource.$$type === '@backstage/TranslationMessages') {\n        // Overrides for default messages, created with createTranslationMessages and installed via app\n        i18n.addResourceBundle(\n          DEFAULT_LANGUAGE,\n          resource.id,\n          removeNulls(resource.messages),\n          true, // merge with existing translations\n          false, // do not overwrite translations\n        );\n      }\n    }\n\n    const instance = new I18nextTranslationApi(\n      i18n,\n      loader,\n      options.languageApi.getLanguage().language,\n      interpolator,\n    );\n\n    options.languageApi.language$().subscribe(({ language }) => {\n      instance.#changeLanguage(language);\n    });\n\n    return instance;\n  }\n\n  #i18n: I18n;\n  #loader: ResourceLoader;\n  #language: string;\n  #jsxInterpolator: JsxInterpolator;\n\n  /** Keep track of which refs we have registered default resources for */\n  #registeredRefs = new Set<string>();\n  /** Notify observers when language changes */\n  #languageChangeListeners = new Set<() => void>();\n\n  private constructor(\n    i18n: I18n,\n    loader: ResourceLoader,\n    language: string,\n    jsxInterpolator: JsxInterpolator,\n  ) {\n    this.#i18n = i18n;\n    this.#loader = loader;\n    this.#language = language;\n    this.#jsxInterpolator = jsxInterpolator;\n  }\n\n  getI18nInstance(): I18n {\n    return this.#i18n;\n  }\n\n  getTranslation<TMessages extends { [key in string]: string }>(\n    translationRef: TranslationRef<string, TMessages>,\n  ): TranslationSnapshot<TMessages> {\n    const internalRef = toInternalTranslationRef(translationRef);\n\n    this.#registerDefaults(internalRef);\n\n    return this.#createSnapshot(internalRef);\n  }\n\n  translation$<TMessages extends { [key in string]: string }>(\n    translationRef: TranslationRef<string, TMessages>,\n  ): Observable<TranslationSnapshot<TMessages>> {\n    const internalRef = toInternalTranslationRef(translationRef);\n\n    this.#registerDefaults(internalRef);\n\n    return new ObservableImpl<TranslationSnapshot<TMessages>>(subscriber => {\n      let loadTicket = {}; // To check for stale loads\n\n      const loadResource = () => {\n        loadTicket = {};\n        const ticket = loadTicket;\n        this.#loader.load(this.#language, internalRef.id).then(\n          () => {\n            if (ticket === loadTicket) {\n              const snapshot = this.#createSnapshot(internalRef);\n              if (snapshot.ready) {\n                subscriber.next(snapshot);\n              }\n            }\n          },\n          error => {\n            if (ticket === loadTicket) {\n              subscriber.error(Array.isArray(error) ? error[0] : error);\n            }\n          },\n        );\n      };\n\n      const onChange = () => {\n        const snapshot = this.#createSnapshot(internalRef);\n        if (snapshot.ready) {\n          subscriber.next(snapshot);\n        } else {\n          loadResource();\n        }\n      };\n\n      if (this.#loader.needsLoading(this.#language, internalRef.id)) {\n        loadResource();\n      }\n\n      this.#languageChangeListeners.add(onChange);\n      return () => {\n        this.#languageChangeListeners.delete(onChange);\n      };\n    });\n  }\n\n  #changeLanguage(language: string): void {\n    if (this.#language !== language) {\n      this.#language = language;\n      this.#i18n.changeLanguage(language);\n      this.#languageChangeListeners.forEach(listener => listener());\n    }\n  }\n\n  #createSnapshot<TMessages extends { [key in string]: string }>(\n    internalRef: InternalTranslationRef<string, TMessages>,\n  ): TranslationSnapshot<TMessages> {\n    if (this.#loader.needsLoading(this.#language, internalRef.id)) {\n      return { ready: false };\n    }\n\n    const unwrappedT = this.#i18n.getFixedT(null, internalRef.id);\n    const t = this.#jsxInterpolator.wrapT<TMessages>(unwrappedT);\n\n    return {\n      ready: true,\n      t,\n    };\n  }\n\n  #registerDefaults(internalRef: InternalTranslationRef): void {\n    if (this.#registeredRefs.has(internalRef.id)) {\n      return;\n    }\n    this.#registeredRefs.add(internalRef.id);\n\n    const defaultMessages = internalRef.getDefaultMessages();\n    this.#i18n.addResourceBundle(\n      DEFAULT_LANGUAGE,\n      internalRef.id,\n      defaultMessages,\n      true, // merge with existing translations\n      false, // do not overwrite translations\n    );\n\n    const defaultResource = internalRef.getDefaultResource();\n    if (defaultResource) {\n      this.#loader.addTranslationResource(defaultResource);\n    }\n  }\n}\n"],"names":["createI18n"],"mappings":"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"}

package/dist/apis/TranslationRef.esm.js

@@ -0,0 +1,13 @@
+function toInternalTranslationRef(ref) {
+  const r = ref;
+  if (r.$$type !== "@backstage/TranslationRef") {
+    throw new Error(`Invalid translation ref, bad type '${r.$$type}'`);
+  }
+  if (r.version !== "v1") {
+    throw new Error(`Invalid translation ref, bad version '${r.version}'`);
+  }
+  return r;
+}
+
+export { toInternalTranslationRef };
+//# sourceMappingURL=TranslationRef.esm.js.map

package/dist/apis/TranslationRef.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationRef.esm.js","sources":["../../src/apis/TranslationRef.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  TranslationRef,\n  TranslationResource,\n} from '@backstage/core-plugin-api/alpha';\n\n/** @internal */\ntype AnyMessages = { [key in string]: string };\n\n/** @internal */\nexport interface InternalTranslationRef<\n  TId extends string = string,\n  TMessages extends { [key in string]: string } = { [key in string]: string },\n> extends TranslationRef<TId, TMessages> {\n  version: 'v1';\n\n  getDefaultMessages(): AnyMessages;\n\n  getDefaultResource(): TranslationResource | undefined;\n}\n\n/** @internal */\nexport function toInternalTranslationRef<\n  TId extends string,\n  TMessages extends AnyMessages,\n>(ref: TranslationRef<TId, TMessages>): InternalTranslationRef<TId, TMessages> {\n  const r = ref as InternalTranslationRef<TId, TMessages>;\n  if (r.$$type !== '@backstage/TranslationRef') {\n    throw new Error(`Invalid translation ref, bad type '${r.$$type}'`);\n  }\n  if (r.version !== 'v1') {\n    throw new Error(`Invalid translation ref, bad version '${r.version}'`);\n  }\n  return r;\n}\n"],"names":[],"mappings":"AAoCO,SAAS,yBAGd,GAAA,EAA6E;AAC7E,EAAA,MAAM,CAAA,GAAI,GAAA;AACV,EAAA,IAAI,CAAA,CAAE,WAAW,2BAAA,EAA6B;AAC5C,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,mCAAA,EAAsC,CAAA,CAAE,MAAM,CAAA,CAAA,CAAG,CAAA;AAAA,EACnE;AACA,EAAA,IAAI,CAAA,CAAE,YAAY,IAAA,EAAM;AACtB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,sCAAA,EAAyC,CAAA,CAAE,OAAO,CAAA,CAAA,CAAG,CAAA;AAAA,EACvE;AACA,EAAA,OAAO,CAAA;AACT;;;;"}

package/dist/apis/TranslationResource.esm.js

@@ -0,0 +1,13 @@
+function toInternalTranslationResource(resource) {
+  const r = resource;
+  if (r.$$type !== "@backstage/TranslationResource") {
+    throw new Error(`Invalid translation resource, bad type '${r.$$type}'`);
+  }
+  if (r.version !== "v1") {
+    throw new Error(`Invalid translation resource, bad version '${r.version}'`);
+  }
+  return r;
+}
+
+export { toInternalTranslationResource };
+//# sourceMappingURL=TranslationResource.esm.js.map

package/dist/apis/TranslationResource.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationResource.esm.js","sources":["../../src/apis/TranslationResource.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { TranslationResource } from '@backstage/core-plugin-api/alpha';\n\n/** @internal */\nexport type InternalTranslationResourceLoader = () => Promise<{\n  messages: { [key in string]: string | null };\n}>;\n\n/** @internal */\nexport interface InternalTranslationResource<TId extends string = string>\n  extends TranslationResource<TId> {\n  version: 'v1';\n  resources: Array<{\n    language: string;\n    loader: InternalTranslationResourceLoader;\n  }>;\n}\n\n/** @internal */\nexport function toInternalTranslationResource<TId extends string>(\n  resource: TranslationResource<TId>,\n): InternalTranslationResource<TId> {\n  const r = resource as InternalTranslationResource<TId>;\n  if (r.$$type !== '@backstage/TranslationResource') {\n    throw new Error(`Invalid translation resource, bad type '${r.$$type}'`);\n  }\n  if (r.version !== 'v1') {\n    throw new Error(`Invalid translation resource, bad version '${r.version}'`);\n  }\n\n  return r;\n}\n"],"names":[],"mappings":"AAiCO,SAAS,8BACd,QAAA,EACkC;AAClC,EAAA,MAAM,CAAA,GAAI,QAAA;AACV,EAAA,IAAI,CAAA,CAAE,WAAW,gCAAA,EAAkC;AACjD,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,wCAAA,EAA2C,CAAA,CAAE,MAAM,CAAA,CAAA,CAAG,CAAA;AAAA,EACxE;AACA,EAAA,IAAI,CAAA,CAAE,YAAY,IAAA,EAAM;AACtB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,2CAAA,EAA8C,CAAA,CAAE,OAAO,CAAA,CAAA,CAAG,CAAA;AAAA,EAC5E;AAEA,EAAA,OAAO,CAAA;AACT;;;;"}

package/dist/components/AppLanguageCard.esm.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InfoCard } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';
+
+const AppLanguageCard = () => {
+  const appLanguageApi = useApi(appLanguageApiRef);
+  return /* @__PURE__ */ jsxs(InfoCard, { title: "AppLanguageApi", children: [
+    /* @__PURE__ */ jsx("strong", { children: "Current Language:" }),
+    /* @__PURE__ */ jsx("br", {}),
+    appLanguageApi.getLanguage().language,
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("strong", { children: "Available languages:" }),
+    /* @__PURE__ */ jsx("br", {}),
+    appLanguageApi.getAvailableLanguages().languages.map((lang) => /* @__PURE__ */ jsx("div", { children: lang }, lang))
+  ] });
+};
+
+export { AppLanguageCard };
+//# sourceMappingURL=AppLanguageCard.esm.js.map

package/dist/components/AppLanguageCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLanguageCard.esm.js","sources":["../../src/components/AppLanguageCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { InfoCard } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';\n\nexport const AppLanguageCard = () => {\n  const appLanguageApi = useApi(appLanguageApiRef);\n\n  return (\n    <InfoCard title=\"AppLanguageApi\">\n      <strong>Current Language:</strong>\n      <br />\n      {appLanguageApi.getLanguage().language}\n      <br />\n      <br />\n\n      <strong>Available languages:</strong>\n      <br />\n      {appLanguageApi.getAvailableLanguages().languages.map(lang => (\n        <div key={lang}>{lang}</div>\n      ))}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,cAAA,GAAiB,OAAO,iBAAiB,CAAA;AAE/C,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,gBAAA,EACd,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAO,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,wBACxB,IAAA,EAAA,EAAG,CAAA;AAAA,IACH,cAAA,CAAe,aAAY,CAAE,QAAA;AAAA,wBAC7B,IAAA,EAAA,EAAG,CAAA;AAAA,wBACH,IAAA,EAAA,EAAG,CAAA;AAAA,oBAEJ,GAAA,CAAC,YAAO,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,wBAC3B,IAAA,EAAA,EAAG,CAAA;AAAA,IACH,cAAA,CAAe,qBAAA,EAAsB,CAAE,SAAA,CAAU,GAAA,CAAI,0BACpD,GAAA,CAAC,KAAA,EAAA,EAAgB,QAAA,EAAA,IAAA,EAAA,EAAP,IAAY,CACvB;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/I18NextCard.esm.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InfoCard } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { translationApiRef } from '@backstage/core-plugin-api/alpha';
+
+const I18NextCard = () => {
+  const translationApi = useApi(translationApiRef);
+  const i18n = translationApi.getI18nInstance();
+  return /* @__PURE__ */ jsxs(InfoCard, { title: "TranslationApi / i18Next", children: [
+    /* @__PURE__ */ jsx("strong", { children: "Current Language:" }),
+    /* @__PURE__ */ jsx("br", {}),
+    i18n.language,
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("strong", { children: "Available languages:" }),
+    /* @__PURE__ */ jsx("br", {}),
+    i18n.languages?.map((lang) => /* @__PURE__ */ jsx("div", { children: lang }, lang)),
+    /* @__PURE__ */ jsx("strong", { children: "Available languages:" }),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx("pre", { children: JSON.stringify(i18n.store.data, null, 2) })
+  ] });
+};
+
+export { I18NextCard };
+//# sourceMappingURL=I18NextCard.esm.js.map

package/dist/components/I18NextCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18NextCard.esm.js","sources":["../../src/components/I18NextCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { InfoCard } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { translationApiRef } from '@backstage/core-plugin-api/alpha';\n\nimport type { i18n as I18n } from 'i18next';\n\nexport const I18NextCard = () => {\n  const translationApi = useApi(translationApiRef);\n  const i18n: I18n = (translationApi as any).getI18nInstance();\n\n  return (\n    <InfoCard title=\"TranslationApi / i18Next\">\n      <strong>Current Language:</strong>\n      <br />\n      {i18n.language}\n      <br />\n      <br />\n\n      <strong>Available languages:</strong>\n      <br />\n      {i18n.languages?.map(lang => (\n        <div key={lang}>{lang}</div>\n      ))}\n\n      <strong>Available languages:</strong>\n      <br />\n      <pre>{JSON.stringify(i18n.store.data, null, 2)}</pre>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,cAAc,MAAM;AAC/B,EAAA,MAAM,cAAA,GAAiB,OAAO,iBAAiB,CAAA;AAC/C,EAAA,MAAM,IAAA,GAAc,eAAuB,eAAA,EAAgB;AAE3D,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,0BAAA,EACd,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAO,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,wBACxB,IAAA,EAAA,EAAG,CAAA;AAAA,IACH,IAAA,CAAK,QAAA;AAAA,wBACL,IAAA,EAAA,EAAG,CAAA;AAAA,wBACH,IAAA,EAAA,EAAG,CAAA;AAAA,oBAEJ,GAAA,CAAC,YAAO,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,wBAC3B,IAAA,EAAA,EAAG,CAAA;AAAA,IACH,IAAA,CAAK,WAAW,GAAA,CAAI,CAAA,IAAA,yBAClB,KAAA,EAAA,EAAgB,QAAA,EAAA,IAAA,EAAA,EAAP,IAAY,CACvB,CAAA;AAAA,oBAED,GAAA,CAAC,YAAO,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,wBAC3B,IAAA,EAAA,EAAG,CAAA;AAAA,oBACJ,GAAA,CAAC,SAAK,QAAA,EAAA,IAAA,CAAK,SAAA,CAAU,KAAK,KAAA,CAAM,IAAA,EAAM,IAAA,EAAM,CAAC,CAAA,EAAE;AAAA,GAAA,EACjD,CAAA;AAEJ;;;;"}

package/dist/components/LanguageToggleCard.esm.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { InfoCard } from '@backstage/core-components';
+import { UserSettingsLanguageToggle } from '@backstage/plugin-user-settings';
+
+const LanguageToggleCard = () => {
+  return /* @__PURE__ */ jsx(InfoCard, { title: "Language Toggle", children: /* @__PURE__ */ jsx(UserSettingsLanguageToggle, {}) });
+};
+
+export { LanguageToggleCard };
+//# sourceMappingURL=LanguageToggleCard.esm.js.map

package/dist/components/LanguageToggleCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageToggleCard.esm.js","sources":["../../src/components/LanguageToggleCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { InfoCard } from '@backstage/core-components';\n\nimport { UserSettingsLanguageToggle } from '@backstage/plugin-user-settings';\n\nexport const LanguageToggleCard = () => {\n  return (\n    <InfoCard title=\"Language Toggle\">\n      <UserSettingsLanguageToggle />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,qBAAqB,MAAM;AACtC,EAAA,2BACG,QAAA,EAAA,EAAS,KAAA,EAAM,iBAAA,EACd,QAAA,kBAAA,GAAA,CAAC,8BAA2B,CAAA,EAC9B,CAAA;AAEJ;;;;"}

package/dist/components/LoadedTranslationsTable.esm.js

@@ -0,0 +1,120 @@
+import { jsx } from 'react/jsx-runtime';
+import { Table } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { appLanguageApiRef, translationApiRef } from '@backstage/core-plugin-api/alpha';
+import { useMemo } from 'react';
+
+const getLanguageDisplayName = (language) => {
+  try {
+    const names = new Intl.DisplayNames([language], {
+      type: "language"
+    });
+    const languageDisplayName = names.of(language);
+    if (languageDisplayName) {
+      return `${languageDisplayName} (${language})`;
+    }
+    return language;
+  } catch (err) {
+    return language;
+  }
+};
+const getTranslation = (resources, lang, ref, key) => {
+  const resourceLang = resources[lang];
+  const resourceKey = resourceLang?.[ref];
+  const translation = typeof resourceKey === "object" ? resourceKey?.[key] : void 0;
+  return translation;
+};
+const LoadedTranslationsTable = () => {
+  const appLanguageApi = useApi(appLanguageApiRef);
+  const translationApi = useApi(translationApiRef);
+  const i18n = translationApi.getI18nInstance();
+  const resources = i18n.store.data;
+  const showLanguages = useMemo(
+    () => [
+      "en",
+      ...appLanguageApi.getAvailableLanguages().languages.filter((lang) => lang !== "en")
+    ],
+    [appLanguageApi]
+  );
+  const columns = useMemo(
+    () => [
+      { title: "Ref ID", field: "ref" },
+      { title: "Key", field: "key" },
+      ...showLanguages.map((lang) => ({
+        title: getLanguageDisplayName(lang),
+        field: lang
+      }))
+    ],
+    [showLanguages]
+  );
+  const data = useMemo(() => {
+    const rows = [];
+    if (resources.en) {
+      for (const ref of Object.keys(resources.en)) {
+        for (const key of Object.keys(resources.en[ref])) {
+          rows.push(
+            showLanguages.reduce(
+              (row, lang) => {
+                row[lang] = getTranslation(resources, lang, ref, key);
+                return row;
+              },
+              {
+                ref,
+                key
+              }
+            )
+          );
+        }
+      }
+    }
+    for (const otherLang of Object.keys(resources)) {
+      if (otherLang === "en") {
+        continue;
+      }
+      for (const ref of Object.keys(resources[otherLang])) {
+        for (const key of Object.keys(resources[otherLang][ref])) {
+          const resourceLang = resources.en;
+          const resourceKey = resourceLang?.[ref];
+          if (typeof resourceKey === "object" && resourceKey?.[key]) {
+            continue;
+          }
+          const existingRow = rows.find((r) => r.ref === ref && r.key === key);
+          if (existingRow) {
+            showLanguages.forEach((lang) => {
+              existingRow[lang] = getTranslation(resources, lang, ref, key);
+            });
+            continue;
+          }
+          rows.push(
+            showLanguages.reduce(
+              (row, lang) => {
+                row[lang] = getTranslation(resources, lang, ref, key);
+                return row;
+              },
+              {
+                ref,
+                key
+              }
+            )
+          );
+        }
+      }
+    }
+    return rows;
+  }, [resources, showLanguages]);
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      title: `Loaded translations (${data.length})`,
+      columns,
+      data,
+      options: {
+        pageSize: 10,
+        pageSizeOptions: [10, 25, 100]
+      }
+    }
+  );
+};
+
+export { LoadedTranslationsTable };
+//# sourceMappingURL=LoadedTranslationsTable.esm.js.map

package/dist/components/LoadedTranslationsTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedTranslationsTable.esm.js","sources":["../../src/components/LoadedTranslationsTable.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Table } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  appLanguageApiRef,\n  translationApiRef,\n} from '@backstage/core-plugin-api/alpha';\n\nimport type { i18n as I18n, Resource } from 'i18next';\nimport { useMemo } from 'react';\n\ninterface Row {\n  ref: string;\n  key: string;\n  [lang: string]: string | undefined;\n}\n\n// From https://github.com/backstage/backstage/blob/89f191b72c154e3f0bde70548a7bccbb23af8de0/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx#L68\nconst getLanguageDisplayName = (language: string) => {\n  try {\n    const names = new Intl.DisplayNames([language], {\n      type: 'language',\n    });\n    const languageDisplayName = names.of(language);\n    if (languageDisplayName) {\n      return `${languageDisplayName} (${language})`;\n    }\n    return language;\n  } catch (err) {\n    return language;\n  }\n};\n\nconst getTranslation = (\n  resources: Resource,\n  lang: string,\n  ref: string,\n  key: string,\n) => {\n  const resourceLang = resources[lang];\n  const resourceKey = resourceLang?.[ref];\n  const translation =\n    typeof resourceKey === 'object' ? resourceKey?.[key] : undefined;\n  return translation;\n};\n\nexport const LoadedTranslationsTable = () => {\n  const appLanguageApi = useApi(appLanguageApiRef);\n  const translationApi = useApi(translationApiRef);\n  const i18n: I18n = (translationApi as any).getI18nInstance();\n\n  const resources = i18n.store.data;\n\n  // FIXME: the available languages are not yet loaded...\n  const showLanguages = useMemo(\n    () => [\n      'en',\n      ...appLanguageApi\n        .getAvailableLanguages()\n        .languages.filter(lang => lang !== 'en'),\n    ],\n    [appLanguageApi],\n  );\n\n  const columns = useMemo(\n    () => [\n      { title: 'Ref ID', field: 'ref' },\n      { title: 'Key', field: 'key' },\n      ...showLanguages.map(lang => ({\n        title: getLanguageDisplayName(lang),\n        field: lang,\n      })),\n    ],\n    [showLanguages],\n  );\n\n  const data = useMemo(() => {\n    const rows: Row[] = [];\n\n    // Iterate first over primary language english\n    if (resources.en) {\n      for (const ref of Object.keys(resources.en)) {\n        for (const key of Object.keys(resources.en[ref])) {\n          rows.push(\n            showLanguages.reduce(\n              (row, lang) => {\n                row[lang] = getTranslation(resources, lang, ref, key);\n                return row;\n              },\n              {\n                ref,\n                key,\n              } as Row,\n            ),\n          );\n        }\n      }\n    }\n\n    // Check if other languages have additional keys\n    for (const otherLang of Object.keys(resources)) {\n      if (otherLang === 'en') {\n        continue;\n      }\n      for (const ref of Object.keys(resources[otherLang])) {\n        for (const key of Object.keys(resources[otherLang][ref])) {\n          // if the key exists in english, then it was already added\n          const resourceLang = resources.en;\n          const resourceKey = resourceLang?.[ref];\n          if (typeof resourceKey === 'object' && resourceKey?.[key]) {\n            continue;\n          }\n          // Check if we already have a row for this ref/key combination\n          // from another language. If yes, then we can skip this as well.\n          const existingRow = rows.find(r => r.ref === ref && r.key === key);\n          if (existingRow) {\n            showLanguages.forEach(lang => {\n              existingRow[lang] = getTranslation(resources, lang, ref, key);\n            });\n            continue;\n          }\n          // Otherwise add a new row and include all languages\n          rows.push(\n            showLanguages.reduce(\n              (row, lang) => {\n                row[lang] = getTranslation(resources, lang, ref, key);\n                return row;\n              },\n              {\n                ref,\n                key,\n              } as Row,\n            ),\n          );\n        }\n      }\n    }\n\n    return rows;\n  }, [resources, showLanguages]);\n\n  return (\n    <Table\n      title={`Loaded translations (${data.length})`}\n      columns={columns}\n      data={data}\n      options={{\n        pageSize: 10,\n        pageSizeOptions: [10, 25, 100],\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TranslationsPage.esm.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Page, Header, Content } from '@backstage/core-components';
+import { LanguageToggleCard } from './LanguageToggleCard.esm.js';
+import { LoadedTranslationsTable } from './LoadedTranslationsTable.esm.js';
+import { AppLanguageCard } from './AppLanguageCard.esm.js';
+import { I18NextCard } from './I18NextCard.esm.js';
+
+const TranslationsPage = () => {
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Translations" }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(LanguageToggleCard, {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(LoadedTranslationsTable, {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(AppLanguageCard, {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(I18NextCard, {})
+    ] })
+  ] });
+};
+
+export { TranslationsPage };
+//# sourceMappingURL=TranslationsPage.esm.js.map

package/dist/components/TranslationsPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationsPage.esm.js","sources":["../../src/components/TranslationsPage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Page, Header, Content } from '@backstage/core-components';\n\nimport { LanguageToggleCard } from './LanguageToggleCard';\nimport { LoadedTranslationsTable } from './LoadedTranslationsTable';\nimport { AppLanguageCard } from './AppLanguageCard';\nimport { I18NextCard } from './I18NextCard';\n\nexport const TranslationsPage = () => {\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Translations\" />\n      <Content>\n        <LanguageToggleCard />\n        <br />\n        <br />\n        <LoadedTranslationsTable />\n        <br />\n        <br />\n        <AppLanguageCard />\n        <br />\n        <br />\n        <I18NextCard />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAM,cAAA,EAAe,CAAA;AAAA,yBAC5B,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA;AAAA,0BACnB,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,uBAAA,EAAA,EAAwB,CAAA;AAAA,0BACxB,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,eAAA,EAAA,EAAgB,CAAA;AAAA,0BAChB,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,IAAA,EAAA,EAAG,CAAA;AAAA,0BACH,WAAA,EAAA,EAAY;AAAA,KAAA,EACf;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+import { TranslationApi, AppLanguageApi, TranslationMessages, TranslationResource, TranslationRef, TranslationSnapshot } from '@backstage/core-plugin-api/alpha';
+import { i18n } from 'i18next';
+import { Observable } from '@backstage/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/** @public */
+interface I18nextTranslationApiOptions {
+    languageApi: AppLanguageApi;
+    resources?: Array<TranslationMessages | TranslationResource>;
+}
+/** @public */
+declare class I18nextTranslationApi implements TranslationApi {
+    #private;
+    static create(options: I18nextTranslationApiOptions): I18nextTranslationApi;
+    private constructor();
+    getI18nInstance(): i18n;
+    getTranslation<TMessages extends {
+        [key in string]: string;
+    }>(translationRef: TranslationRef<string, TMessages>): TranslationSnapshot<TMessages>;
+    translation$<TMessages extends {
+        [key in string]: string;
+    }>(translationRef: TranslationRef<string, TMessages>): Observable<TranslationSnapshot<TMessages>>;
+}
+
+/**
+ * @public
+ */
+declare const translationsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/**
+ * @public
+ */
+declare const TranslationsPage: () => react_jsx_runtime.JSX.Element;
+
+export { I18nextTranslationApi, TranslationsPage, translationsPlugin };
+export type { I18nextTranslationApiOptions };

package/dist/index.esm.js

@@ -0,0 +1,3 @@
+export { I18nextTranslationApi } from './apis/I18nextTranslationApi.esm.js';
+export { TranslationsPage, translationsPlugin } from './plugin.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/plugin.esm.js

@@ -0,0 +1,19 @@
+import { createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
+import { rootRouteRef } from './routes.esm.js';
+
+const translationsPlugin = createPlugin({
+  id: "translations",
+  routes: {
+    root: rootRouteRef
+  }
+});
+const TranslationsPage = translationsPlugin.provide(
+  createRoutableExtension({
+    name: "TranslationsPage",
+    component: () => import('./components/TranslationsPage.esm.js').then((m) => m.TranslationsPage),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { TranslationsPage, translationsPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\n\n/**\n * @public\n */\nexport const translationsPlugin = createPlugin({\n  id: 'translations',\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * @public\n */\nexport const TranslationsPage = translationsPlugin.provide(\n  createRoutableExtension({\n    name: 'TranslationsPage',\n    component: () =>\n      import('./components/TranslationsPage').then(m => m.TranslationsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;AAyBO,MAAM,qBAAqB,YAAA,CAAa;AAAA,EAC7C,EAAA,EAAI,cAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;AAKM,MAAM,mBAAmB,kBAAA,CAAmB,OAAA;AAAA,EACjD,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,kBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,sCAA+B,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,gBAAgB,CAAA;AAAA,IACtE,UAAA,EAAY;AAAA,GACb;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "translations"
+});
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'translations',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAA,CAAe;AAAA,EACzC,EAAA,EAAI;AACN,CAAC;;;;"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@red-hat-developer-hub/backstage-plugin-translations",
+  "version": "0.0.1",
+  "license": "Apache-2.0",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/redhat-developer/rhdh-plugins",
+    "directory": "workspaces/translations/plugins/translations"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "translations",
+    "pluginPackages": [
+      "@red-hat-developer-hub/backstage-plugin-translations"
+    ]
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/core-components": "^0.17.2",
+    "@backstage/core-plugin-api": "^1.10.7",
+    "@backstage/plugin-user-settings": "^0.8.22",
+    "@backstage/theme": "^0.6.6",
+    "@backstage/types": "^1.2.1",
+    "i18next": "^22.4.15",
+    "zen-observable": "^0.10.0"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.32.1",
+    "@backstage/core-app-api": "^1.17.0",
+    "@backstage/dev-utils": "^1.1.10",
+    "@backstage/test-utils": "^1.7.8",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/zen-observable": "^0.8.7",
+    "msw": "^1.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}