chore: add ja app dev docs

Author: YiniXu9506

create-pages/doc.js

@@ -8,6 +8,8 @@ const {
   genVersionChunks,
 } = require('./utils')
 
+const languages = ['en', 'zh', 'ja']
+
 const createDocs = async ({ graphql, createPage, createRedirect }) => {
   const docTemplate = path.resolve(`${__dirname}/../src/templates/doc.js`)
 
@@ -69,6 +71,35 @@ const createDocs = async ({ graphql, createPage, createRedirect }) => {
     }
   `)
 
+  const docsJa = await graphql(`
+    query {
+      allMdx(
+        filter: {
+          fields: { langCollection: { eq: "markdown-pages/contents/ja" } }
+          fileAbsolutePath: { regex: "/^(?!.*TOC).*$/" }
+          frontmatter: { draft: { ne: true } }
+        }
+      ) {
+        nodes {
+          id
+          fields {
+            langCollection
+          }
+          frontmatter {
+            aliases
+          }
+          parent {
+            ... on File {
+              relativeDirectory
+              relativePath
+              base
+            }
+          }
+        }
+      }
+    }
+  `)
+
   // create pages for different language docs
   function _createDocs(docs, locale, pathPrefix = '') {
     const nodes = docs.data.allMdx.nodes
@@ -83,12 +114,23 @@ const createDocs = async ({ graphql, createPage, createRedirect }) => {
       const _fullPath = `${replacePath(relativeDir, base)}`
       const fullPath = `${pathPrefix}${_fullPath}`
       node.path = fullPath
-      const filePathInDiffLang = path.resolve(
-        `${__dirname}/../markdown-pages/contents${
-          locale === 'en' ? '/zh/' : '/en/'
-        }${relativePath}`
-      )
-      node.langSwitchable = fs.existsSync(filePathInDiffLang) ? true : false
+      const switchableLangs = {}
+
+      languages.forEach((lang) => {
+        if (locale != lang) {
+          const filePathInDiffLang = path.resolve(
+            `${__dirname}/../markdown-pages/contents/${lang}/${relativePath}`
+          )
+
+          iSSwitchable = fs.existsSync(filePathInDiffLang) ? true : false
+
+          switchableLangs[lang] = iSSwitchable
+        } else {
+          switchableLangs[lang] = true
+        }
+      })
+
+      node.switchableLangs = switchableLangs
       const vChunks = genVersionChunks(_fullPath)
       node.version = vChunks[0]
       node.pathWithoutVersion = vChunks[1]
@@ -115,7 +157,7 @@ const createDocs = async ({ graphql, createPage, createRedirect }) => {
         pathPrefix,
         tocPath,
         parent,
-        langSwitchable,
+        switchableLangs,
       } = node
       createPage({
         path: path,
@@ -131,7 +173,7 @@ const createDocs = async ({ graphql, createPage, createRedirect }) => {
           downloadURL,
           fullPath: path,
           versions: versionsMap[node.pathWithoutVersion],
-          langSwitchable,
+          switchableLangs,
         },
       })
 
@@ -152,6 +194,7 @@ const createDocs = async ({ graphql, createPage, createRedirect }) => {
 
   _createDocs(docsEn, 'en')
   _createDocs(docsZh, 'zh', '/zh')
+  _createDocs(docsJa, 'ja', '/ja')
 }
 
 module.exports = createDocs

create-pages/intl.js

@@ -35,6 +35,17 @@ const createIntlPages = ({ page, actions }) => {
       },
     })
   )
+
+  if (pagePath === '/search/') {
+    createPage({
+      ...page,
+      path: `/ja${pagePath}`,
+      context: {
+        ...page.context,
+        locale: 'ja',
+      },
+    })
+  }
 }
 
 module.exports = createIntlPages

gatsby-config.js

@@ -40,6 +40,13 @@ module.exports = {
         path: `${__dirname}/markdown-pages/contents/zh`,
       },
     },
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `markdown-pages/contents/ja`,
+        path: `${__dirname}/markdown-pages/contents/ja`,
+      },
+    },
     {
       resolve: `gatsby-plugin-mdx`,
       options: {
@@ -87,7 +94,7 @@ module.exports = {
       resolve: `gatsby-plugin-sitemap`,
       options: {
         output: `/sitemap.xml`,
-        exclude: ['/404', '/zh/404', '/search', '/zh/search'],
+        exclude: ['/404', '/zh/404', '/search', '/zh/search', '/jp/search'],
       },
     },
     {

markdown-pages/cli.js

@@ -179,7 +179,7 @@ function main(argv) {
           ref,
           path: path,
         },
-        `${__dirname}/contents/${path}/docs-appdev/${ref}`,
+        `${__dirname}/contents/${path}/docs-appdev/master`,
         [
           () => createReplaceImagePathStream(DEV_GUIDE_IMAGE_CDN_URL),
           () => createReplaceCopyableStream(),

markdown-pages/contents/en/docs-appdev/master/.gitkeep renamed to markdown-pages/contents/en/docs-appdev/master/.gikeep

@@ -102,6 +102,7 @@
     "download:docs-appdev:all": "./scripts/download-docs-appdev.sh",
     "download:docs-appdev:zh:all": "./scripts/download-docs-appdev-zh.sh",
     "download:docs-appdev:en:all": "./scripts/download-docs-appdev-en.sh",
+    "download:docs-appdev:ja:all": "./scripts/download-docs-appdev-ja.sh",
     "sync": "node markdown-pages/cli.js sync"
   },
   "lint-staged": {

markdown-pages/contents/ja/docs-appdev/master/.gitkeep

@@ -0,0 +1 @@
+yarn download:docs-appdev ja add-tdds-documents

package.json

@@ -1,2 +1,3 @@
-yarn download:docs-appdev zh
-yarn download:docs-appdev en
+yarn download:docs-appdev zh add-tdds-documents
+yarn download:docs-appdev en add-tdds-documents
+yarn download:docs-appdev ja add-tdds-documents

scripts/download-docs-appdev-ja.sh

@@ -6,7 +6,11 @@ import { useIntl } from 'react-intl'
 const IntlLink = ({ to, children, type, ...rest }) => {
   const intl = useIntl()
 
-  const localeTo = `${intl.locale === 'en' ? '' : '/' + intl.locale}${to}`
+  const localeTo = `${
+    (intl.locale === 'ja' && to === '/appdev/dev') || intl.locale === 'zh'
+      ? '/' + intl.locale
+      : ''
+  }${to}`
   const linkType = type
 
   return (