From 91e4ce4b2a959f5acb079edaf3e0dd99b788dd1e Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <daisho7308+f@gmail.com>
Date: Tue, 18 Jul 2023 01:43:55 +0900
Subject: [PATCH] (add) docs: iroiro

---
 assets/js/misc/index.ts               | 19 ++++++++++++++++++-
 components/content/ApiPermissions.vue | 22 ++++++++++++++++++++++
 components/docs/PrevNext.vue          |  6 ++++--
 pages/docs/[...slug].vue              | 23 ++++++++++++++++-------
 pages/docs/index.vue                  |  4 ++--
 5 files changed, 62 insertions(+), 12 deletions(-)
 create mode 100644 components/content/ApiPermissions.vue

diff --git a/assets/js/misc/index.ts b/assets/js/misc/index.ts
index 8cf5c7af..94a49671 100644
--- a/assets/js/misc/index.ts
+++ b/assets/js/misc/index.ts
@@ -38,4 +38,21 @@ export function isLocalPath(link: string, base?: string): boolean {
         }
     }
     
-}
\ No newline at end of file
+}
+
+export const findDeepObject = (obj: Record<string, any>, condition: (v: any) => boolean): Record<string, any> | null => {
+	if (condition(obj)) {
+		return obj;
+	}
+
+	if (obj?.children && obj.children.length > 0) {
+		for (let i = 0; i < obj.children.length; i++) {
+			const result = findDeepObject(obj.children[i], condition);
+			if (result) {
+				return result;
+			}
+		}
+	}
+
+	return null;
+};
diff --git a/components/content/ApiPermissions.vue b/components/content/ApiPermissions.vue
new file mode 100644
index 00000000..829ba6f2
--- /dev/null
+++ b/components/content/ApiPermissions.vue
@@ -0,0 +1,22 @@
+<template>
+    <table>
+        <thead>
+            <tr>
+                <th>Permisson</th>
+                <th>Description</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="permission in permissions">
+                <td><code>{{ permission }}</code></td>
+                <td>{{ $t(`_api._permissions.${permission}`) }}</td>
+            </tr>
+        </tbody>
+    </table>
+</template>
+
+<script setup lang="ts">
+import { permissions } from 'misskey-js';
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/docs/PrevNext.vue b/components/docs/PrevNext.vue
index c4b5e29a..a8a4d4e2 100644
--- a/components/docs/PrevNext.vue
+++ b/components/docs/PrevNext.vue
@@ -29,14 +29,16 @@ const { locale } = useI18n();
 const route = useRoute();
 const slugs = (route.params.slug as string[]).filter((v) => v !== '');
 
-withDefaults(defineProps<{
+const props = withDefaults(defineProps<{
 	ignoreDirBasedNav?: boolean;
+	isDir?: boolean;
 }>(), {
 	ignoreDirBasedNav: false,
+	isDir: false
 });
 
 const currentPath = `/${locale.value}/docs/${slugs.join('/')}`;
-const currentDirectory = `/${locale.value}/docs/${slugs.slice(0, -1).join('/')}`;
+const currentDirectory = props.isDir ? `/${locale.value}/docs/${slugs.join('/')}` : `/${locale.value}/docs/${slugs.slice(0, -1).join('/')}`;
 
 const [prev, next] = await queryContent().only(['_path', 'title']).where({ _path: { $contains: 'docs' }, _partial: false }).findSurround(currentPath);
 </script>
diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index f82c3442..46c74bcc 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -1,6 +1,6 @@
 <template>
     <div class="relative container mx-auto max-w-screen-xl p-6 lg:py-0 grid docs-root pb-12">
-        <div class="lg:hidden sticky top-16 -mx-6 -mt-6 bg-white px-6 bg-opacity-60 backdrop-blur-lg z-[9890] border-b text-sm">
+        <div v-if="data?.body" class="lg:hidden sticky top-16 -mx-6 -mt-6 bg-white px-6 bg-opacity-60 backdrop-blur-lg z-[9890] border-b text-sm">
             <details :open="openState">
                 <summary class="py-4 cursor-pointer">{{ $t('_docs._toc.title') }}</summary>
                 <div class="pb-4 overflow-y-auto">
@@ -10,18 +10,26 @@
         </div>
         <div class="hidden lg:block">
             <div class="sticky top-16 h-[calc(100vh-4rem)] overflow-y-scroll border-r border-slate-200 dark:border-slate-700 py-6 pr-6">
-                <DocsAsideTree :links="navigation" />
+                
             </div>
         </div>
         <div class="pt-6 lg:p-6 w-full overflow-x-hidden">
-            <ContentRenderer :value="data" class="markdown-body w-full mb-6">
-            </ContentRenderer>
-            <DocsPrevNext :ignore-dir-based-nav="data?.ignoreDirBasedNav ?? false" />
+            <template v-if="data?.body">
+                <ContentRenderer v-if="data.body.children.length > 0" :value="data" class="markdown-body w-full mb-6">
+                </ContentRenderer>
+                <DocsPrevNext :ignore-dir-based-nav="data?.ignoreDirBasedNav ?? false" />
+            </template>
+            <template v-else>
+                <div class="markdown-body">
+                    <h1>{{ data?.title ?? data?._dir?.title }}</h1>
+                    <MkIndex :is-dir="data?._file?.endsWith('index.md') || (!data?._file)" />
+                </div>
+            </template>
         </div>
         <div class="hidden lg:block text-sm">
             <div class="sticky top-16 h-[calc(100vh-4rem)] overflow-y-auto py-6 pl-6">
                 <h3 class="font-bold mb-6">{{ $t('_docs._toc.title') }}</h3>
-                <DocsTocLinks :links="data?.body.toc.links" />
+                <DocsTocLinks v-if="data?.body" :links="data?.body.toc.links" class="break-words" />
             </div>
         </div>
     </div>
@@ -49,9 +57,10 @@ const slugs = (route.params.slug as string[]).filter((v) => v !== '');
 const { data } = await useAsyncData(`blog-${locale.value}-${slugs.join('-')}`, () => queryContent(`/${locale.value}/docs/${slugs.join('/')}`).findOne());
 const { navigation } = await useAsyncData('navigation', () => fetchContentNavigation());
 
+/*
 if (!data.value) {
     throw createError({ statusCode: 404, statusMessage: 'page not found' });
-}
+}*/
 
 route.meta.title = data.value?.title;
 </script>
diff --git a/pages/docs/index.vue b/pages/docs/index.vue
index 50ae573a..3a056b67 100644
--- a/pages/docs/index.vue
+++ b/pages/docs/index.vue
@@ -47,8 +47,8 @@
                     }
                 ]" />
                 <DocsReadersNav section-id="forUsers" id="forUsers" />
-                <!--<DocsReadersNav section-id="forAdmin" id="forAdmin" />
-                <DocsReadersNav section-id="forDevelopers" id="forDevelopers" />-->
+                <DocsReadersNav section-id="forAdmin" id="forAdmin" />
+                <DocsReadersNav section-id="forDevelopers" id="forDevelopers" />
             </div>
         </div>
     </div>