Replace Nuxt wiki with Outline deployment config
Strip the Nuxt 4 static site and replace with Docker Compose config for self-hosted Outline wiki (Outline + PostgreSQL 16 + Redis 7). Adds nginx reverse proxy with WebSocket support and CSS injection, migration script for existing markdown articles, backup script, and starter theme CSS.
This commit is contained in:
parent
e521ca02ca
commit
289e673cbc
91 changed files with 414 additions and 17714 deletions
49
.env.example
49
.env.example
|
|
@ -1,46 +1,3 @@
|
|||
# MongoDB Connection
|
||||
MONGODB_URI=mongodb://localhost:27017/wiki-ghostguild
|
||||
|
||||
# Authentication
|
||||
JWT_SECRET=your-secret-key-change-in-production
|
||||
JWT_REFRESH_SECRET=your-refresh-secret-change-in-production
|
||||
|
||||
# Ghost Guild OAuth Integration
|
||||
GHOSTGUILD_API_URL=https://ghostguild.org/api
|
||||
GHOSTGUILD_API_KEY=your-api-key
|
||||
GHOSTGUILD_CLIENT_ID=your-client-id
|
||||
GHOSTGUILD_CLIENT_SECRET=your-client-secret
|
||||
GHOSTGUILD_REDIRECT_URI=https://wiki.ghostguild.org/api/auth/callback
|
||||
|
||||
# Site Configuration
|
||||
SITE_URL=https://wiki.ghostguild.org
|
||||
SITE_NAME=Ghost Guild Knowledge Commons
|
||||
SITE_DESCRIPTION=A wiki for ghosts! 👻
|
||||
|
||||
# Forgejo Integration
|
||||
FORGEJO_URL=https://git.ghostguild.org
|
||||
FORGEJO_TOKEN=your-forgejo-token
|
||||
FORGEJO_REPO=ghostguild/wiki-content
|
||||
|
||||
# Search (Meilisearch)
|
||||
MEILISEARCH_URL=http://localhost:7700
|
||||
MEILISEARCH_KEY=your-master-key
|
||||
|
||||
# Email (for notifications)
|
||||
EMAIL_FROM=wiki@ghostguild.org
|
||||
EMAIL_SMTP_HOST=smtp.example.com
|
||||
EMAIL_SMTP_PORT=587
|
||||
EMAIL_SMTP_USER=your-smtp-user
|
||||
EMAIL_SMTP_PASS=your-smtp-password
|
||||
|
||||
# Analytics (Optional)
|
||||
PLAUSIBLE_DOMAIN=wiki.ghostguild.org
|
||||
PLAUSIBLE_API_KEY=your-plausible-key
|
||||
|
||||
# Error Tracking (Optional)
|
||||
SENTRY_DSN=your-sentry-dsn
|
||||
SENTRY_ENVIRONMENT=production
|
||||
|
||||
# Development
|
||||
NODE_ENV=development
|
||||
DEBUG=false
|
||||
# Used by docker-compose.yml for the PostgreSQL service
|
||||
# Generate with: openssl rand -hex 16
|
||||
POSTGRES_PASSWORD=CHANGE_ME
|
||||
|
|
|
|||
15
.gitignore
vendored
15
.gitignore
vendored
|
|
@ -1,10 +1,5 @@
|
|||
# Nuxt dev/build outputs
|
||||
.output
|
||||
.data
|
||||
.nuxt
|
||||
.nitro
|
||||
.cache
|
||||
dist
|
||||
# Outline secrets
|
||||
outline.env
|
||||
|
||||
# Node dependencies
|
||||
node_modules
|
||||
|
|
@ -33,6 +28,6 @@ conflict-files-obsidian-git.md
|
|||
.env.*
|
||||
!.env.example
|
||||
|
||||
/*.md
|
||||
/migration/*
|
||||
MIGRATION_STATUS.txt
|
||||
# Project docs (local only)
|
||||
/docs
|
||||
/migration
|
||||
|
|
|
|||
2
.npmrc
2
.npmrc
|
|
@ -1,2 +0,0 @@
|
|||
ignore-scripts=true
|
||||
optional=false
|
||||
31
Dockerfile
31
Dockerfile
|
|
@ -1,31 +0,0 @@
|
|||
# Build stage
|
||||
FROM node:20-slim AS builder
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
# Copy package files
|
||||
COPY package*.json ./
|
||||
|
||||
# Install dependencies
|
||||
RUN npm install --yes --omit=dev
|
||||
|
||||
# Copy source
|
||||
COPY . .
|
||||
|
||||
# Generate static site
|
||||
RUN npm run generate
|
||||
|
||||
# Production stage - static nginx server
|
||||
FROM nginx:alpine
|
||||
|
||||
# Copy nginx config
|
||||
COPY nginx.conf /etc/nginx/nginx.conf
|
||||
|
||||
# Copy generated static files from builder
|
||||
COPY --from=builder /app/.output/public /usr/share/nginx/html
|
||||
|
||||
# Expose port
|
||||
EXPOSE 80
|
||||
|
||||
# Start nginx
|
||||
CMD ["nginx", "-g", "daemon off;"]
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
export default defineAppConfig({
|
||||
ui: {
|
||||
primary: 'blue',
|
||||
gray: 'neutral',
|
||||
|
||||
// Configure prose components
|
||||
content: {
|
||||
prose: {
|
||||
// Base prose styling
|
||||
prose: {
|
||||
base: {
|
||||
fontFamily: "'Crimson Text', Georgia, serif",
|
||||
fontSize: '1.125rem',
|
||||
lineHeight: '1.75',
|
||||
maxWidth: 'none',
|
||||
}
|
||||
},
|
||||
// Paragraph styling
|
||||
p: {
|
||||
base: 'font-serif text-lg leading-relaxed mt-5 mb-5',
|
||||
},
|
||||
// Heading styles
|
||||
h1: {
|
||||
base: 'font-serif font-bold text-4xl mt-8 mb-4',
|
||||
},
|
||||
h2: {
|
||||
base: 'font-serif font-semibold text-3xl mt-8 mb-4',
|
||||
},
|
||||
h3: {
|
||||
base: 'font-serif font-semibold text-2xl mt-6 mb-3',
|
||||
},
|
||||
h4: {
|
||||
base: 'font-serif font-semibold text-xl mt-6 mb-3',
|
||||
},
|
||||
// List styling
|
||||
ul: {
|
||||
base: 'list-disc pl-6 my-5 space-y-2',
|
||||
},
|
||||
ol: {
|
||||
base: 'list-decimal pl-6 my-5 space-y-2',
|
||||
},
|
||||
li: {
|
||||
base: 'font-serif text-lg leading-relaxed',
|
||||
},
|
||||
// Link styling
|
||||
a: {
|
||||
base: 'text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300',
|
||||
},
|
||||
// Blockquote styling
|
||||
blockquote: {
|
||||
base: 'border-l-4 border-gray-300 dark:border-gray-700 pl-4 my-5 italic font-serif',
|
||||
},
|
||||
// Code styling
|
||||
code: {
|
||||
inline: {
|
||||
base: 'bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono',
|
||||
},
|
||||
block: {
|
||||
base: 'bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto my-5',
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
14
app/app.vue
14
app/app.vue
|
|
@ -1,14 +0,0 @@
|
|||
<template>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
// Initialize auth on app mount
|
||||
const { fetchUser } = useAuth()
|
||||
|
||||
onMounted(async () => {
|
||||
await fetchUser()
|
||||
})
|
||||
</script>
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap");
|
||||
@import "tailwindcss";
|
||||
@plugin "@tailwindcss/typography";
|
||||
|
||||
@layer components {
|
||||
/* Editor styles */
|
||||
.editor-container {
|
||||
@apply min-h-[500px] border rounded-lg;
|
||||
}
|
||||
|
||||
/* Comment thread styles */
|
||||
.comment-thread {
|
||||
@apply border-l-2 border-gray-200 dark:border-gray-700 pl-4 ml-4;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
<template>
|
||||
<UAlert
|
||||
:color="color"
|
||||
:variant="variant"
|
||||
:icon="icon"
|
||||
:title="title"
|
||||
:description="description"
|
||||
class="my-4 font-serif"
|
||||
>
|
||||
<template v-if="$slots.default" #description>
|
||||
<div class="prose prose-sm dark:prose-invert max-w-none font-serif">
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
</UAlert>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed } from "vue";
|
||||
|
||||
type AlertColor =
|
||||
| "error"
|
||||
| "info"
|
||||
| "primary"
|
||||
| "secondary"
|
||||
| "success"
|
||||
| "warning"
|
||||
| "neutral";
|
||||
|
||||
interface Props {
|
||||
type?: "info" | "warning" | "error" | "success" | "primary";
|
||||
title?: string;
|
||||
description?: string;
|
||||
icon?: string;
|
||||
variant?: "solid" | "outline" | "soft" | "subtle";
|
||||
}
|
||||
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
type: "primary",
|
||||
variant: "soft",
|
||||
});
|
||||
|
||||
// Map type to Nuxt UI 3 color
|
||||
const color = computed<AlertColor>(() => {
|
||||
const colorMap: Record<string, AlertColor> = {
|
||||
info: "info",
|
||||
warning: "warning",
|
||||
error: "error",
|
||||
success: "success",
|
||||
primary: "primary",
|
||||
};
|
||||
return colorMap[props.type || "primary"] || "primary";
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<template>
|
||||
<div class="my-4">
|
||||
<ul v-if="!ordered" class="list-disc list-inside space-y-2 prose prose-lg dark:prose-invert">
|
||||
<slot />
|
||||
</ul>
|
||||
<ol v-else class="list-decimal list-inside space-y-2 prose prose-lg dark:prose-invert">
|
||||
<slot />
|
||||
</ol>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
interface Props {
|
||||
ordered?: boolean
|
||||
}
|
||||
|
||||
withDefaults(defineProps<Props>(), {
|
||||
ordered: false
|
||||
})
|
||||
</script>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
import type { User } from "../types/auth";
|
||||
|
||||
export const useAuth = () => {
|
||||
const user = useState<User | null>("auth.user", () => null);
|
||||
const isAuthenticated = computed(() => !!user.value);
|
||||
|
||||
const login = () => {
|
||||
// Redirect to login endpoint
|
||||
navigateTo("/api/auth/login", { external: true });
|
||||
};
|
||||
|
||||
const logout = async () => {
|
||||
try {
|
||||
await $fetch("/api/auth/logout", { method: "POST" });
|
||||
user.value = null;
|
||||
await navigateTo("/");
|
||||
} catch (error) {
|
||||
console.error("Logout failed:", error);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchUser = async () => {
|
||||
try {
|
||||
const userData = await $fetch<User>("/api/auth/me");
|
||||
user.value = userData;
|
||||
return userData;
|
||||
} catch (error) {
|
||||
user.value = null;
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
const hasRole = (role: string) => {
|
||||
return user.value?.roles?.includes(role) || false;
|
||||
};
|
||||
|
||||
const hasPermission = (
|
||||
permission: "canEdit" | "canModerate" | "canAdmin",
|
||||
) => {
|
||||
return user.value?.permissions?.[permission] || false;
|
||||
};
|
||||
|
||||
const canAccessContent = (accessLevel: string, cohorts?: string[]) => {
|
||||
if (accessLevel === "public") return true;
|
||||
if (!isAuthenticated.value) return false;
|
||||
|
||||
switch (accessLevel) {
|
||||
case "member":
|
||||
return true;
|
||||
case "cohort":
|
||||
if (!cohorts || cohorts.length === 0) return true;
|
||||
return cohorts.some((c) => hasRole(`cohort-${c}`));
|
||||
case "admin":
|
||||
return hasPermission("canAdmin");
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
user: readonly(user),
|
||||
isAuthenticated: readonly(isAuthenticated),
|
||||
login,
|
||||
logout,
|
||||
fetchUser,
|
||||
hasRole,
|
||||
hasPermission,
|
||||
canAccessContent,
|
||||
};
|
||||
};
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<template>
|
||||
<div class="min-h-screen bg-gray-50 dark:bg-gray-900">
|
||||
<!-- Navigation -->
|
||||
<nav class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
<NuxtLink
|
||||
to="/"
|
||||
class="text-xl font-bold text-gray-900 dark:text-white"
|
||||
>
|
||||
Ghost Guild Wiki
|
||||
</NuxtLink>
|
||||
<div class="ml-10 flex space-x-4">
|
||||
<NuxtLink
|
||||
to="/articles"
|
||||
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md"
|
||||
>
|
||||
Articles
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
v-if="isAuthenticated"
|
||||
to="/articles/new"
|
||||
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md"
|
||||
>
|
||||
New Article
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center space-x-4">
|
||||
<div v-if="isAuthenticated" class="flex items-center space-x-4">
|
||||
<span class="text-gray-700 dark:text-gray-300">{{
|
||||
user?.displayName
|
||||
}}</span>
|
||||
<button
|
||||
@click="logout"
|
||||
class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
|
||||
>
|
||||
Logout
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
v-else
|
||||
@click="login"
|
||||
class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
|
||||
>
|
||||
Login
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<slot />
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { user, isAuthenticated, login, logout } = useAuth();
|
||||
</script>
|
||||
|
|
@ -1,152 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<!-- Loading State -->
|
||||
<div v-if="pending" class="text-center py-8">
|
||||
<div class="text-gray-600 dark:text-gray-400">Loading article...</div>
|
||||
</div>
|
||||
|
||||
<!-- Error State -->
|
||||
<div v-else-if="!article" class="text-center py-8">
|
||||
<div class="text-red-600 dark:text-red-400">Article not found</div>
|
||||
<NuxtLink
|
||||
to="/articles"
|
||||
class="text-blue-600 hover:text-blue-800 mt-4 inline-block"
|
||||
>
|
||||
← Back to Articles
|
||||
</NuxtLink>
|
||||
</div>
|
||||
|
||||
<!-- Article Content -->
|
||||
<article v-else class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8">
|
||||
<!-- Header -->
|
||||
<div class="border-b border-gray-200 dark:border-gray-700 pb-6 mb-6">
|
||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">
|
||||
{{ article.title }}
|
||||
</h1>
|
||||
|
||||
<div
|
||||
class="flex flex-wrap gap-4 text-sm text-gray-600 dark:text-gray-400"
|
||||
>
|
||||
<span>By {{ article.author || "Unknown" }}</span>
|
||||
<span v-if="article.publishedAt">
|
||||
{{ new Date(article.publishedAt).toLocaleDateString() }}
|
||||
</span>
|
||||
<span
|
||||
v-if="article.category"
|
||||
class="px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded"
|
||||
>
|
||||
{{ article.category }}
|
||||
</span>
|
||||
<span
|
||||
v-if="article.accessLevel && article.accessLevel !== 'public'"
|
||||
class="text-orange-600 dark:text-orange-400"
|
||||
>
|
||||
🔒 {{ article.accessLevel }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Edit Button (for future use) -->
|
||||
<!-- <div v-if="canEdit" class="mt-4">
|
||||
<NuxtLink
|
||||
:to="`${article._path}/edit`"
|
||||
class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
|
||||
>
|
||||
Edit Article
|
||||
</NuxtLink>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- Access Control Warning -->
|
||||
<div
|
||||
v-if="article.accessLevel === 'member'"
|
||||
class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6"
|
||||
>
|
||||
<p class="text-blue-800 dark:text-blue-200">
|
||||
👥 This content is for Baby Ghosts members only
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="article.accessLevel === 'cohort'"
|
||||
class="bg-purple-50 dark:bg-purple-900/20 border border-purple-200 dark:border-purple-800 rounded-lg p-4 mb-6"
|
||||
>
|
||||
<p class="text-purple-800 dark:text-purple-200">
|
||||
🔒 This content is for a specific cohort
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="article.accessLevel === 'admin'"
|
||||
class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6"
|
||||
>
|
||||
<p class="text-red-800 dark:text-red-200">
|
||||
🔐 This is internal/admin content
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Article Body -->
|
||||
<ContentRenderer
|
||||
:value="article"
|
||||
class="prose prose-lg prose-gray dark:prose-invert max-w-none"
|
||||
/>
|
||||
|
||||
<!-- Tags -->
|
||||
<div
|
||||
v-if="article.tags?.length"
|
||||
class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-700"
|
||||
>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span
|
||||
v-for="tag in article.tags"
|
||||
:key="tag"
|
||||
class="px-3 py-1 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-full text-sm"
|
||||
>
|
||||
#{{ tag }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div
|
||||
class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-700 flex gap-4"
|
||||
>
|
||||
<NuxtLink
|
||||
to="/articles"
|
||||
class="text-blue-600 hover:text-blue-800 dark:text-blue-400"
|
||||
>
|
||||
← Back to Articles
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const route = useRoute();
|
||||
const slug = route.params.slug;
|
||||
|
||||
// Fetch article from Nuxt Content
|
||||
const { data: article, pending } = await useAsyncData(
|
||||
`article-${slug}`,
|
||||
async () => {
|
||||
// Query for the specific article by stem (filename without extension)
|
||||
const articles = await queryCollection("articles").all();
|
||||
return articles.find((a) => a.stem === slug);
|
||||
},
|
||||
);
|
||||
|
||||
// SEO
|
||||
useHead({
|
||||
title: () => article.value?.title || "Article",
|
||||
meta: [
|
||||
{ name: "description", content: () => article.value?.description || "" },
|
||||
],
|
||||
});
|
||||
|
||||
// Watch for route changes
|
||||
watch(
|
||||
() => route.params.slug,
|
||||
() => {
|
||||
// Route change will trigger new useAsyncData
|
||||
},
|
||||
{ immediate: true },
|
||||
);
|
||||
</script>
|
||||
|
|
@ -1,154 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-6">
|
||||
Articles
|
||||
</h1>
|
||||
|
||||
<!-- Search and Filters -->
|
||||
<div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow mb-6">
|
||||
<div class="flex gap-4">
|
||||
<input
|
||||
v-model="search"
|
||||
type="text"
|
||||
placeholder="Search articles..."
|
||||
class="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
/>
|
||||
<select
|
||||
v-model="selectedCategory"
|
||||
class="px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
>
|
||||
<option value="">All Categories</option>
|
||||
<option value="operations">Operations</option>
|
||||
<option value="funding">Funding</option>
|
||||
<option value="strategy">Strategy</option>
|
||||
<option value="templates">Templates</option>
|
||||
<option value="programs">Programs</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Articles List -->
|
||||
<div v-if="filteredArticles.length" class="space-y-4">
|
||||
<article
|
||||
v-for="article in filteredArticles"
|
||||
:key="article._path || article.stem || getArticleSlug(article)"
|
||||
class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow hover:shadow-lg transition-shadow"
|
||||
>
|
||||
<div class="flex justify-between items-start">
|
||||
<div class="flex-1">
|
||||
<NuxtLink
|
||||
:to="getArticlePath(article)"
|
||||
class="text-xl font-semibold text-blue-600 hover:text-blue-800 dark:text-blue-400"
|
||||
>
|
||||
{{ article.title }}
|
||||
</NuxtLink>
|
||||
|
||||
<p
|
||||
class="text-gray-600 dark:text-gray-400 mt-2 font-serif text-lg leading-relaxed"
|
||||
>
|
||||
{{ article.description }}
|
||||
</p>
|
||||
|
||||
<div
|
||||
class="mt-3 flex items-center gap-4 text-sm text-gray-500 dark:text-gray-400"
|
||||
>
|
||||
<span class="px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded">
|
||||
{{ article.category || "uncategorized" }}
|
||||
</span>
|
||||
<span>By {{ article.author || "Unknown" }}</span>
|
||||
<span v-if="article.publishedAt">
|
||||
{{ new Date(article.publishedAt).toLocaleDateString() }}
|
||||
</span>
|
||||
<span
|
||||
v-if="article.accessLevel && article.accessLevel !== 'public'"
|
||||
class="text-orange-600 dark:text-orange-400"
|
||||
>
|
||||
🔒 {{ article.accessLevel }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div v-else class="text-center py-8">
|
||||
<p class="text-gray-600 dark:text-gray-400">
|
||||
{{
|
||||
search || selectedCategory
|
||||
? "No articles found matching your filters"
|
||||
: "No articles available"
|
||||
}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const search = ref("");
|
||||
const selectedCategory = ref("");
|
||||
|
||||
// Fetch all articles from Nuxt Content
|
||||
const { data: articles } = await useAsyncData("articles", () =>
|
||||
queryCollection("articles").all(),
|
||||
);
|
||||
|
||||
// Helper function to extract title from body
|
||||
const getArticleTitle = (article) => {
|
||||
// Try to get title from frontmatter first
|
||||
if (
|
||||
article.title &&
|
||||
typeof article.title === "string" &&
|
||||
article.title !== "[object Object]"
|
||||
) {
|
||||
return article.title;
|
||||
}
|
||||
|
||||
// Fallback: extract from first H1 in body
|
||||
if (article.meta?.body?.value && Array.isArray(article.meta.body.value)) {
|
||||
const h1 = article.meta.body.value.find(
|
||||
(node) => Array.isArray(node) && node[0] === "h1",
|
||||
);
|
||||
if (h1 && h1[2]) {
|
||||
return h1[2];
|
||||
}
|
||||
}
|
||||
|
||||
return "Untitled";
|
||||
};
|
||||
|
||||
// Resolve the correct Nuxt route for an article entry
|
||||
const getArticleSlug = (article) => {
|
||||
if (!article) return "";
|
||||
// stem is the filename without extension
|
||||
return article.stem || "";
|
||||
};
|
||||
|
||||
const getArticlePath = (article) => {
|
||||
if (!article) return "/articles";
|
||||
const slug = getArticleSlug(article);
|
||||
return `/articles/${slug}`;
|
||||
};
|
||||
|
||||
// Filter and search articles
|
||||
const filteredArticles = computed(() => {
|
||||
if (!articles.value) return [];
|
||||
|
||||
return articles.value.filter((article) => {
|
||||
const title = getArticleTitle(article);
|
||||
const matchesSearch =
|
||||
!search.value ||
|
||||
title?.toLowerCase().includes(search.value.toLowerCase()) ||
|
||||
article.description?.toLowerCase().includes(search.value.toLowerCase());
|
||||
|
||||
const matchesCategory =
|
||||
!selectedCategory.value || article.category === selectedCategory.value;
|
||||
|
||||
return matchesSearch && matchesCategory;
|
||||
});
|
||||
});
|
||||
|
||||
// Watch for search changes
|
||||
watch(search, () => {
|
||||
// Trigger reactivity
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,228 +0,0 @@
|
|||
<template>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-6">Create New Article</h1>
|
||||
|
||||
<form @submit.prevent="createArticle" class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8">
|
||||
<!-- Title -->
|
||||
<div class="mb-6">
|
||||
<label for="title" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Title
|
||||
</label>
|
||||
<input
|
||||
v-model="form.title"
|
||||
id="title"
|
||||
type="text"
|
||||
required
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
placeholder="Article title"
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- Slug -->
|
||||
<div class="mb-6">
|
||||
<label for="slug" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
URL Slug
|
||||
</label>
|
||||
<input
|
||||
v-model="form.slug"
|
||||
id="slug"
|
||||
type="text"
|
||||
required
|
||||
pattern="[a-z0-9-]+"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
placeholder="article-url-slug"
|
||||
>
|
||||
<p class="text-sm text-gray-500 mt-1">Lowercase letters, numbers, and hyphens only</p>
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<div class="mb-6">
|
||||
<label for="description" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Description
|
||||
</label>
|
||||
<textarea
|
||||
v-model="form.description"
|
||||
id="description"
|
||||
rows="2"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
placeholder="Brief description of the article"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Category -->
|
||||
<div class="mb-6">
|
||||
<label for="category" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Category
|
||||
</label>
|
||||
<select
|
||||
v-model="form.category"
|
||||
id="category"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
>
|
||||
<option value="operations">Operations</option>
|
||||
<option value="funding">Funding</option>
|
||||
<option value="strategy">Strategy</option>
|
||||
<option value="templates">Templates</option>
|
||||
<option value="programs">Programs</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Access Level -->
|
||||
<div class="mb-6">
|
||||
<label for="accessLevel" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Access Level
|
||||
</label>
|
||||
<select
|
||||
v-model="form.accessLevel"
|
||||
id="accessLevel"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
>
|
||||
<option value="public">Public</option>
|
||||
<option value="member">Members Only</option>
|
||||
<option value="cohort">Cohort Only</option>
|
||||
<option value="admin" v-if="hasPermission('canAdmin')">Admin Only</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="mb-6">
|
||||
<label for="content" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Content (Markdown)
|
||||
</label>
|
||||
<textarea
|
||||
v-model="form.content"
|
||||
id="content"
|
||||
rows="20"
|
||||
required
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
||||
placeholder="Write your article in Markdown..."
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="mb-6">
|
||||
<label for="tags" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Tags (comma-separated)
|
||||
</label>
|
||||
<input
|
||||
v-model="tagsInput"
|
||||
id="tags"
|
||||
type="text"
|
||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
||||
placeholder="tag1, tag2, tag3"
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- Status -->
|
||||
<div class="mb-6">
|
||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Status
|
||||
</label>
|
||||
<div class="flex gap-4">
|
||||
<label class="flex items-center">
|
||||
<input
|
||||
v-model="form.status"
|
||||
type="radio"
|
||||
value="draft"
|
||||
class="mr-2"
|
||||
>
|
||||
<span class="text-gray-700 dark:text-gray-300">Save as Draft</span>
|
||||
</label>
|
||||
<label class="flex items-center">
|
||||
<input
|
||||
v-model="form.status"
|
||||
type="radio"
|
||||
value="published"
|
||||
class="mr-2"
|
||||
>
|
||||
<span class="text-gray-700 dark:text-gray-300">Publish Now</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Error Message -->
|
||||
<div v-if="error" class="mb-6 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg">
|
||||
<p class="text-red-800 dark:text-red-200">{{ error }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Submit Buttons -->
|
||||
<div class="flex gap-4">
|
||||
<button
|
||||
type="submit"
|
||||
:disabled="loading"
|
||||
class="bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 disabled:opacity-50"
|
||||
>
|
||||
{{ loading ? 'Creating...' : 'Create Article' }}
|
||||
</button>
|
||||
<NuxtLink to="/articles" class="bg-gray-300 dark:bg-gray-600 text-gray-700 dark:text-gray-300 px-6 py-2 rounded-md hover:bg-gray-400 dark:hover:bg-gray-500">
|
||||
Cancel
|
||||
</NuxtLink>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { hasPermission, isAuthenticated } = useAuth()
|
||||
const router = useRouter()
|
||||
|
||||
// Redirect if not authenticated
|
||||
if (!isAuthenticated.value) {
|
||||
navigateTo('/api/auth/login', { external: true })
|
||||
}
|
||||
|
||||
const form = ref({
|
||||
title: '',
|
||||
slug: '',
|
||||
description: '',
|
||||
category: 'operations',
|
||||
accessLevel: 'member',
|
||||
content: '',
|
||||
status: 'draft'
|
||||
})
|
||||
|
||||
const tagsInput = ref('')
|
||||
const loading = ref(false)
|
||||
const error = ref('')
|
||||
|
||||
// Auto-generate slug from title
|
||||
watch(() => form.value.title, (title) => {
|
||||
if (!form.value.slug || form.value.slug === slugify(title.slice(0, -1))) {
|
||||
form.value.slug = slugify(title)
|
||||
}
|
||||
})
|
||||
|
||||
function slugify(text) {
|
||||
return text
|
||||
.toLowerCase()
|
||||
.replace(/[^a-z0-9]+/g, '-')
|
||||
.replace(/^-+|-+$/g, '')
|
||||
}
|
||||
|
||||
async function createArticle() {
|
||||
loading.value = true
|
||||
error.value = ''
|
||||
|
||||
try {
|
||||
const tags = tagsInput.value
|
||||
.split(',')
|
||||
.map(t => t.trim())
|
||||
.filter(t => t)
|
||||
|
||||
const response = await $fetch('/api/articles', {
|
||||
method: 'POST',
|
||||
body: {
|
||||
...form.value,
|
||||
tags
|
||||
}
|
||||
})
|
||||
|
||||
// Redirect to the new article
|
||||
await router.push(`/articles/${response.slug}`)
|
||||
} catch (err) {
|
||||
error.value = err.data?.message || 'Failed to create article'
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<p class="text-xl text-gray-600 dark:text-gray-400 mb-8">
|
||||
A wiki for ghosts! 👻
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow">
|
||||
<h2 class="text-xl font-semibold mb-2">View all articles</h2>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4"></p>
|
||||
<NuxtLink to="/articles" class="text-blue-600 hover:text-blue-800">
|
||||
View All Articles →
|
||||
</NuxtLink>
|
||||
</div>
|
||||
|
||||
<!-- <div
|
||||
v-if="isAuthenticated"
|
||||
class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow"
|
||||
>
|
||||
<h2 class="text-xl font-semibold mb-2">Contribute</h2>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">
|
||||
Share your knowledge with the community
|
||||
</p>
|
||||
<NuxtLink to="/articles/new" class="text-blue-600 hover:text-blue-800">
|
||||
Create Article →
|
||||
</NuxtLink>
|
||||
</div> -->
|
||||
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow">
|
||||
<h2 class="text-xl font-semibold mb-2">Ghost Guild</h2>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4"></p>
|
||||
<a
|
||||
href="https://ghostguild.org"
|
||||
class="text-blue-600 hover:text-blue-800"
|
||||
>
|
||||
Visit Ghost Guild →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Articles -->
|
||||
<div class="mt-12">
|
||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">
|
||||
Recent Articles
|
||||
</h2>
|
||||
<div v-if="pending" class="text-gray-600 dark:text-gray-400">
|
||||
Loading...
|
||||
</div>
|
||||
<div v-else-if="articles?.length" class="space-y-4">
|
||||
<article
|
||||
v-for="article in articles"
|
||||
:key="article.stem"
|
||||
class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow"
|
||||
>
|
||||
<NuxtLink
|
||||
:to="`/articles/${article.stem}`"
|
||||
class="text-xl font-semibold text-blue-600 hover:text-blue-800"
|
||||
>
|
||||
{{ article.title }}
|
||||
</NuxtLink>
|
||||
<p class="text-gray-600 dark:text-gray-400 mt-2">
|
||||
{{ article.description }}
|
||||
</p>
|
||||
<div class="mt-2 text-sm text-gray-500">
|
||||
<span>{{ article.category }}</span> •
|
||||
<span>{{
|
||||
new Date(article.publishedAt).toLocaleDateString()
|
||||
}}</span>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { isAuthenticated } = useAuth();
|
||||
|
||||
// Fetch recent articles from Nuxt Content to keep generate static-friendly
|
||||
const { data: recentArticles, pending } = await useAsyncData(
|
||||
"recent-articles",
|
||||
async () => {
|
||||
const entries = await queryCollection("articles").all();
|
||||
|
||||
const getTimestamp = (value) => {
|
||||
if (!value) {
|
||||
return 0;
|
||||
}
|
||||
const date = new Date(value);
|
||||
return Number.isNaN(date.getTime()) ? 0 : date.getTime();
|
||||
};
|
||||
|
||||
return entries
|
||||
.filter((article) => article.published !== false)
|
||||
.sort((a, b) => getTimestamp(b.publishedAt) - getTimestamp(a.publishedAt))
|
||||
.slice(0, 5);
|
||||
},
|
||||
);
|
||||
|
||||
const articles = computed(() => recentArticles.value || []);
|
||||
</script>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
import { Article } from "../../models/Article";
|
||||
import { requireRole } from "../../utils/auth";
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const slug = getRouterParam(event, "slug");
|
||||
|
||||
// Only admins can delete articles
|
||||
const user = await requireRole(event, ["admin"]);
|
||||
|
||||
if (!slug) {
|
||||
throw createError({
|
||||
statusCode: 400,
|
||||
statusMessage: "Slug is required",
|
||||
});
|
||||
}
|
||||
|
||||
// Find and delete article
|
||||
const article = await Article.findOneAndDelete({ slug });
|
||||
|
||||
if (!article) {
|
||||
throw createError({
|
||||
statusCode: 404,
|
||||
statusMessage: "Article not found",
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
success: true,
|
||||
message: "Article deleted successfully",
|
||||
};
|
||||
});
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
import { Article } from '../../models/Article'
|
||||
import { checkAccessLevel, verifyAuth } from '../../utils/auth'
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const slug = getRouterParam(event, 'slug')
|
||||
|
||||
if (!slug) {
|
||||
throw createError({
|
||||
statusCode: 400,
|
||||
statusMessage: 'Slug is required'
|
||||
})
|
||||
}
|
||||
|
||||
// Find article
|
||||
const article = await Article.findOne({ slug })
|
||||
.populate('author', 'username displayName avatar')
|
||||
.populate('contributors', 'username displayName avatar')
|
||||
|
||||
if (!article) {
|
||||
throw createError({
|
||||
statusCode: 404,
|
||||
statusMessage: 'Article not found'
|
||||
})
|
||||
}
|
||||
|
||||
// Check access
|
||||
const hasAccess = await checkAccessLevel(
|
||||
event,
|
||||
article.accessLevel,
|
||||
article.cohorts
|
||||
)
|
||||
|
||||
if (!hasAccess) {
|
||||
// For protected content, return limited preview
|
||||
if (article.accessLevel !== 'admin') {
|
||||
return {
|
||||
slug: article.slug,
|
||||
title: article.title,
|
||||
description: article.description.substring(0, 200) + '...',
|
||||
category: article.category,
|
||||
tags: article.tags,
|
||||
accessLevel: article.accessLevel,
|
||||
restricted: true,
|
||||
message: 'This content requires authentication'
|
||||
}
|
||||
}
|
||||
|
||||
throw createError({
|
||||
statusCode: 403,
|
||||
statusMessage: 'Access denied'
|
||||
})
|
||||
}
|
||||
|
||||
// Increment view count
|
||||
article.views += 1
|
||||
await article.save()
|
||||
|
||||
// Get user to check if they've liked
|
||||
const user = await verifyAuth(event)
|
||||
const userLiked = false // TODO: Implement likes tracking
|
||||
|
||||
return {
|
||||
...article.toObject(),
|
||||
userLiked,
|
||||
revisionCount: article.revisions.length,
|
||||
commentCount: article.comments.length,
|
||||
// Don't send full revisions and comments in main response
|
||||
revisions: undefined,
|
||||
comments: undefined
|
||||
}
|
||||
})
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
import { Article } from "../../models/Article";
|
||||
import { requireAuth } from "../../utils/auth";
|
||||
import { Types } from "mongoose";
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const slug = getRouterParam(event, "slug");
|
||||
const user = await requireAuth(event);
|
||||
const body = await readBody(event);
|
||||
|
||||
if (!slug) {
|
||||
throw createError({
|
||||
statusCode: 400,
|
||||
statusMessage: "Slug is required",
|
||||
});
|
||||
}
|
||||
|
||||
// Find article
|
||||
const article = await Article.findOne({ slug });
|
||||
|
||||
if (!article) {
|
||||
throw createError({
|
||||
statusCode: 404,
|
||||
statusMessage: "Article not found",
|
||||
});
|
||||
}
|
||||
|
||||
// Check permissions
|
||||
const isAuthor = article.author.toString() === user.userId;
|
||||
const isAdmin = user.permissions.canAdmin;
|
||||
const isModerator = user.permissions.canModerate;
|
||||
const canEdit = user.permissions.canEdit;
|
||||
|
||||
if (!isAuthor && !isAdmin && !isModerator) {
|
||||
throw createError({
|
||||
statusCode: 403,
|
||||
statusMessage: "You do not have permission to edit this article",
|
||||
});
|
||||
}
|
||||
|
||||
// Check if article is locked by another user
|
||||
if (article.lockedBy && article.lockedBy.toString() !== user.userId) {
|
||||
const lockExpired =
|
||||
article.lockedAt &&
|
||||
new Date().getTime() - article.lockedAt.getTime() > 30 * 60 * 1000; // 30 minutes
|
||||
|
||||
if (!lockExpired) {
|
||||
throw createError({
|
||||
statusCode: 423,
|
||||
statusMessage: "Article is currently being edited by another user",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Update fields
|
||||
if (body.title) article.title = body.title;
|
||||
if (body.description) article.description = body.description;
|
||||
if (body.content) {
|
||||
// Add to revision history
|
||||
article.revisions.push({
|
||||
content: body.content,
|
||||
author: new Types.ObjectId(user.userId),
|
||||
message: body.revisionMessage || "Content updated",
|
||||
createdAt: new Date(),
|
||||
});
|
||||
article.content = body.content;
|
||||
}
|
||||
if (body.category) article.category = body.category;
|
||||
if (body.tags) article.tags = body.tags;
|
||||
if (body.accessLevel && (isAdmin || isModerator)) {
|
||||
article.accessLevel = body.accessLevel;
|
||||
}
|
||||
if (body.cohorts && (isAdmin || isModerator)) {
|
||||
article.cohorts = body.cohorts;
|
||||
}
|
||||
if (body.status) {
|
||||
article.status = body.status;
|
||||
if (body.status === "published" && !article.publishedAt) {
|
||||
article.publishedAt = new Date();
|
||||
}
|
||||
}
|
||||
|
||||
// Add contributor if not already listed
|
||||
const userObjectId = new Types.ObjectId(user.userId);
|
||||
if (!article.contributors.some((c: any) => c.toString() === user.userId)) {
|
||||
article.contributors.push(userObjectId);
|
||||
}
|
||||
|
||||
// Clear lock
|
||||
article.lockedBy = undefined;
|
||||
article.lockedAt = undefined;
|
||||
|
||||
// Save changes
|
||||
try {
|
||||
await article.save();
|
||||
|
||||
return {
|
||||
success: true,
|
||||
slug: article.slug,
|
||||
message: "Article updated successfully",
|
||||
revision: article.revisions.length,
|
||||
};
|
||||
} catch (error) {
|
||||
console.error("Error updating article:", error);
|
||||
throw createError({
|
||||
statusCode: 500,
|
||||
statusMessage: "Failed to update article",
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
import { Article } from '../../models/Article'
|
||||
import { checkAccessLevel } from '../../utils/auth'
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const query = getQuery(event)
|
||||
|
||||
// Pagination
|
||||
const page = parseInt(query.page as string) || 1
|
||||
const limit = parseInt(query.limit as string) || 20
|
||||
const skip = (page - 1) * limit
|
||||
|
||||
// Build filter
|
||||
const filter: any = { status: 'published' }
|
||||
|
||||
// Category filter
|
||||
if (query.category) {
|
||||
filter.category = query.category
|
||||
}
|
||||
|
||||
// Tags filter
|
||||
if (query.tags) {
|
||||
const tags = (query.tags as string).split(',')
|
||||
filter.tags = { $in: tags }
|
||||
}
|
||||
|
||||
// Search filter
|
||||
if (query.search) {
|
||||
filter.$or = [
|
||||
{ title: { $regex: query.search, $options: 'i' } },
|
||||
{ description: { $regex: query.search, $options: 'i' } },
|
||||
{ content: { $regex: query.search, $options: 'i' } }
|
||||
]
|
||||
}
|
||||
|
||||
// Get articles
|
||||
const articles = await Article.find(filter)
|
||||
.populate('author', 'username displayName avatar')
|
||||
.select('-content -revisions -comments')
|
||||
.sort({ publishedAt: -1 })
|
||||
.skip(skip)
|
||||
.limit(limit)
|
||||
|
||||
// Filter by access level
|
||||
const filteredArticles = []
|
||||
for (const article of articles) {
|
||||
const hasAccess = await checkAccessLevel(
|
||||
event,
|
||||
article.accessLevel,
|
||||
article.cohorts
|
||||
)
|
||||
|
||||
if (hasAccess) {
|
||||
filteredArticles.push(article)
|
||||
} else if (article.accessLevel === 'member' || article.accessLevel === 'cohort') {
|
||||
// Show preview for protected content
|
||||
filteredArticles.push({
|
||||
...article.toObject(),
|
||||
description: article.description.substring(0, 200) + '...',
|
||||
restricted: true
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Get total count
|
||||
const total = await Article.countDocuments(filter)
|
||||
|
||||
return {
|
||||
articles: filteredArticles,
|
||||
pagination: {
|
||||
page,
|
||||
limit,
|
||||
total,
|
||||
pages: Math.ceil(total / limit)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
import { Article } from "../../models/Article";
|
||||
import { requireAuth } from "../../utils/auth";
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
// Require authentication
|
||||
const user = await requireAuth(event);
|
||||
|
||||
// Check if user can create articles
|
||||
if (!user.permissions.canEdit) {
|
||||
throw createError({
|
||||
statusCode: 403,
|
||||
statusMessage: "You do not have permission to create articles",
|
||||
});
|
||||
}
|
||||
|
||||
// Get request body
|
||||
const body = await readBody(event);
|
||||
|
||||
// Validate required fields
|
||||
if (!body.title || !body.slug || !body.content) {
|
||||
throw createError({
|
||||
statusCode: 400,
|
||||
statusMessage: "Title, slug, and content are required",
|
||||
});
|
||||
}
|
||||
|
||||
// Check if slug already exists
|
||||
const existing = await Article.findOne({ slug: body.slug });
|
||||
if (existing) {
|
||||
throw createError({
|
||||
statusCode: 409,
|
||||
statusMessage: "An article with this slug already exists",
|
||||
});
|
||||
}
|
||||
|
||||
// Create article
|
||||
try {
|
||||
const article = await Article.create({
|
||||
slug: body.slug,
|
||||
title: body.title,
|
||||
description: body.description || "",
|
||||
content: body.content,
|
||||
category: body.category || "general",
|
||||
tags: body.tags || [],
|
||||
accessLevel: body.accessLevel || "public",
|
||||
cohorts: body.cohorts || [],
|
||||
author: user.userId,
|
||||
status: body.status || "draft",
|
||||
publishedAt: body.status === "published" ? new Date() : null,
|
||||
revisions: [
|
||||
{
|
||||
content: body.content,
|
||||
author: user.userId,
|
||||
message: "Initial creation",
|
||||
createdAt: new Date(),
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
return {
|
||||
success: true,
|
||||
slug: article.slug,
|
||||
message: "Article created successfully",
|
||||
};
|
||||
} catch (error) {
|
||||
console.error("Error creating article:", error);
|
||||
throw createError({
|
||||
statusCode: 500,
|
||||
statusMessage: "Failed to create article",
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
import { User } from "../../models/User";
|
||||
import jwt from "jsonwebtoken";
|
||||
import type {
|
||||
OAuthTokenResponse,
|
||||
GhostGuildUserInfo,
|
||||
} from "../../../types/auth";
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig();
|
||||
const query = getQuery(event);
|
||||
|
||||
// Verify state for CSRF protection
|
||||
const storedState = getCookie(event, "oauth_state");
|
||||
if (!storedState || storedState !== query.state) {
|
||||
return sendRedirect(event, "/login?error=invalid_state");
|
||||
}
|
||||
|
||||
// Clear the state cookie
|
||||
deleteCookie(event, "oauth_state");
|
||||
|
||||
// Exchange authorization code for access token
|
||||
try {
|
||||
const tokenResponse = await $fetch<OAuthTokenResponse>(
|
||||
`${config.ghostguildApiUrl}/oauth/token`,
|
||||
{
|
||||
method: "POST",
|
||||
body: {
|
||||
grant_type: "authorization_code",
|
||||
code: query.code,
|
||||
redirect_uri: `${config.public.siteUrl}/api/auth/callback`,
|
||||
client_id: config.ghostguildClientId,
|
||||
client_secret: config.ghostguildClientSecret,
|
||||
},
|
||||
},
|
||||
);
|
||||
|
||||
// Get user information from Ghost Guild
|
||||
const userInfo = await $fetch<GhostGuildUserInfo>(
|
||||
`${config.ghostguildApiUrl}/user/me`,
|
||||
{
|
||||
headers: {
|
||||
Authorization: `Bearer ${tokenResponse.access_token}`,
|
||||
},
|
||||
},
|
||||
);
|
||||
|
||||
// Find or create user in our database
|
||||
let user = await User.findOne({ ghostguildId: userInfo.id });
|
||||
|
||||
if (!user) {
|
||||
user = await User.create({
|
||||
ghostguildId: userInfo.id,
|
||||
email: userInfo.email,
|
||||
username: userInfo.username,
|
||||
displayName: userInfo.displayName || userInfo.username,
|
||||
avatar: userInfo.avatar,
|
||||
roles: userInfo.roles || ["member"],
|
||||
permissions: {
|
||||
canEdit: userInfo.roles?.includes("member") || false,
|
||||
canModerate: userInfo.roles?.includes("moderator") || false,
|
||||
canAdmin: userInfo.roles?.includes("admin") || false,
|
||||
},
|
||||
lastLogin: new Date(),
|
||||
});
|
||||
} else {
|
||||
// Update existing user
|
||||
user.displayName = userInfo.displayName || userInfo.username;
|
||||
user.avatar = userInfo.avatar;
|
||||
user.roles = userInfo.roles || ["member"];
|
||||
user.lastLogin = new Date();
|
||||
await user.save();
|
||||
}
|
||||
|
||||
// Create JWT token
|
||||
const token = jwt.sign(
|
||||
{
|
||||
userId: user._id,
|
||||
username: user.username,
|
||||
roles: user.roles,
|
||||
permissions: user.permissions,
|
||||
},
|
||||
config.jwtSecret as string,
|
||||
{ expiresIn: "7d" },
|
||||
);
|
||||
|
||||
// Set JWT as httpOnly cookie
|
||||
setCookie(event, "auth-token", token, {
|
||||
httpOnly: true,
|
||||
secure: true,
|
||||
sameSite: "lax",
|
||||
maxAge: 60 * 60 * 24 * 7, // 7 days
|
||||
});
|
||||
|
||||
// Redirect to dashboard or home
|
||||
return sendRedirect(event, "/dashboard");
|
||||
} catch (error) {
|
||||
console.error("OAuth callback error:", error);
|
||||
return sendRedirect(event, "/login?error=authentication_failed");
|
||||
}
|
||||
});
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig();
|
||||
|
||||
// Generate state for CSRF protection
|
||||
const state = Math.random().toString(36).substring(7);
|
||||
|
||||
// Store state in session (you'll need to implement session storage)
|
||||
setCookie(event, "oauth_state", state, {
|
||||
httpOnly: true,
|
||||
secure: true,
|
||||
sameSite: "lax",
|
||||
maxAge: 60 * 10, // 10 minutes
|
||||
});
|
||||
|
||||
// Build OAuth authorization URL
|
||||
const params = new URLSearchParams({
|
||||
client_id: String(config.ghostguildClientId || ""),
|
||||
redirect_uri: `${config.public.siteUrl}/api/auth/callback`,
|
||||
response_type: "code",
|
||||
scope: "read:user read:member",
|
||||
state: state,
|
||||
});
|
||||
|
||||
const authUrl = `${config.ghostguildApiUrl}/oauth/authorize?${params}`;
|
||||
|
||||
// Redirect to Ghost Guild OAuth
|
||||
return sendRedirect(event, authUrl);
|
||||
});
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
export default defineEventHandler(async (event) => {
|
||||
// Clear the auth token cookie
|
||||
deleteCookie(event, 'auth-token')
|
||||
|
||||
// Return success response
|
||||
return {
|
||||
success: true,
|
||||
message: 'Logged out successfully'
|
||||
}
|
||||
})
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
import jwt from "jsonwebtoken";
|
||||
import { User } from "../../models/User";
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const config = useRuntimeConfig();
|
||||
const token = getCookie(event, "auth-token");
|
||||
|
||||
if (!token) {
|
||||
throw createError({
|
||||
statusCode: 401,
|
||||
statusMessage: "Unauthorized - No token provided",
|
||||
});
|
||||
}
|
||||
|
||||
try {
|
||||
// Verify and decode the token
|
||||
const decoded = jwt.verify(token, config.jwtSecret as string) as any;
|
||||
|
||||
// Get fresh user data from database
|
||||
const user = await User.findById(decoded.userId).select("-__v");
|
||||
|
||||
if (!user) {
|
||||
throw createError({
|
||||
statusCode: 404,
|
||||
statusMessage: "User not found",
|
||||
});
|
||||
}
|
||||
|
||||
// Return user data (without sensitive fields)
|
||||
return {
|
||||
id: user._id,
|
||||
username: user.username,
|
||||
displayName: user.displayName,
|
||||
email: user.email,
|
||||
avatar: user.avatar,
|
||||
roles: user.roles,
|
||||
permissions: user.permissions,
|
||||
contributions: user.contributions,
|
||||
};
|
||||
} catch (error: any) {
|
||||
if (
|
||||
error.name === "JsonWebTokenError" ||
|
||||
error.name === "TokenExpiredError"
|
||||
) {
|
||||
deleteCookie(event, "auth-token");
|
||||
throw createError({
|
||||
statusCode: 401,
|
||||
statusMessage: "Invalid or expired token",
|
||||
});
|
||||
}
|
||||
throw error;
|
||||
}
|
||||
});
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
import mongoose from 'mongoose'
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const checks = {
|
||||
status: 'ok',
|
||||
timestamp: new Date().toISOString(),
|
||||
uptime: process.uptime(),
|
||||
mongodb: 'disconnected',
|
||||
memory: process.memoryUsage(),
|
||||
}
|
||||
|
||||
// Check MongoDB connection
|
||||
try {
|
||||
if (mongoose.connection.readyState === 1) {
|
||||
checks.mongodb = 'connected'
|
||||
} else {
|
||||
checks.mongodb = 'disconnected'
|
||||
}
|
||||
} catch (error) {
|
||||
checks.mongodb = 'error'
|
||||
}
|
||||
|
||||
// Return 503 if any critical service is down
|
||||
const isHealthy = checks.mongodb === 'connected'
|
||||
|
||||
if (!isHealthy) {
|
||||
setResponseStatus(event, 503)
|
||||
checks.status = 'unhealthy'
|
||||
}
|
||||
|
||||
return checks
|
||||
})
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
import { Schema, model, Document, Types } from "mongoose";
|
||||
|
||||
export interface IRevision {
|
||||
content: string;
|
||||
author: Types.ObjectId;
|
||||
message: string;
|
||||
createdAt: Date;
|
||||
}
|
||||
|
||||
export interface IComment {
|
||||
author: Types.ObjectId;
|
||||
content: string;
|
||||
parentComment?: Types.ObjectId;
|
||||
createdAt: Date;
|
||||
updatedAt: Date;
|
||||
resolved: boolean;
|
||||
}
|
||||
|
||||
export interface IArticle extends Document {
|
||||
slug: string;
|
||||
title: string;
|
||||
description: string;
|
||||
content: string; // Current content in markdown
|
||||
category: string;
|
||||
tags: string[];
|
||||
|
||||
// Access control
|
||||
accessLevel: "public" | "member" | "cohort" | "admin";
|
||||
cohorts?: string[]; // Specific cohorts if accessLevel is 'cohort'
|
||||
|
||||
// Metadata
|
||||
author: Types.ObjectId;
|
||||
contributors: Types.ObjectId[];
|
||||
views: number;
|
||||
likes: number;
|
||||
|
||||
// Editing
|
||||
status: "draft" | "published" | "archived";
|
||||
lockedBy?: Types.ObjectId; // If someone is currently editing
|
||||
lockedAt?: Date;
|
||||
|
||||
// History
|
||||
revisions: IRevision[];
|
||||
comments: IComment[];
|
||||
|
||||
// Timestamps
|
||||
createdAt: Date;
|
||||
updatedAt: Date;
|
||||
publishedAt?: Date;
|
||||
}
|
||||
|
||||
const revisionSchema = new Schema<IRevision>({
|
||||
content: { type: String, required: true },
|
||||
author: { type: Schema.Types.ObjectId, ref: "User", required: true },
|
||||
message: { type: String, required: true },
|
||||
createdAt: { type: Date, default: Date.now },
|
||||
});
|
||||
|
||||
const commentSchema = new Schema<IComment>(
|
||||
{
|
||||
author: { type: Schema.Types.ObjectId, ref: "User", required: true },
|
||||
content: { type: String, required: true },
|
||||
parentComment: { type: Schema.Types.ObjectId, ref: "Comment" },
|
||||
resolved: { type: Boolean, default: false },
|
||||
},
|
||||
{
|
||||
timestamps: true,
|
||||
},
|
||||
);
|
||||
|
||||
const articleSchema = new Schema<IArticle>(
|
||||
{
|
||||
slug: { type: String, required: true, unique: true },
|
||||
title: { type: String, required: true },
|
||||
description: { type: String, required: true },
|
||||
content: { type: String, required: true },
|
||||
category: { type: String, required: true },
|
||||
tags: [{ type: String }],
|
||||
|
||||
accessLevel: {
|
||||
type: String,
|
||||
enum: ["public", "member", "cohort", "admin"],
|
||||
default: "public",
|
||||
},
|
||||
cohorts: [{ type: String }],
|
||||
|
||||
author: { type: Schema.Types.ObjectId, ref: "User", required: true },
|
||||
contributors: [{ type: Schema.Types.ObjectId, ref: "User" }],
|
||||
views: { type: Number, default: 0 },
|
||||
likes: { type: Number, default: 0 },
|
||||
|
||||
status: {
|
||||
type: String,
|
||||
enum: ["draft", "published", "archived"],
|
||||
default: "draft",
|
||||
},
|
||||
lockedBy: { type: Schema.Types.ObjectId, ref: "User" },
|
||||
lockedAt: Date,
|
||||
|
||||
revisions: [revisionSchema],
|
||||
comments: [commentSchema],
|
||||
|
||||
publishedAt: Date,
|
||||
},
|
||||
{
|
||||
timestamps: true,
|
||||
},
|
||||
);
|
||||
|
||||
// Indexes for better query performance
|
||||
articleSchema.index({ slug: 1 });
|
||||
articleSchema.index({ accessLevel: 1, status: 1 });
|
||||
articleSchema.index({ tags: 1 });
|
||||
articleSchema.index({ category: 1 });
|
||||
articleSchema.index({ author: 1 });
|
||||
|
||||
export const Article = model<IArticle>("Article", articleSchema);
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
import { Schema, model, Document } from 'mongoose'
|
||||
|
||||
export interface IUser extends Document {
|
||||
ghostguildId: string // ID from ghostguild-org
|
||||
email: string
|
||||
username: string
|
||||
displayName: string
|
||||
avatar?: string
|
||||
roles: string[] // 'admin', 'moderator', 'member', 'cohort-X'
|
||||
permissions: {
|
||||
canEdit: boolean
|
||||
canModerate: boolean
|
||||
canAdmin: boolean
|
||||
}
|
||||
contributions: {
|
||||
edits: number
|
||||
comments: number
|
||||
articles: number
|
||||
}
|
||||
createdAt: Date
|
||||
updatedAt: Date
|
||||
lastLogin: Date
|
||||
}
|
||||
|
||||
const userSchema = new Schema<IUser>({
|
||||
ghostguildId: { type: String, required: true, unique: true },
|
||||
email: { type: String, required: true, unique: true },
|
||||
username: { type: String, required: true, unique: true },
|
||||
displayName: { type: String, required: true },
|
||||
avatar: String,
|
||||
roles: [{ type: String }],
|
||||
permissions: {
|
||||
canEdit: { type: Boolean, default: false },
|
||||
canModerate: { type: Boolean, default: false },
|
||||
canAdmin: { type: Boolean, default: false }
|
||||
},
|
||||
contributions: {
|
||||
edits: { type: Number, default: 0 },
|
||||
comments: { type: Number, default: 0 },
|
||||
articles: { type: Number, default: 0 }
|
||||
},
|
||||
lastLogin: { type: Date, default: Date.now }
|
||||
}, {
|
||||
timestamps: true
|
||||
})
|
||||
|
||||
export const User = model<IUser>('User', userSchema)
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import mongoose from "mongoose";
|
||||
|
||||
export default defineNitroPlugin(async () => {
|
||||
const config = useRuntimeConfig();
|
||||
|
||||
try {
|
||||
await mongoose.connect(config.mongodbUri as string);
|
||||
console.log("✓ MongoDB connected successfully");
|
||||
} catch (error) {
|
||||
console.error("✗ MongoDB connection error:", error);
|
||||
throw error;
|
||||
}
|
||||
|
||||
// Graceful shutdown
|
||||
process.on("SIGINT", async () => {
|
||||
await mongoose.connection.close();
|
||||
console.log("MongoDB connection closed");
|
||||
process.exit(0);
|
||||
});
|
||||
});
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
/**
|
||||
* Wikilink Transformation Plugin
|
||||
*
|
||||
* Transforms Obsidian wikilink syntax to standard markdown links at build time.
|
||||
* Handles:
|
||||
* - [[Page Title]] → [Page Title](/articles/page-title)
|
||||
* - [[Page|Display Text]] → [Display Text](/articles/page)
|
||||
* - ![[image.jpg]] → 
|
||||
* - ![[image.jpg|alt text]] → 
|
||||
*
|
||||
* Runs during content:file:beforeParse hook for early transformation
|
||||
*/
|
||||
|
||||
export default defineNitroPlugin((nitroApp) => {
|
||||
nitroApp.hooks.hook('content:file:beforeParse' as any, (file: any) => {
|
||||
// Only process markdown files in articles collection
|
||||
if (file._id && file._id.endsWith('.md') && file._id.includes('/articles/')) {
|
||||
if (file.body) {
|
||||
file.body = transformWikilinks(file.body);
|
||||
file.body = transformImageEmbeds(file.body);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Transform Obsidian wikilinks to markdown links
|
||||
* Patterns:
|
||||
* - [[P0 - Page Title]]
|
||||
* - [[Page Title|Display Text]]
|
||||
* - [[P1 - Long Title|Short]]
|
||||
*/
|
||||
function transformWikilinks(content: string): string {
|
||||
// Pattern: [[P0/P1/P2 - Page Title]] or [[Page Title]] with optional |Display Text
|
||||
const wikilinkPattern = /\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g;
|
||||
|
||||
return content.replace(wikilinkPattern, (match, pageName, displayText) => {
|
||||
// Clean the page name: strip P0/P1/P2 prefix
|
||||
const cleanName = pageName.replace(/^P[012]\s*-\s*/i, '').trim();
|
||||
|
||||
// Generate slug from clean name
|
||||
const slug = titleToSlug(cleanName);
|
||||
|
||||
// Use display text if provided, otherwise use clean name
|
||||
const linkText = displayText ? displayText.trim() : cleanName;
|
||||
|
||||
// Generate markdown link with /articles/ prefix
|
||||
return `[${linkText}](/articles/${slug})`;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Transform Obsidian image embeds to markdown image syntax
|
||||
* Patterns:
|
||||
* - ![[image.jpg]]
|
||||
* - ![[image.jpg|alt text]]
|
||||
*/
|
||||
function transformImageEmbeds(content: string): string {
|
||||
// Pattern: ![[filename]] or ![[filename|alt text]]
|
||||
const imagePattern = /!\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g;
|
||||
|
||||
return content.replace(imagePattern, (match, filename, altText) => {
|
||||
// Use alt text if provided, otherwise use filename (without extension)
|
||||
const alt = altText?.trim() || filename.replace(/\.(jpg|jpeg|png|gif|svg|webp)$/i, '');
|
||||
|
||||
// Generate markdown image syntax with /img/ prefix
|
||||
return ``;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Convert a page title to a URL slug
|
||||
* Rules:
|
||||
* 1. Convert to lowercase
|
||||
* 2. Remove quotation marks
|
||||
* 3. Replace & with "and"
|
||||
* 4. Remove other special characters (keep alphanumeric and hyphens)
|
||||
* 5. Replace spaces with hyphens
|
||||
* 6. Collapse multiple hyphens to single hyphen
|
||||
* 7. Trim hyphens from start/end
|
||||
*/
|
||||
function titleToSlug(title: string): string {
|
||||
return title
|
||||
.toLowerCase()
|
||||
.replace(/['"]/g, '') // Remove quotes
|
||||
.replace(/&/g, 'and') // & → and
|
||||
.replace(/[^a-z0-9\s-]/g, '') // Remove special characters
|
||||
.replace(/\s+/g, '-') // Spaces → hyphens
|
||||
.replace(/-+/g, '-') // Collapse multiple hyphens
|
||||
.replace(/^-|-$/g, ''); // Trim hyphens from edges
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
{
|
||||
"extends": "../.nuxt/tsconfig.server.json"
|
||||
}
|
||||
12
app/server/types.d.ts
vendored
12
app/server/types.d.ts
vendored
|
|
@ -1,12 +0,0 @@
|
|||
declare module "nitropack" {
|
||||
interface NitroRuntimeConfig {
|
||||
mongodbUri: string;
|
||||
jwtSecret: string;
|
||||
ghostguildApiUrl: string;
|
||||
ghostguildApiKey: string;
|
||||
ghostguildClientId: string;
|
||||
ghostguildClientSecret: string;
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
import jwt from "jsonwebtoken";
|
||||
import type { H3Event } from "h3";
|
||||
import { User } from "../models/User";
|
||||
|
||||
export interface AuthUser {
|
||||
userId: string;
|
||||
username: string;
|
||||
roles: string[];
|
||||
permissions: {
|
||||
canEdit: boolean;
|
||||
canModerate: boolean;
|
||||
canAdmin: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
export async function verifyAuth(event: H3Event): Promise<AuthUser | null> {
|
||||
const config = useRuntimeConfig();
|
||||
const token = getCookie(event, "auth-token");
|
||||
|
||||
if (!token) {
|
||||
return null;
|
||||
}
|
||||
|
||||
try {
|
||||
const decoded = jwt.verify(token, config.jwtSecret as string) as AuthUser;
|
||||
return decoded;
|
||||
} catch (error) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export async function requireAuth(event: H3Event): Promise<AuthUser> {
|
||||
const user = await verifyAuth(event);
|
||||
|
||||
if (!user) {
|
||||
throw createError({
|
||||
statusCode: 401,
|
||||
statusMessage: "Authentication required",
|
||||
});
|
||||
}
|
||||
|
||||
return user;
|
||||
}
|
||||
|
||||
export async function requireRole(
|
||||
event: H3Event,
|
||||
requiredRoles: string[],
|
||||
): Promise<AuthUser> {
|
||||
const user = await requireAuth(event);
|
||||
|
||||
const hasRole = requiredRoles.some((role) => user.roles.includes(role));
|
||||
|
||||
if (!hasRole) {
|
||||
throw createError({
|
||||
statusCode: 403,
|
||||
statusMessage: "Insufficient permissions",
|
||||
});
|
||||
}
|
||||
|
||||
return user;
|
||||
}
|
||||
|
||||
export async function checkAccessLevel(
|
||||
event: H3Event,
|
||||
accessLevel: "public" | "member" | "cohort" | "admin",
|
||||
cohorts?: string[],
|
||||
): Promise<boolean> {
|
||||
// Public content is always accessible
|
||||
if (accessLevel === "public") {
|
||||
return true;
|
||||
}
|
||||
|
||||
const user = await verifyAuth(event);
|
||||
|
||||
// No user = no access to protected content
|
||||
if (!user) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Check access levels
|
||||
switch (accessLevel) {
|
||||
case "member":
|
||||
// Any authenticated user has member access
|
||||
return true;
|
||||
|
||||
case "cohort":
|
||||
// Check if user belongs to required cohorts
|
||||
if (!cohorts || cohorts.length === 0) {
|
||||
return true; // No specific cohort required
|
||||
}
|
||||
return cohorts.some((cohort) => user.roles.includes(`cohort-${cohort}`));
|
||||
|
||||
case "admin":
|
||||
// Only admins have admin access
|
||||
return user.permissions.canAdmin || user.roles.includes("admin");
|
||||
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
export interface User {
|
||||
id: string;
|
||||
username: string;
|
||||
displayName: string;
|
||||
email: string;
|
||||
avatar?: string;
|
||||
roles: string[];
|
||||
permissions: {
|
||||
canEdit: boolean;
|
||||
canModerate: boolean;
|
||||
canAdmin: boolean;
|
||||
};
|
||||
contributions: {
|
||||
articles: number;
|
||||
edits: number;
|
||||
comments: number;
|
||||
};
|
||||
}
|
||||
|
||||
export interface AuthUser {
|
||||
userId: string;
|
||||
username: string;
|
||||
roles: string[];
|
||||
permissions: {
|
||||
canEdit: boolean;
|
||||
canModerate: boolean;
|
||||
canAdmin: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
export interface OAuthTokenResponse {
|
||||
access_token: string;
|
||||
token_type: string;
|
||||
expires_in: number;
|
||||
refresh_token?: string;
|
||||
scope?: string;
|
||||
}
|
||||
|
||||
export interface GhostGuildUserInfo {
|
||||
id: string;
|
||||
email: string;
|
||||
username: string;
|
||||
displayName?: string;
|
||||
avatar?: string;
|
||||
roles?: string[];
|
||||
}
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
import { defineContentConfig, defineCollection } from "@nuxt/content";
|
||||
import { z } from "zod";
|
||||
|
||||
export default defineContentConfig({
|
||||
collections: {
|
||||
articles: defineCollection({
|
||||
type: "page",
|
||||
source: {
|
||||
include: "articles/*.md",
|
||||
prefix: "/",
|
||||
},
|
||||
schema: z.object({
|
||||
title: z.string(),
|
||||
description: z.string().optional(),
|
||||
category: z.string().optional(),
|
||||
tags: z.array(z.string()).optional(),
|
||||
author: z.string().optional(),
|
||||
contributors: z.array(z.string()).optional(),
|
||||
published: z.boolean().default(true),
|
||||
featured: z.boolean().default(false),
|
||||
accessLevel: z.string().optional(),
|
||||
publishedAt: z.string().optional(),
|
||||
}),
|
||||
}),
|
||||
},
|
||||
});
|
||||
|
|
@ -1,64 +1,62 @@
|
|||
version: '3.8'
|
||||
|
||||
services:
|
||||
# MongoDB Database
|
||||
mongodb:
|
||||
image: mongo:7
|
||||
container_name: wiki-mongodb
|
||||
outline:
|
||||
image: docker.getoutline.com/outlinewiki/outline:latest
|
||||
container_name: outline
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "27017:27017"
|
||||
environment:
|
||||
MONGO_INITDB_ROOT_USERNAME: admin
|
||||
MONGO_INITDB_ROOT_PASSWORD: changeme
|
||||
MONGO_INITDB_DATABASE: wiki-ghostguild
|
||||
volumes:
|
||||
- mongodb_data:/data/db
|
||||
- ./docker/init-mongo.js:/docker-entrypoint-initdb.d/init-mongo.js:ro
|
||||
networks:
|
||||
- wiki-network
|
||||
|
||||
# Wiki Application (for local development)
|
||||
# Uncomment to run the app in Docker
|
||||
# wiki:
|
||||
# build: .
|
||||
# container_name: wiki-app
|
||||
# restart: unless-stopped
|
||||
# ports:
|
||||
# - "3000:3000"
|
||||
# environment:
|
||||
# MONGODB_URI: mongodb://admin:changeme@mongodb:27017/wiki-ghostguild?authSource=admin
|
||||
# NODE_ENV: development
|
||||
# depends_on:
|
||||
# - mongodb
|
||||
# networks:
|
||||
# - wiki-network
|
||||
# volumes:
|
||||
# - ./app:/app/app
|
||||
# - ./server:/app/server
|
||||
# - ./content:/app/content
|
||||
|
||||
# Optional: Mongo Express for database management
|
||||
mongo-express:
|
||||
image: mongo-express:latest
|
||||
container_name: wiki-mongo-express
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "8081:8081"
|
||||
environment:
|
||||
ME_CONFIG_MONGODB_ADMINUSERNAME: admin
|
||||
ME_CONFIG_MONGODB_ADMINPASSWORD: changeme
|
||||
ME_CONFIG_MONGODB_URL: mongodb://admin:changeme@mongodb:27017/
|
||||
ME_CONFIG_BASICAUTH: false
|
||||
- "127.0.0.1:3100:3000"
|
||||
env_file: ./outline.env
|
||||
depends_on:
|
||||
- mongodb
|
||||
networks:
|
||||
- wiki-network
|
||||
postgres:
|
||||
condition: service_healthy
|
||||
redis:
|
||||
condition: service_healthy
|
||||
volumes:
|
||||
- outline-storage:/var/lib/outline/data
|
||||
|
||||
postgres:
|
||||
image: postgres:16-alpine
|
||||
container_name: outline-postgres
|
||||
restart: unless-stopped
|
||||
environment:
|
||||
POSTGRES_USER: outline
|
||||
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
|
||||
POSTGRES_DB: outline
|
||||
volumes:
|
||||
- postgres-data:/var/lib/postgresql/data
|
||||
command:
|
||||
- "postgres"
|
||||
- "-c"
|
||||
- "shared_buffers=128MB"
|
||||
- "-c"
|
||||
- "max_connections=20"
|
||||
- "-c"
|
||||
- "work_mem=4MB"
|
||||
- "-c"
|
||||
- "maintenance_work_mem=64MB"
|
||||
healthcheck:
|
||||
test: ["CMD-SHELL", "pg_isready -U outline"]
|
||||
interval: 10s
|
||||
timeout: 5s
|
||||
retries: 5
|
||||
|
||||
redis:
|
||||
image: redis:7-alpine
|
||||
container_name: outline-redis
|
||||
restart: unless-stopped
|
||||
command: >
|
||||
redis-server
|
||||
--maxmemory 64mb
|
||||
--maxmemory-policy allkeys-lru
|
||||
volumes:
|
||||
- redis-data:/data
|
||||
healthcheck:
|
||||
test: ["CMD", "redis-cli", "ping"]
|
||||
interval: 10s
|
||||
timeout: 5s
|
||||
retries: 5
|
||||
|
||||
volumes:
|
||||
mongodb_data:
|
||||
driver: local
|
||||
|
||||
networks:
|
||||
wiki-network:
|
||||
driver: bridge
|
||||
outline-storage:
|
||||
postgres-data:
|
||||
redis-data:
|
||||
|
|
|
|||
67
dokploy.yaml
67
dokploy.yaml
|
|
@ -1,44 +1,31 @@
|
|||
# DokPloy Configuration for Wiki.GhostGuild.org
|
||||
# Dokploy Configuration for Wiki.GhostGuild.org
|
||||
# Outline wiki deployed via docker-compose
|
||||
name: wiki-ghostguild
|
||||
type: nixpacks
|
||||
type: compose
|
||||
|
||||
# Build Configuration
|
||||
build:
|
||||
dockerfile: null # Using Nixpacks auto-detection
|
||||
context: .
|
||||
composeFile: docker-compose.yml
|
||||
|
||||
# Environment Configuration
|
||||
env:
|
||||
NODE_ENV: production
|
||||
NITRO_PRESET: node-server
|
||||
|
||||
# Secrets (configured in DokPloy UI)
|
||||
# These should be set in DokPloy interface, not in this file:
|
||||
# - MONGODB_URI
|
||||
# - JWT_SECRET
|
||||
# - JWT_REFRESH_SECRET
|
||||
# - GHOSTGUILD_CLIENT_ID
|
||||
# - GHOSTGUILD_CLIENT_SECRET
|
||||
# - GHOSTGUILD_API_KEY
|
||||
|
||||
# Port Configuration
|
||||
ports:
|
||||
- 3000:3000
|
||||
# Secrets (configured in Dokploy UI)
|
||||
# These should be set in the Dokploy interface, not in this file:
|
||||
# - POSTGRES_PASSWORD (used by docker-compose for the postgres service)
|
||||
# - All Outline env vars are in outline.env on the server
|
||||
|
||||
# Health Check
|
||||
healthcheck:
|
||||
path: /api/health
|
||||
interval: 30
|
||||
timeout: 10
|
||||
retries: 3
|
||||
retries: 5
|
||||
|
||||
# Resource Limits
|
||||
# Resource Limits (Outline + Postgres + Redis combined)
|
||||
resources:
|
||||
limits:
|
||||
memory: 1GB
|
||||
cpu: 1
|
||||
memory: 3GB
|
||||
cpu: 2
|
||||
requests:
|
||||
memory: 512MB
|
||||
memory: 1GB
|
||||
cpu: 0.5
|
||||
|
||||
# Domains
|
||||
|
|
@ -58,34 +45,8 @@ deploy:
|
|||
maxSurge: 1
|
||||
maxUnavailable: 0
|
||||
|
||||
# Volume Mounts (for persistent data)
|
||||
volumes:
|
||||
- name: content
|
||||
path: /app/content
|
||||
size: 5GB
|
||||
- name: uploads
|
||||
path: /app/public/uploads
|
||||
size: 10GB
|
||||
|
||||
# Commands
|
||||
scripts:
|
||||
prebuild: |
|
||||
echo "Installing dependencies..."
|
||||
npm ci
|
||||
build: |
|
||||
echo "Building application..."
|
||||
npm run build
|
||||
start: |
|
||||
echo "Starting production server..."
|
||||
node .output/server/index.mjs
|
||||
|
||||
# Monitoring
|
||||
monitoring:
|
||||
enabled: true
|
||||
metrics_path: /metrics
|
||||
|
||||
# Backup Configuration
|
||||
backup:
|
||||
enabled: true
|
||||
schedule: "0 2 * * *" # Daily at 2 AM
|
||||
retention: 30 # Keep 30 days of backups
|
||||
retention: 14 # Keep 14 days of backups
|
||||
|
|
|
|||
62
nginx.conf
62
nginx.conf
|
|
@ -22,45 +22,59 @@ http {
|
|||
tcp_nodelay on;
|
||||
keepalive_timeout 65;
|
||||
types_hash_max_size 2048;
|
||||
client_max_body_size 20M;
|
||||
client_max_body_size 50M;
|
||||
|
||||
gzip on;
|
||||
gzip_vary on;
|
||||
gzip_min_length 1024;
|
||||
gzip_types text/plain text/css text/xml text/javascript
|
||||
application/x-javascript application/xml+rss
|
||||
application/javascript application/json;
|
||||
application/javascript application/json
|
||||
application/xml+rss image/svg+xml;
|
||||
|
||||
upstream outline {
|
||||
server 127.0.0.1:3100;
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80 default_server;
|
||||
listen [::]:80 default_server;
|
||||
server_name _;
|
||||
server_name wiki.ghostguild.org;
|
||||
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
# Serve custom theme files
|
||||
location /custom/ {
|
||||
alias /opt/ghost-guild-wiki-theme/;
|
||||
expires 1h;
|
||||
add_header Cache-Control "public";
|
||||
}
|
||||
|
||||
# Health check endpoint
|
||||
location /api/health {
|
||||
# Health check
|
||||
location = /api/health {
|
||||
proxy_pass http://outline;
|
||||
access_log off;
|
||||
add_header Content-Type application/json;
|
||||
return 200 '{"status":"ok"}';
|
||||
}
|
||||
|
||||
# Static files
|
||||
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
|
||||
expires 1y;
|
||||
add_header Cache-Control "public, immutable";
|
||||
}
|
||||
|
||||
# HTML files - no cache
|
||||
location ~* \.html$ {
|
||||
expires -1;
|
||||
add_header Cache-Control "no-store, no-cache, must-revalidate, proxy-revalidate";
|
||||
}
|
||||
|
||||
# SPA fallback - route all unmatched requests to index.html
|
||||
# Reverse proxy to Outline with CSS injection
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
proxy_pass http://outline;
|
||||
|
||||
# Standard proxy headers
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
|
||||
# Disable encoding so sub_filter can process the response
|
||||
proxy_set_header Accept-Encoding "";
|
||||
|
||||
# WebSocket support (required for real-time collaboration)
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "upgrade";
|
||||
|
||||
# Inject custom CSS before </head>
|
||||
sub_filter '</head>' '<link rel="stylesheet" href="/custom/ghost-guild.css" /></head>';
|
||||
sub_filter_once on;
|
||||
sub_filter_types text/html;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
[phases.install]
|
||||
commands = ["npm install --ignore-scripts", "npm rebuild"]
|
||||
|
||||
[phases.build]
|
||||
commands = ["npm run postinstall", "npm run build"]
|
||||
|
||||
[variables]
|
||||
OXCPARSER_SKIP_NATIVE_BINDING="1"
|
||||
|
|
@ -1,73 +0,0 @@
|
|||
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||||
export default defineNuxtConfig({
|
||||
future: {
|
||||
compatibilityVersion: 4,
|
||||
},
|
||||
srcDir: "app/",
|
||||
compatibilityDate: "2024-11-01",
|
||||
devtools: { enabled: true },
|
||||
|
||||
modules: ["@nuxt/ui", "@nuxt/content", "nuxt-auth-utils", "@vueuse/nuxt"],
|
||||
|
||||
runtimeConfig: {
|
||||
// Private runtime config (server-side only)
|
||||
mongodbUri:
|
||||
process.env.MONGODB_URI || "mongodb://localhost:27017/wiki-ghostguild",
|
||||
jwtSecret: process.env.JWT_SECRET || "your-secret-key-change-in-production",
|
||||
ghostguildApiUrl:
|
||||
process.env.GHOSTGUILD_API_URL || "https://ghostguild.org/api",
|
||||
ghostguildApiKey: process.env.GHOSTGUILD_API_KEY || "",
|
||||
ghostguildClientId: process.env.GHOSTGUILD_CLIENT_ID || "",
|
||||
ghostguildClientSecret: process.env.GHOSTGUILD_CLIENT_SECRET || "",
|
||||
|
||||
// Public runtime config (client-side)
|
||||
public: {
|
||||
siteUrl: process.env.SITE_URL || "https://wiki.ghostguild.org",
|
||||
siteName: "Ghost Guild Knowledge Commons",
|
||||
siteDescription: "A wiki for ghosts! 👻",
|
||||
},
|
||||
},
|
||||
|
||||
nitro: {
|
||||
experimental: {
|
||||
wasm: true,
|
||||
},
|
||||
prerender: {
|
||||
routes: ["/", "/articles", "/articles/new"],
|
||||
failOnError: false,
|
||||
},
|
||||
},
|
||||
|
||||
typescript: {
|
||||
strict: true,
|
||||
typeCheck: true,
|
||||
},
|
||||
|
||||
css: ["~/assets/css/main.css"],
|
||||
|
||||
app: {
|
||||
head: {
|
||||
link: [
|
||||
{
|
||||
rel: "preconnect",
|
||||
href: "https://fonts.googleapis.com",
|
||||
},
|
||||
{
|
||||
rel: "preconnect",
|
||||
href: "https://fonts.gstatic.com",
|
||||
crossorigin: "",
|
||||
},
|
||||
{
|
||||
rel: "stylesheet",
|
||||
href: "https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|
||||
vite: {
|
||||
build: {
|
||||
minify: "esbuild",
|
||||
},
|
||||
},
|
||||
});
|
||||
61
outline.env.example
Normal file
61
outline.env.example
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
# =============================================================================
|
||||
# Outline Wiki — Environment Configuration
|
||||
# Copy to outline.env and fill in all values before running docker compose up.
|
||||
# =============================================================================
|
||||
|
||||
# ---------------------
|
||||
# Core secrets
|
||||
# ---------------------
|
||||
# Generate each with: openssl rand -hex 32
|
||||
SECRET_KEY=
|
||||
UTILS_SECRET=
|
||||
|
||||
# ---------------------
|
||||
# Database
|
||||
# ---------------------
|
||||
DATABASE_URL=postgres://outline:CHANGE_ME@postgres:5432/outline
|
||||
REDIS_URL=redis://redis:6379
|
||||
|
||||
# ---------------------
|
||||
# Application
|
||||
# ---------------------
|
||||
URL=https://wiki.ghostguild.org
|
||||
PORT=3000
|
||||
FORCE_HTTPS=true
|
||||
|
||||
# File storage — local (stored in Docker volume)
|
||||
FILE_STORAGE=local
|
||||
FILE_STORAGE_LOCAL_ROOT_DIR=/var/lib/outline/data
|
||||
|
||||
# ---------------------
|
||||
# OIDC Authentication (Ghost Guild SSO)
|
||||
# ---------------------
|
||||
OIDC_CLIENT_ID=outline-wiki
|
||||
OIDC_CLIENT_SECRET=CHANGE_ME
|
||||
OIDC_AUTH_URI=https://ghostguild.org/oidc/auth
|
||||
OIDC_TOKEN_URI=https://ghostguild.org/oidc/token
|
||||
OIDC_USERINFO_URI=https://ghostguild.org/oidc/me
|
||||
OIDC_LOGOUT_URI=https://ghostguild.org/oidc/session/end
|
||||
OIDC_DISPLAY_NAME=Ghost Guild
|
||||
OIDC_SCOPES=openid profile email
|
||||
|
||||
# ---------------------
|
||||
# Email (via Resend SMTP)
|
||||
# ---------------------
|
||||
SMTP_HOST=smtp.resend.com
|
||||
SMTP_PORT=465
|
||||
SMTP_SECURE=true
|
||||
SMTP_USERNAME=resend
|
||||
SMTP_PASSWORD=CHANGE_ME
|
||||
SMTP_FROM_EMAIL=wiki@ghostguild.org
|
||||
SMTP_REPLY_EMAIL=support@ghostguild.org
|
||||
|
||||
# ---------------------
|
||||
# Optional
|
||||
# ---------------------
|
||||
# PGSSLMODE=disable
|
||||
# LOG_LEVEL=info
|
||||
# DEFAULT_LANGUAGE=en_US
|
||||
# RATE_LIMITER_ENABLED=true
|
||||
# RATE_LIMITER_REQUESTS=1000
|
||||
# RATE_LIMITER_DURATION_WINDOW=60
|
||||
15050
package-lock.json
generated
15050
package-lock.json
generated
File diff suppressed because it is too large
Load diff
38
package.json
38
package.json
|
|
@ -1,38 +0,0 @@
|
|||
{
|
||||
"name": "wiki-ghostguild",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"engines": {
|
||||
"node": "^20.19.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "nuxt generate",
|
||||
"dev": "nuxt dev",
|
||||
"generate": "nuxt generate",
|
||||
"preview": "nuxt preview",
|
||||
"start": "node .output/server/index.mjs",
|
||||
"postinstall": "nuxt prepare || true"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nuxt/content": "^3.7.1",
|
||||
"@nuxt/ui": "^3.3.7",
|
||||
"@tailwindcss/typography": "^0.5.19",
|
||||
"@types/jsonwebtoken": "^9.0.10",
|
||||
"@types/marked": "^5.0.2",
|
||||
"@types/mongoose": "^5.11.96",
|
||||
"@vueuse/nuxt": "^14.0.0",
|
||||
"better-sqlite3": "^12.4.1",
|
||||
"jsonwebtoken": "^9.0.2",
|
||||
"marked": "^17.0.0",
|
||||
"mongoose": "^8.19.3",
|
||||
"nuxt": "^4.2.1",
|
||||
"nuxt-auth-utils": "^0.5.25",
|
||||
"vue": "^3.5.22",
|
||||
"vue-router": "^4.6.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^24.10.0",
|
||||
"typescript": "^5.9.3",
|
||||
"vue-tsc": "^3.1.3"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
|
|
@ -1,11 +0,0 @@
|
|||
# Image directory
|
||||
# Images are stored here and referenced from articles via /img/filename
|
||||
|
||||
# Users can add images by:
|
||||
# 1. Opening /content/articles/ as Obsidian vault
|
||||
# 2. Pasting images in articles (auto-saves here)
|
||||
# 3. Or manually adding images to this directory
|
||||
|
||||
# Naming convention:
|
||||
# - Use lowercase, hyphens (not spaces)
|
||||
# - Example: article-diagram.jpg
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 288 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 61 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 231 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 559 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 454 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 503 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 595 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 320 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 561 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 640 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 505 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 928 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 806 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 455 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 486 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 540 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 590 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 591 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 308 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 603 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 454 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 308 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
User-Agent: *
|
||||
Disallow:
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
#!/bin/bash
|
||||
# Audit script to identify missing image references
|
||||
|
||||
echo "=== Image Reference Audit ==="
|
||||
echo ""
|
||||
echo "Finding all image references in articles..."
|
||||
echo ""
|
||||
|
||||
REFS=$(grep -rh '!\[' content/articles/ 2>/dev/null | grep -oE '\(/img/[^)]+\)' | sed 's/(//' | sed 's/)//' | sort -u)
|
||||
|
||||
echo "Total image references found: $(echo "$REFS" | wc -l)"
|
||||
echo ""
|
||||
echo "Checking which exist in /public/img/:"
|
||||
echo ""
|
||||
|
||||
MISSING_COUNT=0
|
||||
EXISTING_COUNT=0
|
||||
|
||||
while read -r ref; do
|
||||
if [ -z "$ref" ]; then continue; fi
|
||||
|
||||
filename=$(basename "$ref")
|
||||
fullpath="/Users/jennie/Sites/wiki-ghostguild${ref}"
|
||||
|
||||
if [ -f "$fullpath" ]; then
|
||||
echo "✓ $filename"
|
||||
((EXISTING_COUNT++))
|
||||
else
|
||||
echo "✗ MISSING: $filename"
|
||||
((MISSING_COUNT++))
|
||||
fi
|
||||
done <<< "$REFS"
|
||||
|
||||
echo ""
|
||||
echo "=== Summary ==="
|
||||
echo "Existing images: $EXISTING_COUNT"
|
||||
echo "Missing images: $MISSING_COUNT"
|
||||
echo ""
|
||||
echo "Missing images need to be added to /public/img/ or updated in article markdown."
|
||||
130
scripts/migrate-content.js
Normal file
130
scripts/migrate-content.js
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
#!/usr/bin/env node
|
||||
|
||||
/**
|
||||
* Migrate markdown articles from content/articles/ into Outline wiki.
|
||||
*
|
||||
* Usage:
|
||||
* OUTLINE_URL=http://localhost:3100 OUTLINE_API_TOKEN=your-token node migrate-content.js
|
||||
*
|
||||
* Requires: npm install (in this directory) to get gray-matter.
|
||||
*/
|
||||
|
||||
import fs from "fs/promises";
|
||||
import path from "path";
|
||||
import { fileURLToPath } from "url";
|
||||
import matter from "gray-matter";
|
||||
|
||||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||
|
||||
const OUTLINE_URL = process.env.OUTLINE_URL;
|
||||
const OUTLINE_API_TOKEN = process.env.OUTLINE_API_TOKEN;
|
||||
const CONTENT_DIR = path.resolve(__dirname, "../content/articles");
|
||||
const RATE_LIMIT_MS = 200;
|
||||
|
||||
if (!OUTLINE_URL || !OUTLINE_API_TOKEN) {
|
||||
console.error("Error: OUTLINE_URL and OUTLINE_API_TOKEN env vars are required.");
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
async function outlineApi(endpoint, body) {
|
||||
const res = await fetch(`${OUTLINE_URL}/api/${endpoint}`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${OUTLINE_API_TOKEN}`,
|
||||
},
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
const text = await res.text();
|
||||
throw new Error(`API ${endpoint} failed (${res.status}): ${text}`);
|
||||
}
|
||||
|
||||
return res.json();
|
||||
}
|
||||
|
||||
function delay(ms) {
|
||||
return new Promise((resolve) => setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
async function getOrCreateCollection(name) {
|
||||
// Search existing collections
|
||||
const { data } = await outlineApi("collections.list", { limit: 100 });
|
||||
const existing = data.find(
|
||||
(c) => c.name.toLowerCase() === name.toLowerCase()
|
||||
);
|
||||
if (existing) return existing.id;
|
||||
|
||||
// Create new collection
|
||||
await delay(RATE_LIMIT_MS);
|
||||
const { data: created } = await outlineApi("collections.create", { name });
|
||||
console.log(` Created collection: ${name}`);
|
||||
return created.id;
|
||||
}
|
||||
|
||||
async function main() {
|
||||
const files = (await fs.readdir(CONTENT_DIR)).filter((f) => f.endsWith(".md"));
|
||||
console.log(`Found ${files.length} markdown files to migrate.\n`);
|
||||
|
||||
// Build a map of category → collection ID
|
||||
const collectionIds = new Map();
|
||||
|
||||
let success = 0;
|
||||
let failed = 0;
|
||||
|
||||
for (const file of files) {
|
||||
const filePath = path.join(CONTENT_DIR, file);
|
||||
const raw = await fs.readFile(filePath, "utf-8");
|
||||
const { data: frontmatter, content } = matter(raw);
|
||||
|
||||
// Determine title: frontmatter title, or first H1, or filename
|
||||
let title =
|
||||
frontmatter.title ||
|
||||
content.match(/^#\s+(.+)$/m)?.[1] ||
|
||||
path.basename(file, ".md").replace(/-/g, " ");
|
||||
|
||||
// Determine collection from category
|
||||
const category = frontmatter.category || "Uncategorized";
|
||||
const categoryName = category
|
||||
.replace(/-/g, " ")
|
||||
.replace(/\b\w/g, (c) => c.toUpperCase());
|
||||
|
||||
if (!collectionIds.has(categoryName)) {
|
||||
try {
|
||||
const id = await getOrCreateCollection(categoryName);
|
||||
collectionIds.set(categoryName, id);
|
||||
await delay(RATE_LIMIT_MS);
|
||||
} catch (err) {
|
||||
console.error(` Failed to get/create collection "${categoryName}": ${err.message}`);
|
||||
failed++;
|
||||
continue;
|
||||
}
|
||||
}
|
||||
|
||||
const collectionId = collectionIds.get(categoryName);
|
||||
|
||||
try {
|
||||
const { data: doc } = await outlineApi("documents.create", {
|
||||
title,
|
||||
text: content.trim(),
|
||||
collectionId,
|
||||
publish: true,
|
||||
});
|
||||
console.log(` ✓ ${title} → ${doc.url}`);
|
||||
success++;
|
||||
} catch (err) {
|
||||
console.error(` ✗ ${title}: ${err.message}`);
|
||||
failed++;
|
||||
}
|
||||
|
||||
await delay(RATE_LIMIT_MS);
|
||||
}
|
||||
|
||||
console.log(`\nDone. ${success} migrated, ${failed} failed.`);
|
||||
}
|
||||
|
||||
main().catch((err) => {
|
||||
console.error("Migration failed:", err);
|
||||
process.exit(1);
|
||||
});
|
||||
39
scripts/outline-backup.sh
Executable file
39
scripts/outline-backup.sh
Executable file
|
|
@ -0,0 +1,39 @@
|
|||
#!/usr/bin/env bash
|
||||
set -euo pipefail
|
||||
|
||||
# =============================================================================
|
||||
# Outline Wiki Backup Script
|
||||
# Backs up PostgreSQL database and file storage from Docker containers.
|
||||
#
|
||||
# Usage:
|
||||
# ./outline-backup.sh [backup_dir]
|
||||
#
|
||||
# Crontab (daily at 3 AM):
|
||||
# 0 3 * * * /path/to/outline-backup.sh /backups/outline >> /var/log/outline-backup.log 2>&1
|
||||
# =============================================================================
|
||||
|
||||
BACKUP_DIR="${1:-/backups/outline}"
|
||||
DATE=$(date +%Y-%m-%d_%H%M)
|
||||
RETENTION_DAYS=14
|
||||
|
||||
mkdir -p "$BACKUP_DIR"
|
||||
|
||||
echo "=== Outline Backup — $DATE ==="
|
||||
|
||||
# PostgreSQL dump
|
||||
echo "Backing up PostgreSQL..."
|
||||
docker exec outline-postgres pg_dump -U outline -Fc outline \
|
||||
> "$BACKUP_DIR/outline-db-$DATE.dump"
|
||||
echo " Database: outline-db-$DATE.dump"
|
||||
|
||||
# File storage backup
|
||||
echo "Backing up file storage..."
|
||||
docker cp outline:/var/lib/outline/data - \
|
||||
| gzip > "$BACKUP_DIR/outline-files-$DATE.tar.gz"
|
||||
echo " Files: outline-files-$DATE.tar.gz"
|
||||
|
||||
# Prune old backups
|
||||
echo "Pruning backups older than $RETENTION_DAYS days..."
|
||||
find "$BACKUP_DIR" -type f -mtime +$RETENTION_DAYS -delete
|
||||
|
||||
echo "=== Backup complete ==="
|
||||
7
scripts/package.json
Normal file
7
scripts/package.json
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"gray-matter": "^4.0.3"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,200 +0,0 @@
|
|||
import type { Config } from "tailwindcss";
|
||||
import defaultTheme from "tailwindcss/defaultTheme";
|
||||
|
||||
export default {
|
||||
content: [
|
||||
"./app/components/**/*.{js,vue,ts}",
|
||||
"./app/layouts/**/*.vue",
|
||||
"./app/pages/**/*.vue",
|
||||
"./app/plugins/**/*.{js,ts}",
|
||||
"./app/app.vue",
|
||||
"./app/error.vue",
|
||||
"./app/**/*.{js,vue,ts}",
|
||||
"./content/**/*.{md,mdc,json,yml,yaml}",
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: ["Inter var", ...defaultTheme.fontFamily.sans],
|
||||
serif: ["Crimson Text", "Georgia", ...defaultTheme.fontFamily.serif],
|
||||
},
|
||||
typography: ({ theme }) => ({
|
||||
DEFAULT: {
|
||||
css: {
|
||||
fontFamily: "'Crimson Text', Georgia, serif",
|
||||
fontSize: "1.125rem",
|
||||
lineHeight: "1.8",
|
||||
color: theme("colors.gray.900"),
|
||||
maxWidth: "none",
|
||||
h1: {
|
||||
fontFamily: "'Crimson Text', Georgia, serif",
|
||||
fontWeight: "700",
|
||||
fontSize: "2.5rem",
|
||||
marginTop: "2rem",
|
||||
marginBottom: "1rem",
|
||||
lineHeight: "1.2",
|
||||
},
|
||||
h2: {
|
||||
fontFamily: "'Crimson Text', Georgia, serif",
|
||||
fontWeight: "600",
|
||||
fontSize: "2rem",
|
||||
marginTop: "1.75rem",
|
||||
marginBottom: "0.75rem",
|
||||
lineHeight: "1.3",
|
||||
},
|
||||
h3: {
|
||||
fontFamily: "'Crimson Text', Georgia, serif",
|
||||
fontWeight: "600",
|
||||
fontSize: "1.5rem",
|
||||
marginTop: "1.5rem",
|
||||
marginBottom: "0.5rem",
|
||||
lineHeight: "1.4",
|
||||
},
|
||||
p: {
|
||||
marginTop: "1.25rem",
|
||||
marginBottom: "1.25rem",
|
||||
fontSize: "1.125rem",
|
||||
lineHeight: "1.8",
|
||||
color: theme("colors.gray.700"),
|
||||
},
|
||||
li: {
|
||||
marginTop: "0.5rem",
|
||||
marginBottom: "0.5rem",
|
||||
fontSize: "1.125rem",
|
||||
lineHeight: "1.8",
|
||||
},
|
||||
"ul > li": {
|
||||
paddingLeft: "1.75rem",
|
||||
},
|
||||
"ol > li": {
|
||||
paddingLeft: "1.75rem",
|
||||
},
|
||||
"ol li::marker": {
|
||||
color: theme("colors.gray.400"),
|
||||
fontWeight: "600",
|
||||
},
|
||||
"ul li::marker": {
|
||||
color: theme("colors.gray.400"),
|
||||
},
|
||||
a: {
|
||||
color: theme("colors.blue.600"),
|
||||
textDecoration: "underline",
|
||||
fontWeight: "500",
|
||||
"&:hover": {
|
||||
color: theme("colors.blue.800"),
|
||||
},
|
||||
},
|
||||
strong: {
|
||||
fontWeight: "700",
|
||||
},
|
||||
code: {
|
||||
fontFamily:
|
||||
"'SFMono-Regular', ui-monospace, 'JetBrains Mono', monospace",
|
||||
fontSize: "0.875em",
|
||||
fontWeight: "500",
|
||||
backgroundColor: theme("colors.gray.100"),
|
||||
padding: "0.15em 0.35em",
|
||||
borderRadius: theme("borderRadius.lg"),
|
||||
},
|
||||
"code::before": {
|
||||
content: '""',
|
||||
},
|
||||
"code::after": {
|
||||
content: '""',
|
||||
},
|
||||
blockquote: {
|
||||
fontStyle: "italic",
|
||||
borderLeftColor: theme("colors.gray.300"),
|
||||
borderLeftWidth: "0.25rem",
|
||||
paddingLeft: "1rem",
|
||||
marginTop: "1.5rem",
|
||||
marginBottom: "1.5rem",
|
||||
color: theme("colors.gray.600"),
|
||||
},
|
||||
pre: {
|
||||
fontFamily:
|
||||
"'SFMono-Regular', ui-monospace, 'JetBrains Mono', monospace",
|
||||
backgroundColor: theme("colors.gray.100"),
|
||||
borderRadius: theme("borderRadius.xl"),
|
||||
padding: "1.5rem",
|
||||
color: theme("colors.gray.800"),
|
||||
},
|
||||
hr: {
|
||||
borderColor: theme("colors.gray.200"),
|
||||
},
|
||||
},
|
||||
},
|
||||
lg: {
|
||||
css: {
|
||||
fontSize: "1.25rem",
|
||||
lineHeight: "1.8",
|
||||
p: {
|
||||
fontSize: "1.25rem",
|
||||
lineHeight: "1.8",
|
||||
},
|
||||
li: {
|
||||
fontSize: "1.25rem",
|
||||
lineHeight: "1.8",
|
||||
},
|
||||
h1: {
|
||||
fontSize: "3rem",
|
||||
},
|
||||
h2: {
|
||||
fontSize: "2.25rem",
|
||||
},
|
||||
h3: {
|
||||
fontSize: "1.75rem",
|
||||
},
|
||||
},
|
||||
},
|
||||
invert: {
|
||||
css: {
|
||||
color: theme("colors.gray.100"),
|
||||
h1: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
h2: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
h3: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
h4: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
h5: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
h6: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
strong: {
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
a: {
|
||||
color: theme("colors.blue.400"),
|
||||
"&:hover": {
|
||||
color: theme("colors.blue.300"),
|
||||
},
|
||||
},
|
||||
blockquote: {
|
||||
borderLeftColor: theme("colors.gray.700"),
|
||||
color: theme("colors.gray.300"),
|
||||
},
|
||||
code: {
|
||||
color: theme("colors.gray.100"),
|
||||
backgroundColor: theme("colors.gray.800"),
|
||||
},
|
||||
pre: {
|
||||
backgroundColor: theme("colors.gray.800"),
|
||||
color: theme("colors.gray.100"),
|
||||
},
|
||||
hr: {
|
||||
borderColor: theme("colors.gray.700"),
|
||||
},
|
||||
},
|
||||
},
|
||||
}),
|
||||
},
|
||||
},
|
||||
} satisfies Config;
|
||||
61
theme/ghost-guild.css
Normal file
61
theme/ghost-guild.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/*
|
||||
* Ghost Guild — Outline Wiki Custom Theme
|
||||
*
|
||||
* Injected via nginx sub_filter into every Outline page.
|
||||
* Served from /custom/ghost-guild.css.
|
||||
*
|
||||
* NOTE: Outline's internal class names and DOM structure may change between
|
||||
* versions. After upgrading Outline, verify these selectors still work.
|
||||
*/
|
||||
|
||||
/* ---------------------------------------------------------------------------
|
||||
Brand color overrides
|
||||
--------------------------------------------------------------------------- */
|
||||
:root {
|
||||
--ghost-guild-primary: #2563eb;
|
||||
--ghost-guild-bg: #fafafa;
|
||||
--ghost-guild-text: #1a1a2e;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------------
|
||||
Hide Outline branding
|
||||
--------------------------------------------------------------------------- */
|
||||
|
||||
/* "Built with Outline" footer link */
|
||||
a[href="https://www.getoutline.com"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Outline logo in sidebar */
|
||||
[data-testid="sidebar-logo"],
|
||||
a[href="/"] > svg {
|
||||
/* Replace with Ghost Guild logo via background-image if desired:
|
||||
background-image: url(/custom/logo.svg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
*/
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------------
|
||||
Typography
|
||||
--------------------------------------------------------------------------- */
|
||||
|
||||
/* Placeholder: uncomment and update with Ghost Guild fonts
|
||||
@font-face {
|
||||
font-family: "GhostGuild";
|
||||
src: url("/custom/fonts/ghost-guild.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ---------------------------------------------------------------------------
|
||||
Layout adjustments
|
||||
--------------------------------------------------------------------------- */
|
||||
|
||||
/* Widen the document area slightly */
|
||||
.document-editor,
|
||||
[class*="DocumentEditor"] {
|
||||
max-width: 48rem;
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
// https://nuxt.com/docs/guide/concepts/typescript
|
||||
"extends": "./.nuxt/tsconfig.json"
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue