Jm/translate startlight docs2 #160
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,8 @@ | ||
| --- | ||
| import FoundationHeader from '../components/pages/FoundationHeader.astro'; | ||
| import FoundationFooter from '../components/pages/FoundationFooter.astro'; | ||
| import { getLangFromUrl } from '../i18n/utils'; | ||
| import { languages } from '../i18n/ui'; | ||
| import '../styles/pages.css'; | ||
|
|
||
| interface Props { | ||
|
|
@@ -13,10 +15,31 @@ interface Props { | |
| } | ||
|
|
||
| const { title, description, ogType, ogImageUrl, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, } = Astro.props; | ||
| const lang = getLangFromUrl(Astro.url); | ||
|
|
||
| // Generate alternate URLs for hreflang | ||
| const currentPath = Astro.url.pathname; | ||
| const alternateUrls: Record<string, string> = {}; | ||
JonathanMatthey marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
|
||
| Object.keys(languages).forEach((locale) => { | ||
| if (locale === 'en') { | ||
| // English is the default, remove /en prefix if present | ||
| alternateUrls[locale] = new URL(currentPath.replace(/^\/es\//, '/'), Astro.site).href; | ||
| } else { | ||
| // Add language prefix for non-default languages | ||
| const localizedPath = currentPath.startsWith(`/${locale}/`) | ||
| ? currentPath | ||
| : `/${locale}${currentPath}`; | ||
| alternateUrls[locale] = new URL(localizedPath, Astro.site).href; | ||
| } | ||
| }); | ||
|
|
||
| // x-default points to English version | ||
| const defaultUrl = alternateUrls['en']; | ||
| --- | ||
|
|
||
| <!doctype html> | ||
| <html lang={lang} data-theme="light"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="author" content="Interledger Foundation" /> | ||
|
|
@@ -30,6 +53,15 @@ const { title, description, ogType, ogImageUrl, canonicalURL = new URL(Astro.url | |
| <meta property="og:image" content={ogImageUrl ? ogImageUrl : new URL('/developers/img/og-image.png', Astro.site).href} /> | ||
| <meta property="og:url" content={canonicalURL} /> | ||
|
|
||
| <!-- Canonical URL --> | ||
| <link rel="canonical" href={canonicalURL} /> | ||
|
|
||
| <!-- hreflang tags for multilingual SEO --> | ||
| {Object.entries(alternateUrls).map(([locale, url]) => ( | ||
| <link rel="alternate" hreflang={locale} href={url} /> | ||
| ))} | ||
| <link rel="alternate" hreflang="x-default" href={defaultUrl} /> | ||
JonathanMatthey marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
|
||
| <link rel="icon" type="image/svg+xml" href="/developers/favicon.svg" /> | ||
| <script defer src="https://ilf-site-analytics.netlify.app/script.js" data-website-id="50d81dd1-bd02-4f82-8a55-34a09ccbbbd9" data-domains="interledger.org"></script> | ||
| </head> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,13 @@ | ||
| --- | ||
| import BaseLayout from "./BaseLayout.astro"; | ||
| import { getLangFromUrl, useTranslations, useTranslatedPath } from "../i18n/utils"; | ||
|
|
||
| const { frontmatter } = Astro.props; | ||
|
|
||
| const lang = getLangFromUrl(Astro.url); | ||
| const t = useTranslations(lang); | ||
| const translatePath = useTranslatedPath(lang, lang); | ||
|
|
||
| const dateObj = new Date(frontmatter.date); | ||
| const isoDate = dateObj.toISOString().slice(0,10); | ||
| const longDate = dateObj.toDateString().substring(4); | ||
|
|
@@ -16,14 +21,14 @@ const rawHTMLString = `This article was originally published at <a href=${frontm | |
| <ol class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> | ||
| <li itemprop="itemListElement" itemscope | ||
| itemtype="https://schema.org/ListItem"> | ||
| <a itemprop="item" href={translatePath("/developers")} data-umami-event="Devs breadcrumb - Home"> | ||
| <span itemprop="name">{t("nav.developers")}</span></a> | ||
| <meta itemprop="position" content="1" /> | ||
| </li> | ||
| <li itemprop="itemListElement" itemscope | ||
| itemtype="https://schema.org/ListItem"> | ||
| <a itemprop="item" href={translatePath("/developers/blog")} data-umami-event="Devs breadcrumb - Blog"> | ||
| <span itemprop="name">{t("nav.tech-blog")}</span></a> | ||
| <meta itemprop="position" content="2" /> | ||
| </li> | ||
| </ol> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -4,6 +4,7 @@ import { createExcerpt } from '../../../utils/create-excerpt'; | |
| import BaseLayout from '../../../layouts/BaseLayout.astro'; | ||
| import Pagination from '../../../components/blog/Pagination.astro'; | ||
| import { getCollection } from 'astro:content'; | ||
| import { useTranslations, useTranslatedPath } from '../../../i18n/utils'; | ||
|
|
||
| type Props = { | ||
| page: Page<any>; | ||
|
|
@@ -28,22 +29,24 @@ export async function getStaticPaths({ paginate }: any) { | |
|
|
||
| const { page } = Astro.props; | ||
| const { lang } = Astro.params; | ||
| const t = useTranslations(lang as string); | ||
| const translatePath = useTranslatedPath(lang as string, lang as string); | ||
JonathanMatthey marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| --- | ||
| <BaseLayout title={t("nav.tech-blog")} description="Hear stories and experiences from the team who is working on making Interledger, the interoperable global payments network, a reality." ogImageUrl={new URL('/developers/img/blog/og-image.png', Astro.site).href}> | ||
JonathanMatthey marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| <main> | ||
| <div class="content-wrapper"> | ||
| <ol class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> | ||
| <li itemprop="itemListElement" itemscope | ||
| itemtype="https://schema.org/ListItem"> | ||
| <a itemprop="item" href={translatePath("/developers")} data-umami-event="Devs breadcrumb - Home"> | ||
| <span itemprop="name">{t("nav.developers")}</span></a> | ||
| <meta itemprop="position" content="1" /> | ||
| </li> | ||
| </ol> | ||
| <header> | ||
| <h1>{t("nav.tech-blog")}</h1> | ||
| <a class="cta__blog" href={translatePath("/blog")}> | ||
| <p>{t("nav.foundation-blog")}</p> | ||
| <img src="/developers/img/ernie-purple.svg" alt="Ernie holding an envelope" aria-hidden="true"> | ||
| </a> | ||
| </header> | ||
|
|
||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.