@turnipxenon/pineapple 5.1.0 → 5.2.0

package/dist/remoteIndex.remote.d.ts

@@ -1,2 +1,3 @@
 export * from "./util/getParsnipData.remote";
+export * from "./util/getCommitDate.remote";
 //# sourceMappingURL=remoteIndex.remote.d.ts.map

package/dist/remoteIndex.remote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remoteIndex.remote.d.ts","sourceRoot":"","sources":["../src/lib/remoteIndex.remote.ts"],"names":[],"mappings":"AAEA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"remoteIndex.remote.d.ts","sourceRoot":"","sources":["../src/lib/remoteIndex.remote.ts"],"names":[],"mappings":"AAEA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/dist/remoteIndex.remote.js

@@ -1,2 +1,3 @@
 // noinspection JSUnusedGlobalSymbols
 export * from "./util/getParsnipData.remote";
+export * from "./util/getCommitDate.remote";

package/dist/styles/color-tokens.css

@@ -8,6 +8,7 @@ html {
     --color-warning-700-400: var(--color-warning-700);
     --color-surface-50-950: var(--color-surface-50);
     --color-surface-700-600: var(--color-surface-700);
+    --color-surface-900-100: var(--color-surface-900);
 }
 
 html.dark {
@@ -20,4 +21,5 @@ html.dark {
     --color-warning-700-400: var(--color-warning-400);
     --color-surface-50-950: var(--color-surface-950);
     --color-surface-700-600: var(--color-surface-600);
+    --color-surface-900-100: var(--color-surface-100);
 }

package/dist/svelteIndex.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { SnippetMeta } from "./ui/templates/index";
+export declare const projectList: SnippetMeta[];
+//# sourceMappingURL=svelteIndex.svelte.d.ts.map

package/dist/svelteIndex.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelteIndex.svelte.d.ts","sourceRoot":"","sources":["../src/lib/svelteIndex.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAM3D,eAAO,MAAM,WAAW,EAAE,WAAW,EAMpC,CAAC"}

package/dist/svelteIndex.svelte.js

@@ -0,0 +1,13 @@
+// noinspection JSUnusedGlobalSymbols
+import * as ObsidianPublisher from "./ui/modules/projects/ObsidianPublisher.svelte";
+import * as Hepcat from "./ui/modules/projects/Hepcat.svelte";
+import * as Pengi from "./ui/modules/projects/Pengi.svelte";
+import * as Soulwork from "./ui/modules/projects/Soulwork.svelte";
+import * as ThisWebpage from "./ui/modules/projects/ThisWebpage.svelte";
+export const projectList = [
+    ThisWebpage,
+    Hepcat,
+    Pengi,
+    Soulwork,
+    ObsidianPublisher
+];

package/dist/ui/components/index.d.ts

@@ -2,4 +2,6 @@ export * from "./accordion";
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export { default as ProjectDateBadge } from "./project-date-badge/ProjectDateBadge.svelte";
+export * from "./project-date-badge/ProjectDateBageProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,cAAc,2CAA2C,CAAC"}

package/dist/ui/components/index.js

@@ -2,3 +2,5 @@ export * from "./accordion";
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export { default as ProjectDateBadge } from "./project-date-badge/ProjectDateBadge.svelte";
+export * from "./project-date-badge/ProjectDateBageProps";

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte

@@ -0,0 +1,160 @@
+<script lang="ts">
+	import { slide } from 'svelte/transition';
+	import type { ProjectDateBageProps } from "./ProjectDateBageProps";
+	import { TextLink } from "../../elements/index";
+
+	let {
+		dateStarted,
+		dateFinished,
+		isOngoing = false,
+		commitCount,
+		gitRepoLink
+	}: ProjectDateBageProps = $props();
+
+	function formatDate(date: Date | string): string {
+		const d = date instanceof Date ? date : new Date(date);
+		return d.toLocaleDateString("en-US", { month: "short", year: "numeric" });
+	}
+
+	function getDurationText(start: Date | string, end?: Date | string): string {
+		const startDate = start instanceof Date ? start : new Date(start);
+		const endDate = end ? (end instanceof Date ? end : new Date(end)) : new Date();
+
+		const totalMonths =
+			(endDate.getFullYear() - startDate.getFullYear()) * 12 +
+			(endDate.getMonth() - startDate.getMonth());
+
+		if (totalMonths < 1) {
+			const days = Math.max(1, Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)));
+			return `${days} day${days !== 1 ? "s" : ""}`;
+		}
+
+		const years = Math.floor(totalMonths / 12);
+		const months = totalMonths % 12;
+
+		if (years === 0) return `${months} mo${months !== 1 ? "s" : ""}`;
+		if (months === 0) return `${years} yr${years !== 1 ? "s" : ""}`;
+		return `${years} yr${years !== 1 ? "s" : ""} ${months} mo${months !== 1 ? "s" : ""}`;
+	}
+
+	const hasData = $derived(!!dateStarted);
+</script>
+
+{#if hasData}
+	<section transition:slide class="project-date-badge">
+		<div class="badge-row">
+			<span class="date-info">
+				{formatDate(dateStarted!)}
+				<span class="separator">→</span>
+				{#if isOngoing}
+					<span class="ongoing-label">Present</span>
+				{:else if dateFinished}
+					{formatDate(dateFinished)}
+				{:else}
+					<span class="unknown-label">?</span>
+				{/if}
+			</span>
+
+			{#if dateStarted}
+				<span class="duration">
+					{getDurationText(dateStarted, isOngoing ? undefined : dateFinished)}
+				</span>
+			{/if}
+		</div>
+
+		{#if commitCount != null || isOngoing}
+			<div class="badge-row secondary-row">
+				{#if isOngoing}
+					<span class="ongoing-badge">ongoing</span>
+				{/if}
+				{#if commitCount != null && gitRepoLink}
+					<TextLink href={gitRepoLink} target="_blank" rel="noopener noreferrer" class="commit-count">
+						{commitCount} commit{commitCount !== 1 ? "s" : ""}
+					</TextLink>
+				{:else if commitCount != null}
+					<span class="commit-count">{commitCount} commit{commitCount !== 1 ? "s" : ""}</span>
+				{/if}
+			</div>
+		{/if}
+	</section>
+{/if}
+
+<style>
+    .project-date-badge {
+        display: flex;
+        flex-direction: column;
+        gap: 0.375rem;
+        padding: 0.75rem 0;
+        margin-top: 0.75rem;
+        border-top: 1px solid var(--color-surface-900-100);
+        font-size: 0.8125rem;
+        line-height: 1.4;
+    }
+
+    .badge-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+    }
+
+    .date-info {
+        color: var(--color-surface-900-100);
+    }
+
+    .separator {
+        margin: 0 0.25rem;
+        color: var(--color-surface-900-100);
+    }
+
+    .ongoing-label {
+        color: var(--color-primary-400-600);
+        font-weight: 600;
+    }
+
+    .unknown-label {
+        color: var(--color-surface-900-100);
+        font-style: italic;
+    }
+
+    .duration {
+        color: var(--color-surface-900-100);
+        font-weight: 500;
+    }
+
+    .secondary-row {
+        justify-content: flex-start;
+        gap: 0.5rem;
+    }
+
+    .ongoing-badge {
+        display: inline-block;
+        padding: 0.125rem 0.5rem;
+        border-radius: var(--radius-md, 0.375rem);
+        background-color: var(--color-primary-50-900);
+        color: var(--color-primary-700);
+        font-size: 0.75rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.025em;
+    }
+
+    :global(html.dark) .ongoing-badge {
+        color: var(--color-primary-300);
+    }
+
+    .commit-count {
+        font-size: 0.75rem;
+        color: var(--color-surface-900-100);
+    }
+
+    a.commit-count {
+        text-decoration: none;
+    }
+
+    a.commit-count:hover {
+        text-decoration: underline;
+        color: var(--color-primary-400-600);
+    }
+</style>

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ProjectDateBageProps } from "./ProjectDateBageProps";
+declare const ProjectDateBadge: import("svelte").Component<ProjectDateBageProps, {}, "">;
+type ProjectDateBadge = ReturnType<typeof ProjectDateBadge>;
+export default ProjectDateBadge;
+//# sourceMappingURL=ProjectDateBadge.svelte.d.ts.map

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDateBadge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/project-date-badge/ProjectDateBadge.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAwFvG,QAAA,MAAM,gBAAgB,0DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/ui/components/project-date-badge/ProjectDateBageProps.d.ts

@@ -0,0 +1,8 @@
+export interface ProjectDateBageProps {
+    dateStarted?: Date | string;
+    dateFinished?: Date | string;
+    isOngoing?: boolean;
+    commitCount?: number;
+    gitRepoLink?: string;
+}
+//# sourceMappingURL=ProjectDateBageProps.d.ts.map

package/dist/ui/components/project-date-badge/ProjectDateBageProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDateBageProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/project-date-badge/ProjectDateBageProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACpC,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/ui/components/project-date-badge/ProjectDateBageProps.js

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

package/dist/ui/modules/projects/Hepcat.svelte

@@ -3,6 +3,7 @@
 <script module lang="ts">
 	import HeaderHepCat from "../../../assets/temp/header-hep-cat.mp4";
 	import BitbucketIcon from "../../../assets/icons/bitbucket-icon.svg";
+	import ProjectDateBadge from "../../components/project-date-badge/ProjectDateBadge.svelte";
 	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
@@ -13,9 +14,10 @@
 	const key = "Hepcat";
 	const dateStarted = "2020-01-01";
 	const dateFinished = "2020-04-15";
+	const priority = 100;
 	const tags = ["unity", "csharp", "game", "rhythm", "rpgmaker"];
 	// type SnippetMeta at src/lib/ui/templates/SeaweedLayout/props.ts:6
-	export { component, key, dateStarted, dateFinished, tags };
+	export { component, key, dateStarted, dateFinished, tags, priority };
 </script>
 
 {#snippet component(props: ProjectComponentProps)}
@@ -52,6 +54,13 @@
 			files.
 		</p>
 
+		<ProjectDateBadge
+			dateStarted={props.snippetMeta?.dateStarted}
+			dateFinished={props.snippetMeta?.dateFinished}
+			isOngoing={props.snippetMeta?.tags?.includes("ongoing") ?? false}
+			commitCount={props.snippetMeta?.commitCount}
+			gitRepoLink={props.snippetMeta?.gitRepoLink}
+		/>
 
 		<section class="game-link-section">
 			<PinyaButton
@@ -67,6 +76,7 @@
 				<ImageIcon alt="itch.io icon" src={ItchLogoHotLink}></ImageIcon>
 			</PinyaButton>
 		</section>
+
 	</FourPartCard>
 {/snippet}
 

package/dist/ui/modules/projects/Hepcat.svelte.d.ts

@@ -3,8 +3,9 @@ declare const component: (props: ProjectComponentProps) => ReturnType<import("sv
 declare const key = "Hepcat";
 declare const dateStarted = "2020-01-01";
 declare const dateFinished = "2020-04-15";
+declare const priority = 100;
 declare const tags: string[];
-export { component, key, dateStarted, dateFinished, tags };
+export { component, key, dateStarted, dateFinished, tags, priority };
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/ui/modules/projects/Hepcat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hepcat.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Hepcat.svelte.ts"],"names":[],"mappings":"AAKC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAwChG,CAAC;AAE7B,QAAA,MAAM,GAAG,WAAW,CAAC;AACrB,QAAA,MAAM,WAAW,eAAe,CAAC;AACjC,QAAA,MAAM,YAAY,eAAe,CAAC;AAClC,QAAA,MAAM,IAAI,UAAoD,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAY5D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,MAAM;;kBAA+E,CAAC;AAC1E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Hepcat.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Hepcat.svelte.ts"],"names":[],"mappings":"AAMC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CA0ChG,CAAC;AAE7B,QAAA,MAAM,GAAG,WAAW,CAAC;AACrB,QAAA,MAAM,WAAW,eAAe,CAAC;AACjC,QAAA,MAAM,YAAY,eAAe,CAAC;AAClC,QAAA,MAAM,QAAQ,MAAM,CAAC;AACrB,QAAA,MAAM,IAAI,UAAoD,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAYtE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,MAAM;;kBAA+E,CAAC;AAC1E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/ui/modules/projects/ObsidianPublisher.svelte

@@ -0,0 +1,73 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
+<script module lang="ts">
+	import GithubIcon from "../../../assets/icons/github-mark.svg";
+	import LinkIcon from "../../../assets/icons/link-icon.svg";
+	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import ProjectDateBadge from "../../components/project-date-badge/ProjectDateBadge.svelte";
+	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
+	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
+	import { default as TextChip } from "../../elements/TextChip/TextChip.svelte";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+
+	const key = "ObsidianPublisher";
+	const startCommit = "https://github.com/TurnipXenon/obsidian-blog-publisher/commit/d8eaecacc3703a57c16b400d3bea6428b0dbfaee"; // fill in GitHub commit URL to auto-resolve dateStarted
+	const gitRepoLink = "https://github.com/TurnipXenon/obsidian-blog-publisher";
+	const tags = ["plugin", "typescript", "obsidian"];
+	export { component, key, startCommit, gitRepoLink, tags };
+</script>
+<script>
+	import { TextLink } from "../../elements/index";
+</script>
+
+{#snippet component(props: ProjectComponentProps)}
+	<FourPartCard>
+
+		{#snippet headerCover()}
+			<img
+				class="game-video-cover"
+				alt="Screenshot showing the blog on the left and the source Obsidian page on the right with a UI on top prompting the user which selection or webpage to push"
+				src="https://github.com/TurnipXenon/obsidian-blog-publisher/raw/main/docs/showcase.png" />
+		{/snippet}
+
+		{#snippet header()}
+			<h3>Blog Publisher Plugin</h3>
+		{/snippet}
+
+		<p>
+			An Obsidian plugin that publishes my blog to a selected website.
+			It generates AST of the Markdown files, which it then publishes to a git repo.
+			The plugin follows it up with a Cloudflare rebuild of the website, which would read the contents of the repo.
+			A module in the website called
+			<TextLink href="https://github.com/TurnipXenon/pineapple/pull/152">Parsnip</TextLink>
+			generates custom pages based on these AST files.
+		</p>
+
+		<ProjectDateBadge
+			dateStarted={props.snippetMeta?.dateStarted}
+			dateFinished={props.snippetMeta?.dateFinished}
+			isOngoing={props.snippetMeta?.tags?.includes("ongoing") ?? false}
+			commitCount={props.snippetMeta?.commitCount}
+			gitRepoLink={props.snippetMeta?.gitRepoLink}
+		/>
+
+		<section class="game-link-section">
+			<PinyaButton
+				buttonVariant={ButtonVariant.Image}
+				title="https://github.com/TurnipXenon/obsidian-blog-publisher"
+				onclick={() => window.open("https://github.com/TurnipXenon/obsidian-blog-publisher")}>
+				<ImageIcon src={GithubIcon} class="long-btn-image" alt="github icon" />
+			</PinyaButton>
+			<PinyaButton
+				data-nosnippet
+				buttonVariant={ButtonVariant.SmallIcon}
+				title="https://www.turnipxenon.com/blogs"
+				onclick={() => window.open("https://www.turnipxenon.com/blogs")}>
+				<ImageIcon src={LinkIcon} aria-hidden />
+				<span>turnipxenon.com/blogs</span>
+			</PinyaButton>
+		</section>
+
+	</FourPartCard>
+{/snippet}

package/dist/ui/modules/projects/ObsidianPublisher.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+declare const key = "ObsidianPublisher";
+declare const startCommit = "https://github.com/TurnipXenon/obsidian-blog-publisher/commit/d8eaecacc3703a57c16b400d3bea6428b0dbfaee";
+declare const gitRepoLink = "https://github.com/TurnipXenon/obsidian-blog-publisher";
+declare const tags: string[];
+export { component, key, startCommit, gitRepoLink, tags };
+declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ObsidianPublisher: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ObsidianPublisher = InstanceType<typeof ObsidianPublisher>;
+export default ObsidianPublisher;
+//# sourceMappingURL=ObsidianPublisher.svelte.d.ts.map

package/dist/ui/modules/projects/ObsidianPublisher.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObsidianPublisher.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/ObsidianPublisher.svelte.ts"],"names":[],"mappings":"AAWC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAEnG,QAAA,MAAM,GAAG,sBAAsB,CAAC;AAChC,QAAA,MAAM,WAAW,2GAA2G,CAAC;AAC7H,QAAA,MAAM,WAAW,2DAA2D,CAAC;AAC7E,QAAA,MAAM,IAAI,UAAuC,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAI1D,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAiChG,CAAC;AAY9B,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,iBAAiB;;kBAA+E,CAAC;AACrF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,eAAe,iBAAiB,CAAC"}

package/dist/ui/modules/projects/Pengi.svelte

@@ -3,6 +3,7 @@
 <script module lang="ts">
 	import HeaderPengi from "../../../assets/temp/header-pengi.mp4";
 	import GithubIcon from "../../../assets/icons/github-mark.svg";
+	import ProjectDateBadge from "../../components/project-date-badge/ProjectDateBadge.svelte";
 	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
@@ -11,10 +12,12 @@
 	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "Pengi";
-	const dateStarted = "2020-08-01";
-	const dateFinished = "2020-12-15";
+	const priority = 80;
+	const startCommit = "https://github.com/GreenTea-M/ProjectPengi/commit/401cbf7448374109f1a330bba11db87326034801"; // fill in GitHub commit URL to auto-resolve dateStarted
+	const endCommit = "https://github.com/GreenTea-M/ProjectPengi/commit/0175ec669a3c935a798fdb3c85fb37506d4b5557"; // fill in GitHub commit URL to auto-resolve dateFinished
+	const gitRepoLink = "https://github.com/GreenTea-M/ProjectPengi";
 	const tags = ["unity", "csharp", "game", "narrative", "yarnspinner"];
-	export { component, key, dateStarted, dateFinished, tags };
+	export { component, key, startCommit, endCommit, gitRepoLink, tags, priority };
 </script>
 
 {#snippet component(props: ProjectComponentProps)}
@@ -44,6 +47,14 @@
 			to use to create expressive stage directions in the script.
 		</p>
 
+		<ProjectDateBadge
+			dateStarted={props.snippetMeta?.dateStarted}
+			dateFinished={props.snippetMeta?.dateFinished}
+			isOngoing={props.snippetMeta?.tags?.includes("ongoing") ?? false}
+			commitCount={props.snippetMeta?.commitCount}
+			gitRepoLink={props.snippetMeta?.gitRepoLink}
+		/>
+
 		<section class="game-link-section">
 			<PinyaButton
 				buttonVariant={ButtonVariant.Image}

package/dist/ui/modules/projects/Pengi.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "Pengi";
-declare const dateStarted = "2020-08-01";
-declare const dateFinished = "2020-12-15";
+declare const priority = 80;
+declare const startCommit = "https://github.com/GreenTea-M/ProjectPengi/commit/401cbf7448374109f1a330bba11db87326034801";
+declare const endCommit = "https://github.com/GreenTea-M/ProjectPengi/commit/0175ec669a3c935a798fdb3c85fb37506d4b5557";
+declare const gitRepoLink = "https://github.com/GreenTea-M/ProjectPengi";
 declare const tags: string[];
-export { component, key, dateStarted, dateFinished, tags };
+export { component, key, startCommit, endCommit, gitRepoLink, tags, priority };
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/ui/modules/projects/Pengi.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pengi.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Pengi.svelte.ts"],"names":[],"mappings":"AAKC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAoChG,CAAC;AAE7B,QAAA,MAAM,GAAG,UAAU,CAAC;AACpB,QAAA,MAAM,WAAW,eAAe,CAAC;AACjC,QAAA,MAAM,YAAY,eAAe,CAAC;AAClC,QAAA,MAAM,IAAI,UAA0D,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAS5D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,KAAK;;kBAA+E,CAAC;AACzE,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Pengi.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Pengi.svelte.ts"],"names":[],"mappings":"AAMC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAsChG,CAAC;AAE7B,QAAA,MAAM,GAAG,UAAU,CAAC;AACpB,QAAA,MAAM,QAAQ,KAAK,CAAC;AACpB,QAAA,MAAM,WAAW,+FAA+F,CAAC;AACjH,QAAA,MAAM,SAAS,+FAA+F,CAAC;AAC/G,QAAA,MAAM,WAAW,+CAA+C,CAAC;AACjE,QAAA,MAAM,IAAI,UAA0D,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAShF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,KAAK;;kBAA+E,CAAC;AACzE,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/ui/modules/projects/Soulwork.svelte

@@ -3,6 +3,7 @@
 <script module lang="ts">
 	import HeaderSoulwork from "../../../assets/temp/header-soulwork.mp4";
 	import GithubIcon from "../../../assets/icons/github-mark.svg";
+	import ProjectDateBadge from "../../components/project-date-badge/ProjectDateBadge.svelte";
 	import type { ProjectComponentProps } from "../../templates/SeaweedLayout";
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
@@ -11,10 +12,11 @@
 	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "Soulwork";
-	const dateStarted = "2019-11-09";
-	const dateFinished = "2019-11-10";
-	const tags = ["unity", "csharp", "game", "gamejam", "physics"];
-	export { component, key, dateStarted, dateFinished, tags };
+	const startCommit = "https://github.com/Zeyu-Li/Clockwork/commit/b033be1b2e6cd3ff8cb706f2860a22456e911acb"; // fill in GitHub commit URL to auto-resolve dateStarted
+	const endCommit = "https://github.com/Zeyu-Li/Clockwork/commit/7dbfef1fe64b45b2eac4b6555747e18f7b5f8848"; // fill in GitHub commit URL to auto-resolve dateFinished
+	const gitRepoLink = "https://github.com/Zeyu-Li/Clockwork";
+	const tags = ["unity", "csharp", "game", "game-jam", "physics"];
+	export { component, key, startCommit, endCommit, gitRepoLink, tags };
 </script>
 
 {#snippet component(props: ProjectComponentProps)}
@@ -43,6 +45,13 @@
 			was made in <span class="qt-unity">Unity</span> written using <span class="qt-cs">C#</span>.
 		</p>
 
+		<ProjectDateBadge
+			dateStarted={props.snippetMeta?.dateStarted}
+			dateFinished={props.snippetMeta?.dateFinished}
+			isOngoing={props.snippetMeta?.tags?.includes("ongoing") ?? false}
+			commitCount={props.snippetMeta?.commitCount}
+			gitRepoLink={props.snippetMeta?.gitRepoLink}
+		/>
 
 		<section class="game-link-section">
 			<PinyaButton
@@ -58,5 +67,6 @@
 				<ImageIcon alt="itch.io icon" src={ItchLogoHotLink} />
 			</PinyaButton>
 		</section>
+
 	</FourPartCard>
 {/snippet}

package/dist/ui/modules/projects/Soulwork.svelte.d.ts

@@ -1,10 +1,11 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout";
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "Soulwork";
-declare const dateStarted = "2019-11-09";
-declare const dateFinished = "2019-11-10";
+declare const startCommit = "https://github.com/Zeyu-Li/Clockwork/commit/b033be1b2e6cd3ff8cb706f2860a22456e911acb";
+declare const endCommit = "https://github.com/Zeyu-Li/Clockwork/commit/7dbfef1fe64b45b2eac4b6555747e18f7b5f8848";
+declare const gitRepoLink = "https://github.com/Zeyu-Li/Clockwork";
 declare const tags: string[];
-export { component, key, dateStarted, dateFinished, tags };
+export { component, key, startCommit, endCommit, gitRepoLink, tags };
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/ui/modules/projects/Soulwork.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Soulwork.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Soulwork.svelte.ts"],"names":[],"mappings":"AAKC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM7E,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAiChG,CAAC;AAE7B,QAAA,MAAM,GAAG,aAAa,CAAC;AACvB,QAAA,MAAM,WAAW,eAAe,CAAC;AACjC,QAAA,MAAM,YAAY,eAAe,CAAC;AAClC,QAAA,MAAM,IAAI,UAAoD,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAS5D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;;kBAA+E,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Soulwork.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/Soulwork.svelte.ts"],"names":[],"mappings":"AAMC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM7E,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAmChG,CAAC;AAE7B,QAAA,MAAM,GAAG,aAAa,CAAC;AACvB,QAAA,MAAM,WAAW,yFAAyF,CAAC;AAC3G,QAAA,MAAM,SAAS,yFAAyF,CAAC;AACzG,QAAA,MAAM,WAAW,yCAAyC,CAAC;AAC3D,QAAA,MAAM,IAAI,UAAqD,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAStE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;;kBAA+E,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/ui/modules/projects/ThisWebpage.svelte

@@ -2,19 +2,22 @@
 
 <script module lang="ts">
 	import GithubIcon from "../../../assets/icons/github-mark.svg";
-	import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
 	import LinkIcon from "../../../assets/icons/link-icon.svg";
-	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import ProjectDateBadge from "../../components/project-date-badge/ProjectDateBadge.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
 	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
-	import { default as TextChip } from "../../elements/TextChip/TextChip.svelte";
 	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
+	import { default as TextChip } from "../../elements/TextChip/TextChip.svelte";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 
 	const key = "This Webpage";
-	const dateStarted = "2023-06-01";
+	const priority = 70;
+	const startCommit = "https://github.com/TurnipXenon/pineapple/commit/b16aa69b9f5ad224871e80c09aa4cca067dc2a52"; // fill in GitHub commit URL to auto-resolve dateStarted
+	const gitRepoLink = "https://github.com/TurnipXenon/pineapple";
 	const tags = ["svelte", "typescript", "web", "tailwind", "postgres", "prisma", "ongoing", "database"];
-	export { component, key, dateStarted, tags };
+	export { component, key, startCommit, gitRepoLink, tags, priority };
 </script>
 
 {#snippet component(props: ProjectComponentProps)}
@@ -58,6 +61,14 @@
 			<TextChip queryClass="qt-rest">RESTful API</TextChip>
 		</div>
 
+		<ProjectDateBadge
+			dateStarted={props.snippetMeta?.dateStarted}
+			dateFinished={props.snippetMeta?.dateFinished}
+			isOngoing={props.snippetMeta?.tags?.includes("ongoing") ?? false}
+			commitCount={props.snippetMeta?.commitCount}
+			gitRepoLink={props.snippetMeta?.gitRepoLink}
+		/>
+
 		<section class="game-link-section">
 			<PinyaButton
 				buttonVariant={ButtonVariant.Image}
@@ -71,8 +82,9 @@
 				title="https://pineapple.turnipxenon.com/documentation"
 				onclick={() => window.open("https://pineapple.turnipxenon.com/documentation")}>
 				<ImageIcon src={LinkIcon} aria-hidden />
-					<span>pineapple.turnipxenon.com</span>
+				<span>pineapple.turnipxenon.com</span>
 			</PinyaButton>
 		</section>
+
 	</FourPartCard>
 {/snippet}

package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts

@@ -1,9 +1,11 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "This Webpage";
-declare const dateStarted = "2023-06-01";
+declare const priority = 70;
+declare const startCommit = "https://github.com/TurnipXenon/pineapple/commit/b16aa69b9f5ad224871e80c09aa4cca067dc2a52";
+declare const gitRepoLink = "https://github.com/TurnipXenon/pineapple";
 declare const tags: string[];
-export { component, key, dateStarted, tags };
+export { component, key, startCommit, gitRepoLink, tags, priority };
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThisWebpage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/ThisWebpage.svelte.ts"],"names":[],"mappings":"AAMC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAMnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAgDhG,CAAC;AAE7B,QAAA,MAAM,GAAG,iBAAiB,CAAC;AAC3B,QAAA,MAAM,WAAW,eAAe,CAAC;AACjC,QAAA,MAAM,IAAI,UAA2F,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAS9C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;kBAA+E,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ThisWebpage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/ThisWebpage.svelte.ts"],"names":[],"mappings":"AAYC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACnG,QAAA,MAAM,SAAS,GAAyB,OAAO,qBAAqB,KAAqB,UAAU,CAAC,OAAO,QAAQ,EAAE,OAAO,CAmDhG,CAAC;AAE7B,QAAA,MAAM,GAAG,iBAAiB,CAAC;AAC3B,QAAA,MAAM,QAAQ,KAAK,CAAC;AACpB,QAAA,MAAM,WAAW,6FAA6F,CAAC;AAC/G,QAAA,MAAM,WAAW,6CAA6C,CAAC;AAC/D,QAAA,MAAM,IAAI,UAA2F,CAAC;AACtG,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AASrE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;kBAA+E,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/ui/modules/projects/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,KAAM,KAAK,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/projects/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAC"}

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte

@@ -6,6 +6,8 @@
 	import { PinyaCard } from "../../elements/PinyaCard";
 	import type { ProjectGroup, SnippetMeta } from "./";
 	import { SectionType } from "./props";
+	import { getCommitDate } from "../../../util/getCommitDate";
+	import { onMount } from "svelte";
 
 	let {
 		title,
@@ -18,18 +20,48 @@
 		showMoreLimit = 0
 	}: ProjectGroup = $props();
 
-	// State
+	// State — resolvedEntryList allows date overrides after fetching from GitHub
+	let resolvedEntryList = $state<SnippetMeta[]>([...entryList]);
 	let selectedTags = $state<string[]>([]);
 	let sortBy = $state<string[]>(["default"]);
 	let isExpanded = $state(false);
 
+	onMount(async () => {
+		const refs = entryList
+			.filter(e => e.startCommit || e.endCommit || e.gitRepoLink)
+			.map(e => ({
+				key: e.key,
+				startCommit: e.startCommit,
+				endCommit: e.endCommit,
+				gitRepoLink: e.gitRepoLink
+			}));
+
+		if (refs.length === 0) return;
+
+		try {
+			const dates = await getCommitDate(refs);
+			resolvedEntryList = entryList.map(e => {
+				const d = dates[e.key];
+				if (!d) return e;
+				return {
+					...e,
+					...(d.dateStarted ? { dateStarted: d.dateStarted } : {}),
+					...(d.dateFinished ? { dateFinished: d.dateFinished } : {}),
+					...(d.commitCount != null ? { commitCount: d.commitCount } : {})
+				};
+			});
+		} catch {
+			// Keep original entryList on failure
+		}
+	});
+
 	// Derived values
-	const allTags = $derived([...new Set(entryList.flatMap(e => e.tags ?? []))]);
+	const allTags = $derived([...new Set(resolvedEntryList.flatMap(e => e.tags ?? []))]);
 
 	const filteredList = $derived(
 		selectedTags.length === 0
-			? entryList
-			: entryList.filter(e => e.tags?.some(t => selectedTags.includes(t)))
+			? resolvedEntryList
+			: resolvedEntryList.filter(e => e.tags?.some(t => selectedTags.includes(t)))
 	);
 
 	function sortEntries(list: SnippetMeta[], sort: string): SnippetMeta[] {
@@ -68,7 +100,18 @@
 					return durationA - durationB;
 				});
 			default:
-				return sorted;
+				return sorted.sort((a, b) => {
+					const priorityDiff = (b.priority ?? 0) - (a.priority ?? 0);
+
+					if (priorityDiff !== 0) {
+						return priorityDiff;
+					}
+
+					// Entries without dateFinished go to the bottom
+					if (!a.dateFinished) return 1;
+					if (!b.dateFinished) return -1;
+					return new Date(b.dateFinished).getTime() - new Date(a.dateFinished).getTime();
+				});
 		}
 	}
 
@@ -115,7 +158,10 @@
 	{:else}
 		<div class="normal-project-container">
 			{#each visibleList as ui (ui.key)}
-				{@render ui.component(projectComponentProps ?? {})}
+				{@render ui.component(projectComponentProps ? {
+					...projectComponentProps,
+					snippetMeta: ui
+				} : { snippetMeta: ui })}
 			{/each}
 		</div>
 

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntryGroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryGroup.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iCAAiC,CAAC;AAwIjF,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"EntryGroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryGroup.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iCAAiC,CAAC;AAwLjF,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts

@@ -1,6 +1,8 @@
+import type { SnippetMeta } from "../index";
 import type { Snippet } from 'svelte';
 export interface ProjectComponentProps {
     isPineapple?: boolean;
+    snippetMeta?: SnippetMeta;
 }
 export type ComponentSnippet = Snippet<[ProjectComponentProps]>;
 //# sourceMappingURL=ProjectComponentProps.d.ts.map

package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProjectComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC"}

package/dist/ui/templates/SeaweedLayout/props.d.ts

@@ -13,6 +13,11 @@ export interface SnippetMeta {
     dateStarted?: Date | string;
     dateFinished?: Date | string;
     tags?: string[];
+    startCommit?: string;
+    endCommit?: string;
+    gitRepoLink?: string;
+    commitCount?: number;
+    priority?: number;
 }
 export interface ProjectGroup {
     key: string;

package/dist/ui/templates/SeaweedLayout/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,oBAAY,WAAW;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACrB;AAED,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;IAE5B,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAE9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;CACvC;AAGD,eAAO,MAAO,mBAAmB,2BAAE,mBAAmB,mDAAsC,CAAC"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,oBAAY,WAAW;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACrB;AAED,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;IAE5B,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAE9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;CACvC;AAGD,eAAO,MAAO,mBAAmB,2BAAE,mBAAmB,mDAAsC,CAAC"}

package/dist/util/getCommitDate.d.ts

@@ -0,0 +1,14 @@
+interface CommitDateRequest {
+    key: string;
+    startCommit?: string;
+    endCommit?: string;
+    gitRepoLink?: string;
+}
+interface ResolvedDates {
+    dateStarted?: string;
+    dateFinished?: string;
+    commitCount?: number;
+}
+export declare function getCommitDate(refs: CommitDateRequest[]): Promise<Record<string, ResolvedDates>>;
+export {};
+//# sourceMappingURL=getCommitDate.d.ts.map

package/dist/util/getCommitDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCommitDate.d.ts","sourceRoot":"","sources":["../../src/lib/util/getCommitDate.ts"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAgFD,wBAAsB,aAAa,CAClC,IAAI,EAAE,iBAAiB,EAAE,GACvB,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAgExC"}

package/dist/util/getCommitDate.js

@@ -0,0 +1,143 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// localStorage cache to avoid hitting GitHub's 60 req/hr unauthenticated rate limit.
+// Specific commit SHAs are immutable, so cache for 24h. Dynamic queries (latest commit,
+// commit count) can change, so cache for 24h (staleness is acceptable for a portfolio).
+// Safe to use localStorage here since this is only ever called from onMount (client-only).
+const CACHE_PREFIX = "pineapple:github:";
+const IMMUTABLE_TTL = 24 * 60 * 60 * 1000;
+const DYNAMIC_TTL = 24 * 60 * 60 * 1000;
+function githubFetch(url, ttlMs) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const cacheKey = CACHE_PREFIX + url;
+        try {
+            const raw = localStorage.getItem(cacheKey);
+            if (raw) {
+                const cached = JSON.parse(raw);
+                if (Date.now() < cached.expiresAt) {
+                    return cached.data;
+                }
+            }
+        }
+        catch (_a) {
+            // localStorage unavailable or parse error — proceed with fetch
+        }
+        try {
+            const res = yield fetch(url, { headers: { Accept: "application/vnd.github.v3+json" } });
+            if (!res.ok)
+                return null;
+            const data = yield res.json();
+            try {
+                localStorage.setItem(cacheKey, JSON.stringify({ data, expiresAt: Date.now() + ttlMs }));
+            }
+            catch (_b) {
+                // localStorage write failed (e.g. storage full) — ignore
+            }
+            return data;
+        }
+        catch (_c) {
+            return null;
+        }
+    });
+}
+function parseGithubCommitUrl(url) {
+    const match = url.match(/github\.com\/([^/]+)\/([^/]+)\/commit\/([a-f0-9]+)/i);
+    if (!match)
+        return null;
+    return { owner: match[1], repo: match[2], sha: match[3] };
+}
+function parseGithubRepoUrl(url) {
+    const match = url.match(/github\.com\/([^/]+)\/([^/]+)/i);
+    if (!match)
+        return null;
+    return { owner: match[1], repo: match[2].replace(/\.git$/, "") };
+}
+function fetchCommitDate(owner, repo, sha) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/commits/${sha}`, IMMUTABLE_TTL);
+        return (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.commit) === null || _a === void 0 ? void 0 : _a.committer) === null || _b === void 0 ? void 0 : _b.date) !== null && _c !== void 0 ? _c : null;
+    });
+}
+function fetchLatestCommitDate(owner, repo) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/commits?sha=main&per_page=1`, DYNAMIC_TTL);
+        if (!Array.isArray(data) || data.length === 0)
+            return null;
+        return (_c = (_b = (_a = data[0].commit) === null || _a === void 0 ? void 0 : _a.committer) === null || _b === void 0 ? void 0 : _b.date) !== null && _c !== void 0 ? _c : null;
+    });
+}
+function fetchCommitCount(owner, repo, baseSha, headSha) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/compare/${baseSha}...${headSha}`, DYNAMIC_TTL);
+        return (_a = data === null || data === void 0 ? void 0 : data.total_commits) !== null && _a !== void 0 ? _a : null;
+    });
+}
+export function getCommitDate(refs) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const result = {};
+        const promises = [];
+        for (const ref of refs) {
+            const dates = {};
+            result[ref.key] = dates;
+            if (ref.startCommit) {
+                const parsed = parseGithubCommitUrl(ref.startCommit);
+                if (parsed) {
+                    promises.push(fetchCommitDate(parsed.owner, parsed.repo, parsed.sha).then((d) => {
+                        if (d)
+                            dates.dateStarted = d;
+                    }));
+                }
+            }
+            if (ref.endCommit) {
+                const parsed = parseGithubCommitUrl(ref.endCommit);
+                if (parsed) {
+                    promises.push(fetchCommitDate(parsed.owner, parsed.repo, parsed.sha).then((d) => {
+                        if (d)
+                            dates.dateFinished = d;
+                    }));
+                }
+            }
+            else if (ref.gitRepoLink) {
+                const parsed = parseGithubRepoUrl(ref.gitRepoLink);
+                if (parsed) {
+                    promises.push(fetchLatestCommitDate(parsed.owner, parsed.repo).then((d) => {
+                        if (d)
+                            dates.dateFinished = d;
+                    }));
+                }
+            }
+            if (ref.startCommit) {
+                const startParsed = parseGithubCommitUrl(ref.startCommit);
+                if (startParsed) {
+                    if (ref.endCommit) {
+                        const endParsed = parseGithubCommitUrl(ref.endCommit);
+                        if (endParsed && endParsed.owner === startParsed.owner && endParsed.repo === startParsed.repo) {
+                            promises.push(fetchCommitCount(startParsed.owner, startParsed.repo, startParsed.sha, endParsed.sha).then((c) => {
+                                if (c != null)
+                                    dates.commitCount = c;
+                            }));
+                        }
+                    }
+                    else if (ref.gitRepoLink) {
+                        promises.push(fetchCommitCount(startParsed.owner, startParsed.repo, startParsed.sha, "main").then((c) => {
+                            if (c != null)
+                                dates.commitCount = c;
+                        }));
+                    }
+                }
+            }
+        }
+        yield Promise.all(promises);
+        return result;
+    });
+}

package/dist/util/getCommitDate.remote.d.ts

@@ -0,0 +1,14 @@
+interface CommitDateRequest {
+    key: string;
+    startCommit?: string;
+    endCommit?: string;
+    gitRepoLink?: string;
+}
+interface ResolvedDates {
+    dateStarted?: string;
+    dateFinished?: string;
+    commitCount?: number;
+}
+export declare const getCommitDateRemote: import("@sveltejs/kit").RemoteQueryFunction<CommitDateRequest[], Record<string, ResolvedDates>>;
+export {};
+//# sourceMappingURL=getCommitDate.remote.d.ts.map

package/dist/util/getCommitDate.remote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCommitDate.remote.d.ts","sourceRoot":"","sources":["../../src/lib/util/getCommitDate.remote.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AA0ID,eAAO,MAAM,mBAAmB,iGAAyC,CAAC"}

package/dist/util/getCommitDate.remote.js

@@ -0,0 +1,133 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { query } from "$app/server";
+// Module-level cache to avoid hitting GitHub's 60 req/hr unauthenticated rate limit.
+// Specific commit SHAs are immutable, so cache for 24h. Dynamic queries (latest commit,
+// commit count) can change, so cache for 1h.
+const fetchCache = new Map();
+const IMMUTABLE_TTL = 24 * 60 * 60 * 1000;
+// nah we're making it 24 hours it's okay to be stale
+const DYNAMIC_TTL = 24 * 60 * 60 * 1000;
+function githubFetch(url, ttlMs) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const cached = fetchCache.get(url);
+        if (cached && Date.now() < cached.expiresAt) {
+            return cached.data;
+        }
+        try {
+            const res = yield fetch(url, { headers: { Accept: "application/vnd.github.v3+json" } });
+            if (!res.ok)
+                return null;
+            const data = yield res.json();
+            fetchCache.set(url, { data, expiresAt: Date.now() + ttlMs });
+            return data;
+        }
+        catch (_a) {
+            return null;
+        }
+    });
+}
+function parseGithubCommitUrl(url) {
+    const match = url.match(/github\.com\/([^/]+)\/([^/]+)\/commit\/([a-f0-9]+)/i);
+    if (!match)
+        return null;
+    return { owner: match[1], repo: match[2], sha: match[3] };
+}
+function parseGithubRepoUrl(url) {
+    const match = url.match(/github\.com\/([^/]+)\/([^/]+)/i);
+    if (!match)
+        return null;
+    return { owner: match[1], repo: match[2].replace(/\.git$/, "") };
+}
+function fetchCommitDate(owner, repo, sha) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/commits/${sha}`, IMMUTABLE_TTL);
+        return (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.commit) === null || _a === void 0 ? void 0 : _a.committer) === null || _b === void 0 ? void 0 : _b.date) !== null && _c !== void 0 ? _c : null;
+    });
+}
+function fetchLatestCommitDate(owner, repo) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/commits?sha=main&per_page=1`, DYNAMIC_TTL);
+        if (!Array.isArray(data) || data.length === 0)
+            return null;
+        return (_c = (_b = (_a = data[0].commit) === null || _a === void 0 ? void 0 : _a.committer) === null || _b === void 0 ? void 0 : _b.date) !== null && _c !== void 0 ? _c : null;
+    });
+}
+function fetchCommitCount(owner, repo, baseSha, headSha) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const data = yield githubFetch(`https://api.github.com/repos/${owner}/${repo}/compare/${baseSha}...${headSha}`, DYNAMIC_TTL);
+        return (_a = data === null || data === void 0 ? void 0 : data.total_commits) !== null && _a !== void 0 ? _a : null;
+    });
+}
+function resolveCommitDates(refs) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const result = {};
+        const promises = [];
+        for (const ref of refs) {
+            const dates = {};
+            result[ref.key] = dates;
+            if (ref.startCommit) {
+                const parsed = parseGithubCommitUrl(ref.startCommit);
+                if (parsed) {
+                    promises.push(fetchCommitDate(parsed.owner, parsed.repo, parsed.sha).then((d) => {
+                        if (d)
+                            dates.dateStarted = d;
+                    }));
+                }
+            }
+            if (ref.endCommit) {
+                const parsed = parseGithubCommitUrl(ref.endCommit);
+                if (parsed) {
+                    promises.push(fetchCommitDate(parsed.owner, parsed.repo, parsed.sha).then((d) => {
+                        if (d)
+                            dates.dateFinished = d;
+                    }));
+                }
+            }
+            else if (ref.gitRepoLink) {
+                const parsed = parseGithubRepoUrl(ref.gitRepoLink);
+                if (parsed) {
+                    promises.push(fetchLatestCommitDate(parsed.owner, parsed.repo).then((d) => {
+                        if (d)
+                            dates.dateFinished = d;
+                    }));
+                }
+            }
+            // Fetch commit count between start and end commits
+            if (ref.startCommit) {
+                const startParsed = parseGithubCommitUrl(ref.startCommit);
+                if (startParsed) {
+                    if (ref.endCommit) {
+                        const endParsed = parseGithubCommitUrl(ref.endCommit);
+                        if (endParsed && endParsed.owner === startParsed.owner && endParsed.repo === startParsed.repo) {
+                            promises.push(fetchCommitCount(startParsed.owner, startParsed.repo, startParsed.sha, endParsed.sha).then((c) => {
+                                if (c != null)
+                                    dates.commitCount = c;
+                            }));
+                        }
+                    }
+                    else if (ref.gitRepoLink) {
+                        // Compare start commit to HEAD of main
+                        promises.push(fetchCommitCount(startParsed.owner, startParsed.repo, startParsed.sha, "main").then((c) => {
+                            if (c != null)
+                                dates.commitCount = c;
+                        }));
+                    }
+                }
+            }
+        }
+        yield Promise.all(promises);
+        return result;
+    });
+}
+export const getCommitDateRemote = query("unchecked", resolveCommitDates);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
@@ -67,6 +67,12 @@
       "import": "./dist/remoteIndex.remote.js",
       "default": "./dist/remoteIndex.remote.js"
     },
+    "./svelte": {
+      "types": "./dist/svelteIndex.svelte.d.ts",
+      "svelte": "./dist/svelteIndex.svelte.js",
+      "import": "./dist/svelteIndex.svelte.js",
+      "default": "./dist/svelteIndex.svelte.js"
+    },
     "./components": {
       "types": "./dist/ui/components/index.d.ts",
       "svelte": "./dist/ui/components/index.js",