[web] setup content structure #973

agdb_web/content/cs/api/index.md

@@ -0,0 +1,5 @@
+# agdb dokumentace
+
+Stránky jsou v přípravě.
+
+[Dokumentace v angličtině](/en/docs)

agdb_web/content/cs/blog/index.md

@@ -0,0 +1 @@
+# agdb blog

agdb_web/content/cs/docs/index.md

@@ -0,0 +1,5 @@
+# agdb dokumentace
+
+Stránky jsou v přípravě.
+
+[Dokumentace v angličtině](/en/docs)

agdb_web/content/cs/enterprise/index.md

@@ -0,0 +1,3 @@
+# agdb enterprise
+
+Stránky jsou v přípravě.

agdb_web/content/en/api/1.typescript/index.md

@@ -0,0 +1 @@
+# typescript api

agdb_web/content/en/api/2.python/index.md

@@ -0,0 +1 @@
+# python api

agdb_web/content/en/api/3.rust/index.md

@@ -0,0 +1 @@
+# rust api

agdb_web/content/en/api/index.md

@@ -0,0 +1 @@
+# agdb api

agdb_web/content/en/blog/index.md

@@ -0,0 +1 @@
+# agdb blog

agdb_web/content/en/docs/1.guides/1.key-concepts.md

@@ -0,0 +1 @@
+# Key Concepts

agdb_web/content/en/docs/1.guides/2.usage.md

@@ -0,0 +1 @@
+# Usage

agdb_web/content/en/docs/1.guides/index.md

@@ -0,0 +1,18 @@
+---
+title: "agdb guides"
+description: "Guides for agdb, Agnesoft Graph Database"
+navigation:
+    title: "Guides"
+---
+
+# agdb guides
+
+[Key Concepts](/docs/guides/key-concepts)
+
+[Usage](/docs/guides/usage)
+
+lol
+
+```Rust
+let foo;
+```

agdb_web/content/en/docs/2.examples/index.md

@@ -0,0 +1,6 @@
+---
+navigation:
+    title: "Examples"
+---
+
+# agdb examples

agdb_web/content/en/docs/3.references/index.md

@@ -0,0 +1,6 @@
+---
+navigation:
+    title: "References"
+---
+
+# agdb references

agdb_web/content/en/docs/index.md

@@ -0,0 +1,12 @@
+---
+title: "agdb documentation"
+description: "Documentation of agdb, Agnesoft Graph Database"
+---
+
+# agdb documentation
+
+[Guides](/docs/guides)
+
+[Examples](/docs/examples)
+
+[References](/docs/references)

agdb_web/content/en/enterprise/1.support/index.md

@@ -0,0 +1 @@
+# support

agdb_web/content/en/enterprise/2.sponsors/index.md

@@ -0,0 +1 @@
+# sponsors

agdb_web/content/en/enterprise/3.cloud/index.md

@@ -0,0 +1 @@
+# agdb cloud

agdb_web/nuxt.config.ts

@@ -4,11 +4,11 @@ import i18nConfig from "./i18n.config";
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
     devServer: {
-        port: 4000,
+        port: 5001,
     },
     devtools: { enabled: true },
     modules: [
-        "@nuxt/content",
+        ["@nuxt/content", { documentDriven: true }],
         "@nuxt/test-utils/module",
         ["@nuxtjs/i18n", i18nConfig],
     ],

agdb_web/pages/[...slug].vue

@@ -10,14 +10,6 @@ const path =
 </script>
 <template>
     <main>
-        <img
-            alt="agdb logo"
-            class="logo"
-            src="@/static/logo.svg"
-            width="125"
-            height="125"
-        />
-        <h1>agdb</h1>
         <ContentDoc :path="path" />
     </main>
 </template>

agdb_web/pages/index.vue

@@ -1,15 +1,123 @@
 <script lang="ts" setup>
-const { t } = useI18n();
+const { t, locale } = useI18n();
 const localePath = useLocalePath();
+
+const docsQuery = queryContent(locale.value, "docs");
+const apiQuery = queryContent(locale.value, "api");
+const enterpriseQuery = queryContent(locale.value, "enterprise");
+const blogQuery = queryContent(locale.value, "blog");
 </script>
 
 <template>
-    <NuxtLink :to="localePath('/')">{{ t("menu.home") }}</NuxtLink>
-    <NuxtLink :to="localePath(t('urls.about'))">{{ t("menu.about") }}</NuxtLink>
-    <NuxtLink :to="localePath(t('urls.contact'))">{{
-        t("menu.contact")
-    }}</NuxtLink>
+    <header>
+        <h3><NuxtLink :to="localePath('/docs')">Docs:</NuxtLink></h3>
+        <nav>
+            <ContentNavigation v-slot="{ navigation }" :query="docsQuery">
+                <ul>
+                    <template
+                        v-for="link of navigation.at(0)?.children?.at(0)
+                            ?.children"
+                        :key="link._path"
+                    >
+                        <li v-if="link.children?.length">
+                            <NuxtLink
+                                v-if="link.children?.length"
+                                :to="link._path"
+                                >{{ link.navTitle || link.title }}</NuxtLink
+                            >
+                        </li>
+                    </template>
+                </ul>
+            </ContentNavigation>
+        </nav>
+
+        <h3><NuxtLink :to="localePath('/api')">Api</NuxtLink></h3>
+        <nav>
+            <ContentNavigation v-slot="{ navigation }" :query="apiQuery">
+                <ul>
+                    <template
+                        v-for="link of navigation.at(0)?.children?.at(0)
+                            ?.children"
+                        :key="link._path"
+                    >
+                        <li v-if="link.children?.length">
+                            <NuxtLink
+                                v-if="link.children?.length"
+                                :to="link._path"
+                                >{{ link.navTitle || link.title }}</NuxtLink
+                            >
+                        </li>
+                    </template>
+                </ul>
+            </ContentNavigation>
+        </nav>
+
+        <h3><NuxtLink :to="localePath('/enterprise')">Enterprise</NuxtLink></h3>
+        <nav>
+            <ContentNavigation v-slot="{ navigation }" :query="enterpriseQuery">
+                <ul>
+                    <template
+                        v-for="link of navigation.at(0)?.children?.at(0)
+                            ?.children"
+                        :key="link._path"
+                    >
+                        <li v-if="link.children?.length">
+                            <NuxtLink
+                                v-if="link.children?.length"
+                                :to="link._path"
+                                >{{ link.navTitle || link.title }}</NuxtLink
+                            >
+                        </li>
+                    </template>
+                </ul>
+            </ContentNavigation>
+        </nav>
+
+        <h3><NuxtLink :to="localePath('/blog')">Blog</NuxtLink></h3>
+        <nav>
+            <ContentNavigation v-slot="{ navigation }" :query="blogQuery">
+                <ul>
+                    <template
+                        v-for="link of navigation.at(0)?.children?.at(0)
+                            ?.children"
+                        :key="link._path"
+                    >
+                        <li v-if="link.children?.length">
+                            <NuxtLink
+                                v-if="link.children?.length"
+                                :to="link._path"
+                                >{{ link.navTitle || link.title }}</NuxtLink
+                            >
+                        </li>
+                    </template>
+                </ul>
+            </ContentNavigation>
+        </nav>
 
+        <h3>Other:</h3>
+        <ul>
+            <li>
+                <NuxtLink :to="localePath('/')">{{ t("menu.home") }}</NuxtLink>
+            </li>
+            <li>
+                <NuxtLink :to="localePath(t('urls.about'))">{{
+                    t("menu.about")
+                }}</NuxtLink>
+            </li>
+            <li>
+                <NuxtLink :to="localePath(t('urls.contact'))">{{
+                    t("menu.contact")
+                }}</NuxtLink>
+            </li>
+        </ul>
+    </header>
+    <img
+        alt="agdb logo"
+        class="logo"
+        src="@/static/logo.svg"
+        width="125"
+        height="125"
+    />
     <h1>agdb</h1>
 </template>
 

agdb_web/playwright.config.ts

@@ -35,7 +35,7 @@ export default defineConfig({
         /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
         actionTimeout: 0,
         /* Base URL to use in actions like `await page.goto('/')`. */
-        baseURL: "http://localhost:4000",
+        baseURL: "http://localhost:5001",
 
         /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
         trace: "on-first-retry",
@@ -85,7 +85,7 @@ export default defineConfig({
     /* Run your local dev server before starting the tests */
     webServer: {
         command: "npm run dev",
-        url: "http://localhost:4000",
+        url: "http://localhost:5001",
         reuseExistingServer: !process.env.CI,
     },
 });

agdb_web/tests/pages/[...slug].test.ts

@@ -6,14 +6,14 @@ import i18nConfig from "@/i18n.config";
 import slug from "@/pages/[...slug].vue";
 
 describe("[...slug]", () => {
-    it("renders the correct message", () => {
+    it("renders content", () => {
         const i18n = createI18n(i18nConfig);
         const wrapper = shallowMount(slug, {
             route: "/about",
             global: {
                 plugins: [i18n, useRouter()],
             },
         });
-        expect(wrapper.text()).toContain("agdb");
+        expect(wrapper.getComponent("content-doc-stub")).toBeTruthy();
     });
 });