brasse/Archivum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: API documentation and JSON schema updates

Browse Source
This commit is contained in:
Björn Blomberg
2026-04-10 18:31:38 +02:00
parent 887669c34f
commit c8b63bf8c4
11 changed files with 342 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/views/DocumentView.vue
View File

@@ -1,13 +1,15 @@
<script setup lang="ts">
import { ref, onMounted, computed } from 'vue'
import { useRoute } from 'vue-router'
import { useRoute, useRouter } from 'vue-router'
import { gql } from '@/lib/gql'
import VisualEditor from '@/components/editor/VisualEditor.vue'
import SourceEditor from '@/components/editor/SourceEditor.vue'
const route = useRoute()
const router = useRouter()
const slug = computed(() => route.params.slug as string)
const docPath = ref('')
const content = ref('')
const editorMode = ref<'visual' | 'source'>('visual')
const loading = ref(true)
@@ -15,6 +17,13 @@ const saving = ref(false)
const commitMsg = ref('Update document')
onMounted(async () => {
if (slug.value === 'new') {
loading.value = false
commitMsg.value = 'Initial commit'
return
}
docPath.value = slug.value
try {
const data = await gql<{ document: { content: string } }>(
`query Doc($s: String!) { document(slug: $s) { content } }`,
@@ -27,12 +36,21 @@ onMounted(async () => {
})
async function save() {
const targetSlug = slug.value === 'new' ? docPath.value : slug.value
if (!targetSlug) {
alert('Please enter a document name.')
return
}
saving.value = true
try {
await gql(
const res = await gql<{ saveDocument: { slug: string } }>(
`mutation Save($i: SaveDocumentInput!) { saveDocument(input: $i) { slug } }`,
{ i: { slug: slug.value, content: content.value, commitMessage: commitMsg.value } },
{ i: { slug: targetSlug, content: content.value, commitMessage: commitMsg.value } },
)
if (slug.value === 'new') {
router.replace(`/doc/${res.saveDocument.slug}`)
}
} finally {
saving.value = false
}
@@ -42,21 +60,28 @@ async function save() {
<template>
<div class="flex flex-col h-full">
<!-- Toolbar -->
<div class="flex items-center gap-2 p-3 border-b border-slate-700 bg-surface-800 flex-wrap">
<div class="flex items-center gap-2 p-3 border-b border-slate-700 bg-slate-100 dark:bg-slate-800 flex-wrap">
<button
:class="['px-3 py-1 rounded text-sm', editorMode === 'visual' ? 'bg-blue-600' : 'bg-surface-900 hover:bg-surface-700']"
:class="['px-3 py-1 rounded text-sm', editorMode === 'visual' ? 'bg-blue-600 text-white' : 'bg-slate-200 dark:bg-slate-900 hover:bg-slate-300 dark:hover:bg-slate-700']"
@click="editorMode = 'visual'"
>Visual</button>
<button
:class="['px-3 py-1 rounded text-sm', editorMode === 'source' ? 'bg-blue-600' : 'bg-surface-900 hover:bg-surface-700']"
:class="['px-3 py-1 rounded text-sm', editorMode === 'source' ? 'bg-blue-600 text-white' : 'bg-slate-200 dark:bg-slate-900 hover:bg-slate-300 dark:hover:bg-slate-700']"
@click="editorMode = 'source'"
>Source</button>
<div class="flex-1" />
<input
v-if="slug === 'new'"
v-model="docPath"
class="bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded px-2 py-1 text-sm w-48 text-slate-900 dark:text-slate-100"
placeholder="New filename (e.g. folder/doc)"
/>
<input
v-model="commitMsg"
class="bg-surface-900 border border-slate-600 rounded px-2 py-1 text-sm w-64"
class="bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded px-2 py-1 text-sm w-64 text-slate-900 dark:text-slate-100"
placeholder="Commit message"
/>
<button