@turnipxenon/pineapple 2.4.77 → 2.4.78

package/.idea/workspace.xml

@@ -4,10 +4,16 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Remove unused components">
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(seaweed)/portfolio/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(seaweed)/portfolio/+page.svelte" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Extract GetEntryGlobal functions">
+      <change afterPath="$PROJECT_DIR$/src/lib/components/BlogTemplate.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/Workflow.md" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/index.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/overrideable_meta/OverridableMetaProps.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/vite.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/vite.config.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -60,6 +66,7 @@
         <option value="ChumBucket" />
         <option value="WorkExperience" />
         <option value="TypeScript File" />
+        <option value="BlogTemplate" />
       </list>
     </option>
   </component>
@@ -114,34 +121,34 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "turnip/dev",
-    "ignore.virus.scanning.warn.message": "true",
-    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple/src/lib",
-    "list.type.of.created.stylesheet": "CSS",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_interpreter_path": "node",
-    "nodejs_package_manager_path": "yarn",
-    "npm.build.executor": "Run",
-    "npm.dev (1).executor": "Run",
-    "npm.dev --open.executor": "Run",
-    "npm.dev offline.executor": "Run",
-    "npm.dev-offline.executor": "Run",
-    "npm.dev.executor": "Run",
-    "npm.to-dev.executor": "Run",
-    "settings.editor.selected.configurable": "settings.sync",
-    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;turnip/dev&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/lib&quot;,
+    &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
+    &quot;npm.build.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
+    &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;settings.sync&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib" />
@@ -214,7 +221,7 @@
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-js-predefined-1d06a55b98c1-74d2a5396914-JavaScript-WS-241.14494.235" />
+        <option value="bundled-js-predefined-1d06a55b98c1-2e7d6887c066-JavaScript-WS-241.15989.47" />
       </set>
     </attachedChunks>
   </component>
@@ -383,15 +390,11 @@
       <workItem from="1713055651151" duration="721000" />
       <workItem from="1713056429943" duration="1789000" />
       <workItem from="1713062148811" duration="58000" />
-      <workItem from="1713062548290" duration="4255000" />
-    </task>
-    <task id="LOCAL-00152" summary="Extract all dependencies for updateUrl">
-      <option name="closed" value="true" />
-      <created>1712422241298</created>
-      <option name="number" value="00152" />
-      <option name="presentableId" value="LOCAL-00152" />
-      <option name="project" value="LOCAL" />
-      <updated>1712422241298</updated>
+      <workItem from="1713062548290" duration="4767000" />
+      <workItem from="1713067631329" duration="264000" />
+      <workItem from="1714244359244" duration="372000" />
+      <workItem from="1714252762932" duration="11000" />
+      <workItem from="1714365775212" duration="2167000" />
     </task>
     <task id="LOCAL-00153" summary="Extract EntryOrderConfig">
       <option name="closed" value="true" />
@@ -777,7 +780,15 @@
       <option name="project" value="LOCAL" />
       <updated>1713065902296</updated>
     </task>
-    <option name="localTasksCounter" value="201" />
+    <task id="LOCAL-00201" summary="Extract GetEntryGlobal functions">
+      <option name="closed" value="true" />
+      <created>1713066999084</created>
+      <option name="number" value="00201" />
+      <option name="presentableId" value="LOCAL-00201" />
+      <option name="project" value="LOCAL" />
+      <updated>1713066999084</updated>
+    </task>
+    <option name="localTasksCounter" value="202" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -835,7 +846,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Fix pkg import for Chip" />
     <MESSAGE value="Extract tailwind css utility class to local-chip" />
     <MESSAGE value="Fix chip issue in Advanced Settings" />
     <MESSAGE value="Remove tailwind reliance on Chip" />
@@ -860,6 +870,7 @@
     <MESSAGE value="Fix exports" />
     <MESSAGE value="Fix shouldAddFunNote reactivity" />
     <MESSAGE value="Remove unused components" />
-    <option name="LAST_COMMIT_MESSAGE" value="Remove unused components" />
+    <MESSAGE value="Extract GetEntryGlobal functions" />
+    <option name="LAST_COMMIT_MESSAGE" value="Extract GetEntryGlobal functions" />
   </component>
 </project>

package/.svelte-kit/__package__/components/BlogTemplate.svelte

@@ -0,0 +1,41 @@
+<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+export let pageMeta;
+</script>
+
+<Card>
+	<div slot="content" class="default-card">
+		<article>
+			<hgroup>
+				{#if pageMeta.title}
+					<h1>{pageMeta.title}</h1>
+				{/if}
+				{#if pageMeta.datePublished}
+					<p>Published: {pageMeta.datePublished}</p>
+				{/if}
+				{#if pageMeta.lastUpdated}
+					<p>Last updated: {pageMeta.lastUpdated}</p>
+				{/if}
+				{#if pageMeta.tags.length > 0}
+					<section id="article-tags">
+						Tags:
+						{#each pageMeta.tags as tag}
+							<span class="badge variant-filled">{tag}</span>
+						{/each}
+					</section>
+				{/if}
+			</hgroup>
+
+			<slot />
+		</article>
+	</div>
+</Card>
+
+<style>
+    hgroup {
+        margin-bottom: 1lh;
+    }
+
+    .badge {
+        margin-inline-end: 0.5em;
+    }
+</style>

package/.svelte-kit/__package__/components/BlogTemplate.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { type SimplePageMeta } from "..";
+declare const __propDef: {
+    props: {
+        pageMeta: SimplePageMeta;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BlogTemplateProps = typeof __propDef.props;
+export type BlogTemplateEvents = typeof __propDef.events;
+export type BlogTemplateSlots = typeof __propDef.slots;
+export default class BlogTemplate extends SvelteComponent<BlogTemplateProps, BlogTemplateEvents, BlogTemplateSlots> {
+}
+export {};

package/.svelte-kit/__package__/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/.svelte-kit/__package__/components/index.js

@@ -5,3 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/.svelte-kit/__package__/components/navigation_component/PageMeta.d.ts

@@ -40,6 +40,43 @@ export interface PageMeta {
      */
     title: string;
 }
+export interface SimplePageMeta {
+    datePublished?: string;
+    description?: string;
+    imageAlt?: string;
+    /**
+     * imageID is an ID that NavigationComponent can use to identify imported images
+     *
+     * To use imageID:
+     * 1. Add the imageID entry to the meta.json for the page
+     * 2. Create a typescript file with the variable ImageMap: Map<string, string>
+     * 3. Add a new entry with your imageID as key, and the image url as the value. Since this is
+     * Typescript, you can use import ImageUrl from "./path.png" as you would normally do.N
+     * 4. Add ImageMap as an argument to your NavigationComponent.
+     * Overall, this involves four files
+     * - Your navigation page: ./+page.svelte
+     * - Your image map typescript: ImageMap.ts
+     * - The page you want with an image represented in the navigation: ./topic1/+page.svelte
+     * - The meta for that page: ./topic1/meta.json
+     *
+     * imageID takes precedence over imageURL
+     */
+    imageID?: string;
+    /**
+     * imageURL is only limited to absolute paths (includes files in static folder)
+     *
+     * if imageID is defined, this will be ignored
+     */
+    imageUrl?: string;
+    lastUpdated?: string;
+    shouldGroup?: boolean;
+    shouldHide?: boolean;
+    tags: string[];
+    /**
+     * title defaults to the directory name if it's an empty string.
+     */
+    title: string;
+}
 /**
  * todo: doc
  * @param parentList

package/.svelte-kit/__package__/components/overrideable_meta/OverridableMetaProps.d.ts

@@ -4,4 +4,6 @@ export interface OverridableMetaProps {
     ogTitle?: string;
     ogDescription?: string;
     ogImage?: string;
+    datePublished?: string;
+    lastUpdated?: string;
 }

package/.svelte-kit/ambient.d.ts

@@ -37,6 +37,8 @@ declare module '$env/static/private' {
 	export const COMSPEC: string;
 	export const DriverData: string;
 	export const EXEPATH: string;
+	export const FPS_BROWSER_APP_PROFILE_STRING: string;
+	export const FPS_BROWSER_USER_PROFILE_STRING: string;
 	export const GIT_XL_PATH: string;
 	export const GoLand: string;
 	export const GOPATH: string;
@@ -225,6 +227,8 @@ declare module '$env/dynamic/private' {
 		COMSPEC: string;
 		DriverData: string;
 		EXEPATH: string;
+		FPS_BROWSER_APP_PROFILE_STRING: string;
+		FPS_BROWSER_USER_PROFILE_STRING: string;
 		GIT_XL_PATH: string;
 		GoLand: string;
 		GOPATH: string;

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "1czq7kj"
+	version_hash: "1dmipqv"
 };
 
 export async function get_hooks() {

package/dist/components/BlogTemplate.svelte

@@ -0,0 +1,41 @@
+<script xmlns="http://www.w3.org/1999/html">import { Card } from "..";
+export let pageMeta;
+</script>
+
+<Card>
+	<div slot="content" class="default-card">
+		<article>
+			<hgroup>
+				{#if pageMeta.title}
+					<h1>{pageMeta.title}</h1>
+				{/if}
+				{#if pageMeta.datePublished}
+					<p>Published: {pageMeta.datePublished}</p>
+				{/if}
+				{#if pageMeta.lastUpdated}
+					<p>Last updated: {pageMeta.lastUpdated}</p>
+				{/if}
+				{#if pageMeta.tags.length > 0}
+					<section id="article-tags">
+						Tags:
+						{#each pageMeta.tags as tag}
+							<span class="badge variant-filled">{tag}</span>
+						{/each}
+					</section>
+				{/if}
+			</hgroup>
+
+			<slot />
+		</article>
+	</div>
+</Card>
+
+<style>
+    hgroup {
+        margin-bottom: 1lh;
+    }
+
+    .badge {
+        margin-inline-end: 0.5em;
+    }
+</style>

package/dist/components/BlogTemplate.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { type SimplePageMeta } from "..";
+declare const __propDef: {
+    props: {
+        pageMeta: SimplePageMeta;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BlogTemplateProps = typeof __propDef.props;
+export type BlogTemplateEvents = typeof __propDef.events;
+export type BlogTemplateSlots = typeof __propDef.slots;
+export default class BlogTemplate extends SvelteComponent<BlogTemplateProps, BlogTemplateEvents, BlogTemplateSlots> {
+}
+export {};

package/dist/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/dist/components/index.js

@@ -5,3 +5,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/dist/components/navigation_component/PageMeta.d.ts

@@ -40,6 +40,43 @@ export interface PageMeta {
      */
     title: string;
 }
+export interface SimplePageMeta {
+    datePublished?: string;
+    description?: string;
+    imageAlt?: string;
+    /**
+     * imageID is an ID that NavigationComponent can use to identify imported images
+     *
+     * To use imageID:
+     * 1. Add the imageID entry to the meta.json for the page
+     * 2. Create a typescript file with the variable ImageMap: Map<string, string>
+     * 3. Add a new entry with your imageID as key, and the image url as the value. Since this is
+     * Typescript, you can use import ImageUrl from "./path.png" as you would normally do.N
+     * 4. Add ImageMap as an argument to your NavigationComponent.
+     * Overall, this involves four files
+     * - Your navigation page: ./+page.svelte
+     * - Your image map typescript: ImageMap.ts
+     * - The page you want with an image represented in the navigation: ./topic1/+page.svelte
+     * - The meta for that page: ./topic1/meta.json
+     *
+     * imageID takes precedence over imageURL
+     */
+    imageID?: string;
+    /**
+     * imageURL is only limited to absolute paths (includes files in static folder)
+     *
+     * if imageID is defined, this will be ignored
+     */
+    imageUrl?: string;
+    lastUpdated?: string;
+    shouldGroup?: boolean;
+    shouldHide?: boolean;
+    tags: string[];
+    /**
+     * title defaults to the directory name if it's an empty string.
+     */
+    title: string;
+}
 /**
  * todo: doc
  * @param parentList

package/dist/components/overrideable_meta/OverridableMetaProps.d.ts

@@ -4,4 +4,6 @@ export interface OverridableMetaProps {
     ogTitle?: string;
     ogDescription?: string;
     ogImage?: string;
+    datePublished?: string;
+    lastUpdated?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.77",
+  "version": "2.4.78",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/components/BlogTemplate.svelte

@@ -0,0 +1,44 @@
+<script lang="ts" xmlns="http://www.w3.org/1999/html">
+	import { Card, type SimplePageMeta } from "$pkg";
+
+	// grab page meta from the adjacent meta.json
+	export let pageMeta: SimplePageMeta;
+</script>
+
+<Card>
+	<div slot="content" class="default-card">
+		<article>
+			<hgroup>
+				{#if pageMeta.title}
+					<h1>{pageMeta.title}</h1>
+				{/if}
+				{#if pageMeta.datePublished}
+					<p>Published: {pageMeta.datePublished}</p>
+				{/if}
+				{#if pageMeta.lastUpdated}
+					<p>Last updated: {pageMeta.lastUpdated}</p>
+				{/if}
+				{#if pageMeta.tags.length > 0}
+					<section id="article-tags">
+						Tags:
+						{#each pageMeta.tags as tag}
+							<span class="badge variant-filled">{tag}</span>
+						{/each}
+					</section>
+				{/if}
+			</hgroup>
+
+			<slot />
+		</article>
+	</div>
+</Card>
+
+<style>
+    hgroup {
+        margin-bottom: 1lh;
+    }
+
+    .badge {
+        margin-inline-end: 0.5em;
+    }
+</style>

package/src/lib/components/index.ts

@@ -6,3 +6,4 @@ export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
 export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as BlogTemplate } from "./BlogTemplate.svelte";

package/src/lib/components/navigation_component/PageMeta.ts

@@ -48,6 +48,49 @@ export interface PageMeta {
 	title: string;
 }
 
+export interface SimplePageMeta {
+	datePublished?: string;
+	description?: string;
+
+	imageAlt?: string; // defaults to directory name
+	/**
+	 * imageID is an ID that NavigationComponent can use to identify imported images
+	 *
+	 * To use imageID:
+	 * 1. Add the imageID entry to the meta.json for the page
+	 * 2. Create a typescript file with the variable ImageMap: Map<string, string>
+	 * 3. Add a new entry with your imageID as key, and the image url as the value. Since this is
+	 * Typescript, you can use import ImageUrl from "./path.png" as you would normally do.N
+	 * 4. Add ImageMap as an argument to your NavigationComponent.
+	 * Overall, this involves four files
+	 * - Your navigation page: ./+page.svelte
+	 * - Your image map typescript: ImageMap.ts
+	 * - The page you want with an image represented in the navigation: ./topic1/+page.svelte
+	 * - The meta for that page: ./topic1/meta.json
+	 *
+	 * imageID takes precedence over imageURL
+	 */
+	imageID?: string;
+
+	/**
+	 * imageURL is only limited to absolute paths (includes files in static folder)
+	 *
+	 * if imageID is defined, this will be ignored
+	 */
+	imageUrl?: string;
+
+	lastUpdated?: string;
+
+	shouldGroup?: boolean;
+	shouldHide?: boolean;
+	tags: string[];
+
+	/**
+	 * title defaults to the directory name if it's an empty string.
+	 */
+	title: string;
+}
+
 /**
  * todo: doc
  * @param parentList

package/src/lib/components/overrideable_meta/OverridableMetaProps.ts

@@ -4,4 +4,6 @@ export interface OverridableMetaProps {
 	ogTitle?: string;
 	ogDescription?: string;
 	ogImage?: string;
+	datePublished?: string;
+	lastUpdated?: string;
 }

package/src/routes/(pineapple)/pineapple/(extra-pages)/page1/+page.svelte

@@ -1,8 +1,9 @@
-<script>
-	import { Card } from "$pkg";
+<script lang="ts">
+	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
+	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
 </script>
 
-<Card>
-	<h1 slot="content" class="default-card">{$page.url}</h1>
-</Card>
+<BlogTemplate pageMeta={pageMeta}>
+	<p>{$page.url}</p>
+</BlogTemplate>

package/src/routes/(pineapple)/pineapple/(extra-pages)/page2/+page.svelte

@@ -1,8 +1,9 @@
-<script>
-	import { Card } from "$pkg";
+<script lang="ts">
+	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
+	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
 </script>
 
-<Card>
-	<h1 slot="content" class="default-card">{$page.url}</h1>
-</Card>
+<BlogTemplate pageMeta={pageMeta}>
+	<p>{$page.url}</p>
+</BlogTemplate>

package/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page5/+page.svelte

@@ -1,8 +1,9 @@
-<script>
-	import { Card } from "$pkg";
+<script lang="ts">
+	import pageMeta from "./meta.json";
 	import { page } from "$app/stores";
+	import BlogTemplate from "$pkg/components/BlogTemplate.svelte";
 </script>
 
-<Card>
-	<h1 slot="content" class="default-card">{$page.url}</h1>
-</Card>
+<BlogTemplate pageMeta={pageMeta}>
+	<p>{$page.url}</p>
+</BlogTemplate>

package/vite.config.ts

@@ -3,5 +3,5 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
 	plugins: [sveltekit()],
-	assetsInclude: ["**/*.yarn", "**/*.json"]
+	assetsInclude: ["**/*.yarn"]
 });

package/docs/Workflow.md

@@ -1,5 +0,0 @@
-# Workflow
-
-- When making new changes, update the number in the package.json on the dependent codebase.
-- Run `npm update-pineapple` to update afterwards
-- To update all repos, run `./dev/update_all_repos.sh`