Create Mobile UI Section

.gitignore

@@ -29,9 +29,12 @@ docs/app-runtime
 docs/cli/style
 docs/capture-plugins
 
+mobile/mobile-ui
+
 # temp directories for copied docs
 .cli-repo-temp
 .ap-repo-temp
 .cypress-repo-temp
 .ar-repo-temp
 .clistyle-repo-temp
+.mui-repo-temp

docs-migrate.js

@@ -27,7 +27,7 @@ const migrateDocs = ({
 
         // Set up sparse checkout to retrieve only the 'docs' directory
         execSync('git sparse-checkout init')
-        execSync('git sparse-checkout set docs')
+        execSync('git sparse-checkout add docs')
 
         postDownloadActions.forEach((action) => {
             console.log(`executing post download action: ${action}`)
@@ -97,7 +97,7 @@ migrateDocs({
         { from: 'dist/markdown/api.md', to: 'api.md' },
     ],
     postDownloadActions: [
-        'git sparse-checkout set src docs',
+        'git sparse-checkout add src docs',
         'yarn',
         'yarn build:jsdoc',
     ],
@@ -145,3 +145,10 @@ migrateDocs({
     targetDir: './docs/capture-plugins',
     ignoreDirs: ['user']
 })
+
+migrateDocs({
+    repo: 'https://github.com/dhis2/dhis2-mobile-ui.git',
+    tempDir: '.mui-repo-temp',
+    targetDir: './mobile/mobile-ui',
+    branch: 'main'
+})

docusaurus.config.js

@@ -23,7 +23,13 @@ module.exports = {
                 {
                     to: 'docs',
                     activeBasePath: 'docs',
-                    label: 'Docs',
+                    label: 'Web Development',
+                    position: 'left',
+                },
+                {
+                    to: 'mobile',
+                    activeBasePath: 'mobile',
+                    label: 'Mobile Development',
                     position: 'left',
                 },
                 { to: 'blog', label: 'Blog', position: 'left' },
@@ -120,6 +126,15 @@ module.exports = {
                 sidebarPath: require.resolve('./sidebarsEvents.js'),
             },
         ],
+        [
+            '@docusaurus/plugin-content-docs',
+            {
+                id: 'mobile',
+                path: 'mobile',
+                routeBasePath: 'mobile',
+                sidebarPath: require.resolve('./sidebarsMobile.js'),
+            },
+        ],
         [
             '@docusaurus/plugin-content-docs',
             {

mobile/readme.md

@@ -0,0 +1,7 @@
+---
+id: overview
+---
+
+# Mobile Documentation
+
+This is the documentation for the mobile SDK and UI components.

sidebars.js

@@ -352,11 +352,6 @@ module.exports = {
         },
 
         'aditionalreferences',
-        {
-            type: 'link',
-            label: 'Android SDK',
-            href: 'https://docs.dhis2.org/en/develop/developing-with-the-android-sdk/about-this-guide.html',
-        },
         {
             type: 'link',
             label: 'Web API',

sidebarsMobile.js

@@ -0,0 +1,18 @@
+module.exports = {
+    mobile: [
+        { id: 'overview', label: 'Overview', type: 'doc' },
+        {
+            'Mobile UI': [
+                {
+                    type: 'autogenerated',
+                    dirName: 'mobile-ui',
+                }
+            ]
+        },
+        {
+            type: 'link',
+            label: 'Android SDK',
+            href: 'https://docs.dhis2.org/en/develop/developing-with-the-android-sdk/about-this-guide.html',
+        }
+    ],
+}