-
-### Sponsor
-
-|||
-|-|-|
-||If you want to quickly add secure (JSON Web) token-based authentication to your projects, feel free to check Auth0's documentation and free plan at [developer.auth0.com](https://developer.auth0.com)|
-
-### How to add a library
-
-To add a library, simply edit the right JSON file located at `views/website/libraries`. Each language gets its own file. Multiple libraries share the same language file.
-
-To add a new language, simply add a JSON file in the same folder as the others. It will get automatically recognized. If you add a new language, you will need to provide a proper icon for it and place it in the `img` folder.
-
-Here's a commented example of the .NET language file (`0-.NET.json`). All fields must have valid values unless noted:
-
-```javascript
-{
- // Language name (unique)
- "name": ".NET",
-
- // Unique identifier that will be used as a CSS class
- // for this language (only valid CSS class names).
- "uniqueClass": "net",
-
- // The language icon, SVG format preferred, should be placed
- // in /img directory.
- "image": "/img/1.svg",
-
- // The color of header that displays the name of the language
- // and the icon. This is a valid CSS color definition.
- "bgColor": "rgb(42, 168, 229)",
-
- // An array of libraries for this language.
- "libs": [
- {
- // In case the library suffered from a vulnerability, the
- // minimum version in which the vuln was fixed must be
- // listed here. Optional (can be null).
- "minimumVersion": "1.0.1", // or null
-
- // Supported features, true for supported,
- // false for not supported.
- "support": {
- "sign": true,
- "verify": true,
- "iss": true,
- "sub": true,
- "aud": true,
- "exp": true,
- "nbf": true,
- "iat": true,
- "jti": true,
- "hs256": true,
- "hs384": true,
- "hs512": true,
- "rs256": true,
- "rs384": true,
- "rs512": true,
- "es256": true,
- "es384": true,
- "es512": true,
- "ps256": true,
- "ps384": true,
- "ps512": true,
- "eddsa": true
- },
-
- // Author URL, can be GitHub profile, personal page
- // company page, etc. Can be null.
- "authorUrl": "https://www.microsoft.com", // or null
-
- // Author name.
- "authorName": "Microsoft",
-
- // For the star count, this is the GitHub repository path,
- // (usually user/repo). Can be null (no star count shown).
- "gitHubRepoPath": "AzureAD/azure-activedirectory-identitymodel-extensions-for-dotnet", // or null
-
- // URL for source code.
- "repoUrl": "https://github.com/MSOpenTech/azure-activedirectory-identitymodel-extensions-for-dotnet",
-
- // Install command, can be HTML or plain text.
- "installCommandHtml": "Install-Package{dictionary.description}
++ {sectionHeadline.description} +
+ )} + + )} ++ {canRenderAsCode ? ( +
{processedValue}
+ ) : (
+ {processedValue}
+ )}
+
+ {descriptionVisibility === ClaimDescriptionVisibilityValues.VISIBLE &&
+ description && (
+ + {dictionary.libraries.description} +
+ + {dictionary.libraries.ctaButton.label} + +{copy}
+{code} {label}
+ #token=[jwt] in the URL to preload a token instead
+ of a query parameter, such ?token=[jwt].
+
+ );
+};
+
+export const enWarningsDictionary: WarningsUiDictionaryModel = {
+ useHash: {
+ Modal: CookiesModal,
+ },
+};
diff --git a/src/features/localization/dictionaries/ui/warnings/ja.tsx b/src/features/localization/dictionaries/ui/warnings/ja.tsx
new file mode 100644
index 00000000..5f255668
--- /dev/null
+++ b/src/features/localization/dictionaries/ui/warnings/ja.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { WarningsUiDictionaryModel } from "@/features/localization/models/ui/warnings-ui-dictionary.model";
+
+const CookiesModal: React.FC = () => {
+ return (
+
+ ?token=[jwt]ใฎใใใชใฏใจใชๆๅญๅใฎไปฃใใใซใใใทใฅ
+ #token=[jwt]
+ ใURLใซ่ฟฝๅ ใใใใผใฏใณใใใชใญใผใใใฆใใ ใใใ
+
+ );
+};
+
+export const jaWarningsDictionary: WarningsUiDictionaryModel = {
+ useHash: {
+ Modal: CookiesModal,
+ },
+};
diff --git a/src/features/localization/localization.config.ts b/src/features/localization/localization.config.ts
new file mode 100644
index 00000000..27821ffc
--- /dev/null
+++ b/src/features/localization/localization.config.ts
@@ -0,0 +1,11 @@
+export const DEFAULT_LANGUAGE_CODE = "en";
+
+export const PREFERRED_LANGUAGE_COOKIE_KEY = "preferred_language";
+
+const withJapanese = process.env.NEXT_PUBLIC_WITH_JAPANESE === "enabled";
+
+export const LANGUAGE_CODES = ["en"];
+
+if (withJapanese) {
+ LANGUAGE_CODES.push("ja");
+}
diff --git a/src/features/localization/models/auth0-dictionary.model.ts b/src/features/localization/models/auth0-dictionary.model.ts
new file mode 100644
index 00000000..9093328e
--- /dev/null
+++ b/src/features/localization/models/auth0-dictionary.model.ts
@@ -0,0 +1,19 @@
+import { LinkMetadataModel } from "@/features/common/models/link-metadata.model";
+import { ImageMetadataModel } from "@/features/common/models/image-metadata.model";
+
+export interface Auth0DictionaryModel {
+ banner: {
+ title: string;
+ description: string;
+ image: ImageMetadataModel;
+ ctaButton: LinkMetadataModel;
+ };
+ ebook: {
+ title: string;
+ description: string;
+ ctaButton: {
+ url: string;
+ label: string;
+ };
+ };
+}
diff --git a/src/features/localization/models/common-dictionary.model.ts b/src/features/localization/models/common-dictionary.model.ts
new file mode 100644
index 00000000..0668e535
--- /dev/null
+++ b/src/features/localization/models/common-dictionary.model.ts
@@ -0,0 +1,11 @@
+export interface CommonDictionaryModel {
+ openGraph: {
+ siteName: string;
+ locale: string;
+ type: string;
+ images: { url: string; width: number; height: number }[];
+ };
+ alternates: {
+ canonical: string;
+ };
+}
diff --git a/src/features/localization/models/component-dictionary.model.ts b/src/features/localization/models/component-dictionary.model.ts
new file mode 100644
index 00000000..a4d9d301
--- /dev/null
+++ b/src/features/localization/models/component-dictionary.model.ts
@@ -0,0 +1,5 @@
+import React from "react";
+
+export interface ComponentDictionaryModel {
+ ebookAd: React.ReactNode;
+}
diff --git a/src/features/localization/models/decoder-dictionary.model.ts b/src/features/localization/models/decoder-dictionary.model.ts
new file mode 100644
index 00000000..ade14593
--- /dev/null
+++ b/src/features/localization/models/decoder-dictionary.model.ts
@@ -0,0 +1,63 @@
+export interface DecoderDictionaryModel {
+ title: string;
+ compactTitle: string;
+ description: string;
+ syncButton: {
+ label: string;
+ compactLabel: string;
+ };
+ jwtEditor: {
+ headline: string;
+ label: string;
+ title: string;
+ compactTitle: string;
+ successMessage: string;
+ };
+ exampleGenerator: {
+ label: string;
+ };
+ decodedHeader: {
+ title: string;
+ tabs: {
+ json: {
+ label: string;
+ };
+ claims: {
+ label: string;
+ };
+ };
+ };
+ decodedPayload: {
+ title: string;
+ tabs: {
+ json: {
+ label: string;
+ };
+ claims: {
+ label: string;
+ };
+ };
+ };
+ signatureVerification: {
+ title: string;
+ subtitle: string;
+ description: {
+ secret: string;
+ publicKey: string;
+ };
+ editor: {
+ title: {
+ secret: string;
+ publicKey: string;
+ };
+ successMessage: {
+ secret: string;
+ publicKey: string;
+ };
+ placeholder: {
+ secret: string;
+ publicKey: string;
+ };
+ };
+ };
+}
diff --git a/src/features/localization/models/encoder-dictionary.model.ts b/src/features/localization/models/encoder-dictionary.model.ts
new file mode 100644
index 00000000..cafec528
--- /dev/null
+++ b/src/features/localization/models/encoder-dictionary.model.ts
@@ -0,0 +1,46 @@
+export interface EncoderDictionaryModel {
+ title: string;
+ compactTitle: string;
+ description: string;
+ syncButton: {
+ label: string;
+ compactLabel: string;
+ };
+ unsyncButton: {
+ label: string;
+ compactLabel: string;
+ };
+ exampleGenerator: {
+ label: string;
+ };
+ headerEditor: {
+ title: string;
+ compactTitle: string;
+ successMessage: string;
+ };
+ payloadEditor: {
+ title: string;
+ compactTitle: string;
+ successMessage: string;
+ };
+ signatureEditor: {
+ title: {
+ secret: string;
+ privateKey: string;
+ };
+ compactTitle: {
+ secret: string;
+ privateKey: string;
+ };
+ successMessage: {
+ secret: string;
+ privateKey: string;
+ };
+ placeholder: {
+ privateKey: string;
+ };
+ };
+ encodedJwt: {
+ title: string;
+ };
+}
diff --git a/src/features/localization/models/home-dictionary.model.ts b/src/features/localization/models/home-dictionary.model.ts
new file mode 100644
index 00000000..8b120ba9
--- /dev/null
+++ b/src/features/localization/models/home-dictionary.model.ts
@@ -0,0 +1,31 @@
+import { PageMetadataModel } from "@/features/common/models/page-metadata.model";
+import { HeroMetadataModel } from "@/features/common/models/hero-metadata.model";
+import { EncoderDictionaryModel } from "@/features/localization/models/encoder-dictionary.model";
+import { DecoderDictionaryModel } from "@/features/localization/models/decoder-dictionary.model";
+import { LinkMetadataModel } from "@/features/common/models/link-metadata.model";
+import { ImageMetadataModel } from "@/features/common/models/image-metadata.model";
+
+export interface HomeDictionaryModel {
+ metadata: PageMetadataModel;
+ hero: HeroMetadataModel;
+ info: {
+ summary: string;
+ description: string;
+ ctaButton?: LinkMetadataModel;
+ secondaryCtaButton?: LinkMetadataModel;
+ image?: ImageMetadataModel;
+ resources: {
+ spec: {
+ name: string;
+ link: string;
+ };
+ };
+ };
+ warning: {
+ summary: string;
+ title: string;
+ description: string;
+ };
+ decoder: DecoderDictionaryModel;
+ encoder: EncoderDictionaryModel;
+}
diff --git a/src/features/localization/models/images-dictionary.model.ts b/src/features/localization/models/images-dictionary.model.ts
new file mode 100644
index 00000000..392e4e75
--- /dev/null
+++ b/src/features/localization/models/images-dictionary.model.ts
@@ -0,0 +1,8 @@
+import { StaticImageMetadataModel } from "@/features/common/models/static-image-metadata.model";
+
+export interface ImagesDictionaryModel {
+ logos: {
+ site: StaticImageMetadataModel;
+ auth0: StaticImageMetadataModel;
+ };
+}
diff --git a/src/features/localization/models/introduction-dictionary.model.ts b/src/features/localization/models/introduction-dictionary.model.ts
new file mode 100644
index 00000000..0d258092
--- /dev/null
+++ b/src/features/localization/models/introduction-dictionary.model.ts
@@ -0,0 +1,7 @@
+import { PageMetadataModel } from "@/features/common/models/page-metadata.model";
+import { HeroMetadataModel } from "@/features/common/models/hero-metadata.model";
+
+export interface IntroductionDictionaryModel {
+ metadata: PageMetadataModel;
+ hero: HeroMetadataModel;
+}
diff --git a/src/features/localization/models/jwt-dictionary.model.ts b/src/features/localization/models/jwt-dictionary.model.ts
new file mode 100644
index 00000000..6fc6f7d7
--- /dev/null
+++ b/src/features/localization/models/jwt-dictionary.model.ts
@@ -0,0 +1,26 @@
+import { LinkMetadataModel } from "@/features/common/models/link-metadata.model";
+import { StaticImageMetadataModel } from "@/features/common/models/static-image-metadata.model";
+
+export interface JwtDictionaryModel {
+ libraries: {
+ title: string;
+ description: string;
+ ctaButton: LinkMetadataModel;
+ };
+ assets: {
+ badges: {
+ title: string;
+ images: {
+ viewOn: StaticImageMetadataModel;
+ compatible: StaticImageMetadataModel;
+ };
+ };
+ logotype: {
+ title: string;
+ images: {
+ icon: StaticImageMetadataModel;
+ iconWithLabel: StaticImageMetadataModel;
+ };
+ };
+ };
+}
diff --git a/src/features/localization/models/layout-dictionary.model.ts b/src/features/localization/models/layout-dictionary.model.ts
new file mode 100644
index 00000000..df259944
--- /dev/null
+++ b/src/features/localization/models/layout-dictionary.model.ts
@@ -0,0 +1,88 @@
+import { LinkMetadataModel } from "@/features/common/models/link-metadata.model";
+import { ImageMetadataModel } from "@/features/common/models/image-metadata.model";
+import { ThemeModel } from "@/features/common/models/theme.model";
+import { UiLanguageModel } from "@/features/common/models/ui-language.model";
+
+export interface RibbonPickerModel