[docs] Build with typescript checks on Github

In order to make sure that the dependencies of our docs are
existent, we need to build with typescript checks. If a dependency
on the component is missing, typescript checks will throw an error
during build time when building the scripts/component_docs target.

Drive-by: Change to order of documentation navigation sidebar
Bug: 414332459
Change-Id: Ife52bcd35501af930e7685c4765bb9c9cf80fc74
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7100240
Auto-Submit: Kim-Anh Tran <[email protected]>
Reviewed-by: Simon Zünd <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>

Author: ktran

.github/workflows/publish-component-docs.yml

@@ -32,7 +32,7 @@ jobs:
         run: gclient sync
         working-directory: devtools/devtools-frontend
       - name: Generate build files (gn)
-        run: gn gen out/Default --args='devtools_skip_typecheck=true'
+        run: gn gen out/Default
         working-directory: devtools/devtools-frontend
       - name: Build DevTools Frontend (autoninja)
         run: autoninja -C out/Default scripts/component_docs

scripts/component_docs/generate_docs.mjs

@@ -36,10 +36,9 @@ async function main() {
   const componentDocs = JSON.parse(fs.readFileSync(SOURCES_FILE, 'utf-8'));
 
   const componentLinks = componentDocs
-                             .map(p => {
-                               const componentName = path.basename(p, '.docs.js');
-                               return `<li><a href="#${componentName}">${componentName}</a></li>`;
-                             })
+                             .map(p => path.basename(p, '.docs.js'))
+                             .sort()
+                             .map(componentName => `<li><a href="#${componentName}">${componentName}</a></li>`)
                              .join('\n');
 
   const docImports = componentDocs