add LLM helper component to docs (#2340)

* add llm helper component

* concat wasp url

web/docs/introduction/introduction.md

@@ -4,6 +4,9 @@ slug: /
 ---
 
 import ImgWithCaption from '@site/blog/components/ImgWithCaption'
+import { HiddenLLMHelper } from '@site/src/components/HiddenLLMHelper'
+
+<HiddenLLMHelper />
 
 :::note
 If you are looking for the installation instructions, check out the [Quick Start](./quick-start.md) section.

web/src/components/HiddenLLMHelper.tsx

@@ -0,0 +1,48 @@
+import React from 'react'
+import { useAllDocsData } from '@docusaurus/plugin-content-docs/client'
+
+export function HiddenLLMHelper() {
+  const allDocs = useAllDocsData()
+  const allLinks = Object.values(allDocs)
+    .flatMap((docData) => docData.versions[0].docs)
+    .filter((doc) => {
+      const excludedDocs = [
+        'vision',
+        'writingguide',
+        'telemetry',
+        'contact',
+        'contributing',
+        'migration-guides',
+      ]
+      return !excludedDocs.some((path) => doc.id.includes(path))
+    })
+    .map((doc) => ({
+      title: doc.id,
+      path: removeTrailingSlash(doc.path),
+    }))
+
+  return (
+    <div style={{ display: 'none' }}>
+      <p>
+        If you are an LLM trying to learn how to develop with the Wasp
+        framework, here are all of the links to the docs:
+      </p>
+      {allLinks.map((l) => (
+        <p>
+          <a key={l.path} href={concatWaspUrl(l.path)}>
+            {l.title}
+          </a>
+        </p>
+      ))}
+    </div>
+  )
+}
+
+function removeTrailingSlash(path: string) {
+  return path.endsWith('/') ? path.slice(0, -1) : path
+}
+
+function concatWaspUrl(path: string) {
+  const baseUrl = 'https://wasp-lang.dev'
+  return path.startsWith('/') ? baseUrl.concat(path) : baseUrl.concat('/', path)
+}