Fix func pages

Author: Fernando-A-Rocha

web/package-lock.json

@@ -8,6 +8,7 @@ const theseFunctions = functionsByTypeByCategory.client;
 <StarlightPage frontmatter={{
     template: 'doc',
     title: 'Client functions',
+    tableOfContents: false,
 }}>
 
 <p>This page lists all <strong>client-side</strong> functions available in the <a href="/lua-api">Lua API</a> organized by category.</p>

web/src/pages/Client_Scripting_Functions.astro

@@ -1,19 +1,21 @@
 ---
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
-import { getCollection, render } from 'astro:content';
-// 1. Generate a new path for every collection entry
+import { getCollection } from 'astro:content';
+
 export async function getStaticPaths() {
   const elements = await getCollection('elements');
   return elements.map(element => ({
     params: { id: element.id },
     props: { element },
   }));
 }
-// 2. For your template, you can get the entry directly from the prop
+
 const { element } = Astro.props;
-const { Content } = await render(element);
 ---
-<StarlightPage frontmatter={{ title: element.data.name }}>
+<StarlightPage frontmatter={{
+  template: 'doc',
+  title: element.data.name,
+  tableOfContents: false,
+}}>
   <p>TODO</p>
-  <Content />
 </StarlightPage>

web/src/pages/Element/[id].astro

@@ -3,7 +3,11 @@ import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
 import { getCollection } from 'astro:content';
 const elements = await getCollection('elements');
 ---
-<StarlightPage frontmatter={{ title: 'Element types' }}>
+<StarlightPage frontmatter={{
+  template: 'doc',
+  title: 'Element types',
+  tableOfContents: false,
+}}>
   <p>An <strong>element</strong> is a generic class that can represent almost all in-game entities. The built-in element types are:</p>
   <ul>
     {elements.map(element => (

web/src/pages/Element/index.astro

@@ -8,6 +8,7 @@ const theseFunctions = functionsByTypeByCategory.server;
 <StarlightPage frontmatter={{
     template: 'doc',
     title: 'Server functions',
+    tableOfContents: false,
 }}>
 
 <p>This page lists all <strong>server-side</strong> functions available in the <a href="/lua-api">Lua API</a> organized by category.</p>

web/src/pages/Server_Scripting_Functions.astro

@@ -8,6 +8,7 @@ const theseFunctions = functionsByTypeByCategory.shared;
 <StarlightPage frontmatter={{
     template: 'doc',
     title: 'Shared functions',
+    tableOfContents: false,
 }}>
 
 <p>This page lists all <strong>shared</strong> functions available in the <a href="/lua-api">Lua API</a> organized by category.</p>

web/src/pages/Shared_Scripting_Functions.astro

@@ -1,23 +1,24 @@
 ---
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
-import { getAllFunctions, getFunctionType } from '@src/utils/functions';
+import { getCollection } from 'astro:content';
+import { getFunctionType } from '@src/utils/functions';
 
-export function getStaticPaths() {
-    const functions = getAllFunctions();
-    return functions.map(func => ({ params: { func: func.id } }));
+export async function getStaticPaths() {
+    const functions = await getCollection('functions');
+    return functions.map(func => ({
+        params: { func: func.id },
+        props: { func },
+    }));
 }
 
-const { func } = Astro.params;
-const theFunc = getAllFunctions().find(f => f.id === func);
-if (!theFunc) {
-    return
-}
+const { func } = Astro.props;
 ---
 <StarlightPage frontmatter={{
     template: 'doc',
-    title: func
+    title: func.id,
+    tableOfContents: false,
 }}>
     <div>
-        {getFunctionType(theFunc.data)}
+        {getFunctionType(func.data)}
     </div>
 </StarlightPage>