From 94fe35ce0d3bcbe117d8f3fb7c1d21c583169e1c Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Tue, 26 Apr 2022 18:13:58 +0900
Subject: [PATCH 01/12] introduce i18next

---
 .babelrc                                      |   6 +-
 .github/workflows/ci.yml                      |   5 +-
 .storybook/preview.tsx                        |  11 +-
 i18next-parser.config.js                      |   5 +
 package.json                                  |  10 +-
 src/app.tsx                                   |  59 +-
 .../atoms/ConfirmationModal/index.tsx         |  19 +-
 .../Settings/Account/AccountSection/index.tsx |   2 +-
 src/components/pages/Authentication/hooks.ts  |   2 +-
 src/i18n/i18n.ts                              |  27 +
 src/i18n/index.tsx                            |   3 +
 src/i18n/provider.tsx                         |  18 +
 src/i18n/publishedProvider.tsx                |   8 +
 {translations => src/locale_legacy}/en.yml    |   0
 src/{locale => locale_legacy}/index.ts        |   0
 {translations => src/locale_legacy}/ja.yml    |   0
 src/{locale => locale_legacy}/locale.ts       |   4 +-
 src/{locale => locale_legacy}/provider.tsx    |   0
 .../publishedProvider.tsx                     |   0
 src/publishedapp.tsx                          |  11 +-
 src/test/utils.tsx                            |   7 +-
 src/translations/en.yml                       |   2 +
 src/translations/ja.yml                       |   2 +
 yarn.lock                                     | 594 +++++++++++++++++-
 24 files changed, 714 insertions(+), 81 deletions(-)
 create mode 100644 i18next-parser.config.js
 create mode 100644 src/i18n/i18n.ts
 create mode 100644 src/i18n/index.tsx
 create mode 100644 src/i18n/provider.tsx
 create mode 100644 src/i18n/publishedProvider.tsx
 rename {translations => src/locale_legacy}/en.yml (100%)
 rename src/{locale => locale_legacy}/index.ts (100%)
 rename {translations => src/locale_legacy}/ja.yml (100%)
 rename src/{locale => locale_legacy}/locale.ts (87%)
 rename src/{locale => locale_legacy}/provider.tsx (100%)
 rename src/{locale => locale_legacy}/publishedProvider.tsx (100%)
 create mode 100644 src/translations/en.yml
 create mode 100644 src/translations/ja.yml

diff --git a/.babelrc b/.babelrc
index f814ba282..c7bacd749 100644
--- a/.babelrc
+++ b/.babelrc
@@ -13,10 +13,8 @@
   ],
   "plugins": [
     "@emotion",
-    "@babel/proposal-optional-chaining",
-    "@babel/proposal-nullish-coalescing-operator",
     "@babel/plugin-transform-typescript",
-    "react-intl-auto"
+    "react-intl-auto" // delete when migration to i18next is complete
   ],
   "env": {
     "test": {
@@ -32,4 +30,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8a9000b09..8994d749f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -11,7 +11,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: "14.x"
       - name: Checkout
         uses: actions/checkout@v2
       - name: Get yarn cache directory path
@@ -33,6 +33,9 @@ jobs:
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
           file: ./coverage/lcov.info
+      # Activate when migration to i18next is complete.
+      # - name: Check translations
+      #   run: yarn run i18n --fail-on-update
   slack-notification:
     if: always()
     name: Slack Notification
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index e583cf5e7..1a57d89c2 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -7,7 +7,8 @@ import {
 } from "@apollo/client";
 import React, { ReactElement } from "react";
 
-import { Provider as IntlProvider } from "../src/locale";
+import { Provider as I18nProvider } from "../src/i18n";
+import { Provider as LegacyIntlProvider } from "../src/locale_legacy";
 import { Provider as ThemeProvider } from "../src/theme";
 import { Provider as DndProvider } from "../src/util/use-dnd";
 
@@ -31,9 +32,11 @@ export const decorators = [
   (storyFn: () => ReactElement) => (
     <ApolloProvider client={mockClient}>
       <ThemeProvider>
-        <IntlProvider>
-          <DndProvider>{storyFn()}</DndProvider>
-        </IntlProvider>
+        <I18nProvider>
+          <LegacyIntlProvider>
+            <DndProvider>{storyFn()}</DndProvider>
+          </LegacyIntlProvider>
+        </I18nProvider>
       </ThemeProvider>
     </ApolloProvider>
   ),
diff --git a/i18next-parser.config.js b/i18next-parser.config.js
new file mode 100644
index 000000000..37367818c
--- /dev/null
+++ b/i18next-parser.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  locales: ["en", "ja"],
+  output: "src/translations/$LOCALE.yml",
+  input: ["src/**/*.{ts,tsx}"],
+};
diff --git a/package.json b/package.json
index f0a48504a..987fb6ade 100644
--- a/package.json
+++ b/package.json
@@ -24,9 +24,9 @@
         "storybook:screenshot": "storycap --serverCmd 'npx http-server ./storybook-static -p 6006' --serverTimeout 100000 http://localhost:6006 --max-old-space-size=2048",
         "cypress:open": "cypress open",
         "cypress:run": "cypress run",
-        "gen": "run-p gen:*",
-        "gen:gql": "graphql-codegen --config codegen.yml",
-        "gen:i18n": "extract-messages -d en -l=en,ja -o translations -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
+        "gql": "graphql-codegen --config codegen.yml",
+        "i18n": "i18next",
+        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/locale_legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
         "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc"
     },
     "engines": {
@@ -127,6 +127,7 @@
         "html-webpack-plugin": "^5.4.0",
         "html-webpack-tags-plugin": "^3.0.0",
         "husky": "^7.0.4",
+        "i18next-parser": "^6.3.0",
         "jest": "^27.5.0",
         "jest-transform-yaml": "^1.0.0",
         "json-loader": "^0.5.7",
@@ -177,6 +178,8 @@
         "github-markdown-css": "^5.1.0",
         "graphiql": "^1.8.7",
         "graphql": "^16.3.0",
+        "i18next": "^21.6.16",
+        "i18next-browser-languagedetector": "^6.1.4",
         "jotai": "^1.6.4",
         "js-file-download": "^0.4.12",
         "leaflet": "^1.7.1",
@@ -195,6 +198,7 @@
         "react-dom": "^17.0.2",
         "react-dropzone": "^12.0.5",
         "react-ga": "^3.3.0",
+        "react-i18next": "^11.16.7",
         "react-intl": "^5.24.6",
         "react-leaflet": "^3.2.5",
         "react-markdown": "^8.0.2",
diff --git a/src/app.tsx b/src/app.tsx
index 44caa7a8f..6e7d0ad39 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -16,7 +16,8 @@ import SettingsProjectList from "@reearth/components/pages/Settings/ProjectList"
 import WorkspaceSettings from "@reearth/components/pages/Settings/Workspace";
 import AssetSettings from "@reearth/components/pages/Settings/Workspace/Asset";
 import WorkspaceList from "@reearth/components/pages/Settings/WorkspaceList";
-import { Provider as IntlProvider } from "@reearth/locale";
+import { Provider as I18nProvider } from "@reearth/i18n";
+import { Provider as LegacyIntlProvider } from "@reearth/locale_legacy";
 
 import { Provider as Auth0Provider } from "./auth";
 import RootPage from "./components/pages/Authentication/RootPage";
@@ -44,33 +45,35 @@ const App: React.FC = () => {
     <Auth0Provider>
       <GqlProvider>
         <ThemeProvider>
-          <IntlProvider>
-            <Suspense fallback={<Loading />}>
-              <NotificationBanner />
-              <StyledRouter>
-                <RootPage path="/" />
-                <LoginPage path="/login" />
-                <SignupPage path="/signup" />
-                <PasswordResetPage path="/password-reset" />
-                <Dashboard path="/dashboard/:teamId" />
-                <EarthEditor path="/edit/:sceneId" />
-                <Preview path="/edit/:sceneId/preview" />
-                <Redirect from="/settings" to="/settings/account" />
-                <AccountSettings path="/settings/account" />
-                <WorkspaceList path="/settings/workspaces" />
-                <WorkspaceSettings path="/settings/workspace/:teamId" />
-                <SettingsProjectList path="/settings/workspace/:teamId/projects" />
-                <AssetSettings path="/settings/workspace/:teamId/asset" />
-                <ProjectSettings path="/settings/project/:projectId" />
-                <PublicSettings path="/settings/project/:projectId/public" />
-                <DatasetSettings path="/settings/project/:projectId/dataset" />
-                <PluginSettings path="/settings/project/:projectId/plugins" />
-                <PluginEditor path="/plugin-editor" />
-                {process.env.NODE_ENV !== "production" && <GraphQLPlayground path="/graphql" />}
-                <NotFound default />
-              </StyledRouter>
-            </Suspense>
-          </IntlProvider>
+          <I18nProvider>
+            <LegacyIntlProvider>
+              <Suspense fallback={<Loading />}>
+                <NotificationBanner />
+                <StyledRouter>
+                  <RootPage path="/" />
+                  <LoginPage path="/login" />
+                  <SignupPage path="/signup" />
+                  <PasswordResetPage path="/password-reset" />
+                  <Dashboard path="/dashboard/:teamId" />
+                  <EarthEditor path="/edit/:sceneId" />
+                  <Preview path="/edit/:sceneId/preview" />
+                  <Redirect from="/settings" to="/settings/account" />
+                  <AccountSettings path="/settings/account" />
+                  <WorkspaceList path="/settings/workspaces" />
+                  <WorkspaceSettings path="/settings/workspace/:teamId" />
+                  <SettingsProjectList path="/settings/workspace/:teamId/projects" />
+                  <AssetSettings path="/settings/workspace/:teamId/asset" />
+                  <ProjectSettings path="/settings/project/:projectId" />
+                  <PublicSettings path="/settings/project/:projectId/public" />
+                  <DatasetSettings path="/settings/project/:projectId/dataset" />
+                  <PluginSettings path="/settings/project/:projectId/plugins" />
+                  <PluginEditor path="/plugin-editor" />
+                  {process.env.NODE_ENV !== "production" && <GraphQLPlayground path="/graphql" />}
+                  <NotFound default />
+                </StyledRouter>
+              </Suspense>
+            </LegacyIntlProvider>
+          </I18nProvider>
         </ThemeProvider>
       </GqlProvider>
     </Auth0Provider>
diff --git a/src/components/atoms/ConfirmationModal/index.tsx b/src/components/atoms/ConfirmationModal/index.tsx
index 8c2f57455..a91d353ef 100644
--- a/src/components/atoms/ConfirmationModal/index.tsx
+++ b/src/components/atoms/ConfirmationModal/index.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { useIntl } from "react-intl";
+
+import { useTranslation } from "@reearth/i18n";
 
 import Button from "../Button";
 import Modal from "../Modal";
@@ -23,7 +24,7 @@ const ConfirmationModal: React.FC<Props> = ({
   isOpen,
   onClose,
 }) => {
-  const intl = useIntl();
+  const { t } = useTranslation();
 
   const handleProceed = () => {
     onProceed();
@@ -37,19 +38,9 @@ const ConfirmationModal: React.FC<Props> = ({
       size="sm"
       onClose={onClose}
       button1={
-        <Button
-          text={buttonAction || intl.formatMessage({ defaultMessage: "Continue" })}
-          onClick={handleProceed}
-          buttonType="danger"
-        />
+        <Button text={buttonAction || t("Continue")} onClick={handleProceed} buttonType="danger" />
       }
-      button2={
-        <Button
-          text={intl.formatMessage({ defaultMessage: "Cancel" })}
-          onClick={onCancel ?? onClose}
-          buttonType="secondary"
-        />
-      }>
+      button2={<Button text={t("Cancel")} onClick={onCancel ?? onClose} buttonType="secondary" />}>
       {body}
     </Modal>
   );
diff --git a/src/components/molecules/Settings/Account/AccountSection/index.tsx b/src/components/molecules/Settings/Account/AccountSection/index.tsx
index b5f8c0421..7ab290359 100644
--- a/src/components/molecules/Settings/Account/AccountSection/index.tsx
+++ b/src/components/molecules/Settings/Account/AccountSection/index.tsx
@@ -8,7 +8,7 @@ import PasswordModal, {
 import Field from "@reearth/components/molecules/Settings/Field";
 import EditableItem from "@reearth/components/molecules/Settings/Project/EditableItem";
 import Section from "@reearth/components/molecules/Settings/Section";
-import { localesWithLabel } from "@reearth/locale";
+import { localesWithLabel } from "@reearth/locale_legacy";
 import { styled } from "@reearth/theme";
 
 export type Theme = "dark" | "light" | "default";
diff --git a/src/components/pages/Authentication/hooks.ts b/src/components/pages/Authentication/hooks.ts
index 2bad8bd7b..592510a55 100644
--- a/src/components/pages/Authentication/hooks.ts
+++ b/src/components/pages/Authentication/hooks.ts
@@ -4,7 +4,7 @@ import { useCallback, useEffect } from "react";
 
 import { useAuth, useCleanUrl } from "@reearth/auth";
 import { useTeamsQuery } from "@reearth/gql";
-import { intl } from "@reearth/locale";
+import { intl } from "@reearth/locale_legacy";
 import { useTeam, useNotification } from "@reearth/state";
 
 // TODO: move hooks to molecules (page components should be thin)
diff --git a/src/i18n/i18n.ts b/src/i18n/i18n.ts
new file mode 100644
index 000000000..104d51e6e
--- /dev/null
+++ b/src/i18n/i18n.ts
@@ -0,0 +1,27 @@
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { initReactI18next } from "react-i18next";
+
+import en from "../translations/en.yml";
+import ja from "../translations/ja.yml";
+
+const resources = {
+  en: {
+    translation: en,
+  },
+  ja: {
+    translation: ja,
+  },
+};
+
+export const availableLanguages = Object.keys(resources);
+
+// eslint-disable-next-line import/no-named-as-default-member
+i18n.use(LanguageDetector).use(initReactI18next).init({
+  resources,
+  fallbackLng: "en",
+  keySeparator: false,
+  returnEmptyString: false,
+});
+
+export default i18n;
diff --git a/src/i18n/index.tsx b/src/i18n/index.tsx
new file mode 100644
index 000000000..ebb56de76
--- /dev/null
+++ b/src/i18n/index.tsx
@@ -0,0 +1,3 @@
+export { useTranslation } from "react-i18next";
+export { default as Provider } from "./provider";
+export { default as PublishedProvider } from "./publishedProvider";
diff --git a/src/i18n/provider.tsx b/src/i18n/provider.tsx
new file mode 100644
index 000000000..358890365
--- /dev/null
+++ b/src/i18n/provider.tsx
@@ -0,0 +1,18 @@
+import React, { ReactNode, useEffect } from "react";
+import { I18nextProvider } from "react-i18next";
+
+import { useAuth } from "@reearth/auth";
+import { useLanguageQuery } from "@reearth/gql";
+
+import i18n from "./i18n";
+
+export default function Provider({ children }: { children?: ReactNode }) {
+  const { isAuthenticated } = useAuth();
+  const { data } = useLanguageQuery({ skip: !isAuthenticated });
+  const locale = data?.me?.lang;
+  useEffect(() => {
+    i18n.changeLanguage(locale);
+  }, [locale]);
+
+  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
+}
diff --git a/src/i18n/publishedProvider.tsx b/src/i18n/publishedProvider.tsx
new file mode 100644
index 000000000..29bb8d529
--- /dev/null
+++ b/src/i18n/publishedProvider.tsx
@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from "react";
+import { I18nextProvider } from "react-i18next";
+
+import i18n from "./i18n";
+
+export default function PublishedProvider({ children }: PropsWithChildren<{}>) {
+  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
+}
diff --git a/translations/en.yml b/src/locale_legacy/en.yml
similarity index 100%
rename from translations/en.yml
rename to src/locale_legacy/en.yml
diff --git a/src/locale/index.ts b/src/locale_legacy/index.ts
similarity index 100%
rename from src/locale/index.ts
rename to src/locale_legacy/index.ts
diff --git a/translations/ja.yml b/src/locale_legacy/ja.yml
similarity index 100%
rename from translations/ja.yml
rename to src/locale_legacy/ja.yml
diff --git a/src/locale/locale.ts b/src/locale_legacy/locale.ts
similarity index 87%
rename from src/locale/locale.ts
rename to src/locale_legacy/locale.ts
index 02f292412..0ce982173 100644
--- a/src/locale/locale.ts
+++ b/src/locale_legacy/locale.ts
@@ -1,7 +1,7 @@
 import { createIntl, createIntlCache } from "react-intl";
 
-import en from "../../translations/en.yml";
-import ja from "../../translations/ja.yml";
+import en from "./en.yml";
+import ja from "./ja.yml";
 
 export const locales = ["en", "ja"] as const;
 
diff --git a/src/locale/provider.tsx b/src/locale_legacy/provider.tsx
similarity index 100%
rename from src/locale/provider.tsx
rename to src/locale_legacy/provider.tsx
diff --git a/src/locale/publishedProvider.tsx b/src/locale_legacy/publishedProvider.tsx
similarity index 100%
rename from src/locale/publishedProvider.tsx
rename to src/locale_legacy/publishedProvider.tsx
diff --git a/src/publishedapp.tsx b/src/publishedapp.tsx
index ac4a736d3..286620252 100644
--- a/src/publishedapp.tsx
+++ b/src/publishedapp.tsx
@@ -2,7 +2,8 @@ import React from "react";
 
 import PublishedPage from "@reearth/components/pages/Published";
 
-import { PublishedProvider as IntlProvider } from "./locale";
+import { Provider as I18nProvider } from "./i18n";
+import { PublishedProvider as LegacyIntlProvider } from "./locale_legacy";
 import { PublishedAppProvider as ThemeProvider } from "./theme";
 import { Provider as DndProvider } from "./util/use-dnd";
 
@@ -10,9 +11,11 @@ export default function App() {
   return (
     <ThemeProvider>
       <DndProvider>
-        <IntlProvider>
-          <PublishedPage />
-        </IntlProvider>
+        <I18nProvider>
+          <LegacyIntlProvider>
+            <PublishedPage />
+          </LegacyIntlProvider>
+        </I18nProvider>
       </DndProvider>
     </ThemeProvider>
   );
diff --git a/src/test/utils.tsx b/src/test/utils.tsx
index 4687dd6d0..d27f5caa7 100644
--- a/src/test/utils.tsx
+++ b/src/test/utils.tsx
@@ -2,7 +2,8 @@ import { MockedProvider as MockedGqlProvider, MockedResponse } from "@apollo/cli
 import { render as rtlRender } from "@testing-library/react";
 import React from "react";
 
-import { Provider as IntlProvider } from "../locale";
+import { Provider as I18nProvider } from "../i18n";
+import { Provider as LegacyIntlProvider } from "../locale_legacy";
 import { Provider as ThemeProvider } from "../theme";
 
 const render = (
@@ -14,7 +15,9 @@ const render = (
     return (
       <MockedGqlProvider mocks={queryMocks} addTypename={false}>
         <ThemeProvider>
-          <IntlProvider>{children}</IntlProvider>
+          <I18nProvider>
+            <LegacyIntlProvider>{children}</LegacyIntlProvider>
+          </I18nProvider>
         </ThemeProvider>
       </MockedGqlProvider>
     );
diff --git a/src/translations/en.yml b/src/translations/en.yml
new file mode 100644
index 000000000..7cc704801
--- /dev/null
+++ b/src/translations/en.yml
@@ -0,0 +1,2 @@
+Continue: ''
+Cancel: ''
diff --git a/src/translations/ja.yml b/src/translations/ja.yml
new file mode 100644
index 000000000..0422f0394
--- /dev/null
+++ b/src/translations/ja.yml
@@ -0,0 +1,2 @@
+Continue: キャンセル
+Cancel: 続ける
diff --git a/yarn.lock b/yarn.lock
index 638fec8f2..b66138e31 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1415,7 +1415,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.17.7", "@babel/runtime@^7.17.8":
+"@babel/runtime@^7.14.5", "@babel/runtime@^7.17.2", "@babel/runtime@^7.17.7", "@babel/runtime@^7.17.8":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
   integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
@@ -5338,6 +5338,11 @@
     "@types/react" "*"
     csstype "^3.0.2"
 
+"@types/symlink-or-copy@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@types/symlink-or-copy/-/symlink-or-copy-1.2.0.tgz#4151a81b4052c80bc2becbae09f3a9ec010a9c7a"
+  integrity sha512-Lja2xYuuf2B3knEsga8ShbOdsfNOtzT73GyJmZyY7eGl2+ajOqrs8yM5ze0fsSoYwvA6bw7/Qr7OZ7PEEmYwWg==
+
 "@types/tapable@^1", "@types/tapable@^1.0.5":
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
@@ -6224,6 +6229,13 @@ app-root-dir@^1.0.2:
   resolved "https://registry.yarnpkg.com/app-root-dir/-/app-root-dir-1.0.2.tgz#38187ec2dea7577fff033ffcb12172692ff6e118"
   integrity sha1-OBh+wt6nV3//Az/8sSFyaS/24Rg=
 
+append-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/append-buffer/-/append-buffer-1.0.2.tgz#d8220cf466081525efea50614f3de6514dfa58f1"
+  integrity sha1-2CIM9GYIFSXv6lBhTz3mUU36WPE=
+  dependencies:
+    buffer-equal "^1.0.0"
+
 aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -7228,6 +7240,38 @@ braces@^3.0.1, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
+broccoli-node-api@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/broccoli-node-api/-/broccoli-node-api-1.7.0.tgz#391aa6edecd2a42c63c111b4162956b2fa288cb6"
+  integrity sha512-QIqLSVJWJUVOhclmkmypJJH9u9s/aWH4+FH6Q6Ju5l+Io4dtwqdPUNmDfw40o6sxhbZHhqGujDJuHTML1wG8Yw==
+
+broccoli-node-info@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/broccoli-node-info/-/broccoli-node-info-2.2.0.tgz#feb01c13020792f429e01d7f7845dc5b3a7932b3"
+  integrity sha512-VabSGRpKIzpmC+r+tJueCE5h8k6vON7EIMMWu6d/FyPdtijwLQ7QvzShEw+m3mHoDzUaj/kiZsDYrS8X2adsBg==
+
+broccoli-output-wrapper@^3.2.5:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/broccoli-output-wrapper/-/broccoli-output-wrapper-3.2.5.tgz#514b17801c92922a2c2f87fd145df2a25a11bc5f"
+  integrity sha512-bQAtwjSrF4Nu0CK0JOy5OZqw9t5U0zzv2555EA/cF8/a8SLDTIetk9UgrtMVw7qKLKdSpOZ2liZNeZZDaKgayw==
+  dependencies:
+    fs-extra "^8.1.0"
+    heimdalljs-logger "^0.1.10"
+    symlink-or-copy "^1.2.0"
+
+broccoli-plugin@^4.0.7:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/broccoli-plugin/-/broccoli-plugin-4.0.7.tgz#dd176a85efe915ed557d913744b181abe05047db"
+  integrity sha512-a4zUsWtA1uns1K7p9rExYVYG99rdKeGRymW0qOCNkvDPHQxVi3yVyJHhQbM3EZwdt2E0mnhr5e0c/bPpJ7p3Wg==
+  dependencies:
+    broccoli-node-api "^1.7.0"
+    broccoli-output-wrapper "^3.2.5"
+    fs-merger "^3.2.1"
+    promise-map-series "^0.3.0"
+    quick-temp "^0.1.8"
+    rimraf "^3.0.2"
+    symlink-or-copy "^1.3.1"
+
 brorand@^1.0.1, brorand@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
@@ -7361,6 +7405,11 @@ buffer-equal-constant-time@1.0.1:
   resolved "https://registry.yarnpkg.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz#f8e71132f7ffe6e01a5c9697a4c6f3e48d5cc819"
   integrity sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk=
 
+buffer-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
+  integrity sha1-WWFrSYME1Var1GaWayLu2j7KX74=
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -7792,6 +7841,30 @@ check-more-types@^2.24.0:
   resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
   integrity sha1-FCD/sQ/URNz8ebQ4kbv//TKoRgA=
 
+cheerio-select@^1.5.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-1.6.0.tgz#489f36604112c722afa147dedd0d4609c09e1696"
+  integrity sha512-eq0GdBvxVFbqWgmCm7M3XGs1I8oLy/nExUnh6oLqmBditPO9AqQJrkslDpMun/hZ0yyTs8L0m85OHp4ho6Qm9g==
+  dependencies:
+    css-select "^4.3.0"
+    css-what "^6.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+
+cheerio@^1.0.0-rc.2:
+  version "1.0.0-rc.10"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.10.tgz#2ba3dcdfcc26e7956fc1f440e61d51c643379f3e"
+  integrity sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==
+  dependencies:
+    cheerio-select "^1.5.0"
+    dom-serializer "^1.3.2"
+    domhandler "^4.2.0"
+    htmlparser2 "^6.1.0"
+    parse5 "^6.0.1"
+    parse5-htmlparser2-tree-adapter "^6.0.1"
+    tslib "^2.2.0"
+
 chokidar@^2.0.4, chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
@@ -8033,6 +8106,11 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
+clone-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58"
+  integrity sha1-4+JbIHrE5wGvch4staFnksrD3Fg=
+
 clone-deep@^0.2.4:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.2.4.tgz#4e73dd09e9fb971cc38670c5dced9c1896481cc6"
@@ -8060,11 +8138,30 @@ clone-response@^1.0.2:
   dependencies:
     mimic-response "^1.0.0"
 
+clone-stats@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-1.0.0.tgz#b3782dff8bb5474e18b9b6bf0fdfe782f8777680"
+  integrity sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=
+
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
 
+clone@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
+  integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
+
+cloneable-readable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/cloneable-readable/-/cloneable-readable-1.1.3.tgz#120a00cb053bfb63a222e709f9683ea2e11d8cec"
+  integrity sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==
+  dependencies:
+    inherits "^2.0.1"
+    process-nextick-args "^2.0.0"
+    readable-stream "^2.3.5"
+
 clsx@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
@@ -8211,6 +8308,11 @@ commander@^8.1.0, commander@^8.3.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
+commander@~9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-9.1.0.tgz#a6b263b2327f2e188c6402c42623327909f2dbec"
+  integrity sha512-i0/MaqBtdbnJ4XQs4Pmyb+oFQl+q0lsAmokVUH92SlSw4fkeAcG3bVon+Qt7hmtF+u3Het6o4VgrcY3qAoEB6w==
+
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
@@ -8289,6 +8391,16 @@ concat-stream@^1.5.0:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
+concat-stream@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1"
+  integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.0.2"
+    typedarray "^0.0.6"
+
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
@@ -8719,6 +8831,17 @@ css-select@^4.1.3:
     domutils "^2.6.0"
     nth-check "^2.0.0"
 
+css-select@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
 css-tree@1.0.0-alpha.37:
   version "1.0.0-alpha.37"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -8745,6 +8868,11 @@ css-what@^5.0.0:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.1.0.tgz#3f7b707aadf633baf62c2ceb8579b545bb40f7fe"
   integrity sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw==
 
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
@@ -8901,6 +9029,11 @@ dayjs@^1.10.4:
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.7.tgz#2cf5f91add28116748440866a0a1d26f3a6ce468"
   integrity sha512-P6twpd70BcPK34K26uJ1KT3wlhpuOAPoMwJzpsIWUxHZ7wpmbdZL/hQqBDfz7hGurYSa5PhzdhDHtt319hL3ig==
 
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
+
 debounce@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
@@ -9320,6 +9453,15 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
+dom-serializer@^1.3.2:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
 dom-walk@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
@@ -9354,6 +9496,13 @@ domhandler@^4.0.0, domhandler@^4.2.0:
   dependencies:
     domelementtype "^2.2.0"
 
+domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
 domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -9362,7 +9511,7 @@ domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-domutils@^2.5.2, domutils@^2.6.0:
+domutils@^2.5.2, domutils@^2.6.0, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
   integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
@@ -9631,6 +9780,11 @@ enquirer@^2.3.6:
   dependencies:
     ansi-colors "^4.1.1"
 
+ensure-posix-path@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.1.1.tgz#3c62bdb19fa4681544289edb2b382adc029179ce"
+  integrity sha512-VWU0/zXzVbeJNXvME/5EmLuEj2TauvoaTz6aFYK1Z92JCBlDlZ3Gu0tuGR42kpW1754ywTs+QB0g5TP0oj9Zaw==
+
 entities@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
@@ -9646,6 +9800,11 @@ envinfo@^7.7.3:
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
   integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
 
+eol@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/eol/-/eol-0.9.1.tgz#f701912f504074be35c6117a5c4ade49cd547acd"
+  integrity sha512-Ds/TEoZjwggRoz/Q2O7SE3i4Jm66mqTDfmdHdq/7DKVk3bro9Q8h6WdXKdPqFLMoqxrDK5SVRzHVPOS6uuGtrg==
+
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
@@ -10676,7 +10835,7 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
   integrity sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==
 
-flush-write-stream@^1.0.0:
+flush-write-stream@^1.0.0, flush-write-stream@^1.0.2:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
   integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
@@ -10870,7 +11029,16 @@ fs-extra@^0.30.0:
     path-is-absolute "^1.0.0"
     rimraf "^2.2.8"
 
-fs-extra@^8.0.1:
+fs-extra@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^8.0.1, fs-extra@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
   integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
@@ -10889,6 +11057,17 @@ fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
+fs-merger@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/fs-merger/-/fs-merger-3.2.1.tgz#a225b11ae530426138294b8fbb19e82e3d4e0b3b"
+  integrity sha512-AN6sX12liy0JE7C2evclwoo0aCG3PFulLjrTLsJpWh/2mM+DinhpSGqYLbHBBbIW1PLRNcFhJG8Axtz8mQW3ug==
+  dependencies:
+    broccoli-node-api "^1.7.0"
+    broccoli-node-info "^2.1.0"
+    fs-extra "^8.0.1"
+    fs-tree-diff "^2.0.1"
+    walk-sync "^2.2.0"
+
 fs-minipass@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
@@ -10896,11 +11075,30 @@ fs-minipass@^2.0.0:
   dependencies:
     minipass "^3.0.0"
 
+fs-mkdirp-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz#0b7815fc3201c6a69e14db98ce098c16935259eb"
+  integrity sha1-C3gV/DIBxqaeFNuYzgmMFpNSWes=
+  dependencies:
+    graceful-fs "^4.1.11"
+    through2 "^2.0.3"
+
 fs-monkey@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
   integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
 
+fs-tree-diff@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/fs-tree-diff/-/fs-tree-diff-2.0.1.tgz#343e4745ab435ec39ebac5f9059ad919cd034afa"
+  integrity sha512-x+CfAZ/lJHQqwlD64pYM5QxWjzWhSjroaVsr8PW831zOApL55qPibed0c+xebaLWVr2BnHFoHdrwOv8pzt8R5A==
+  dependencies:
+    "@types/symlink-or-copy" "^1.2.0"
+    heimdalljs-logger "^0.1.7"
+    object-assign "^4.1.0"
+    path-posix "^1.0.0"
+    symlink-or-copy "^1.1.8"
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -11123,6 +11321,22 @@ glob-promise@^3.4.0:
   dependencies:
     "@types/glob" "*"
 
+glob-stream@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-6.1.0.tgz#7045c99413b3eb94888d83ab46d0b404cc7bdde4"
+  integrity sha1-cEXJlBOz65SIjYOrRtC0BMx73eQ=
+  dependencies:
+    extend "^3.0.0"
+    glob "^7.1.1"
+    glob-parent "^3.1.0"
+    is-negated-glob "^1.0.0"
+    ordered-read-streams "^1.0.0"
+    pumpify "^1.3.5"
+    readable-stream "^2.1.5"
+    remove-trailing-separator "^1.0.1"
+    to-absolute-glob "^2.0.0"
+    unique-stream "^2.0.2"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -11293,6 +11507,11 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
+graceful-fs@^4.0.0:
+  version "4.2.10"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
+  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
@@ -11401,6 +11620,13 @@ gud@^1.0.0:
   resolved "https://registry.yarnpkg.com/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0"
   integrity sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==
 
+gulp-sort@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/gulp-sort/-/gulp-sort-2.0.0.tgz#c6762a2f1f0de0a3fc595a21599d3fac8dba1aca"
+  integrity sha1-xnYqLx8N4KP8WVohWZ0/rI26Gso=
+  dependencies:
+    through2 "^2.0.1"
+
 gzip-size@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.1.1.tgz#cb9bee692f87c0612b232840a873904e4c135274"
@@ -11634,7 +11860,7 @@ hastscript@^6.0.0:
     property-information "^5.0.0"
     space-separated-tokens "^1.0.0"
 
-he@^1.2.0:
+he@^1.1.0, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@@ -11647,6 +11873,21 @@ header-case@^2.0.4:
     capital-case "^1.0.4"
     tslib "^2.0.3"
 
+heimdalljs-logger@^0.1.10, heimdalljs-logger@^0.1.7:
+  version "0.1.10"
+  resolved "https://registry.yarnpkg.com/heimdalljs-logger/-/heimdalljs-logger-0.1.10.tgz#90cad58aabb1590a3c7e640ddc6a4cd3a43faaf7"
+  integrity sha512-pO++cJbhIufVI/fmB/u2Yty3KJD0TqNPecehFae0/eps0hkZ3b4Zc/PezUMOpYuHFQbA7FxHZxa305EhmjLj4g==
+  dependencies:
+    debug "^2.2.0"
+    heimdalljs "^0.2.6"
+
+heimdalljs@^0.2.6:
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/heimdalljs/-/heimdalljs-0.2.6.tgz#b0eebabc412813aeb9542f9cc622cb58dbdcd9fe"
+  integrity sha512-o9bd30+5vLBvBtzCPwwGqpry2+n0Hi6H1+qwt6y+0kwRHGGF8TFIhJPmnuM0xO97zaKrDZMwO/V56fAnn8m/tA==
+  dependencies:
+    rsvp "~3.2.1"
+
 highlight.js@^10.1.1, highlight.js@~10.7.0:
   version "10.7.3"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.7.3.tgz#697272e3991356e40c3cac566a74eef681756531"
@@ -11726,7 +11967,7 @@ html-entities@^2.1.0, html-entities@^2.3.2:
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.2.tgz#760b404685cb1d794e4f4b744332e3b00dcfe488"
   integrity sha512-c3Ab/url5ksaT0WyleslpBEthOzWhrjQbg75y7XUsfSzi3Dgzt0l8w5e7DylRn15MTlMMD58dTfzddNS2kcAjQ==
 
-html-escaper@^2.0.0:
+html-escaper@^2.0.0, html-escaper@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
@@ -11757,6 +11998,13 @@ html-minifier-terser@^6.0.2:
     relateurl "^0.2.7"
     terser "^5.7.2"
 
+html-parse-stringify@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz#dfc1017347ce9f77c8141a507f233040c59c55d2"
+  integrity sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==
+  dependencies:
+    void-elements "3.1.0"
+
 html-tags@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
@@ -11950,6 +12198,44 @@ hyphenate-style-name@^1.0.2:
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
   integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
 
+i18next-browser-languagedetector@^6.1.4:
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-6.1.4.tgz#7b087c5edb6f6acd38ef54ede2160ab9cde0108f"
+  integrity sha512-wukWnFeU7rKIWT66VU5i8I+3Zc4wReGcuDK2+kuFhtoxBRGWGdvYI9UQmqNL/yQH1KogWwh+xGEaIPH8V/i2Zg==
+  dependencies:
+    "@babel/runtime" "^7.14.6"
+
+i18next-parser@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/i18next-parser/-/i18next-parser-6.3.0.tgz#6f27c1f916066e5650ac3c102f4751e28f89e603"
+  integrity sha512-N/SOiVttbcyNXMI7sxmpxz6+lcxZdpCsgSgXQHfLyJhYclPAzVm08lgwhIW3KIfY6Mqf6wmtyUpO2A5J0GM6kA==
+  dependencies:
+    "@babel/runtime" "^7.15.4"
+    broccoli-plugin "^4.0.7"
+    cheerio "^1.0.0-rc.2"
+    colors "1.4.0"
+    commander "~9.1.0"
+    concat-stream "~2.0.0"
+    eol "^0.9.1"
+    fs-extra "^10.0.0"
+    gulp-sort "^2.0.0"
+    i18next "^21.2.0"
+    js-yaml "4.1.0"
+    rsvp "^4.8.2"
+    sort-keys "^5.0.0"
+    through2 "~4.0.2"
+    typescript "^4.2.4"
+    vinyl "~2.2.1"
+    vinyl-fs "^3.0.2"
+    vue-template-compiler "^2.6.11"
+
+i18next@^21.2.0, i18next@^21.6.16:
+  version "21.6.16"
+  resolved "https://registry.yarnpkg.com/i18next/-/i18next-21.6.16.tgz#8cff8c3ba2ffaf8438a8c83fe284083f15cf3941"
+  integrity sha512-xJlzrVxG9CyAGsbMP1aKuiNr1Ed2m36KiTB7hjGMG2Zo4idfw3p9THUEu+GjBwIgEZ7F11ZbCzJcfv4uyfKNuw==
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -12611,6 +12897,11 @@ is-map@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
   integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
 
+is-negated-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
+  integrity sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=
+
 is-negative-zero@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
@@ -12823,6 +13114,16 @@ is-upper-case@^2.0.2:
   dependencies:
     tslib "^2.0.3"
 
+is-utf8@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+  integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
+
+is-valid-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa"
+  integrity sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=
+
 is-weakref@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.1.tgz#842dba4ec17fa9ac9850df2d6efbc1737274f2a2"
@@ -13864,6 +14165,20 @@ lazy-universal-dotenv@^3.0.1:
     dotenv "^8.0.0"
     dotenv-expand "^5.1.0"
 
+lazystream@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638"
+  integrity sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==
+  dependencies:
+    readable-stream "^2.0.5"
+
+lead@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lead/-/lead-1.0.0.tgz#6f14f99a37be3a9dd784f5495690e5903466ee42"
+  integrity sha1-bxT5mje+Op3XhPVJVpDlkDRm7kI=
+  dependencies:
+    flush-write-stream "^1.0.2"
+
 leaflet@^1.7.1:
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.7.1.tgz#10d684916edfe1bf41d688a3b97127c0322a2a19"
@@ -14406,6 +14721,14 @@ markdown-to-jsx@^7.1.3:
   resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.1.3.tgz#f00bae66c0abe7dd2d274123f84cb6bd2a2c7c6a"
   integrity sha512-jtQ6VyT7rMT5tPV0g2EJakEnXLiPksnvlYtwQsVVZ611JsWGN8bQ1tVSDX4s6JllfEH6wmsYxNjTUAMrPmNA8w==
 
+matcher-collection@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/matcher-collection/-/matcher-collection-2.0.1.tgz#90be1a4cf58d6f2949864f65bb3b0f3e41303b29"
+  integrity sha512-daE62nS2ZQsDg9raM0IlZzLmI2u+7ZapXBwdoeBUKAYERPDDIc0qNqA8E0Rp2D+gspKR7BgIFP52GeujaGXWeQ==
+  dependencies:
+    "@types/minimatch" "^3.0.3"
+    minimatch "^3.0.2"
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -15259,6 +15582,11 @@ mkdirp@^1.0.0, mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mktemp@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/mktemp/-/mktemp-0.4.0.tgz#6d0515611c8a8c84e484aa2000129b98e981ff0b"
+  integrity sha1-bQUVYRyKjITkhKogABKbmOmB/ws=
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -15567,6 +15895,13 @@ normalize-url@^4.1.0:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
   integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
 
+now-and-later@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/now-and-later/-/now-and-later-2.0.1.tgz#8e579c8685764a7cc02cb680380e94f43ccb1f7c"
+  integrity sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==
+  dependencies:
+    once "^1.3.2"
+
 npm-run-all@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/npm-run-all/-/npm-run-all-4.1.5.tgz#04476202a15ee0e2e214080861bff12a51d98fba"
@@ -15623,7 +15958,7 @@ nth-check@^1.0.2:
   dependencies:
     boolbase "~1.0.0"
 
-nth-check@^2.0.0:
+nth-check@^2.0.0, nth-check@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"
   integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
@@ -15694,7 +16029,7 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.1.0, object.assign@^4.1.2:
+object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
   integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
@@ -15777,7 +16112,7 @@ on-headers@~1.0.1, on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0, once@^1.3.1, once@^1.3.2, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
@@ -15869,6 +16204,13 @@ ora@^5.4.1:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
+ordered-read-streams@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz#77c0cb37c41525d64166d990ffad7ec6a0e1363e"
+  integrity sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=
+  dependencies:
+    readable-stream "^2.0.1"
+
 original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
@@ -16147,7 +16489,14 @@ parse-json@^5.0.0, parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@6.0.1, parse5@^6.0.0:
+parse5-htmlparser2-tree-adapter@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz#2cdf9ad823321140370d4dbf5d3e92c7c8ddc6e6"
+  integrity sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==
+  dependencies:
+    parse5 "^6.0.1"
+
+parse5@6.0.1, parse5@^6.0.0, parse5@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
   integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
@@ -16228,6 +16577,11 @@ path-parse@^1.0.6, path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-posix@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/path-posix/-/path-posix-1.0.0.tgz#06b26113f56beab042545a23bfa88003ccac260f"
+  integrity sha1-BrJhE/Vr6rBCVFojv6iAA8ysJg8=
+
 path-root-regex@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/path-root-regex/-/path-root-regex-0.1.2.tgz#bfccdc8df5b12dc52c8b43ec38d18d72c04ba96d"
@@ -16667,7 +17021,7 @@ prismjs@~1.17.0:
   optionalDependencies:
     clipboard "^2.0.0"
 
-process-nextick-args@~2.0.0:
+process-nextick-args@^2.0.0, process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
@@ -16687,6 +17041,11 @@ promise-inflight@^1.0.1:
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
   integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
 
+promise-map-series@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/promise-map-series/-/promise-map-series-0.3.0.tgz#41873ca3652bb7a042b387d538552da9b576f8a1"
+  integrity sha512-3npG2NGhTc8BWBolLLf8l/92OxMGaRLbqvIh9wjCHhDXNvk4zsxaTaCpiCunW09qWPrN2zeNSNwRLVBrQQtutA==
+
 promise-polyfill@^8.2.1:
   version "8.2.1"
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.2.1.tgz#1fa955b325bee4f6b8a4311e18148d4e5b46d254"
@@ -16814,7 +17173,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
+pumpify@^1.3.3, pumpify@^1.3.5:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
   integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
@@ -16926,6 +17285,15 @@ quick-lru@^5.1.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
   integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
 
+quick-temp@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/quick-temp/-/quick-temp-0.1.8.tgz#bab02a242ab8fb0dd758a3c9776b32f9a5d94408"
+  integrity sha1-urAqJCq4+w3XWKPJd2sy+aXZRAg=
+  dependencies:
+    mktemp "~0.4.0"
+    rimraf "^2.5.4"
+    underscore.string "~3.3.4"
+
 quickjs-emscripten-sync@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/quickjs-emscripten-sync/-/quickjs-emscripten-sync-1.2.0.tgz#7bfc1b1fa3fee6b264162bfbc884fc6c363ffa69"
@@ -17312,6 +17680,15 @@ react-hotkeys@2.0.0:
   dependencies:
     prop-types "^15.6.1"
 
+react-i18next@^11.16.7:
+  version "11.16.7"
+  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-11.16.7.tgz#8d0680b7f4c8e43f59996336b7183ad576a28df7"
+  integrity sha512-7yotILJLnKfvUfrl/nt9eK9vFpVFjZPLWAwBzWL6XppSZZEvlmlKk0GBGDCAPfLfs8oND7WAbry8wGzdoiW5Nw==
+  dependencies:
+    "@babel/runtime" "^7.14.5"
+    html-escaper "^2.0.2"
+    html-parse-stringify "^3.0.1"
+
 react-inspector@^5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-5.1.1.tgz#58476c78fde05d5055646ed8ec02030af42953c8"
@@ -17668,7 +18045,7 @@ read-pkg@^6.0.0:
     parse-json "^5.2.0"
     type-fest "^1.0.1"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -17681,7 +18058,7 @@ read-pkg@^6.0.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+readable-stream@3, readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
   integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
@@ -18005,6 +18382,23 @@ remedial@^1.0.7:
   resolved "https://registry.yarnpkg.com/remedial/-/remedial-1.0.8.tgz#a5e4fd52a0e4956adbaf62da63a5a46a78c578a0"
   integrity sha512-/62tYiOe6DzS5BqVsNpH/nkGlX45C/Sp6V+NtiN6JQNS1Viay7cWkazmRkrQrdFj2eshDe96SIQNIoMxqhzBOg==
 
+remove-bom-buffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz#c2bf1e377520d324f623892e33c10cac2c252b53"
+  integrity sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==
+  dependencies:
+    is-buffer "^1.1.5"
+    is-utf8 "^0.2.1"
+
+remove-bom-stream@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz#05f1a593f16e42e1fb90ebf59de8e569525f9523"
+  integrity sha1-BfGlk/FuQuH7kOv1nejlaVJflSM=
+  dependencies:
+    remove-bom-buffer "^3.0.0"
+    safe-buffer "^5.1.0"
+    through2 "^2.0.3"
+
 remove-trailing-separator@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
@@ -18047,6 +18441,11 @@ repeat-string@^1.5.4, repeat-string@^1.6.1:
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
 
+replace-ext@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.1.tgz#2d6d996d04a15855d967443631dd5f77825b016a"
+  integrity sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==
+
 replaceall@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/replaceall/-/replaceall-0.1.6.tgz#81d81ac7aeb72d7f5c4942adf2697a3220688d8e"
@@ -18111,6 +18510,13 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+resolve-options@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/resolve-options/-/resolve-options-1.1.0.tgz#32bb9e39c06d67338dc9378c0d6d6074566ad131"
+  integrity sha1-MrueOcBtZzONyTeMDW1gdFZq0TE=
+  dependencies:
+    value-or-function "^3.0.0"
+
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -18211,11 +18617,16 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
-rsvp@^4.8.4:
+rsvp@^4.8.2, rsvp@^4.8.4:
   version "4.8.5"
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
   integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
+rsvp@~3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-3.2.1.tgz#07cb4a5df25add9e826ebc67dcc9fd89db27d84a"
+  integrity sha1-B8tKXfJa3Z6Cbrxn3Mn9idsn2Eo=
+
 rtl-css-js@^1.14.0:
   version "1.14.2"
   resolved "https://registry.yarnpkg.com/rtl-css-js/-/rtl-css-js-1.14.2.tgz#fb2168433af9cdabee8a1613f4e2cbd1148acf6f"
@@ -18884,6 +19295,13 @@ sort-keys@^4.0.0:
   dependencies:
     is-plain-obj "^2.0.0"
 
+sort-keys@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-5.0.0.tgz#5d775f8ae93ecc29bc7312bbf3acac4e36e3c446"
+  integrity sha512-Pdz01AvCAottHTPQGzndktFNdbRA75BgOfeT1hH+AMnJFv8lynkPi42rfeEhpx1saTEI3YNMWxfqu0sFD1G8pw==
+  dependencies:
+    is-plain-obj "^4.0.0"
+
 source-list-map@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
@@ -19029,6 +19447,11 @@ sponge-case@^1.0.1:
   dependencies:
     tslib "^2.0.3"
 
+sprintf-js@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -19567,6 +19990,11 @@ symbol.prototype.description@^1.0.0:
     has-symbols "^1.0.2"
     object.getownpropertydescriptors "^2.1.2"
 
+symlink-or-copy@^1.1.8, symlink-or-copy@^1.2.0, symlink-or-copy@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/symlink-or-copy/-/symlink-or-copy-1.3.1.tgz#9506dd64d8e98fa21dcbf4018d1eab23e77f71fe"
+  integrity sha512-0K91MEXFpBUaywiwSSkmKjnGcasG/rVBXFLJz5DrgGabpYD6N+3yZrfD6uUIfpuTu65DZLHi7N8CizHc07BPZA==
+
 sync-fetch@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/sync-fetch/-/sync-fetch-0.3.0.tgz#77246da949389310ad978ab26790bb05f88d1335"
@@ -19781,7 +20209,15 @@ throttleit@^1.0.0:
   resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.0.tgz#9e785836daf46743145a5984b6268d828528ac6c"
   integrity sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=
 
-through2@^2.0.0:
+through2-filter@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-3.0.0.tgz#700e786df2367c2c88cd8aa5be4cf9c1e7831254"
+  integrity sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==
+  dependencies:
+    through2 "~2.0.0"
+    xtend "~4.0.0"
+
+through2@^2.0.0, through2@^2.0.1, through2@^2.0.3, through2@~2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -19789,6 +20225,13 @@ through2@^2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
+through2@~4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
+  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
+  dependencies:
+    readable-stream "3"
+
 through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
@@ -19852,6 +20295,14 @@ tmpl@1.0.5:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
+to-absolute-glob@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1865f43d9e74b0822db9f145b78cff7d0f7c849b"
+  integrity sha1-GGX0PZ50sIItufFFt4z/fQ98hJs=
+  dependencies:
+    is-absolute "^1.0.0"
+    is-negated-glob "^1.0.0"
+
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -19899,6 +20350,13 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+to-through@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-through/-/to-through-2.0.0.tgz#fc92adaba072647bc0b67d6b03664aa195093af6"
+  integrity sha1-/JKtq6ByZHvAtn1rA2ZKoZUJOvY=
+  dependencies:
+    through2 "^2.0.3"
+
 toggle-selection@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
@@ -20068,6 +20526,11 @@ tslib@^2, tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0,
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
   integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
 
+tslib@^2.2.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
+  integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
+
 tslib@~2.0.1:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.3.tgz#8e0741ac45fc0c226e58a17bfc3e64b9bc6ca61c"
@@ -20207,6 +20670,11 @@ typescript@^4.0, typescript@^4.4.4:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.4.tgz#2cd01a1a1f160704d3101fd5a58ff0f9fcb8030c"
   integrity sha512-DqGhF5IKoBl8WNf8C1gu8q0xZSInh9j1kJJMqT3a94w1JzVaBU4EXOSMrz9yDqMT0xt3selp83fuFMQ0uzv6qA==
 
+typescript@^4.2.4:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c"
+  integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==
+
 ua-parser-js@^0.7.30:
   version "0.7.31"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.31.tgz#649a656b191dffab4f21d5e053e27ca17cbff5c6"
@@ -20245,6 +20713,14 @@ unc-path-regex@^0.1.2:
   resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
   integrity sha1-5z3T17DXxe2G+6xrCufYxqadUPo=
 
+underscore.string@~3.3.4:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/underscore.string/-/underscore.string-3.3.6.tgz#ad8cf23d7423cb3b53b898476117588f4e2f9159"
+  integrity sha512-VoC83HWXmCrF6rgkyxS9GHv8W9Q5nhMKho+OadDJGzL2oDYbYEppBaCMH6pFlwLeqj2QS+hhkw2kpXkSdD1JxQ==
+  dependencies:
+    sprintf-js "^1.1.1"
+    util-deprecate "^1.0.2"
+
 unfetch@^4.1.0, unfetch@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-4.2.0.tgz#7e21b0ef7d363d8d9af0fb929a5555f6ef97a3be"
@@ -20330,6 +20806,14 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
+unique-stream@^2.0.2:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-2.3.1.tgz#c65d110e9a4adf9a6c5948b28053d9a8d04cbeac"
+  integrity sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==
+  dependencies:
+    json-stable-stringify-without-jsonify "^1.0.1"
+    through2-filter "^3.0.0"
+
 unist-builder@2.0.3, unist-builder@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-2.0.3.tgz#77648711b5d86af0942f334397a33c5e91516436"
@@ -20740,6 +21224,11 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+value-or-function@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/value-or-function/-/value-or-function-3.0.0.tgz#1c243a50b595c1be54a754bfece8563b9ff8d813"
+  integrity sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=
+
 value-or-promise@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/value-or-promise/-/value-or-promise-1.0.11.tgz#3e90299af31dd014fe843fe309cefa7c1d94b140"
@@ -20805,11 +21294,64 @@ vfile@^5.0.0:
     unist-util-stringify-position "^3.0.0"
     vfile-message "^3.0.0"
 
+vinyl-fs@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-3.0.3.tgz#c85849405f67428feabbbd5c5dbdd64f47d31bc7"
+  integrity sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==
+  dependencies:
+    fs-mkdirp-stream "^1.0.0"
+    glob-stream "^6.1.0"
+    graceful-fs "^4.0.0"
+    is-valid-glob "^1.0.0"
+    lazystream "^1.0.0"
+    lead "^1.0.0"
+    object.assign "^4.0.4"
+    pumpify "^1.3.5"
+    readable-stream "^2.3.3"
+    remove-bom-buffer "^3.0.0"
+    remove-bom-stream "^1.2.0"
+    resolve-options "^1.1.0"
+    through2 "^2.0.0"
+    to-through "^2.0.0"
+    value-or-function "^3.0.0"
+    vinyl "^2.0.0"
+    vinyl-sourcemap "^1.1.0"
+
+vinyl-sourcemap@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz#92a800593a38703a8cdb11d8b300ad4be63b3e16"
+  integrity sha1-kqgAWTo4cDqM2xHYswCtS+Y7PhY=
+  dependencies:
+    append-buffer "^1.0.2"
+    convert-source-map "^1.5.0"
+    graceful-fs "^4.1.6"
+    normalize-path "^2.1.1"
+    now-and-later "^2.0.0"
+    remove-bom-buffer "^3.0.0"
+    vinyl "^2.0.0"
+
+vinyl@^2.0.0, vinyl@~2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-2.2.1.tgz#23cfb8bbab5ece3803aa2c0a1eb28af7cbba1974"
+  integrity sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==
+  dependencies:
+    clone "^2.1.1"
+    clone-buffer "^1.0.0"
+    clone-stats "^1.0.0"
+    cloneable-readable "^1.0.0"
+    remove-trailing-separator "^1.0.1"
+    replace-ext "^1.0.0"
+
 vm-browserify@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
+void-elements@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
+  integrity sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=
+
 vscode-css-languageservice@^5.1.4:
   version "5.1.8"
   resolved "https://registry.yarnpkg.com/vscode-css-languageservice/-/vscode-css-languageservice-5.1.8.tgz#36cb389788ffc2d5e6630ffc84e55ee38f8a2338"
@@ -20857,6 +21399,14 @@ vscode-uri@^3.0.2:
   resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.2.tgz#ecfd1d066cb8ef4c3a208decdbab9a8c23d055d0"
   integrity sha512-jkjy6pjU1fxUvI51P+gCsxg1u2n8LSt0W6KrCNQceaziKzff74GoWmjVG46KieVzybO1sttPQmYfrwSHey7GUA==
 
+vue-template-compiler@^2.6.11:
+  version "2.6.14"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz#a2f0e7d985670d42c9c9ee0d044fed7690f4f763"
+  integrity sha512-ODQS1SyMbjKoO1JBJZojSw6FE4qnh9rIpUZn2EUT86FKizx9uH5z6uXiIrm4/Nb/gwxTi/o17ZDEGWAXHvtC7g==
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.1.0"
+
 w3c-hr-time@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
@@ -20887,6 +21437,16 @@ wait-on@^6.0.0:
     minimist "^1.2.5"
     rxjs "^7.5.4"
 
+walk-sync@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/walk-sync/-/walk-sync-2.2.0.tgz#80786b0657fcc8c0e1c0b1a042a09eae2966387a"
+  integrity sha512-IC8sL7aB4/ZgFcGI2T1LczZeFWZ06b3zoHH7jBPyHxOtIIz1jppWHjjEXkOFvFojBVAK9pV7g47xOZ4LW3QLfg==
+  dependencies:
+    "@types/minimatch" "^3.0.3"
+    ensure-posix-path "^1.1.0"
+    matcher-collection "^2.0.0"
+    minimatch "^3.0.4"
+
 walker@^1.0.7, walker@~1.0.5:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
@@ -21436,7 +21996,7 @@ xmlchars@^2.2.0:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
+xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==

From 92e7cfd6289cdaa2f6fa7c6c5a327694a1e17177 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Tue, 26 Apr 2022 18:24:52 +0900
Subject: [PATCH 02/12] move

---
 .storybook/preview.tsx                                          | 2 +-
 package.json                                                    | 2 +-
 src/app.tsx                                                     | 2 +-
 .../molecules/Settings/Account/AccountSection/index.tsx         | 2 +-
 src/components/pages/Authentication/hooks.ts                    | 2 +-
 src/{locale_legacy => i18n/legacy}/en.yml                       | 0
 src/{locale_legacy => i18n/legacy}/index.ts                     | 0
 src/{locale_legacy => i18n/legacy}/ja.yml                       | 0
 src/{locale_legacy => i18n/legacy}/locale.ts                    | 0
 src/{locale_legacy => i18n/legacy}/provider.tsx                 | 0
 src/{locale_legacy => i18n/legacy}/publishedProvider.tsx        | 0
 src/publishedapp.tsx                                            | 2 +-
 src/test/utils.tsx                                              | 2 +-
 13 files changed, 7 insertions(+), 7 deletions(-)
 rename src/{locale_legacy => i18n/legacy}/en.yml (100%)
 rename src/{locale_legacy => i18n/legacy}/index.ts (100%)
 rename src/{locale_legacy => i18n/legacy}/ja.yml (100%)
 rename src/{locale_legacy => i18n/legacy}/locale.ts (100%)
 rename src/{locale_legacy => i18n/legacy}/provider.tsx (100%)
 rename src/{locale_legacy => i18n/legacy}/publishedProvider.tsx (100%)

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 1a57d89c2..5f278fef0 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -8,7 +8,7 @@ import {
 import React, { ReactElement } from "react";
 
 import { Provider as I18nProvider } from "../src/i18n";
-import { Provider as LegacyIntlProvider } from "../src/locale_legacy";
+import { Provider as LegacyIntlProvider } from "../src/i18n/legacy";
 import { Provider as ThemeProvider } from "../src/theme";
 import { Provider as DndProvider } from "../src/util/use-dnd";
 
diff --git a/package.json b/package.json
index 987fb6ade..bcbb6cfe4 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "cypress:run": "cypress run",
         "gql": "graphql-codegen --config codegen.yml",
         "i18n": "i18next",
-        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/locale_legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
+        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/i18n/legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
         "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc"
     },
     "engines": {
diff --git a/src/app.tsx b/src/app.tsx
index 6e7d0ad39..d7765ae3a 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -17,7 +17,7 @@ import WorkspaceSettings from "@reearth/components/pages/Settings/Workspace";
 import AssetSettings from "@reearth/components/pages/Settings/Workspace/Asset";
 import WorkspaceList from "@reearth/components/pages/Settings/WorkspaceList";
 import { Provider as I18nProvider } from "@reearth/i18n";
-import { Provider as LegacyIntlProvider } from "@reearth/locale_legacy";
+import { Provider as LegacyIntlProvider } from "@reearth/i18n/legacy";
 
 import { Provider as Auth0Provider } from "./auth";
 import RootPage from "./components/pages/Authentication/RootPage";
diff --git a/src/components/molecules/Settings/Account/AccountSection/index.tsx b/src/components/molecules/Settings/Account/AccountSection/index.tsx
index 7ab290359..1a653746c 100644
--- a/src/components/molecules/Settings/Account/AccountSection/index.tsx
+++ b/src/components/molecules/Settings/Account/AccountSection/index.tsx
@@ -8,7 +8,7 @@ import PasswordModal, {
 import Field from "@reearth/components/molecules/Settings/Field";
 import EditableItem from "@reearth/components/molecules/Settings/Project/EditableItem";
 import Section from "@reearth/components/molecules/Settings/Section";
-import { localesWithLabel } from "@reearth/locale_legacy";
+import { localesWithLabel } from "@reearth/i18n/legacy";
 import { styled } from "@reearth/theme";
 
 export type Theme = "dark" | "light" | "default";
diff --git a/src/components/pages/Authentication/hooks.ts b/src/components/pages/Authentication/hooks.ts
index 592510a55..8ab8ba4ac 100644
--- a/src/components/pages/Authentication/hooks.ts
+++ b/src/components/pages/Authentication/hooks.ts
@@ -4,7 +4,7 @@ import { useCallback, useEffect } from "react";
 
 import { useAuth, useCleanUrl } from "@reearth/auth";
 import { useTeamsQuery } from "@reearth/gql";
-import { intl } from "@reearth/locale_legacy";
+import { intl } from "@reearth/i18n/legacy";
 import { useTeam, useNotification } from "@reearth/state";
 
 // TODO: move hooks to molecules (page components should be thin)
diff --git a/src/locale_legacy/en.yml b/src/i18n/legacy/en.yml
similarity index 100%
rename from src/locale_legacy/en.yml
rename to src/i18n/legacy/en.yml
diff --git a/src/locale_legacy/index.ts b/src/i18n/legacy/index.ts
similarity index 100%
rename from src/locale_legacy/index.ts
rename to src/i18n/legacy/index.ts
diff --git a/src/locale_legacy/ja.yml b/src/i18n/legacy/ja.yml
similarity index 100%
rename from src/locale_legacy/ja.yml
rename to src/i18n/legacy/ja.yml
diff --git a/src/locale_legacy/locale.ts b/src/i18n/legacy/locale.ts
similarity index 100%
rename from src/locale_legacy/locale.ts
rename to src/i18n/legacy/locale.ts
diff --git a/src/locale_legacy/provider.tsx b/src/i18n/legacy/provider.tsx
similarity index 100%
rename from src/locale_legacy/provider.tsx
rename to src/i18n/legacy/provider.tsx
diff --git a/src/locale_legacy/publishedProvider.tsx b/src/i18n/legacy/publishedProvider.tsx
similarity index 100%
rename from src/locale_legacy/publishedProvider.tsx
rename to src/i18n/legacy/publishedProvider.tsx
diff --git a/src/publishedapp.tsx b/src/publishedapp.tsx
index 286620252..c433c9f0f 100644
--- a/src/publishedapp.tsx
+++ b/src/publishedapp.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import PublishedPage from "@reearth/components/pages/Published";
 
 import { Provider as I18nProvider } from "./i18n";
-import { PublishedProvider as LegacyIntlProvider } from "./locale_legacy";
+import { PublishedProvider as LegacyIntlProvider } from "./i18n/legacy";
 import { PublishedAppProvider as ThemeProvider } from "./theme";
 import { Provider as DndProvider } from "./util/use-dnd";
 
diff --git a/src/test/utils.tsx b/src/test/utils.tsx
index d27f5caa7..2f869fbc9 100644
--- a/src/test/utils.tsx
+++ b/src/test/utils.tsx
@@ -3,7 +3,7 @@ import { render as rtlRender } from "@testing-library/react";
 import React from "react";
 
 import { Provider as I18nProvider } from "../i18n";
-import { Provider as LegacyIntlProvider } from "../locale_legacy";
+import { Provider as LegacyIntlProvider } from "../i18n/legacy";
 import { Provider as ThemeProvider } from "../theme";
 
 const render = (

From 273314b34a9e9b235f2c6c6f5ccbc5127d5105c8 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Tue, 26 Apr 2022 18:27:54 +0900
Subject: [PATCH 03/12] add comment to webpack config

---
 .vscode/settings.json | 1 +
 webpack.config.js     | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1275bbd5d..459125005 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
+    "editor.formatOnSave": false, // conflicts with ESLint format
     "typescript.tsdk": "node_modules/typescript/lib",
     "yaml.schemas": {
         "https://json.schemastore.org/github-workflow": "/.github/workflows/**/*.yml"
diff --git a/webpack.config.js b/webpack.config.js
index bc11886ba..e849ed651 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -102,10 +102,11 @@ module.exports = (env, args = {}) => {
         },
         {
           test: /\.ya?ml$/,
+          // Delete yaml-flat-loader and use a regular yaml loader when migration to i18next is complete
           use: [{ loader: "json-loader" }, { loader: "yaml-flat-loader" }],
         },
         {
-          exclude: [/\.(jsx?|m?js|html?|json|tsx?|css|ya?ml)$/],
+          exclude: [/\.(jsx?|m?js|html?|json|tsx?|css)$/],
           loader: "file-loader",
           options: {
             name: "assets/[name].[contenthash:8].[ext]",

From 964179e982b64bff0852df54b794945845131e71 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Tue, 26 Apr 2022 18:57:34 +0900
Subject: [PATCH 04/12] refactor

---
 .storybook/preview.tsx                   |  5 +--
 package.json                             |  2 +-
 src/app.tsx                              | 53 +++++++++++-------------
 src/i18n/legacy/locale.ts                |  4 +-
 src/i18n/provider.tsx                    |  7 +++-
 src/i18n/publishedProvider.tsx           |  7 +++-
 src/publishedapp.tsx                     |  5 +--
 src/test/utils.tsx                       |  5 +--
 src/{i18n => translations}/legacy/en.yml |  0
 src/{i18n => translations}/legacy/ja.yml |  0
 10 files changed, 43 insertions(+), 45 deletions(-)
 rename src/{i18n => translations}/legacy/en.yml (100%)
 rename src/{i18n => translations}/legacy/ja.yml (100%)

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 5f278fef0..b39d657c5 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -8,7 +8,6 @@ import {
 import React, { ReactElement } from "react";
 
 import { Provider as I18nProvider } from "../src/i18n";
-import { Provider as LegacyIntlProvider } from "../src/i18n/legacy";
 import { Provider as ThemeProvider } from "../src/theme";
 import { Provider as DndProvider } from "../src/util/use-dnd";
 
@@ -33,9 +32,7 @@ export const decorators = [
     <ApolloProvider client={mockClient}>
       <ThemeProvider>
         <I18nProvider>
-          <LegacyIntlProvider>
-            <DndProvider>{storyFn()}</DndProvider>
-          </LegacyIntlProvider>
+          <DndProvider>{storyFn()}</DndProvider>
         </I18nProvider>
       </ThemeProvider>
     </ApolloProvider>
diff --git a/package.json b/package.json
index bcbb6cfe4..c64ff2dbf 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "cypress:run": "cypress run",
         "gql": "graphql-codegen --config codegen.yml",
         "i18n": "i18next",
-        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/i18n/legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
+        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/translations/legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
         "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc"
     },
     "engines": {
diff --git a/src/app.tsx b/src/app.tsx
index d7765ae3a..d38bda0c1 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -17,7 +17,6 @@ import WorkspaceSettings from "@reearth/components/pages/Settings/Workspace";
 import AssetSettings from "@reearth/components/pages/Settings/Workspace/Asset";
 import WorkspaceList from "@reearth/components/pages/Settings/WorkspaceList";
 import { Provider as I18nProvider } from "@reearth/i18n";
-import { Provider as LegacyIntlProvider } from "@reearth/i18n/legacy";
 
 import { Provider as Auth0Provider } from "./auth";
 import RootPage from "./components/pages/Authentication/RootPage";
@@ -46,33 +45,31 @@ const App: React.FC = () => {
       <GqlProvider>
         <ThemeProvider>
           <I18nProvider>
-            <LegacyIntlProvider>
-              <Suspense fallback={<Loading />}>
-                <NotificationBanner />
-                <StyledRouter>
-                  <RootPage path="/" />
-                  <LoginPage path="/login" />
-                  <SignupPage path="/signup" />
-                  <PasswordResetPage path="/password-reset" />
-                  <Dashboard path="/dashboard/:teamId" />
-                  <EarthEditor path="/edit/:sceneId" />
-                  <Preview path="/edit/:sceneId/preview" />
-                  <Redirect from="/settings" to="/settings/account" />
-                  <AccountSettings path="/settings/account" />
-                  <WorkspaceList path="/settings/workspaces" />
-                  <WorkspaceSettings path="/settings/workspace/:teamId" />
-                  <SettingsProjectList path="/settings/workspace/:teamId/projects" />
-                  <AssetSettings path="/settings/workspace/:teamId/asset" />
-                  <ProjectSettings path="/settings/project/:projectId" />
-                  <PublicSettings path="/settings/project/:projectId/public" />
-                  <DatasetSettings path="/settings/project/:projectId/dataset" />
-                  <PluginSettings path="/settings/project/:projectId/plugins" />
-                  <PluginEditor path="/plugin-editor" />
-                  {process.env.NODE_ENV !== "production" && <GraphQLPlayground path="/graphql" />}
-                  <NotFound default />
-                </StyledRouter>
-              </Suspense>
-            </LegacyIntlProvider>
+            <Suspense fallback={<Loading />}>
+              <NotificationBanner />
+              <StyledRouter>
+                <RootPage path="/" />
+                <LoginPage path="/login" />
+                <SignupPage path="/signup" />
+                <PasswordResetPage path="/password-reset" />
+                <Dashboard path="/dashboard/:teamId" />
+                <EarthEditor path="/edit/:sceneId" />
+                <Preview path="/edit/:sceneId/preview" />
+                <Redirect from="/settings" to="/settings/account" />
+                <AccountSettings path="/settings/account" />
+                <WorkspaceList path="/settings/workspaces" />
+                <WorkspaceSettings path="/settings/workspace/:teamId" />
+                <SettingsProjectList path="/settings/workspace/:teamId/projects" />
+                <AssetSettings path="/settings/workspace/:teamId/asset" />
+                <ProjectSettings path="/settings/project/:projectId" />
+                <PublicSettings path="/settings/project/:projectId/public" />
+                <DatasetSettings path="/settings/project/:projectId/dataset" />
+                <PluginSettings path="/settings/project/:projectId/plugins" />
+                <PluginEditor path="/plugin-editor" />
+                {process.env.NODE_ENV !== "production" && <GraphQLPlayground path="/graphql" />}
+                <NotFound default />
+              </StyledRouter>
+            </Suspense>
           </I18nProvider>
         </ThemeProvider>
       </GqlProvider>
diff --git a/src/i18n/legacy/locale.ts b/src/i18n/legacy/locale.ts
index 0ce982173..21e8af222 100644
--- a/src/i18n/legacy/locale.ts
+++ b/src/i18n/legacy/locale.ts
@@ -1,7 +1,7 @@
 import { createIntl, createIntlCache } from "react-intl";
 
-import en from "./en.yml";
-import ja from "./ja.yml";
+import en from "../../translations/legacy/en.yml";
+import ja from "../../translations/legacy/ja.yml";
 
 export const locales = ["en", "ja"] as const;
 
diff --git a/src/i18n/provider.tsx b/src/i18n/provider.tsx
index 358890365..ee19a4e4f 100644
--- a/src/i18n/provider.tsx
+++ b/src/i18n/provider.tsx
@@ -5,6 +5,7 @@ import { useAuth } from "@reearth/auth";
 import { useLanguageQuery } from "@reearth/gql";
 
 import i18n from "./i18n";
+import { Provider as LegacyProvider } from "./legacy";
 
 export default function Provider({ children }: { children?: ReactNode }) {
   const { isAuthenticated } = useAuth();
@@ -14,5 +15,9 @@ export default function Provider({ children }: { children?: ReactNode }) {
     i18n.changeLanguage(locale);
   }, [locale]);
 
-  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
+  return (
+    <I18nextProvider i18n={i18n}>
+      <LegacyProvider>{children}</LegacyProvider>
+    </I18nextProvider>
+  );
 }
diff --git a/src/i18n/publishedProvider.tsx b/src/i18n/publishedProvider.tsx
index 29bb8d529..d384ba635 100644
--- a/src/i18n/publishedProvider.tsx
+++ b/src/i18n/publishedProvider.tsx
@@ -2,7 +2,12 @@ import React, { PropsWithChildren } from "react";
 import { I18nextProvider } from "react-i18next";
 
 import i18n from "./i18n";
+import { PublishedProvider as LegacyProvider } from "./legacy";
 
 export default function PublishedProvider({ children }: PropsWithChildren<{}>) {
-  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
+  return (
+    <I18nextProvider i18n={i18n}>
+      <LegacyProvider>{children}</LegacyProvider>
+    </I18nextProvider>
+  );
 }
diff --git a/src/publishedapp.tsx b/src/publishedapp.tsx
index c433c9f0f..3a3c0b557 100644
--- a/src/publishedapp.tsx
+++ b/src/publishedapp.tsx
@@ -3,7 +3,6 @@ import React from "react";
 import PublishedPage from "@reearth/components/pages/Published";
 
 import { Provider as I18nProvider } from "./i18n";
-import { PublishedProvider as LegacyIntlProvider } from "./i18n/legacy";
 import { PublishedAppProvider as ThemeProvider } from "./theme";
 import { Provider as DndProvider } from "./util/use-dnd";
 
@@ -12,9 +11,7 @@ export default function App() {
     <ThemeProvider>
       <DndProvider>
         <I18nProvider>
-          <LegacyIntlProvider>
-            <PublishedPage />
-          </LegacyIntlProvider>
+          <PublishedPage />
         </I18nProvider>
       </DndProvider>
     </ThemeProvider>
diff --git a/src/test/utils.tsx b/src/test/utils.tsx
index 2f869fbc9..1cc21086e 100644
--- a/src/test/utils.tsx
+++ b/src/test/utils.tsx
@@ -3,7 +3,6 @@ import { render as rtlRender } from "@testing-library/react";
 import React from "react";
 
 import { Provider as I18nProvider } from "../i18n";
-import { Provider as LegacyIntlProvider } from "../i18n/legacy";
 import { Provider as ThemeProvider } from "../theme";
 
 const render = (
@@ -15,9 +14,7 @@ const render = (
     return (
       <MockedGqlProvider mocks={queryMocks} addTypename={false}>
         <ThemeProvider>
-          <I18nProvider>
-            <LegacyIntlProvider>{children}</LegacyIntlProvider>
-          </I18nProvider>
+          <I18nProvider>{children}</I18nProvider>
         </ThemeProvider>
       </MockedGqlProvider>
     );
diff --git a/src/i18n/legacy/en.yml b/src/translations/legacy/en.yml
similarity index 100%
rename from src/i18n/legacy/en.yml
rename to src/translations/legacy/en.yml
diff --git a/src/i18n/legacy/ja.yml b/src/translations/legacy/ja.yml
similarity index 100%
rename from src/i18n/legacy/ja.yml
rename to src/translations/legacy/ja.yml

From f8941738ce86884f1fdd29380303aa2ea85a3900 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:44:31 +0900
Subject: [PATCH 05/12] move translations

---
 i18next-parser.config.js                  | 2 +-
 package.json                              | 2 +-
 src/i18n/i18n.ts                          | 4 ++--
 src/i18n/legacy/locale.ts                 | 4 ++--
 src/{ => i18n}/translations/en.yml        | 0
 src/{ => i18n}/translations/ja.yml        | 0
 src/{ => i18n}/translations/legacy/en.yml | 0
 src/{ => i18n}/translations/legacy/ja.yml | 0
 8 files changed, 6 insertions(+), 6 deletions(-)
 rename src/{ => i18n}/translations/en.yml (100%)
 rename src/{ => i18n}/translations/ja.yml (100%)
 rename src/{ => i18n}/translations/legacy/en.yml (100%)
 rename src/{ => i18n}/translations/legacy/ja.yml (100%)

diff --git a/i18next-parser.config.js b/i18next-parser.config.js
index 37367818c..221e4d7e5 100644
--- a/i18next-parser.config.js
+++ b/i18next-parser.config.js
@@ -1,5 +1,5 @@
 module.exports = {
   locales: ["en", "ja"],
-  output: "src/translations/$LOCALE.yml",
+  output: "src/i18n/translations/$LOCALE.yml",
   input: ["src/**/*.{ts,tsx}"],
 };
diff --git a/package.json b/package.json
index c64ff2dbf..8af0c4511 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "cypress:run": "cypress run",
         "gql": "graphql-codegen --config codegen.yml",
         "i18n": "i18next",
-        "i18n:regacy": "extract-messages -d en -l=en,ja -o src/translations/legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
+        "i18n:legacy": "extract-messages -d en -l=en,ja -o src/i18n/translations/legacy -f yaml 'src/**/*.ts*' --extractFromFormatMessageCall",
         "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc"
     },
     "engines": {
diff --git a/src/i18n/i18n.ts b/src/i18n/i18n.ts
index 104d51e6e..79b5424a7 100644
--- a/src/i18n/i18n.ts
+++ b/src/i18n/i18n.ts
@@ -2,8 +2,8 @@ import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import { initReactI18next } from "react-i18next";
 
-import en from "../translations/en.yml";
-import ja from "../translations/ja.yml";
+import en from "./translations/en.yml";
+import ja from "./translations/ja.yml";
 
 const resources = {
   en: {
diff --git a/src/i18n/legacy/locale.ts b/src/i18n/legacy/locale.ts
index 21e8af222..42f6c42c5 100644
--- a/src/i18n/legacy/locale.ts
+++ b/src/i18n/legacy/locale.ts
@@ -1,7 +1,7 @@
 import { createIntl, createIntlCache } from "react-intl";
 
-import en from "../../translations/legacy/en.yml";
-import ja from "../../translations/legacy/ja.yml";
+import en from "../translations/legacy/en.yml";
+import ja from "../translations/legacy/ja.yml";
 
 export const locales = ["en", "ja"] as const;
 
diff --git a/src/translations/en.yml b/src/i18n/translations/en.yml
similarity index 100%
rename from src/translations/en.yml
rename to src/i18n/translations/en.yml
diff --git a/src/translations/ja.yml b/src/i18n/translations/ja.yml
similarity index 100%
rename from src/translations/ja.yml
rename to src/i18n/translations/ja.yml
diff --git a/src/translations/legacy/en.yml b/src/i18n/translations/legacy/en.yml
similarity index 100%
rename from src/translations/legacy/en.yml
rename to src/i18n/translations/legacy/en.yml
diff --git a/src/translations/legacy/ja.yml b/src/i18n/translations/legacy/ja.yml
similarity index 100%
rename from src/translations/legacy/ja.yml
rename to src/i18n/translations/legacy/ja.yml

From 384614a4f4bf33c66527ce6fbee27f18976aa48e Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:44:53 +0900
Subject: [PATCH 06/12] revert vscode config

---
 .vscode/settings.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 459125005..1275bbd5d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,4 @@
 {
-    "editor.formatOnSave": false, // conflicts with ESLint format
     "typescript.tsdk": "node_modules/typescript/lib",
     "yaml.schemas": {
         "https://json.schemastore.org/github-workflow": "/.github/workflows/**/*.yml"

From 22ec6640842c6154dabfb56cb84578c9284b6d77 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:47:16 +0900
Subject: [PATCH 07/12] enable i18n check in ci

---
 .github/workflows/ci.yml | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8994d749f..6a7bd2dd9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -33,9 +33,8 @@ jobs:
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
           file: ./coverage/lcov.info
-      # Activate when migration to i18next is complete.
-      # - name: Check translations
-      #   run: yarn run i18n --fail-on-update
+      - name: Check translations
+        run: yarn run i18n --fail-on-update
   slack-notification:
     if: always()
     name: Slack Notification

From 5108994fd036cc7ccda395cc579f3672cfc957e5 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:48:22 +0900
Subject: [PATCH 08/12] useKeysAsDefaultValue

---
 i18next-parser.config.js     | 1 +
 src/i18n/translations/en.yml | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/i18next-parser.config.js b/i18next-parser.config.js
index 221e4d7e5..4b46645a5 100644
--- a/i18next-parser.config.js
+++ b/i18next-parser.config.js
@@ -2,4 +2,5 @@ module.exports = {
   locales: ["en", "ja"],
   output: "src/i18n/translations/$LOCALE.yml",
   input: ["src/**/*.{ts,tsx}"],
+  useKeysAsDefaultValue: true,
 };
diff --git a/src/i18n/translations/en.yml b/src/i18n/translations/en.yml
index 7cc704801..e5ab3342b 100644
--- a/src/i18n/translations/en.yml
+++ b/src/i18n/translations/en.yml
@@ -1,2 +1,2 @@
-Continue: ''
-Cancel: ''
+Continue: Continue
+Cancel: Cancel

From 886bb0e91f22c10aa0f9746aee4e84abe1355a59 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:51:32 +0900
Subject: [PATCH 09/12] auto when und

---
 src/i18n/provider.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/i18n/provider.tsx b/src/i18n/provider.tsx
index ee19a4e4f..aec214c93 100644
--- a/src/i18n/provider.tsx
+++ b/src/i18n/provider.tsx
@@ -11,8 +11,9 @@ export default function Provider({ children }: { children?: ReactNode }) {
   const { isAuthenticated } = useAuth();
   const { data } = useLanguageQuery({ skip: !isAuthenticated });
   const locale = data?.me?.lang;
+
   useEffect(() => {
-    i18n.changeLanguage(locale);
+    i18n.changeLanguage(locale === "und" ? undefined : locale);
   }, [locale]);
 
   return (

From 28d13eb37fc9a204873076b0715e6b6e923c9cd1 Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 13:51:41 +0900
Subject: [PATCH 10/12] children type

---
 src/i18n/legacy/provider.tsx          | 4 ++--
 src/i18n/legacy/publishedProvider.tsx | 4 ++--
 src/i18n/publishedProvider.tsx        | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/i18n/legacy/provider.tsx b/src/i18n/legacy/provider.tsx
index bc975aa6b..10d2144a4 100644
--- a/src/i18n/legacy/provider.tsx
+++ b/src/i18n/legacy/provider.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { ReactNode } from "react";
 import { IntlProvider } from "react-intl";
 
 import { useAuth } from "@reearth/auth";
@@ -6,7 +6,7 @@ import { useLanguageQuery } from "@reearth/gql";
 
 import { Locale, defaultLocale, locales, messages } from "./locale";
 
-export default function Provider({ children }: PropsWithChildren<{}>) {
+export default function Provider({ children }: { children?: ReactNode }) {
   const { isAuthenticated } = useAuth();
   const { data } = useLanguageQuery({ skip: !isAuthenticated });
   const locale =
diff --git a/src/i18n/legacy/publishedProvider.tsx b/src/i18n/legacy/publishedProvider.tsx
index 1b310ee7a..40a9625a6 100644
--- a/src/i18n/legacy/publishedProvider.tsx
+++ b/src/i18n/legacy/publishedProvider.tsx
@@ -1,11 +1,11 @@
-import React, { PropsWithChildren } from "react";
+import React, { ReactNode } from "react";
 import { IntlProvider } from "react-intl";
 
 import { defaultLocale, messages } from "./locale";
 
 const locale = navigator.language.split("_")[0];
 
-export default function PublishedProvider({ children }: PropsWithChildren<{}>) {
+export default function PublishedProvider({ children }: { children?: ReactNode }) {
   return (
     <IntlProvider locale={locale} defaultLocale={defaultLocale} messages={messages[locale]}>
       {children}
diff --git a/src/i18n/publishedProvider.tsx b/src/i18n/publishedProvider.tsx
index d384ba635..ad841cdce 100644
--- a/src/i18n/publishedProvider.tsx
+++ b/src/i18n/publishedProvider.tsx
@@ -1,10 +1,10 @@
-import React, { PropsWithChildren } from "react";
+import React, { ReactNode } from "react";
 import { I18nextProvider } from "react-i18next";
 
 import i18n from "./i18n";
 import { PublishedProvider as LegacyProvider } from "./legacy";
 
-export default function PublishedProvider({ children }: PropsWithChildren<{}>) {
+export default function PublishedProvider({ children }: { children?: ReactNode }) {
   return (
     <I18nextProvider i18n={i18n}>
       <LegacyProvider>{children}</LegacyProvider>

From 20174dabc76fb36eef8bf8b9d4f63d38211e8dfe Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 14:18:19 +0900
Subject: [PATCH 11/12] fix webpack config

---
 webpack.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webpack.config.js b/webpack.config.js
index e849ed651..8a765a584 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -106,7 +106,7 @@ module.exports = (env, args = {}) => {
           use: [{ loader: "json-loader" }, { loader: "yaml-flat-loader" }],
         },
         {
-          exclude: [/\.(jsx?|m?js|html?|json|tsx?|css)$/],
+          exclude: [/\.(jsx?|m?js|html?|json|tsx?|css|ya?ml)$/],
           loader: "file-loader",
           options: {
             name: "assets/[name].[contenthash:8].[ext]",

From 3ea37032eb0f6897885cb2b8882c755e4ec23a9f Mon Sep 17 00:00:00 2001
From: rot1024 <aayhrot@gmail.com>
Date: Wed, 27 Apr 2022 14:18:29 +0900
Subject: [PATCH 12/12] add translation

---
 src/components/molecules/Dashboard/Workspace.tsx | 6 +++---
 src/i18n/translations/en.yml                     | 1 +
 src/i18n/translations/ja.yml                     | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/molecules/Dashboard/Workspace.tsx b/src/components/molecules/Dashboard/Workspace.tsx
index e6006042e..ba5531fa5 100644
--- a/src/components/molecules/Dashboard/Workspace.tsx
+++ b/src/components/molecules/Dashboard/Workspace.tsx
@@ -1,6 +1,5 @@
 import { Link } from "@reach/router";
 import React, { useMemo } from "react";
-import { useIntl } from "react-intl";
 import { useMedia } from "react-use";
 
 import Avatar from "@reearth/components/atoms/Avatar";
@@ -9,6 +8,7 @@ import Flex from "@reearth/components/atoms/Flex";
 import Icon from "@reearth/components/atoms/Icon";
 import Text from "@reearth/components/atoms/Text";
 import { Team as TeamType } from "@reearth/components/molecules/Dashboard/types";
+import { useTranslation } from "@reearth/i18n";
 import { styled, useTheme, metrics } from "@reearth/theme";
 import { metricsSizes } from "@reearth/theme/metrics";
 
@@ -20,7 +20,7 @@ export interface Props {
 }
 
 const Workspace: React.FC<Props> = ({ className, team }) => {
-  const intl = useIntl();
+  const { t } = useTranslation();
   const theme = useTheme();
   const isSmallWindow = useMedia("(max-width: 1024px)");
 
@@ -37,7 +37,7 @@ const Workspace: React.FC<Props> = ({ className, team }) => {
       <Content direction="column" justify="space-between">
         <Text size={isSmallWindow ? "m" : "l"} color={theme.main.text} weight="bold">
           {team?.name}
-          {intl.formatMessage({ defaultMessage: "'s workspace" })}
+          {t("'s workspace")}
         </Text>
         <Flex>
           <Flex flex={4}>
diff --git a/src/i18n/translations/en.yml b/src/i18n/translations/en.yml
index e5ab3342b..4f1a94ce5 100644
--- a/src/i18n/translations/en.yml
+++ b/src/i18n/translations/en.yml
@@ -1,2 +1,3 @@
 Continue: Continue
 Cancel: Cancel
+'''s workspace': '''s workspace'
diff --git a/src/i18n/translations/ja.yml b/src/i18n/translations/ja.yml
index 0422f0394..793eb5e44 100644
--- a/src/i18n/translations/ja.yml
+++ b/src/i18n/translations/ja.yml
@@ -1,2 +1,3 @@
 Continue: キャンセル
 Cancel: 続ける
+'''s workspace': ' のワークスペース'