refactor(website): upgrade site to docusaurus@2.0.0-beta.17 (#1223)

* refactor(website): Upgrade site to `docusaurus@2.0.0-beta.17`
Co-authored-by: Lea Anthony <lea.anthony@gmail.com>

website/.vscode/settings.json

@@ -1,3 +1,5 @@
 {
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[mdx]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
 }

website/README.md

@@ -14,8 +14,7 @@ $ yarn
 $ yarn start
 ```
 
-This command starts a local development server and opens up a browser window. Most changes are reflected live without
+This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
-having to restart the server.
 
 ### Build
 
@@ -23,14 +22,20 @@ having to restart the server.
 $ yarn build
 ```
 
-This command generates static content into the `build` directory and can be served using any static contents hosting
+This command generates static content into the `build` directory and can be served using any static contents hosting service.
-service.
 
 ### Deployment
 
+Using SSH:
+
 ```
-$ GIT_USER=<Your GitHub username> USE_SSH=true yarn deploy
+$ USE_SSH=true yarn deploy
 ```
 
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to
+Not using SSH:
-the `gh-pages` branch.
+
+```
+$ GIT_USER=<Your GitHub username> yarn deploy
+```
+
+If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.

website/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-    presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
 };

website/docs/credits.mdx

@@ -117,7 +117,7 @@ sidebar_position: 99
 
 ## Contributors
 
-import Contributors from "react-contributors";
+import Contributors from "@wails/react-contributors";
 
 <Contributors owner="wailsapp" repo="wails" />
 

website/docusaurus.config.js

@@ -1,178 +1,208 @@
+// @ts-check
+// Note: type annotations allow type checking and IDEs autocompletion
+
 const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/palenight");
+const darkCodeTheme = require("prism-react-renderer/themes/dracula");
-// With JSDoc @type annotations, IDEs can provide config autocompletion
+
-/** @type {import('@docusaurus/types').DocusaurusConfig} */
+/** @type {import('@docusaurus/types').Config} */
-(
+const config = {
-  module.exports = {
+  title: "Wails",
-    title: "Wails",
+  tagline: "",
-    tagline: "Build applications using Go + HTML + CSS + JS (BETA)",
+  url: "https://wails.io",
-    url: "https://wails.io",
+  baseUrl: "/",
-    baseUrl: "/",
+  onBrokenLinks: "warn",
-    onBrokenLinks: "warn",
+  onBrokenMarkdownLinks: "warn",
-    onBrokenMarkdownLinks: "warn",
+  favicon: "img/favicon.ico",
-    favicon: "img/favicon.ico",
+  organizationName: "wailsapp",
-    organizationName: "wailsapp", // Usually your GitHub org/user name.
+  projectName: "wails",
-    projectName: "wails", // Usually your repo name.
+
-    // i18n
+  i18n: {
-    i18n: {
+    defaultLocale: "en",
-      defaultLocale: "en",
+    locales: ["en", "zh-Hans"],
-      locales: ["en", "zh-Hans"],
+    localeConfigs: {
-      localeConfigs: {
+      en: {
-        en: {
+        label: "English",
-          label: "English",
+        direction: "ltr",
-          direction: "ltr",
+        htmlLang: "en-US",
-        },
+      },
-        "zh-Hans": {
+      "zh-Hans": {
-          label: "简体中文",
+        label: "简体中文",
-          direction: "ltr",
+        direction: "ltr",
-        },
+        htmlLang: "zh-Hans",
       },
     },
-    plugins: [
+  },
-      ["docusaurus-plugin-plausible",
+  plugins: [
-        {
+    ["docusaurus-plugin-plausible",
-          domain: "wails.io",
+      {
-        },
+        domain: "wails.io",
-      ],
+      },
-      [require.resolve('docusaurus-lunr-search'), {
-        languages: ['en', 'zh'] // language codes
-      }]
     ],
-    presets: [
+    [require.resolve('docusaurus-lunr-search'), 
-      [
+      {
-        "@docusaurus/preset-classic",
+        languages: ['en', 'zh'] // language codes
-        /** @type {import('@docusaurus/preset-classic').Options} */
+      }
-        ({
+    ]
-          docs: {
+  ],
-            sidebarPath: require.resolve("./sidebars.js"),
+
-            // Please change this to your repo.
+  presets: [
-            editUrl: "https://github.com/wailsapp/wails/edit/master/website",
+    [
+      "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",
+        },
+        items: [
+          {
+            type: "docsVersionDropdown", //version
+            position: "left",
+            dropdownActiveClassDisabled: true,
+            dropdownItemsAfter: [],
           },
-          blog: {
+          {
-            showReadingTime: true,
+            to: "https://github.com/sponsors/leaanthony",
-            // Please change this to your repo.
+            label: "Sponsor ❤",
-            editUrl:
+            position: "left",
-              "https://github.com/wailsapp/wails/edit/master/website/blog/",
           },
-          theme: {
+          {
-            customCss: [
+            type: "doc",
-              require.resolve("./src/css/custom.css"),
+            docId: "introduction",
-              require.resolve("./src/css/carousel.css"),
+            position: "right",
+            label: "Docs",
+          },
+          {
+            to: "/blog",
+            label: "Blog",
+            position: "right",
+          },
+          { type: "localeDropdown", position: "right" },
+          {
+            href: "https://github.com/wailsapp/wails",
+            label: "GitHub",
+            position: "right",
+          },
+          {
+            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: "/docs/changelog",
+              },
             ],
           },
-        }),
+          {
-      ],
+            title: "Community",
-    ],
+            items: [
-
+              {
-    themeConfig:
+                label: "Github",
-      /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
+                href: "https://github.com/wailsapp/wails",
-      ({
+              },
-        announcementBar: {
+              {
-          id: "beta-message",
+                label: "Twitter",
-          content: "Wails v2 is currently in Beta",
+                href: "https://twitter.com/wailsapp",
-          backgroundColor: "#b00",
+              },
-          textColor: "#FFF",
+              {
-          isCloseable: false,
+                label: "Slack",
-        },
+                href: "https://gophers.slack.com/messages/CJ4P9F7MZ/",
-        colorMode: {
+              },
-          respectPrefersColorScheme: true,
+              {
-          defaultMode: "dark",
+                label: "Slack invite",
-        },
+                href: "https://invite.slack.golangbridge.org/",
-        navbar: {
+              },
-          title: "Wails",
+            ],
-          logo: {
-            alt: "Wails Logo",
-            src: "img/wails-logo-horizontal.svg",
-            srcDark: "img/wails-logo-horizontal-dark.svg",
           },
-          items: [
+          {
-            {
+            title: "More",
-              type: "docsVersionDropdown", //version
+            items: [
-              position: "left",
+              {
-              dropdownActiveClassDisabled: true,
+                label: "Blog",
-              dropdownItemsAfter: [
+                to: "/blog",
-                // { to: 'https://v1.wails.app', label: '1.13.1', },
+              },
-                // { to: '/versions', label: 'All versions', }, //Can add custom pages
+              {
-              ],
+                label: "Awesome",
-            },
+                href: "https://github.com/wailsapp/awesome-wails",
-            {
+              },
-              to: "https://github.com/sponsors/leaanthony",
+            ],
-              label: "Sponsor",
+          },
-              position: "left",
+        ],
-            },
+        copyright: `Copyright © ${new Date().getFullYear()} Lea Anthony. Built with Docusaurus.`,
-            {
+      },
-              type: "doc",
+      prism: {
-              docId: "introduction",
+        theme: lightCodeTheme,
-              position: "right",
+        darkTheme: darkCodeTheme,
-              label: "Docs",
+      },
-            },
+      colorMode: {
-            { to: "/blog", label: "Blog", position: "right" },
+        defaultMode: "light",
-            { type: "localeDropdown", position: "right" },
+        disableSwitch: false,
-            {
+        respectPrefersColorScheme: true,
-              href: "https://github.com/wailsapp/wails",
+      },
-              label: "GitHub",
+      announcementBar: {
-              position: "right",
+        id: "announcement-bar",
-            },
+        content: "Wails v2 is currently in Beta",
-          ],
+        backgroundColor: "#b00",
-        },
+        textColor: "#FFF",
-        footer: {
+        isCloseable: false,
-          style: "dark",
+      },
-          links: [
+      algolia: {
-            {
+        appId: "AWTCNFZ4FF",
-              title: "Docs",
+        apiKey: "a6c0adbe611ee2535f3da5e8fd7b2200",
-              items: [
+        indexName: "wails",
-                {
+        contextualSearch: true,
-                  label: "Introduction",
+      },
-                  to: "/docs/introduction",
+    }),
-                },
+};
-                {
-                  label: "Getting Started",
-                  to: "/docs/gettingstarted/installation",
-                },
-                {
-                  label: "Changelog",
-                  to: "/docs/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",
-                },
-              ],
-            },
-          ],
-          copyright: `Copyright © ${new Date().getFullYear()} Lea Anthony. Built with Docusaurus.`,
-        },
-        prism: {
-          theme: lightCodeTheme,
-          darkTheme: darkCodeTheme,
-        },
 
-      }),
+module.exports = config;
-  }
-);

website/i18n/en/code.json

@@ -1,4 +1,36 @@
 {
+  "homepage.Features.Title1": {
+    "message": "Feature Rich"
+  },
+  "homepage.Features.Description1": {
+    "message": "Build comprehensive cross-platform applications using native UI elements such as menus, dialogs, etc."
+  },
+  "homepage.Features.Title2": {
+    "message": "Familiar"
+  },
+  "homepage.Features.Description2": {
+    "message": "Use the technologies you already know to build amazing applications."
+  },
+  "homepage.Features.Title3": {
+    "message": "Fast"
+  },
+  "homepage.Features.Description3": {
+    "message": "Quickly generate, build and package your projects using the Wails CLI."
+  },
+  "homepage.Tagline": {
+    "message": "Build beautiful cross-platform applications using Go + HTML + CSS + JS"
+  },
+  "homepage.ButtonText": {
+    "message": "Get Started"
+  },
+  "theme.ErrorPageContent.title": {
+    "message": "This page crashed.",
+    "description": "The title of the fallback page when the page crashed"
+  },
+  "theme.ErrorPageContent.tryAgain": {
+    "message": "Try again",
+    "description": "The label of the button to try again when the page crashed"
+  },
   "theme.NotFound.title": {
     "message": "Page Not Found",
     "description": "The title of the 404 page"
@@ -23,6 +55,10 @@
     "message": "Archive",
     "description": "The page & hero description of the blog archive page"
   },
+  "theme.BackToTopButton.buttonAriaLabel": {
+    "message": "Scroll back to top",
+    "description": "The ARIA label for the back to top button"
+  },
   "theme.blog.paginator.navAriaLabel": {
     "message": "Blog list page navigation",
     "description": "The ARIA label for the blog pagination"
@@ -39,6 +75,10 @@
     "message": "One min read|{readingTime} min read",
     "description": "Pluralized label for \"{readingTime} min read\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
   },
+  "theme.blog.post.readMoreLabel": {
+    "message": "Read more about {title}",
+    "description": "The ARIA label for the link to full blog posts from excerpts"
+  },
   "theme.blog.post.readMore": {
     "message": "Read More",
     "description": "The label used in blog post item excerpts to link to full blog posts"
@@ -83,6 +123,22 @@
     "message": "Copy",
     "description": "The copy button label on code blocks"
   },
+  "theme.colorToggle.ariaLabel": {
+    "message": "Switch between dark and light mode (currently {mode})",
+    "description": "The ARIA label for the navbar color mode toggle"
+  },
+  "theme.colorToggle.ariaLabel.mode.dark": {
+    "message": "dark mode",
+    "description": "The name for the dark color mode"
+  },
+  "theme.colorToggle.ariaLabel.mode.light": {
+    "message": "light mode",
+    "description": "The name for the light color mode"
+  },
+  "theme.docs.DocCard.categoryDescription": {
+    "message": "{count} items",
+    "description": "The default description for a category card in the generated index about how many items this category includes"
+  },
   "theme.docs.sidebar.expandButtonTitle": {
     "message": "Expand sidebar",
     "description": "The ARIA label and title attribute for expand button of doc sidebar"
@@ -111,6 +167,10 @@
     "message": "Collapse sidebar",
     "description": "The title attribute for collapse button of doc sidebar"
   },
+  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
+    "message": "Toggle the collapsible sidebar category '{label}'",
+    "description": "The ARIA label to toggle the collapsible sidebar category"
+  },
   "theme.docs.tagDocListPageTitle.nDocsTagged": {
     "message": "One doc tagged|{count} docs tagged",
     "description": "Pluralized label for \"{count} docs tagged\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
@@ -119,6 +179,9 @@
     "message": "{nDocsTagged} with \"{tagName}\"",
     "description": "The title of the page for a docs tag"
   },
+  "theme.docs.versionBadge.label": {
+    "message": "Version: {versionLabel}"
+  },
   "theme.docs.versions.unreleasedVersionLabel": {
     "message": "This is unreleased documentation for {siteTitle} {versionLabel} version.",
     "description": "The label used to tell the user that he's browsing an unreleased doc version"
@@ -175,48 +238,51 @@
     "message": "On this page",
     "description": "The label used by the button on the collapsible TOC component"
   },
+  "theme.navbar.mobileLanguageDropdown.label": {
+    "message": "Languages",
+    "description": "The label for the mobile language switcher dropdown"
+  },
+  "theme.SearchBar.seeAll": {
+    "message": "See all {count} results"
+  },
+  "theme.SearchBar.label": {
+    "message": "Search",
+    "description": "The ARIA label and placeholder for search button"
+  },
+  "theme.SearchPage.documentsFound.plurals": {
+    "message": "One document found|{count} documents found",
+    "description": "Pluralized label for \"{count} documents found\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+  },
+  "theme.SearchPage.existingResultsTitle": {
+    "message": "Search results for \"{query}\"",
+    "description": "The search page title for non-empty query"
+  },
+  "theme.SearchPage.emptyResultsTitle": {
+    "message": "Search the documentation",
+    "description": "The search page title for empty query"
+  },
+  "theme.SearchPage.inputPlaceholder": {
+    "message": "Type your search here",
+    "description": "The placeholder for search page input"
+  },
+  "theme.SearchPage.inputLabel": {
+    "message": "Search",
+    "description": "The ARIA label for search page input"
+  },
+  "theme.SearchPage.algoliaLabel": {
+    "message": "Search by Algolia",
+    "description": "The ARIA label for Algolia mention"
+  },
+  "theme.SearchPage.noResultsText": {
+    "message": "No results were found",
+    "description": "The paragraph for empty search result"
+  },
+  "theme.SearchPage.fetchingNewResults": {
+    "message": "Fetching new results...",
+    "description": "The paragraph for fetching new search results"
+  },
   "theme.tags.tagsPageTitle": {
     "message": "Tags",
     "description": "The title of the tag list page"
-  },
-  "homepage.Tagline": {
-    "message": "Build beautiful cross-platform applications using Go + HTML + CSS + JS"
-  },
-  "homepage.ButtonText": {
-    "message": "Get Started"
-  },
-  "homepage.Features.Title1": {
-    "message": "Feature Rich"
-  },
-  "homepage.Features.Title2": {
-    "message": "Familiar"
-  },
-  "homepage.Features.Title3": {
-    "message": "Fast"
-  },
-  "homepage.Features.Description1": {
-    "message": "Build comprehensive cross-platform applications using native UI elements such as menus, dialogs, etc."
-  },
-  "homepage.Features.Description2": {
-    "message": "Use the technologies you already know to build amazing applications."
-  },
-  "homepage.Features.Description3": {
-    "message": "Quickly generate, build and package your projects using the Wails CLI."
-  },
-  "theme.ErrorPageContent.title": {
-    "message": "This page crashed.",
-    "description": "The title of the fallback page when the page crashed"
-  },
-  "theme.ErrorPageContent.tryAgain": {
-    "message": "Try again",
-    "description": "The label of the button to try again when the page crashed"
-  },
-  "theme.BackToTopButton.buttonAriaLabel": {
-    "message": "Scroll back to top",
-    "description": "The ARIA label for the back to top button"
-  },
-  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
-    "message": "Toggle the collapsible sidebar category '{label}'",
-    "description": "The ARIA label to toggle the collapsible sidebar category"
   }
 }

website/i18n/en/docusaurus-plugin-content-docs/current.json

@@ -1,6 +1,6 @@
 {
   "version.label": {
-    "message": "Beta Version",
+    "message": "Next Version",
     "description": "The label for version current"
   },
   "sidebar.tutorialSidebar.category.Getting Started": {
@@ -15,14 +15,6 @@
     "message": "Runtime",
     "description": "The label for category Runtime in sidebar tutorialSidebar"
   },
-  "sidebar.tutorialSidebar.category.Examples": {
-    "message": "Examples",
-    "description": "The label for category Examples in sidebar tutorialSidebar"
-  },
-  "sidebar.tutorialSidebar.category.Guides": {
-    "message": "Guides",
-    "description": "The label for category Guides in sidebar tutorialSidebar"
-  },
   "sidebar.tutorialSidebar.category.Community": {
     "message": "Community",
     "description": "The label for category Community in sidebar tutorialSidebar"
@@ -31,8 +23,8 @@
     "message": "Showcase",
     "description": "The label for category Showcase in sidebar tutorialSidebar"
   },
-  "sidebar.tutorialSidebar.category.Appendix": {
+  "sidebar.tutorialSidebar.category.Guides": {
-    "message": "Appendix",
+    "message": "Guides",
-    "description": "The label for category Appendix in sidebar tutorialSidebar"
+    "description": "The label for category Guides in sidebar tutorialSidebar"
   }
 }

website/i18n/en/docusaurus-theme-classic/footer.json

@@ -15,6 +15,14 @@
     "message": "Introduction",
     "description": "The label of footer link with label=Introduction linking to /docs/introduction"
   },
+  "link.item.label.Getting Started": {
+    "message": "Getting Started",
+    "description": "The label of footer link with label=Getting Started linking to /docs/gettingstarted/installation"
+  },
+  "link.item.label.Changelog": {
+    "message": "Changelog",
+    "description": "The label of footer link with label=Changelog linking to /docs/changelog"
+  },
   "link.item.label.Github": {
     "message": "Github",
     "description": "The label of footer link with label=Github linking to https://github.com/wailsapp/wails"
@@ -36,15 +44,7 @@
     "description": "The label of footer link with label=Blog linking to /blog"
   },
   "copyright": {
-    "message": "Copyright © 2021 Lea Anthony. Built with Docusaurus.",
+    "message": "Copyright © 2022 Lea Anthony. Built with Docusaurus.",
     "description": "The footer copyright"
-  },
-  "link.item.label.Getting Started": {
-    "message": "Getting Started",
-    "description": "The label of footer link with label=Getting Started linking to /docs/gettingstarted/installation"
-  },
-  "link.item.label.Changelog": {
-    "message": "Changelog",
-    "description": "The label of footer link with label=Changelog linking to /docs/changelog"
   }
 }

website/i18n/en/docusaurus-theme-classic/navbar.json

@@ -1,16 +1,12 @@
 {
-  "title": {
+  "item.label.Sponsor ❤": {
-    "message": "",
+    "message": "Sponsor ❤",
-    "description": "The title in the navbar"
+    "description": "Navbar item with label Sponsor ❤"
   },
   "item.label.Docs": {
     "message": "Docs",
     "description": "Navbar item with label Docs"
   },
-  "item.label.Showcase": {
-    "message": "Showcase",
-    "description": "Navbar item with label Showcase"
-  },
   "item.label.Blog": {
     "message": "Blog",
     "description": "Navbar item with label Blog"
@@ -18,9 +14,5 @@
   "item.label.GitHub": {
     "message": "GitHub",
     "description": "Navbar item with label GitHub"
-  },
-  "item.label.Sponsor": {
-    "message": "Sponsor ❤",
-    "description": "Navbar item with label Sponsor"
   }
 }

website/i18n/zh-Hans/code.json

@@ -1,4 +1,36 @@
 {
+  "homepage.Features.Title1": {
+    "message": "功能丰富"
+  },
+  "homepage.Features.Description1": {
+    "message": "使用菜单、对话框等原生 UI 元素构建全面的跨平台应用程序。"
+  },
+  "homepage.Features.Title2": {
+    "message": "技术熟悉"
+  },
+  "homepage.Features.Description2": {
+    "message": "使用您熟悉的技术来构建出色的应用程序。"
+  },
+  "homepage.Features.Title3": {
+    "message": "方便快捷"
+  },
+  "homepage.Features.Description3": {
+    "message": "使用Wails CLI快速生成、构建和打包项目。"
+  },
+  "homepage.Tagline": {
+    "message": "使用 Go + HTML + CSS + JS 构建漂亮的跨平台桌面应用"
+  },
+  "homepage.ButtonText": {
+    "message": "快速入门"
+  },
+  "theme.ErrorPageContent.title": {
+    "message": "页面已崩溃。",
+    "description": "The title of the fallback page when the page crashed"
+  },
+  "theme.ErrorPageContent.tryAgain": {
+    "message": "重试",
+    "description": "The label of the button to try again when the page crashed"
+  },
   "theme.NotFound.title": {
     "message": "找不到页面",
     "description": "The title of the 404 page"
@@ -15,12 +47,16 @@
     "message": "关闭",
     "description": "The ARIA label for close button of announcement bar"
   },
+  "theme.BackToTopButton.buttonAriaLabel": {
+    "message": "回到顶部",
+    "description": "The ARIA label for the back to top button"
+  },
   "theme.blog.archive.title": {
-    "message": "Archive",
+    "message": "历史博文",
     "description": "The page & hero title of the blog archive page"
   },
   "theme.blog.archive.description": {
-    "message": "Archive",
+    "message": "历史博文",
     "description": "The page & hero description of the blog archive page"
   },
   "theme.blog.paginator.navAriaLabel": {
@@ -39,6 +75,10 @@
     "message": "{readingTime} 分钟阅读",
     "description": "Pluralized label for \"{readingTime} min read\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
   },
+  "theme.blog.post.readMoreLabel": {
+    "message": "阅读 {title} 的全文",
+    "description": "The ARIA label for the link to full blog posts from excerpts"
+  },
   "theme.blog.post.readMore": {
     "message": "阅读更多",
     "description": "The label used in blog post item excerpts to link to full blog posts"
@@ -83,6 +123,22 @@
     "message": "复制",
     "description": "The copy button label on code blocks"
   },
+  "theme.colorToggle.ariaLabel": {
+    "message": "切换浅色/暗黑模式（当前为{mode}）",
+    "description": "The ARIA label for the navbar color mode toggle"
+  },
+  "theme.colorToggle.ariaLabel.mode.dark": {
+    "message": "暗黑模式",
+    "description": "The name for the dark color mode"
+  },
+  "theme.colorToggle.ariaLabel.mode.light": {
+    "message": "浅色模式",
+    "description": "The name for the light color mode"
+  },
+  "theme.docs.DocCard.categoryDescription": {
+    "message": "{count} 个项目",
+    "description": "The default description for a category card in the generated index about how many items this category includes"
+  },
   "theme.docs.sidebar.expandButtonTitle": {
     "message": "展开侧边栏",
     "description": "The ARIA label and title attribute for expand button of doc sidebar"
@@ -111,14 +167,21 @@
     "message": "收起侧边栏",
     "description": "The title attribute for collapse button of doc sidebar"
   },
+  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
+    "message": "打开/收起侧边栏菜单「{label}」",
+    "description": "The ARIA label to toggle the collapsible sidebar category"
+  },
   "theme.docs.tagDocListPageTitle.nDocsTagged": {
     "message": "{count} 篇文档带有标签",
     "description": "Pluralized label for \"{count} docs tagged\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
   },
   "theme.docs.tagDocListPageTitle": {
-    "message": "{nDocsTagged} 含有标签「{tagName}」",
+    "message": "{nDocsTagged} 篇带有标签「{tagName}」",
     "description": "The title of the page for a docs tag"
   },
+  "theme.docs.versionBadge.label": {
+    "message": "版本：{versionLabel}"
+  },
   "theme.docs.versions.unreleasedVersionLabel": {
     "message": "此为 {siteTitle} {versionLabel} 版尚未发行的文档。",
     "description": "The label used to tell the user that he's browsing an unreleased doc version"
@@ -175,48 +238,51 @@
     "message": "本页总览",
     "description": "The label used by the button on the collapsible TOC component"
   },
+  "theme.navbar.mobileLanguageDropdown.label": {
+    "message": "选择语言",
+    "description": "The label for the mobile language switcher dropdown"
+  },
+  "theme.SearchBar.seeAll": {
+    "message": "查看全部 {count} 个结果"
+  },
+  "theme.SearchBar.label": {
+    "message": "搜索",
+    "description": "The ARIA label and placeholder for search button"
+  },
+  "theme.SearchPage.documentsFound.plurals": {
+    "message": "找到 {count} 份文件",
+    "description": "Pluralized label for \"{count} documents found\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+  },
+  "theme.SearchPage.existingResultsTitle": {
+    "message": "「{query}」的搜索结果",
+    "description": "The search page title for non-empty query"
+  },
+  "theme.SearchPage.emptyResultsTitle": {
+    "message": "在文档中搜索",
+    "description": "The search page title for empty query"
+  },
+  "theme.SearchPage.inputPlaceholder": {
+    "message": "在此输入搜索字词",
+    "description": "The placeholder for search page input"
+  },
+  "theme.SearchPage.inputLabel": {
+    "message": "搜索",
+    "description": "The ARIA label for search page input"
+  },
+  "theme.SearchPage.algoliaLabel": {
+    "message": "通过 Algolia 搜索",
+    "description": "The ARIA label for Algolia mention"
+  },
+  "theme.SearchPage.noResultsText": {
+    "message": "未找到任何结果",
+    "description": "The paragraph for empty search result"
+  },
+  "theme.SearchPage.fetchingNewResults": {
+    "message": "正在获取新的搜索结果...",
+    "description": "The paragraph for fetching new search results"
+  },
   "theme.tags.tagsPageTitle": {
     "message": "标签",
     "description": "The title of the tag list page"
-  },
-  "homepage.Tagline": {
-    "message": "使用 Go + HTML + CSS + JS 构建漂亮的跨平台桌面应用"
-  },
-  "homepage.ButtonText": {
-    "message": "快速入门"
-  },
-  "homepage.Features.Title1": {
-    "message": "功能丰富"
-  },
-  "homepage.Features.Title2": {
-    "message": "技术熟悉"
-  },
-  "homepage.Features.Title3": {
-    "message": "方便快捷"
-  },
-  "homepage.Features.Description1": {
-    "message": "使用菜单、对话框等原生 UI 元素构建全面的跨平台应用程序。"
-  },
-  "homepage.Features.Description2": {
-    "message": "使用您已经知道的技术来构建出色的应用程序。"
-  },
-  "homepage.Features.Description3": {
-    "message": "使用Wails CLI快速生成、构建和打包项目。"
-  },
-  "theme.ErrorPageContent.title": {
-    "message": "页面已崩溃。",
-    "description": "The title of the fallback page when the page crashed"
-  },
-  "theme.ErrorPageContent.tryAgain": {
-    "message": "重试",
-    "description": "The label of the button to try again when the page crashed"
-  },
-  "theme.BackToTopButton.buttonAriaLabel": {
-    "message": "回到顶部",
-    "description": "The ARIA label for the back to top button"
-  },
-  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
-    "message": "打开/收起侧边栏菜单「{label}」",
-    "description": "The ARIA label to toggle the collapsible sidebar category"
   }
 }

website/i18n/zh-Hans/docusaurus-plugin-content-docs/current.json

@@ -1,6 +1,6 @@
 {
   "version.label": {
-    "message": "测试版本",
+    "message": "下个版本",
     "description": "The label for version current"
   },
   "sidebar.tutorialSidebar.category.Getting Started": {
@@ -15,14 +15,6 @@
     "message": "运行时",
     "description": "The label for category Runtime in sidebar tutorialSidebar"
   },
-  "sidebar.tutorialSidebar.category.Examples": {
-    "message": "示例",
-    "description": "The label for category Examples in sidebar tutorialSidebar"
-  },
-  "sidebar.tutorialSidebar.category.Guides": {
-    "message": "指南",
-    "description": "The label for category Guides in sidebar tutorialSidebar"
-  },
   "sidebar.tutorialSidebar.category.Community": {
     "message": "社区",
     "description": "The label for category Community in sidebar tutorialSidebar"
@@ -31,8 +23,8 @@
     "message": "项目展示",
     "description": "The label for category Showcase in sidebar tutorialSidebar"
   },
-  "sidebar.tutorialSidebar.category.Appendix": {
+  "sidebar.tutorialSidebar.category.Guides": {
-    "message": "附录",
+    "message": "指南",
-    "description": "The label for category Appendix in sidebar tutorialSidebar"
+    "description": "The label for category Guides in sidebar tutorialSidebar"
   }
 }

website/i18n/zh-Hans/docusaurus-plugin-content-docs/current/credits.mdx

@@ -117,7 +117,7 @@ sidebar_position: 99
 
 ## 贡献者
 
-import Contributors from "react-contributors";
+import Contributors from "react-github-contributors";
 
 <Contributors owner="wailsapp" repo="wails" />
 

website/i18n/zh-Hans/docusaurus-theme-classic/footer.json

@@ -19,6 +19,10 @@
     "message": "快速入门",
     "description": "The label of footer link with label=Getting Started linking to /docs/gettingstarted/installation"
   },
+  "link.item.label.Changelog": {
+    "message": "更新日志",
+    "description": "The label of footer link with label=Changelog linking to /docs/changelog"
+  },
   "link.item.label.Github": {
     "message": "Github",
     "description": "The label of footer link with label=Github linking to https://github.com/wailsapp/wails"
@@ -32,7 +36,7 @@
     "description": "The label of footer link with label=Slack linking to https://gophers.slack.com/messages/CJ4P9F7MZ/"
   },
   "link.item.label.Slack invite": {
-    "message": "Slack 邀请链接",
+    "message": "Slack 邀请",
     "description": "The label of footer link with label=Slack invite linking to https://invite.slack.golangbridge.org/"
   },
   "link.item.label.Blog": {
@@ -40,11 +44,7 @@
     "description": "The label of footer link with label=Blog linking to /blog"
   },
   "copyright": {
-    "message": "Copyright © 2021 Lea Anthony. Built with Docusaurus.",
+    "message": "Copyright © 2022 Lea Anthony. Built with Docusaurus.",
     "description": "The footer copyright"
-  },
-  "link.item.label.Changelog": {
-    "message": "更新日志",
-    "description": "The label of footer link with label=Changelog linking to /docs/changelog"
   }
 }

website/i18n/zh-Hans/docusaurus-theme-classic/navbar.json

@@ -1,16 +1,12 @@
 {
-  "title": {
+  "item.label.Sponsor ❤": {
-    "message": "",
+    "message": "赞助我们 ❤",
-    "description": "The title in the navbar"
+    "description": "Navbar item with label Sponsor ❤"
   },
   "item.label.Docs": {
     "message": "文档",
     "description": "Navbar item with label Docs"
   },
-  "item.label.Showcase": {
-    "message": "作品展示",
-    "description": "Navbar item with label Showcase"
-  },
   "item.label.Blog": {
     "message": "博客",
     "description": "Navbar item with label Blog"
@@ -18,9 +14,5 @@
   "item.label.GitHub": {
     "message": "GitHub",
     "description": "Navbar item with label GitHub"
-  },
-  "item.label.Sponsor": {
-    "message": "赞助我们 ❤",
-    "description": "Navbar item with label Sponsor"
   }
 }

website/package.json

@@ -5,22 +5,18 @@
   "scripts": {
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
-    "start:zh-Hans": "docusaurus start --locale zh-Hans",
-    "docs:version": "docusaurus docs:version",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy",
     "clear": "docusaurus clear",
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
-    "write-translations:zh-Hans": "docusaurus write-translations --locale zh-Hans",
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.15",
+    "@docusaurus/core": "2.0.0-beta.17",
-    "@docusaurus/preset-classic": "2.0.0-beta.15",
+    "@docusaurus/preset-classic": "2.0.0-beta.17",
-    "@mdx-js/react": "^1.6.21",
+    "@mdx-js/react": "^1.6.22",
-    "@svgr/webpack": "^5.5.0",
     "clsx": "^1.1.1",
     "docusaurus-lunr-search": "^2.1.15",
     "docusaurus-plugin-plausible": "0.0.5",
@@ -28,11 +24,9 @@
     "nodejieba": "^2.6.0",
     "prism-react-renderer": "^1.2.1",
     "react": "^17.0.1",
-    "react-contributors": "^1.1.2",
     "react-dom": "^17.0.1",
-    "react-responsive-carousel": "^3.2.22",
+    "@wails/react-contributors": "^1.1.2",
-    "styled-components": "^5.3.1",
+    "react-responsive-carousel": "^3.2.23"
-    "url-loader": "^4.1.1"
   },
   "browserslist": {
     "production": [

website/sidebars.js

@@ -9,18 +9,23 @@
  Create as many sidebars as you want.
  */
 
-module.exports = {
+// @ts-check
-    // By default, Docusaurus generates a sidebar from the docs folder structure
-    tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
 
-    // But you can create a sidebar manually
+/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
-    /*
+const sidebars = {
-    tutorialSidebar: [
+  // By default, Docusaurus generates a sidebar from the docs folder structure
-      {
+  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
-        type: 'category',
+
-        label: 'Tutorial',
+  // But you can create a sidebar manually
-        items: ['hello'],
+  /*
-      },
+  tutorialSidebar: [
-    ],
+    {
-     */
+      type: 'category',
+      label: 'Tutorial',
+      items: ['hello'],
+    },
+  ],
+   */
 };
+
+module.exports = sidebars;

website/src/components/brand.mdx

@@ -1,11 +0,0 @@
-import ThemedImage from '@theme/ThemedImage';
-
-export const Brand = ({children,brand}) => (
-    <ThemedImage
-        alt="{{brand}} logo"
-        sources={{
-            light: useBaseUrl('/img/icon-' + brand + '.svg'),
-            dark: useBaseUrl('/img/icon-' + brand + '-dark.svg'),
-        }}
-    />
-);

website/src/css/carousel.css

@@ -302,6 +302,9 @@
 }
 
 @media (min-width: 960px) {
+  .carousel-root {
+    padding: 15px;
+  }
   .carousel .slider-wrapper {
     width: 50%;
   }

website/src/pages/index.module.css

@@ -4,20 +4,20 @@
  */
 
 .heroBanner {
-    padding: 4rem 0;
+  padding: 1rem 0;
-    text-align: center;
+  text-align: center;
-    position: relative;
+  position: relative;
-    overflow: hidden;
+  overflow: hidden;
 }
 
 @media screen and (max-width: 966px) {
-    .heroBanner {
+  .heroBanner {
-        padding: 2rem;
+    padding: 2rem;
-    }
+  }
 }
 
 .buttons {
-    display: flex;
+  display: flex;
-    align-items: center;
+  align-items: center;
-    justify-content: center;
+  justify-content: center;
 }