Initial commit

2025-10-22 22:09:17 +02:00 · 2023-09-15 20:24:31 +02:00 · 2023-09-15 20:24:31 +02:00 · 09c002f1ae
commit 09c002f1ae
25 changed files with 2255 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,12 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+.vercel
+.output
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest
--- a/README.md
+++ b/README.md
@ -0,0 +1,4 @@
+# Svelte Markdown Wiki
+A wiki template for SvelteKit that uses Markdown files for content.
+
+Simply clone the template and edit it to your liking.
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,31 @@
+{
+	"name": "wiki.jonasjones.dev",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+	},
+	"devDependencies": {
+		"@fontsource/fira-mono": "^4.5.10",
+		"@neoconfetti/svelte": "^1.0.0",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.20.4",
+		"@types/cookie": "^0.5.1",
+		"mdsvex": "^0.11.0",
+		"sass": "^1.67.0",
+		"svelte": "^4.0.5",
+		"svelte-check": "^3.4.3",
+		"svelte-preprocess": "^5.0.4",
+		"typescript": "^5.0.0",
+		"vite": "^4.4.2"
+	},
+	"type": "module",
+	"dependencies": {
+		"@sveltejs/adapter-cloudflare": "^2.3.3",
+		"@sveltejs/adapter-static": "^2.0.3",
+		"marked": "^9.0.0"
+	}
+}
--- a/src/app.d.ts
+++ b/src/app.d.ts
@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
--- a/src/app.html
+++ b/src/app.html
@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@ -0,0 +1,37 @@
+<!-- Footer.svelte -->
+<footer>
+	<a href="/">Home</a>
+
+	<nav>
+		<ul>
+			<li>
+				<a href="/about">About</a>
+			</li>
+			<li>
+				<a href="/contact">Contact</a>
+			</li>
+		</ul>
+	</nav>
+</footer>
+
+<style>
+	footer {
+		padding: 1rem;
+		background: lightskyblue;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+
+	ul {
+		margin: 0;
+		list-style-type: none;
+		display: flex;
+		gap: 1rem;
+	}
+
+	a {
+		text-decoration: none;
+		color: inherit;
+	}
+</style>
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@ -0,0 +1,36 @@
+<!-- Header.svelte -->
+<header>
+	<a href="/"><img src="/favicon.png" alt="logo" width="50" height="50" /></a>
+	<nav>
+		<ul>
+			<li>
+				<a href="/about">About</a>
+			</li>
+			<li>
+				<a href="/contact">Contact</a>
+			</li>
+		</ul>
+	</nav>
+</header>
+
+<style>
+	header {
+		padding: 1rem;
+		background: lightskyblue;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+
+	ul {
+		margin: 0;
+		list-style-type: none;
+		display: flex;
+		gap: 1rem;
+	}
+
+	a {
+		text-decoration: none;
+		color: inherit;
+	}
+</style>
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@ -0,0 +1,49 @@
+<script>
+	let data = import.meta.glob('/src/routes/**/+page.md');
+	let paths = data;
+  
+	function buildHierarchy(paths) {
+		const nestedList = {};
+		let fixedpaths = [];
+		let fixedpaths2 = [];
+		fixedpaths = Object.keys(paths);
+		fixedpaths.forEach((path) => {
+			const fixedpath = path.replace("/+page.md", "").replace("/src/routes", "");
+			fixedpaths2.push(fixedpath);
+		});
+		fixedpaths2.forEach((folder) => {
+			const parts = folder.split('/').filter(Boolean);
+			let currentNode = nestedList;
+
+			parts.forEach((part) => {
+				if (!currentNode[part]) {
+				currentNode[part] = {};
+				}
+				currentNode = currentNode[part];
+			});
+		});
+
+		return nestedList;
+	}
+
+  const nestedFolders = buildHierarchy(paths);
+
+  // Helper function to recursively render the nested list
+  function renderNestedList(node, prefix = '') {
+    return Object.keys(node).map((key) => {
+      const fullPath = `${prefix}/${key}`;
+      return `<li><a href="${fullPath}">${key}</a><ul>${renderNestedList(node[key], fullPath)}</ul></li>`;
+    }).join('');
+  }
+
+  const renderedList = `<ul>${renderNestedList(nestedFolders)}</ul>`;
+</script>
+
+<div class="container">
+	<div class="row">
+		<div class="col-md-12">
+			<h1>Pages</h1>
+			{@html renderedList}
+		</div>
+	</div>
+</div>
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@ -0,0 +1,34 @@
+/* style.css */
+body {
+	margin: 0;
+	background: #eee;
+	color: #333;
+	font-family: sans-serif;
+}
+
+main {
+	padding: 1rem;
+	margin: 2rem auto;
+	max-width: 40rem;
+}
+
+.column {
+	float: left;
+	padding: 10px;
+	height: auto;
+	display: table-cell;
+  }
+
+  .navbar {
+	border-right: black solid 1px;
+  }
+
+  .container {
+	display: table;
+  }
+  
+  .row:after {
+	content: "";
+	display: table;
+	clear: both;
+  }
--- a/src/lib/utils/index.js
+++ b/src/lib/utils/index.js
@ -0,0 +1,15 @@
+export const fetchMarkdownPages = async () => {
+	const allPageFiles = import.meta.glob('/src/routes/**/+page.md');
+	const iterablePageFiles = Object.entries(allPageFiles);
+	const allPages = await Promise.all(
+		iterablePageFiles.map(async ([path]) => {
+			const pagePath = path.slice(11, -3);
+
+			return {
+				path: pagePath
+			};
+		})
+	);
+
+	return allPages;
+};
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -0,0 +1,22 @@
+<script>
+	import Header from '$lib/components/Header.svelte';
+    import Footer from '$lib/components/Footer.svelte';
+    import Navbar from '$lib/components/Navbar.svelte';
+    import '$lib/styles/style.css';
+</script>
+
+<Header />
+
+<div class="container">
+    <div class="column navbar"><Navbar /></div>
+    <div class="column content">
+        <main>
+            <slot />
+        </main>
+    </div>
+</div>
+
+
+
+
+<Footer />
--- a/src/routes/+page.md
+++ b/src/routes/+page.md
@ -0,0 +1,65 @@
+# Welcome to the Svelte Markdown Wiki!
+
+Every page here is a Markdown file. Svelte does the rest!
+
+---
+## Different headers
+### Even smaller header
+
+You can use **bold**, *italic*, and ~~strikethrough~~ text.
+
+You can also use [links](/).
+
+You can use `code` blocks.
+
+You can use tables:
+
+| Header 1 | Header 2 |
+| -------- | -------- |
+| Cell 1   | Cell 2   |
+
+You can use blockquotes:
+
+> This is a blockquote.
+> It can span multiple lines.
+> > You can even nest blockquotes.
+> > > And nest them deeper.
+> > > > And deeper.
+> > > > > And deeper.
+
+You can use horizontal rules:
+
+---
+
+You can use ordered lists:
+
+1. Item 1
+2. Item 2
+3. Item 3
+   1. Item 3.1
+   2. Item 3.2
+4. Item 4
+5. Item 5
+
+You can use unordered lists:
+
+- Item 1
+- Item 2
+- Item 3
+  - Item 3.1
+  - Item 3.2
+- Item 4
+- Item 5
+
+
+You can use codeblocks:
+    
+```js
+const foo = 'bar';
+```
+
+
+
+You can use images:
+
+![Svelte logo](/favicon.png)
--- a/src/routes/Exampletopic/+page.md
+++ b/src/routes/Exampletopic/+page.md
@ -0,0 +1,2 @@
+# Exampletopic
+This is an example topic.
--- a/src/routes/Exampletopic/Introduction/+page.md
+++ b/src/routes/Exampletopic/Introduction/+page.md
@ -0,0 +1,2 @@
+# Introduction
+This is the introduction.
--- a/src/routes/Exampletopic/Introduction/Q&A/+page.md
+++ b/src/routes/Exampletopic/Introduction/Q&A/+page.md
@ -0,0 +1,2 @@
+# Q & A
+This is an example Q&A page
--- a/src/routes/__internal_api/+server.js
+++ b/src/routes/__internal_api/+server.js
@ -0,0 +1,10 @@
+import { fetchMarkdownPages } from '$lib/utils';
+import { json } from '@sveltejs/kit';
+
+export const GET = async () => {
+	const allPosts = await fetchMarkdownPages();
+	// sort posts alphabetically
+	allPosts.sort((a, b) => a.path.localeCompare(b.path));
+
+	return json(allPosts);
+};
--- a/src/routes/about/+page.md
+++ b/src/routes/about/+page.md
@ -0,0 +1,5 @@
+# About
+
+A Wiki Template by Jonas_Jones
+
+[GitHub Repository](https://github.com/J-onasJones/SvelteMarkdownWiki)
--- a/src/routes/contact/+page.md
+++ b/src/routes/contact/+page.md
@ -0,0 +1,3 @@
+# Contact
+
+This is the contact page.
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/robots.txt
+++ b/static/robots.txt
@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
--- a/svelte.config.js
+++ b/svelte.config.js
@ -0,0 +1,23 @@
+//import adapter from '@sveltejs/adapter-auto';
+import sveltePreprocess from 'svelte-preprocess';
+import adapter from '@sveltejs/adapter-cloudflare';
+import { mdsvex } from 'mdsvex';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	},
+  extensions: ['.svelte', '.md'],
+  preprocess: [
+		sveltePreprocess(),
+		mdsvex({
+			extensions: ['.md']
+		})
+	]
+};
+
+export default config;
--- a/vite.config.js
+++ b/vite.config.js
@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});