mirror of
https://github.com/wailsapp/wails.git
synced 2025-05-02 07:21:32 +08:00
feat(website): add translation progress (#2113)
* feat(website): add translation progress * feat(website): add French and Portuguese to language list Co-authored-by: Lea Anthony <lea.anthony@gmail.com>
This commit is contained in:
Misite Bao
GitHub
parent
91de3ab0c5
commit
51a12131a4
@ -4,258 +4,271 @@
|
||||
const lightCodeTheme = require("prism-react-renderer/themes/github");
|
||||
const darkCodeTheme = require("prism-react-renderer/themes/dracula");
|
||||
|
||||
/** @type {import('@docusaurus/types').Config} */
|
||||
const config = {
|
||||
title: "Wails",
|
||||
tagline: "",
|
||||
url: "https://wails.io",
|
||||
baseUrl: "/",
|
||||
onBrokenLinks: "warn",
|
||||
onBrokenMarkdownLinks: "warn",
|
||||
favicon: "img/favicon.ico",
|
||||
organizationName: "wailsapp",
|
||||
projectName: "wails",
|
||||
const { getTranslationProgress } = require("./src/api/crowdin.js");
|
||||
|
||||
webpack: {
|
||||
jsLoader: (isServer) => ({
|
||||
loader: require.resolve('swc-loader'),
|
||||
options: {
|
||||
jsc: {
|
||||
parser: {
|
||||
syntax: 'typescript',
|
||||
tsx: true,
|
||||
module.exports = async function configCreatorAsync() {
|
||||
const translationProgress = await getTranslationProgress();
|
||||
return {
|
||||
title: "Wails",
|
||||
tagline: "",
|
||||
url: "https://wails.io",
|
||||
baseUrl: "/",
|
||||
onBrokenLinks: "warn",
|
||||
onBrokenMarkdownLinks: "warn",
|
||||
favicon: "img/favicon.ico",
|
||||
organizationName: "wailsapp",
|
||||
projectName: "wails",
|
||||
|
||||
webpack: {
|
||||
jsLoader: (isServer) => ({
|
||||
loader: require.resolve("swc-loader"),
|
||||
options: {
|
||||
jsc: {
|
||||
parser: {
|
||||
syntax: "typescript",
|
||||
tsx: true,
|
||||
},
|
||||
target: "es2017",
|
||||
},
|
||||
module: {
|
||||
type: isServer ? "commonjs" : "es6",
|
||||
},
|
||||
target: 'es2017',
|
||||
},
|
||||
module: {
|
||||
type: isServer ? 'commonjs' : 'es6',
|
||||
},
|
||||
},
|
||||
}),
|
||||
},
|
||||
i18n: {
|
||||
defaultLocale: "en",
|
||||
locales: ["en", "zh-Hans", "ja"],
|
||||
localeConfigs: {
|
||||
en: {
|
||||
label: "English",
|
||||
direction: "ltr",
|
||||
htmlLang: "en-US",
|
||||
},
|
||||
"zh-Hans": {
|
||||
label: "简体中文",
|
||||
direction: "ltr",
|
||||
htmlLang: "zh-Hans",
|
||||
},
|
||||
ja: {
|
||||
label: "日本語",
|
||||
direction: "ltr",
|
||||
htmlLang: "ja-JP",
|
||||
},
|
||||
ru: {
|
||||
label: "Русский",
|
||||
direction: "ltr",
|
||||
htmlLang: "ru-RU",
|
||||
},
|
||||
ko: {
|
||||
label: "한국어",
|
||||
direction: "ltr",
|
||||
htmlLang: "ko-KR",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
presets: [
|
||||
[
|
||||
"classic",
|
||||
/** @type {import('@docusaurus/preset-classic').Options} */
|
||||
({
|
||||
docs: {
|
||||
sidebarPath: require.resolve("./sidebars.js"),
|
||||
// Please change this to your repo.
|
||||
editUrl: "https://github.com/wailsapp/wails/edit/master/website",
|
||||
},
|
||||
blog: {
|
||||
showReadingTime: true,
|
||||
// Please change this to your repo.
|
||||
editUrl: "https://github.com/wailsapp/wails/edit/master/website/blog",
|
||||
},
|
||||
theme: {
|
||||
customCss: [
|
||||
require.resolve("./src/css/custom.css"),
|
||||
require.resolve("./src/css/carousel.css"),
|
||||
],
|
||||
},
|
||||
}),
|
||||
},
|
||||
i18n: {
|
||||
defaultLocale: "en",
|
||||
locales: ["en", "zh-Hans", "ja", "ru", "ko", "fr", "pt"],
|
||||
localeConfigs: {
|
||||
en: {
|
||||
label: "English",
|
||||
direction: "ltr",
|
||||
htmlLang: "en-US",
|
||||
},
|
||||
"zh-Hans": {
|
||||
label: `简体中文 (${translationProgress["zh-CN"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "zh-Hans",
|
||||
},
|
||||
ja: {
|
||||
label: `日本語 (${translationProgress["ja"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "ja-JP",
|
||||
},
|
||||
ru: {
|
||||
label: `Русский (${translationProgress["ru"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "ru-RU",
|
||||
},
|
||||
ko: {
|
||||
label: `한국어 (${translationProgress["ko"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "ko-KR",
|
||||
},
|
||||
fr: {
|
||||
label: `Français (${translationProgress["fr"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "fr",
|
||||
},
|
||||
pt: {
|
||||
label: `Português (${translationProgress["pt-PT"]}%)`,
|
||||
direction: "ltr",
|
||||
htmlLang: "pt-PT",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
presets: [
|
||||
[
|
||||
"classic",
|
||||
/** @type {import('@docusaurus/preset-classic').Options} */
|
||||
({
|
||||
docs: {
|
||||
sidebarPath: require.resolve("./sidebars.js"),
|
||||
// Please change this to your repo.
|
||||
editUrl: "https://github.com/wailsapp/wails/edit/master/website",
|
||||
},
|
||||
blog: {
|
||||
showReadingTime: true,
|
||||
// Please change this to your repo.
|
||||
editUrl:
|
||||
"https://github.com/wailsapp/wails/edit/master/website/blog",
|
||||
},
|
||||
theme: {
|
||||
customCss: [
|
||||
require.resolve("./src/css/custom.css"),
|
||||
require.resolve("./src/css/carousel.css"),
|
||||
],
|
||||
},
|
||||
}),
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
themeConfig:
|
||||
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
|
||||
({
|
||||
navbar: {
|
||||
title: "",
|
||||
logo: {
|
||||
alt: "Wails Logo",
|
||||
src: "img/wails-logo-horizontal.svg",
|
||||
srcDark: "img/wails-logo-horizontal-dark.svg",
|
||||
themeConfig:
|
||||
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
|
||||
({
|
||||
navbar: {
|
||||
title: "",
|
||||
logo: {
|
||||
alt: "Wails Logo",
|
||||
src: "img/wails-logo-horizontal.svg",
|
||||
srcDark: "img/wails-logo-horizontal-dark.svg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: "docsVersionDropdown", //version
|
||||
position: "left",
|
||||
dropdownActiveClassDisabled: true,
|
||||
dropdownItemsAfter: [],
|
||||
},
|
||||
{
|
||||
to: "https://github.com/sponsors/leaanthony",
|
||||
label: "Sponsor",
|
||||
position: "left",
|
||||
},
|
||||
{
|
||||
type: "doc",
|
||||
docId: "introduction",
|
||||
position: "right",
|
||||
label: "Docs",
|
||||
},
|
||||
{
|
||||
to: "/blog",
|
||||
label: "Blog",
|
||||
position: "right",
|
||||
},
|
||||
{
|
||||
type: "dropdown",
|
||||
label: "About",
|
||||
position: "right",
|
||||
items: [
|
||||
{
|
||||
to: "/faq",
|
||||
label: "FAQ",
|
||||
},
|
||||
{
|
||||
to: "/changelog",
|
||||
label: "Changelog",
|
||||
},
|
||||
{
|
||||
to: "/community-guide",
|
||||
label: "Community Guide",
|
||||
},
|
||||
{
|
||||
to: "/coc",
|
||||
label: "Code of Conduct",
|
||||
},
|
||||
{
|
||||
to: "/credits",
|
||||
label: "Credits",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "localeDropdown",
|
||||
position: "right",
|
||||
dropdownItemsAfter: [
|
||||
{
|
||||
to: "/community-guide#documenting",
|
||||
label: "Help Us Translate ❤",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
href: "https://github.com/wailsapp/wails",
|
||||
label: "GitHub",
|
||||
position: "right",
|
||||
},
|
||||
{
|
||||
type: "search",
|
||||
position: "right",
|
||||
},
|
||||
],
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: "docsVersionDropdown", //version
|
||||
position: "left",
|
||||
dropdownActiveClassDisabled: true,
|
||||
dropdownItemsAfter: [],
|
||||
},
|
||||
{
|
||||
to: "https://github.com/sponsors/leaanthony",
|
||||
label: "Sponsor",
|
||||
position: "left",
|
||||
},
|
||||
{
|
||||
type: "doc",
|
||||
docId: "introduction",
|
||||
position: "right",
|
||||
label: "Docs",
|
||||
},
|
||||
{
|
||||
to: "/blog",
|
||||
label: "Blog",
|
||||
position: "right",
|
||||
},
|
||||
{
|
||||
type: "dropdown",
|
||||
label: "About",
|
||||
position: "right",
|
||||
items: [
|
||||
{
|
||||
to: "/faq",
|
||||
label: "FAQ",
|
||||
},
|
||||
{
|
||||
to: "/changelog",
|
||||
label: "Changelog",
|
||||
},
|
||||
{
|
||||
to: "/community-guide",
|
||||
label: "Community Guide",
|
||||
},
|
||||
{
|
||||
to: "/coc",
|
||||
label: "Code of Conduct",
|
||||
},
|
||||
{
|
||||
to: "/credits",
|
||||
label: "Credits",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "localeDropdown",
|
||||
position: "right",
|
||||
dropdownItemsAfter: [
|
||||
{
|
||||
to: "/community-guide#documenting",
|
||||
label: "Help Us Translate ❤",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
footer: {
|
||||
style: "dark",
|
||||
logo: {
|
||||
alt: "Wails Logo",
|
||||
src: "img/wails-logo-horizontal.svg",
|
||||
srcDark: "img/wails-logo-horizontal-dark.svg",
|
||||
href: "https://github.com/wailsapp/wails",
|
||||
label: "GitHub",
|
||||
position: "right",
|
||||
width: 160,
|
||||
height: 50,
|
||||
},
|
||||
{
|
||||
type: "search",
|
||||
position: "right",
|
||||
},
|
||||
],
|
||||
},
|
||||
footer: {
|
||||
style: "dark",
|
||||
logo: {
|
||||
alt: "Wails Logo",
|
||||
src: "img/wails-logo-horizontal.svg",
|
||||
srcDark: "img/wails-logo-horizontal-dark.svg",
|
||||
href: "https://github.com/wailsapp/wails",
|
||||
width: 160,
|
||||
height: 50,
|
||||
links: [
|
||||
{
|
||||
title: "Docs",
|
||||
items: [
|
||||
{
|
||||
label: "Introduction",
|
||||
to: "/docs/introduction",
|
||||
},
|
||||
{
|
||||
label: "Getting Started",
|
||||
to: "/docs/gettingstarted/installation",
|
||||
},
|
||||
{
|
||||
label: "Changelog",
|
||||
to: "/changelog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Github",
|
||||
href: "https://github.com/wailsapp/wails",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/wailsapp",
|
||||
},
|
||||
{
|
||||
label: "Slack",
|
||||
href: "https://gophers.slack.com/messages/CJ4P9F7MZ/",
|
||||
},
|
||||
{
|
||||
label: "Slack invite",
|
||||
href: "https://invite.slack.golangbridge.org/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "More",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
to: "/blog",
|
||||
},
|
||||
{
|
||||
label: "Awesome",
|
||||
href: "https://github.com/wailsapp/awesome-wails",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
copyright: `Copyright © ${new Date().getFullYear()} Lea Anthony`,
|
||||
},
|
||||
links: [
|
||||
{
|
||||
title: "Docs",
|
||||
items: [
|
||||
{
|
||||
label: "Introduction",
|
||||
to: "/docs/introduction",
|
||||
},
|
||||
{
|
||||
label: "Getting Started",
|
||||
to: "/docs/gettingstarted/installation",
|
||||
},
|
||||
{
|
||||
label: "Changelog",
|
||||
to: "/changelog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Github",
|
||||
href: "https://github.com/wailsapp/wails",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/wailsapp",
|
||||
},
|
||||
{
|
||||
label: "Slack",
|
||||
href: "https://gophers.slack.com/messages/CJ4P9F7MZ/",
|
||||
},
|
||||
{
|
||||
label: "Slack invite",
|
||||
href: "https://invite.slack.golangbridge.org/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "More",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
to: "/blog",
|
||||
},
|
||||
{
|
||||
label: "Awesome",
|
||||
href: "https://github.com/wailsapp/awesome-wails",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
copyright: `Copyright © ${new Date().getFullYear()} Lea Anthony`,
|
||||
},
|
||||
tableOfContents: {
|
||||
minHeadingLevel: 2,
|
||||
maxHeadingLevel: 5,
|
||||
},
|
||||
prism: {
|
||||
theme: lightCodeTheme,
|
||||
darkTheme: darkCodeTheme,
|
||||
},
|
||||
colorMode: {
|
||||
defaultMode: "light",
|
||||
disableSwitch: false,
|
||||
respectPrefersColorScheme: true,
|
||||
},
|
||||
algolia: {
|
||||
appId: "AWTCNFZ4FF",
|
||||
apiKey: "a6c0adbe611ee2535f3da5e8fd7b2200",
|
||||
indexName: "wails",
|
||||
contextualSearch: true,
|
||||
},
|
||||
}),
|
||||
tableOfContents: {
|
||||
minHeadingLevel: 2,
|
||||
maxHeadingLevel: 5,
|
||||
},
|
||||
prism: {
|
||||
theme: lightCodeTheme,
|
||||
darkTheme: darkCodeTheme,
|
||||
},
|
||||
colorMode: {
|
||||
defaultMode: "light",
|
||||
disableSwitch: false,
|
||||
respectPrefersColorScheme: true,
|
||||
},
|
||||
algolia: {
|
||||
appId: "AWTCNFZ4FF",
|
||||
apiKey: "a6c0adbe611ee2535f3da5e8fd7b2200",
|
||||
indexName: "wails",
|
||||
contextualSearch: true,
|
||||
},
|
||||
}),
|
||||
};
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
"crowdin:sync": "docusaurus write-translations && crowdin upload && crowdin download"
|
||||
},
|
||||
"dependencies": {
|
||||
"@crowdin/crowdin-api-client": "^1.19.2",
|
||||
"@docusaurus/core": "^2.1.0",
|
||||
"@docusaurus/preset-classic": "^2.1.0",
|
||||
"@docusaurus/theme-search-algolia": "^2.1.0",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
22
website/src/api/crowdin.js
Normal file
22
website/src/api/crowdin.js
Normal file
@ -0,0 +1,22 @@
|
||||
const crowdin = require("@crowdin/crowdin-api-client");
|
||||
|
||||
// initialization of crowdin client
|
||||
const { translationStatusApi } = new crowdin.default({
|
||||
token: process.env.CROWDIN_PERSONAL_TOKEN,
|
||||
});
|
||||
|
||||
async function getTranslationProgress() {
|
||||
let translationProgress = {};
|
||||
|
||||
await translationStatusApi.getProjectProgress(531392).then((res) => {
|
||||
for (const item of res.data) {
|
||||
translationProgress[item.data.languageId] = item.data.approvalProgress;
|
||||
}
|
||||
});
|
||||
|
||||
return translationProgress;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
getTranslationProgress,
|
||||
};
|
||||
Loading…
Reference in New Issue
Block a user