Use TS consistently in index pages

.vitepress/theme/components/indexFilter.js → .vitepress/theme/components/indexFilter.ts

@@ -1,7 +1,14 @@
 const { base, themeConfig: { sidebar }} = global.VITEPRESS_CONFIG.site
 import { join } from 'node:path'
+import { ContentData, DefaultTheme } from 'vitepress'
 
-export default (pages, basePath) => {
+type ContentDataCustom = ContentData & {
+  title?:string
+}
+
+type SBItem = DefaultTheme.SidebarItem
+
+export default (pages:ContentDataCustom[], basePath:string):ContentDataCustom[] => {
   let items = findInItems(basePath, sidebar) || []
   items = items.map(item => { return { ...item, link: item.link?.replace(/\.md$/, '') }})
   const itemLinks = items.map(item => join(base, item.link||''))
@@ -13,29 +20,28 @@ export default (pages, basePath) => {
       return p
     })
     .filter(p => {
-      const item = items.find(item => p.url.endsWith(item.link))
+      const item = items.find(item => item.link && p.url.endsWith(item.link))
       if (item)  p.title = item.text
       return !!item
     })
     .filter(p => !p.url.endsWith(basePath))
     .sort((p1, p2) => itemLinks.indexOf(p1.url) - itemLinks.indexOf(p2.url))
-    .map(p => {
-      // this data is inlined in each index page, so sparsely construct the final object
-      return {
-        url: p.url,
-        title: p.title,
-        frontmatter: {
-          synopsis: p.frontmatter.synopsis
-        }
-      }
-    })
+    .map(p => ({
+      url: p.url,
+      title: p.title,
+      frontmatter: {
+        synopsis: p.frontmatter.synopsis
+      },
+      // this data is inlined in each index page, so omit unnecessary data
+      src:undefined, html:undefined, excerpt:undefined
+    }))
 }
 
-function findInItems(url, items=[]) {
+function findInItems(url:string, items:SBItem[]=[]):SBItem[]|undefined {
   let res = items.find(item => item.link?.includes(url))
   if (res)  return res.items
   for (const item of items) {
-    res = findInItems(url, item.items)
-    if (res)  return res
+    const result = findInItems(url, item.items)
+    if (result)  return result
   }
 }

advanced/index.data.js → advanced/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../.vitepress/theme/components/indexFilter.js'
+import filter from '../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 export default createContentLoader([

advanced/index.md

@@ -8,7 +8,7 @@ This section provides information on advanced topics and concepts that are not c
 
 
 <script setup>
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>

advanced/publishing-apis/index.data.js → advanced/publishing-apis/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../../.vitepress/theme/components/indexFilter.js'
+import filter from '../../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 export default createContentLoader([`**/${basePath}/*.md`], {

advanced/publishing-apis/index.md

@@ -9,7 +9,7 @@ synopsis: How to publish APIs in different formats
 
 
 <script setup>
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>

cds/index.data.js → cds/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../.vitepress/theme/components/indexFilter.js'
+import filter from '../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 export default createContentLoader(`**/${basePath}/*.md`, {

cds/index.md

@@ -15,7 +15,7 @@ CDS models are plain JavaScript objects complying to the _[Core Schema Notation
 [See the Nature of Models for more details](models){.learn-more}
 
 <script setup>
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>

guides/index.data.js → guides/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../.vitepress/theme/components/indexFilter.js'
+import filter from '../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 

guides/index.md

@@ -13,7 +13,7 @@ The following figure illustrates a walkthrough of the most prominent tasks withi
 ![The graphic groups topics into three phases: Development, Deploy, Use. The development phase covers topics like domain modeling, sing and providing services, databases and frontends. The deploy phase covers the deployment as well as CI/CD, monitoring and publishing APIs and packages for reuse. The use phase is about the subscription flow of multitenant applications and about customizing and extending those applications. ](assets/cookbook-overview.drawio.svg)
 
 <script setup>
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>

guides/security/index.data.js → guides/security/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../../.vitepress/theme/components/indexFilter.js'
+import filter from '../../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 

guides/security/index.md

@@ -18,7 +18,7 @@ This guide addresses
 of CAP applications who need to understand how to develop, deploy and operate CAP applications in a secure way.
 
 <script setup>
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>

java/index.data.js → java/index.data.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path'
 import { createContentLoader } from 'vitepress'
-import filter from '../.vitepress/theme/components/indexFilter.js'
+import filter from '../.vitepress/theme/components/indexFilter.ts'
 
 const basePath = basename(__dirname)
 

java/index.md

@@ -26,7 +26,7 @@ import { useData } from 'vitepress'
 const { theme } = useData()
 const { versions } = theme.value.capire
 
-import { data as pages } from './index.data.js'
+import { data as pages } from './index.data.ts'
 </script>
 
 <br>