@turnipxenon/pineapple 4.0.0-alpha.3 → 4.1.0

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export type { IDialogManager } from "./components/dialog_manager/IDialogManager"
 export { default as BlogTemplate } from "./ui/templates/blog_template/BlogTemplate.svelte";
 export { default as DialogOverlay } from "./ui/modules/dialog_overlay/DialogOverlay.svelte";
 export { dialogManager } from "./components/dialog_manager/DialogManager";
+export * from "./modules/parsnip/index";

package/dist/index.js

@@ -12,3 +12,4 @@ export * from "./api/index";
 export { default as BlogTemplate } from "./ui/templates/blog_template/BlogTemplate.svelte";
 export { default as DialogOverlay } from "./ui/modules/dialog_overlay/DialogOverlay.svelte";
 export { dialogManager } from "./components/dialog_manager/DialogManager";
+export * from "./modules/parsnip/index";

package/dist/modules/parsnip/ParsnipBlockChildren.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import ParsnipHeading from "./ParsnipHeading.svelte";
+	import ParsnipList from "./ParsnipList.svelte";
+	import ParsnipParagraph from "./ParsnipParagraph.svelte";
+	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import { CodeBlock } from "../../ui/elements/index";
+	import type { Content } from "mdast";
+	import Self from "./ParsnipBlockChildren.svelte";
+
+	const { blockChildren, shouldUnwrapParagraph = false }
+		: { blockChildren: Content[], shouldUnwrapParagraph?: boolean } = $props();
+</script>
+
+{#each blockChildren as child (child)}
+	{#if child.type === 'paragraph'}
+		{#if shouldUnwrapParagraph}
+			<ParsnipPhrasingChildren phrasingChildren={child.children} />
+		{:else}
+			<ParsnipParagraph paragraph={child} />
+		{/if}
+	{:else if child.type === 'heading'}
+		<ParsnipHeading heading={child} />
+	{:else if child.type === 'blockquote'}
+		<!-- todo: do advanced things like callout blocks -->
+		<blockquote>
+			<Self blockChildren={child.children} />
+		</blockquote>
+	{:else if child.type === 'yaml'}
+		<!-- do nothing -->
+	{:else if child.type === 'code'}
+		<CodeBlock code={child.value} lang={child.lang ?? 'markdown'} />
+	{:else if child.type === 'list'}
+		<ParsnipList list={child} />
+	{:else}
+		<p>{JSON.stringify(child, undefined, 2)}</p>
+	{/if}
+{/each}

package/dist/modules/parsnip/ParsnipBlockChildren.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Content } from "mdast";
+type $$ComponentProps = {
+    blockChildren: Content[];
+    shouldUnwrapParagraph?: boolean;
+};
+declare const ParsnipBlockChildren: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipBlockChildren = ReturnType<typeof ParsnipBlockChildren>;
+export default ParsnipBlockChildren;

package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { getCmsBaseUrl } from "../../util/env-getter";
+
+	interface EmbedWikilink {
+		type: 'embedWikilink',
+		value: string;
+		fileAccessor: {
+			target: string;
+			isEmbed: false;
+			basePath: string;
+		}
+	}
+
+	const { wikilink } : { wikilink: EmbedWikilink } = $props();
+</script>
+
+<!-- todo(turnip): determine appropriate media -->
+<!-- todo(turnip): add alt text -->
+<img src={`${getCmsBaseUrl()}/${wikilink.fileAccessor.basePath}`} alt=""/>

package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts

@@ -0,0 +1,15 @@
+interface EmbedWikilink {
+    type: 'embedWikilink';
+    value: string;
+    fileAccessor: {
+        target: string;
+        isEmbed: false;
+        basePath: string;
+    };
+}
+type $$ComponentProps = {
+    wikilink: EmbedWikilink;
+};
+declare const ParsnipEmbedWikilink: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipEmbedWikilink = ReturnType<typeof ParsnipEmbedWikilink>;
+export default ParsnipEmbedWikilink;

package/dist/modules/parsnip/ParsnipEntry.d.ts

@@ -0,0 +1,7 @@
+import type { ParsnipEntrySummary } from "./ParsnipOverall";
+import type { Root } from "mdast";
+export interface ParsnipEntry extends ParsnipEntrySummary {
+    ast: {
+        ast: Root;
+    };
+}

package/dist/modules/parsnip/ParsnipEntry.js

@@ -0,0 +1 @@
+export {};

package/dist/modules/parsnip/ParsnipHeading.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import ParsnipBlockChildren from "./ParsnipBlockChildren.svelte";
+	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import type { Heading } from "mdast";
+
+	const { heading }: { heading: Heading } = $props();
+</script>
+
+{#if heading.depth === 1}
+	<h2><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h2>
+{:else if heading.depth === 2}
+	<h3><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h3>
+{:else if heading.depth === 3}
+	<h4><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h4>
+{:else if heading.depth === 4}
+	<h5><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h5>
+{:else if heading.depth === 5}
+	<h6><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h6>
+{:else if heading.depth === 6}
+	<p><ParsnipPhrasingChildren phrasingChildren={heading.children}/></p>
+{/if}

package/dist/modules/parsnip/ParsnipHeading.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Heading } from "mdast";
+type $$ComponentProps = {
+    heading: Heading;
+};
+declare const ParsnipHeading: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipHeading = ReturnType<typeof ParsnipHeading>;
+export default ParsnipHeading;

package/dist/modules/parsnip/ParsnipList.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import ParsnipBlockChildren from "./ParsnipBlockChildren.svelte";
+	import type { List } from "mdast";
+
+	const { list }: { list: List } = $props();
+</script>
+
+{#snippet childList(main: List)}
+	{#each main.children as child (child)}
+		<li>
+			<ParsnipBlockChildren blockChildren={child.children} shouldUnwrapParagraph={true} />
+		</li>
+	{/each}
+{/snippet}
+
+{#if list.ordered}
+	<ol>
+		{@render childList(list)}
+	</ol>
+{:else }
+	<ul>
+		{@render childList(list)}
+	</ul>
+{/if}

package/dist/modules/parsnip/ParsnipList.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { List } from "mdast";
+type $$ComponentProps = {
+    list: List;
+};
+declare const ParsnipList: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipList = ReturnType<typeof ParsnipList>;
+export default ParsnipList;

package/dist/modules/parsnip/ParsnipOverall.d.ts

@@ -0,0 +1,42 @@
+export interface SimplifiedEntry {
+    /**
+     * path to the source of data relative to base blog path
+     * acts as our ID
+     */
+    path: string;
+    /**
+     * url path we want this particular blog to show up in
+     */
+    slug: string;
+    /**
+     * url of preview image relative to base blog path
+     */
+    preview?: string;
+}
+export interface ParsnipEntrySummary extends SimplifiedEntry {
+    /**
+     * Name of the markdown file or title
+     */
+    basename: string;
+    name: string;
+    tags: string[];
+    stat: {
+        /**
+         * unix time
+         */
+        ctime: number;
+        /**
+         * unix time
+         */
+        mtime: number;
+    };
+}
+export interface TagEntry {
+    name: string;
+    entries: SimplifiedEntry[];
+}
+export interface ParsnipOverall {
+    files: ParsnipEntrySummary[];
+    tags: TagEntry[];
+    baseUrl: string;
+}

package/dist/modules/parsnip/ParsnipOverall.js

@@ -0,0 +1 @@
+export {};

package/dist/modules/parsnip/ParsnipParagraph.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import { type Paragraph } from "mdast";
+	// <!--	determine if we want to wrap it with p or not -->
+	const { paragraph }: { paragraph: Paragraph } = $props();
+</script>
+
+<p>
+	<ParsnipPhrasingChildren phrasingChildren={paragraph.children} />
+</p>

package/dist/modules/parsnip/ParsnipParagraph.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type Paragraph } from "mdast";
+type $$ComponentProps = {
+    paragraph: Paragraph;
+};
+declare const ParsnipParagraph: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipParagraph = ReturnType<typeof ParsnipParagraph>;
+export default ParsnipParagraph;

package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import ParsnipEmbedWikilink from "./ParsnipEmbedWikilink.svelte";
+	import ParsnipWikilink from "./ParsnipWikilink.svelte";
+	import { type PhrasingContent } from "mdast";
+	import Self from "./ParsnipPhrasingChildren.svelte";
+
+	const { phrasingChildren }: { phrasingChildren: PhrasingContent[] } = $props();
+</script>
+
+{#each phrasingChildren as child (child)}
+	{#if child.type === 'text'}
+		{child.value}
+	{:else if child.type === 'strong'}
+		<strong>
+			<Self phrasingChildren={child.children} />
+		</strong>
+	{:else if child.type === 'inlineCode'}
+		<code class="inline-code">{child.value}</code>
+	{:else if child.type === 'embedWikilink'}
+		<ParsnipEmbedWikilink wikilink={child} />
+	{:else if child.type === 'wikilink'}
+		<ParsnipWikilink wikilink={child} />
+	{:else }
+		{JSON.stringify(child, undefined, 2)}
+	{/if}
+{/each}

package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type PhrasingContent } from "mdast";
+type $$ComponentProps = {
+    phrasingChildren: PhrasingContent[];
+};
+declare const ParsnipPhrasingChildren: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipPhrasingChildren = ReturnType<typeof ParsnipPhrasingChildren>;
+export default ParsnipPhrasingChildren;

package/dist/modules/parsnip/ParsnipWikilink.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { getWebBaseUrl } from "../../util/env-getter";
+
+	interface Wikilink {
+		type: "wikilink",
+		value: string;
+		fileAccessor: {
+			target: string;
+			isEmbed: false;
+			basePath: string;
+			slug: string;
+		}
+	}
+
+	const { wikilink }: { wikilink: Wikilink } = $props();
+</script>
+
+<!-- todo(turnip): determine appropriate media -->
+<!-- todo(turnip): add alt text -->
+<a href={`${getWebBaseUrl()}/${wikilink.fileAccessor.slug}`}>{wikilink.fileAccessor.target}</a>

package/dist/modules/parsnip/ParsnipWikilink.svelte.d.ts

@@ -0,0 +1,16 @@
+interface Wikilink {
+    type: "wikilink";
+    value: string;
+    fileAccessor: {
+        target: string;
+        isEmbed: false;
+        basePath: string;
+        slug: string;
+    };
+}
+type $$ComponentProps = {
+    wikilink: Wikilink;
+};
+declare const ParsnipWikilink: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipWikilink = ReturnType<typeof ParsnipWikilink>;
+export default ParsnipWikilink;

package/dist/modules/parsnip/index.d.ts

@@ -0,0 +1,3 @@
+export { menuPageServerLoad } from "./route-util/menuPageServerLoad";
+export { slugPageServerLoad } from "./route-util/slugPageServerLoad";
+export { default as ParsnipBlog } from "./route-util/ParsnipBlog.svelte";

package/dist/modules/parsnip/index.js

@@ -0,0 +1,3 @@
+export { menuPageServerLoad } from "./route-util/menuPageServerLoad";
+export { slugPageServerLoad } from "./route-util/slugPageServerLoad";
+export { default as ParsnipBlog } from "./route-util/ParsnipBlog.svelte";

package/dist/modules/parsnip/route-util/ParsnipBlog.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { OverridableMeta, type PageMeta } from "../../..";
+	import ParsnipBlockChildren from "../ParsnipBlockChildren.svelte";
+	import type { ParsnipEntry } from "../ParsnipEntry";
+	import BlogTemplate from "../../../ui/templates/blog_template/BlogTemplate.svelte";
+
+	const { parsnipEntry }: { parsnipEntry: ParsnipEntry } = $props();
+
+	const pageMeta: PageMeta = $derived({
+		nestedPages: [],
+		relativeLink: "",
+		tags: parsnipEntry.tags,
+		title: parsnipEntry.basename,
+		datePublished: new Date(parsnipEntry.stat.ctime).toLocaleString(),
+		lastUpdated: new Date(parsnipEntry.stat.mtime).toLocaleString()
+	});
+</script>
+
+<OverridableMeta
+	title={parsnipEntry.basename}
+	ogTitle={parsnipEntry.basename}
+	ogDescription=""
+	ogImage={parsnipEntry.preview}
+/>
+
+<BlogTemplate pageMeta={pageMeta}>
+	<ParsnipBlockChildren blockChildren={parsnipEntry.ast.ast.children} />
+</BlogTemplate>

package/dist/modules/parsnip/route-util/ParsnipBlog.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { ParsnipEntry } from "../ParsnipEntry";
+type $$ComponentProps = {
+    parsnipEntry: ParsnipEntry;
+};
+declare const ParsnipBlog: import("svelte").Component<$$ComponentProps, {}, "">;
+type ParsnipBlog = ReturnType<typeof ParsnipBlog>;
+export default ParsnipBlog;

package/dist/modules/parsnip/route-util/menuPageServerLoad.d.ts

@@ -0,0 +1,6 @@
+import type { ParsnipOverall } from "../ParsnipOverall";
+export declare const menuPageServerLoad: () => Promise<{
+    parsnipOverall: ParsnipOverall;
+} | {
+    parsnipOverall?: undefined;
+}>;

package/dist/modules/parsnip/route-util/menuPageServerLoad.js

@@ -0,0 +1,14 @@
+import { getCmsBaseUrl } from "../../../util/env-getter";
+export const menuPageServerLoad = async () => {
+    const baseUrl = getCmsBaseUrl();
+    const post = await fetch(`${baseUrl}/main.meta.json`);
+    if (post.ok) {
+        return {
+            parsnipOverall: {
+                ...(await post.json()),
+                baseUrl
+            }
+        };
+    }
+    return {};
+};

package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts

@@ -0,0 +1,8 @@
+import type { ParsnipEntry } from "../ParsnipEntry";
+export declare const slugPageServerLoad: ({ params }: {
+    params: {
+        slug: string;
+    };
+}) => Promise<{
+    parsnipEntry: ParsnipEntry;
+}>;

package/dist/modules/parsnip/route-util/slugPageServerLoad.js

@@ -0,0 +1,24 @@
+import { getCmsBaseUrl } from "../../../util/env-getter";
+import { error } from "@sveltejs/kit";
+export const slugPageServerLoad = async ({ params }) => {
+    const baseUrl = getCmsBaseUrl();
+    const mainMeta = await fetch(`${baseUrl}/main.meta.json`);
+    if (!mainMeta.ok) {
+        error(400, "Not found");
+    }
+    const parsnipOverall = {
+        ...(await mainMeta.json()),
+        baseUrl
+    };
+    const entryMeta = parsnipOverall.files.find(f => f.slug === params.slug);
+    if (!entryMeta) {
+        error(400, "Not found");
+    }
+    const entryResponse = await fetch(`${baseUrl}/${entryMeta.path}`);
+    if (!entryResponse.ok) {
+        error(400, "Not found");
+    }
+    return {
+        parsnipEntry: await entryResponse.json()
+    };
+};

package/dist/paraglide/runtime.d.ts

@@ -297,7 +297,7 @@ export const urlPatterns: Array<{
 export let serverAsyncLocalStorage: ParaglideAsyncLocalStorage | undefined;
 export const disableAsyncLocalStorage: false;
 export const experimentalMiddlewareLocaleSplitting: false;
-export const isServer: any;
+export const isServer: boolean;
 /**
  * Get the current locale.
  *

package/dist/styles/app.css

@@ -81,6 +81,16 @@ html.dark .shiki span {
     text-decoration: var(--shiki-dark-text-decoration) !important;
 }
 
+.inline-code {
+    background-color: aliceblue;
+    padding: 0.2rem;
+    border-radius: 0.2rem;
+}
+
+html.dark .inline-code {
+    background-color: #303446;
+}
+
 .shiki {
     span {
         white-space: pre-wrap;
@@ -138,4 +148,4 @@ pre button.copy {
     }
 }
 
-/* endregion shiki copy button */
+/* endregion shiki copy button */

package/dist/styles/turnip-theme.css

@@ -251,7 +251,7 @@ blockquote {
 }
 
 h1, h2, h3, h4, h5, h6, .fake-h1, .fake-h2, .fake-h3, .fake-h4 {
-    text-align: center;
+    text-align: start;
     margin-top: 0;
     font-weight: bolder;
     color: var(--color-primary-900);
@@ -261,6 +261,10 @@ h1, h2, h3, h4, h5, h6, .fake-h1, .fake-h2, .fake-h3, .fake-h4 {
     }
 }
 
+h1 {
+    text-align: center;
+}
+
 h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .fake-h2 + p, .fake-h3 + p, .fake-h4 + p {
     margin-top: 0.5lh;
 }
@@ -328,6 +332,10 @@ ol {
     list-style: decimal inside;
 }
 
+li > ul, li > ol {
+    margin-inline-start: 2em;
+}
+
 p {
     @apply mb-3;
 }
@@ -335,3 +343,4 @@ p {
 @theme {
     --color-secondary-0: oklch(99% 0.02 38.38deg);
 }
+

package/dist/ui/modules/NavigationMenu/NavigationControl.svelte

@@ -16,15 +16,6 @@
 		pageSize = $bindable()
 	}: Props = $props();
 
-	const queryIndex = page.url.searchParams.get("index");
-	if (queryIndex) {
-		currentIndex = parseInt(queryIndex) || 0;
-	}
-	const queryPageSize = page.url.searchParams.get("pageSize");
-	if (queryPageSize) {
-		pageSize = parseInt(queryPageSize) || 5;
-	}
-
 	const movePage = (isNext: boolean) => {
 		if (isNext) {
 			currentIndex = currentIndex + 1;
@@ -38,6 +29,15 @@
 	};
 
 	onMount(() => {
+		const queryIndex = page.url.searchParams.get("index");
+		if (queryIndex) {
+			currentIndex = parseInt(queryIndex) || 0;
+		}
+		const queryPageSize = page.url.searchParams.get("pageSize");
+		if (queryPageSize) {
+			pageSize = parseInt(queryPageSize) || 5;
+		}
+
 		const query = new URLSearchParams(page.url.searchParams.toString());
 		query.set("index", currentIndex.toString());
 		query.set("pageSize", pageSize.toString());
@@ -71,4 +71,4 @@
         justify-content: space-between;
         align-items: center;
     }
-</style>
+</style>

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
+	import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
 	import NavigationControl from "./NavigationControl.svelte";
-	import { parsePageMeta, type ParsePageMetaCompareFn } from "./PageMeta";
+	import {
+		DefaultPageMetaSorter,
+		type PageMeta,
+		parsePageMeta,
+		type ParsePageMetaCompareFn
+	} from "./PageMeta";
 	import { PinyaCard } from "../../elements/index";
 	import { localizeHref } from "../../../paraglide/runtime.js";
 
@@ -18,6 +24,7 @@
 		compareFn?: undefined | ParsePageMetaCompareFn;
 		pageSize?: number;
 		currentIndex?: number;
+		parsnipOverall?: ParsnipOverall;
 	}
 
 	let {
@@ -30,10 +37,30 @@
 		allowUpperControl = true,
 		compareFn = undefined,
 		pageSize = $bindable(5),
-		currentIndex = $bindable(0)
+		currentIndex = $bindable(0),
+		parsnipOverall = undefined
 	}: Props = $props();
 
-	const pageFlatList = $state(parsePageMeta(fileList, jsonList, imageMap, compareFn));
+	const fileBasedList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
+	const parsnipBasedList = parsnipOverall?.files.map(pf => {
+		const meta: PageMeta = {
+			title: pf.basename,
+			nestedPages: [],
+			relativeLink: pf.slug,
+			tags: pf.tags,
+			imageUrl: pf.preview ? `${parsnipOverall.baseUrl}/${pf.preview}` : undefined,
+			datePublished: pf.stat.ctime ? new Date(pf.stat.ctime).toISOString().split("T")[0] : undefined,
+			lastUpdated: pf.stat.mtime ? new Date(pf.stat.mtime).toISOString().split("T")[0] : undefined
+		};
+		return meta;
+	}) ?? [];
+	const pageFlatList = fileBasedList.concat(parsnipBasedList);
+
+	if (compareFn) {
+		pageFlatList.sort(compareFn);
+	} else {
+		pageFlatList.sort(DefaultPageMetaSorter);
+	}
 
 	let visiblePages = $derived(pageFlatList.slice(currentIndex * pageSize, (currentIndex * pageSize) + pageSize));
 </script>
@@ -60,8 +87,9 @@
 	<div class="navigation-component">
 		<!-- all the misc routes-->
 		{#each visiblePages as pageMeta (pageMeta.title)}
-			{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}
-			<a href={localizeHref(fullPath)} class="card-anchor a-as-btn">
+			{@const fullPath = `${parentSubpath}${pageMeta.relativeLink}`}
+			<!-- thank you so much to https://www.reddit.com/r/sveltejs/comments/yoe6in/comment/jvaj1ez -->
+			<a href={localizeHref(fullPath)} class="card-anchor a-as-btn" data-sveltekit-reload>
 				<PinyaCard
 					widthClass="w-full"
 					className="navigation-element"
@@ -89,7 +117,7 @@
 
 		{#if visiblePages.length === 0}
 			<PinyaCard>
-					<p class="default-card">Sorry, no content was found</p>
+				<p class="default-card">Sorry, no content was found</p>
 			</PinyaCard>
 		{/if}
 	</div>
@@ -167,7 +195,7 @@
         flex-direction: column;
         max-width: 1000px;
         width: 100%;
-		    gap: 1lh;
+        gap: 1lh;
     }
 
     .tag-container {
@@ -175,23 +203,23 @@
     }
 
     a.card-anchor {
-		    filter: none;
+        filter: none;
     }
 
     :global(.navigation-element) {
-		    transition: 0.3s;
+        transition: 0.3s;
     }
 
     :global(.navigation-element:hover) {
         transform: scale(1.02);
-		    box-shadow: 10px 5px 5px rgba(49, 8, 0, 0.25);
+        box-shadow: 10px 5px 5px rgba(49, 8, 0, 0.25);
     }
 
     :global(.dark .navigation-element:hover) {
-		    box-shadow: 10px 5px 5px rgba(16, 0, 0, 0.35);
+        box-shadow: 10px 5px 5px rgba(16, 0, 0, 0.35);
     }
 
     h2 {
-		    text-align: start;
+        text-align: start;
     }
-</style>
+</style>

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
 import { type ParsePageMetaCompareFn } from "./PageMeta";
 interface Props {
     fileList: Record<string, unknown>;
@@ -13,6 +14,7 @@ interface Props {
     compareFn?: undefined | ParsePageMetaCompareFn;
     pageSize?: number;
     currentIndex?: number;
+    parsnipOverall?: ParsnipOverall;
 }
 declare const NavigationMenu: import("svelte").Component<Props, {}, "currentIndex" | "pageSize">;
 type NavigationMenu = ReturnType<typeof NavigationMenu>;

package/dist/ui/modules/NavigationMenu/PageMeta.js

@@ -39,6 +39,9 @@ export const parsePageMeta = (fileList, jsonList, imageMap, compareFn) => {
         }
     });
     for (const path in fileList) {
+        if (path.includes('[...')) {
+            continue;
+        }
         const pathEnd = path.split("../").pop();
         const pathParts = pathEnd.split("/");
         pathParts.pop();

package/dist/ui/templates/blog_template/blog-template.css

@@ -1,7 +1,3 @@
-.article-content p {
-    text-indent: 2em;
-}
-
 .article-content > * {
     margin-bottom: 0.5lh;
 }

package/dist/util/env-getter.d.ts

@@ -0,0 +1,2 @@
+export declare const getCmsBaseUrl: () => any;
+export declare const getWebBaseUrl: () => any;

package/dist/util/env-getter.js

@@ -0,0 +1,2 @@
+export const getCmsBaseUrl = () => import.meta.env.VITE_PARSNIP_BASE_URL ?? 'https://gitlab.com/turnipxenon-personal/test-obdisian/-/raw/main';
+export const getWebBaseUrl = () => import.meta.env.VITE_WEB_BASE_URL ?? '/pineapple';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "4.0.0-alpha.3",
+  "version": "4.1.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",
@@ -15,9 +15,12 @@
     "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
     "preview": "vite preview",
     "prepublishOnly": "yarn package",
-    "to-dev": "git checkout main && git pull origin main && git branch -d turnip/dev && git checkout -b turnip/dev"
+    "to-dev": "git checkout main && git pull origin main && git branch -d turnip/dev && git checkout -b turnip/dev",
+    "prepare": "husky"
   },
   "devDependencies": {
+    "@commitlint/cli": "^19.8.0",
+    "@commitlint/config-conventional": "^19.8.0",
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
     "@sveltejs/adapter-auto": "^4.0.0",
@@ -27,7 +30,10 @@
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-svelte": "^3.0.0",
     "globals": "^16.0.0",
+    "husky": "^9.1.7",
     "madge": "^8.0.0",
+    "mdast": "^3.0.0",
+    "mdast-util-from-markdown": "^1.0.2",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.11",

package/src/lib/styles/app.css

@@ -81,6 +81,16 @@ html.dark .shiki span {
     text-decoration: var(--shiki-dark-text-decoration) !important;
 }
 
+.inline-code {
+    background-color: aliceblue;
+    padding: 0.2rem;
+    border-radius: 0.2rem;
+}
+
+html.dark .inline-code {
+    background-color: #303446;
+}
+
 .shiki {
     span {
         white-space: pre-wrap;
@@ -138,4 +148,4 @@ pre button.copy {
     }
 }
 
-/* endregion shiki copy button */
+/* endregion shiki copy button */