@turnipxenon/pineapple 2.4.30 → 2.4.32

package/.idea/workspace.xml

@@ -4,9 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Move NavigationControl to a component">
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Export NavigationComponent">
       <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationControl.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationControl.svelte" 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" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -93,7 +93,7 @@
     &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
     &quot;git-widget-placeholder&quot;: &quot;turnip/navigation&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/routes/(pineapple)/pineapple/page3/page7/(test_layout)/page8&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/lib/components/navigation_component&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;,
@@ -114,11 +114,11 @@
 }</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\navigation_component" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3\page7\(test_layout)\page8" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3\page7" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3\page5" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)" />
@@ -240,23 +240,9 @@
       <workItem from="1711463423241" duration="256000" />
       <workItem from="1711471654056" duration="635000" />
       <workItem from="1711472302524" duration="9738000" />
-      <workItem from="1711482094100" duration="5314000" />
-    </task>
-    <task id="LOCAL-00058" summary="Change lib to pkg to prevent the references from breaking from downstream apps">
-      <option name="closed" value="true" />
-      <created>1710298224571</created>
-      <option name="number" value="00058" />
-      <option name="presentableId" value="LOCAL-00058" />
-      <option name="project" value="LOCAL" />
-      <updated>1710298224571</updated>
-    </task>
-    <task id="LOCAL-00059" summary="Add data-nosnippet">
-      <option name="closed" value="true" />
-      <created>1710305409664</created>
-      <option name="number" value="00059" />
-      <option name="presentableId" value="LOCAL-00059" />
-      <option name="project" value="LOCAL" />
-      <updated>1710305409664</updated>
+      <workItem from="1711482094100" duration="5506000" />
+      <workItem from="1711487798169" duration="264000" />
+      <workItem from="1711488375110" duration="657000" />
     </task>
     <task id="LOCAL-00060" summary="Fix wrong link in migrante">
       <option name="closed" value="true" />
@@ -634,7 +620,23 @@
       <option name="project" value="LOCAL" />
       <updated>1711485359574</updated>
     </task>
-    <option name="localTasksCounter" value="107" />
+    <task id="LOCAL-00107" summary="Set queryParams based on index and pageSize">
+      <option name="closed" value="true" />
+      <created>1711487464414</created>
+      <option name="number" value="00107" />
+      <option name="presentableId" value="LOCAL-00107" />
+      <option name="project" value="LOCAL" />
+      <updated>1711487464414</updated>
+    </task>
+    <task id="LOCAL-00108" summary="Export NavigationComponent">
+      <option name="closed" value="true" />
+      <created>1711487908874</created>
+      <option name="number" value="00108" />
+      <option name="presentableId" value="LOCAL-00108" />
+      <option name="project" value="LOCAL" />
+      <updated>1711487908874</updated>
+    </task>
+    <option name="localTasksCounter" value="109" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -692,8 +694,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Fix breadcrumb layout" />
-    <MESSAGE value="Fix default card postcss style" />
     <MESSAGE value="Adjust turnip fab button color" />
     <MESSAGE value="Replace btn-group postcss class with turnip-menu&#10;&#10;There is postcss defined class called btn-group which has styles that have !important, which I accidentally used not knowing it exists, and it overrides whatever styles I apply on my class" />
     <MESSAGE value="Add external link warning stub" />
@@ -717,6 +717,8 @@
     <MESSAGE value="Move test pages into a directory" />
     <MESSAGE value="Add Navigation control" />
     <MESSAGE value="Move NavigationControl to a component" />
-    <option name="LAST_COMMIT_MESSAGE" value="Move NavigationControl to a component" />
+    <MESSAGE value="Set queryParams based on index and pageSize" />
+    <MESSAGE value="Export NavigationComponent" />
+    <option name="LAST_COMMIT_MESSAGE" value="Export NavigationComponent" />
   </component>
 </project>

package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte

@@ -4,7 +4,7 @@ import { parsePageMeta } from "./PageMeta";
 export let title = void 0;
 export let fileList;
 export let parentSubpath;
-export let compareFn;
+export let compareFn = void 0;
 export let pageSize = 5;
 export let currentIndex = 0;
 const pageFlatList = parsePageMeta(fileList, compareFn);
@@ -13,19 +13,19 @@ $:
 </script>
 
 <div class="navigation-wrapper">
+	{#if (title)}
+		<Card>
+			<h1 slot="content" class="default-card navigation-title">
+				{title}
+			</h1>
+		</Card>
+	{/if}
 
 	<NavigationControl bind:currentIndex={currentIndex}
 	                   bind:contentLength={pageFlatList.length}
 	                   bind:pageSize={pageSize}></NavigationControl>
 
 	<div class="navigation-component">
-		{#if (title)}
-			<Card>
-				<h1 slot="content" class="default-card navigation-title">
-					{title}
-				</h1>
-			</Card>
-		{/if}
 		<!-- all the misc routes-->
 		{#each visiblePages as pageMeta}
 			{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}

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

@@ -7,7 +7,7 @@ declare const __propDef: {
         /**
              * Should include a slash before and after the path
              */ parentSubpath: string;
-        compareFn: undefined | ParsePageMetaCompareFn;
+        compareFn?: undefined | ParsePageMetaCompareFn;
         pageSize?: number | undefined;
         currentIndex?: number | undefined;
     };

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

@@ -12,6 +12,7 @@ export interface PageMeta {
     datePublished?: string;
     lastUpdated?: string;
     shouldGroup?: boolean;
+    shouldHide?: boolean;
 }
 /**
  * todo: doc

package/.svelte-kit/__package__/components/navigation_component/PageMeta.js

@@ -44,25 +44,32 @@ export const parsePageMeta = (fileList, compareFn) => {
         // let metadata : undefined | Map<string, string | string[]>;
         if (body.startsWith("<!--")) {
             // todo: absorb more metadata
-            const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
-            meta.title = metadata["title"] ?? meta.title;
-            meta.tags = metadata["tags"];
-            meta.description = metadata["description"];
-            meta.datePublished = metadata["datePublished"];
-            meta.lastUpdated = metadata["lastUpdated"];
-            meta.shouldGroup = metadata["shouldGroup"];
-            meta.image = metadata["image"];
-            if (meta.image) {
-                meta.imageAlt = metadata["imageAlt"];
-                if (!meta.imageAlt) {
-                    console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+            try {
+                const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
+                meta.title = metadata["title"] ?? meta.title;
+                meta.tags = metadata["tags"];
+                meta.description = metadata["description"];
+                meta.datePublished = metadata["datePublished"];
+                meta.lastUpdated = metadata["lastUpdated"];
+                meta.shouldGroup = metadata["shouldGroup"];
+                meta.shouldHide = metadata["shouldHide"];
+                meta.image = metadata["image"];
+                if (meta.image) {
+                    meta.imageAlt = metadata["imageAlt"];
+                    if (!meta.imageAlt) {
+                        console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+                    }
                 }
             }
+            catch (e) {
+                console.error(`Error at ${meta.relativeLink}: ${e}`);
+            }
         }
         pageFlatList.push(meta);
     }
     pageFlatList.sort((a, b) => a.relativeLink.localeCompare(b.relativeLink));
     // find groupings
+    // grouping should be BEFORE the external sort
     // todo: we don't even have use for this yet!
     // pageFlatList.forEach(p => {
     // 	if (!findPageMetaParent(pageGroupedList, p)) {

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

@@ -0,0 +1,2 @@
+export { default as NavigationComponent } from "./NavigationComponent.svelte";
+export * from "./PageMeta";

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

@@ -0,0 +1,3 @@
+// noinspection JSUnusedGlobalSymbols
+export { default as NavigationComponent } from "./NavigationComponent.svelte";
+export * from "./PageMeta";

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

@@ -3,6 +3,7 @@ export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.s
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/overrideable_meta/index";
+export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

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

@@ -4,6 +4,7 @@ export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.s
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/overrideable_meta/index";
+export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

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: "28prrw"
+	version_hash: "19q2v79"
 };
 
 export async function get_hooks() {

package/dist/components/navigation_component/NavigationComponent.svelte

@@ -4,7 +4,7 @@ import { parsePageMeta } from "./PageMeta";
 export let title = void 0;
 export let fileList;
 export let parentSubpath;
-export let compareFn;
+export let compareFn = void 0;
 export let pageSize = 5;
 export let currentIndex = 0;
 const pageFlatList = parsePageMeta(fileList, compareFn);
@@ -13,19 +13,19 @@ $:
 </script>
 
 <div class="navigation-wrapper">
+	{#if (title)}
+		<Card>
+			<h1 slot="content" class="default-card navigation-title">
+				{title}
+			</h1>
+		</Card>
+	{/if}
 
 	<NavigationControl bind:currentIndex={currentIndex}
 	                   bind:contentLength={pageFlatList.length}
 	                   bind:pageSize={pageSize}></NavigationControl>
 
 	<div class="navigation-component">
-		{#if (title)}
-			<Card>
-				<h1 slot="content" class="default-card navigation-title">
-					{title}
-				</h1>
-			</Card>
-		{/if}
 		<!-- all the misc routes-->
 		{#each visiblePages as pageMeta}
 			{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}

package/dist/components/navigation_component/NavigationComponent.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         /**
              * Should include a slash before and after the path
              */ parentSubpath: string;
-        compareFn: undefined | ParsePageMetaCompareFn;
+        compareFn?: undefined | ParsePageMetaCompareFn;
         pageSize?: number | undefined;
         currentIndex?: number | undefined;
     };

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

@@ -12,6 +12,7 @@ export interface PageMeta {
     datePublished?: string;
     lastUpdated?: string;
     shouldGroup?: boolean;
+    shouldHide?: boolean;
 }
 /**
  * todo: doc

package/dist/components/navigation_component/PageMeta.js

@@ -44,25 +44,32 @@ export const parsePageMeta = (fileList, compareFn) => {
         // let metadata : undefined | Map<string, string | string[]>;
         if (body.startsWith("<!--")) {
             // todo: absorb more metadata
-            const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
-            meta.title = metadata["title"] ?? meta.title;
-            meta.tags = metadata["tags"];
-            meta.description = metadata["description"];
-            meta.datePublished = metadata["datePublished"];
-            meta.lastUpdated = metadata["lastUpdated"];
-            meta.shouldGroup = metadata["shouldGroup"];
-            meta.image = metadata["image"];
-            if (meta.image) {
-                meta.imageAlt = metadata["imageAlt"];
-                if (!meta.imageAlt) {
-                    console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+            try {
+                const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
+                meta.title = metadata["title"] ?? meta.title;
+                meta.tags = metadata["tags"];
+                meta.description = metadata["description"];
+                meta.datePublished = metadata["datePublished"];
+                meta.lastUpdated = metadata["lastUpdated"];
+                meta.shouldGroup = metadata["shouldGroup"];
+                meta.shouldHide = metadata["shouldHide"];
+                meta.image = metadata["image"];
+                if (meta.image) {
+                    meta.imageAlt = metadata["imageAlt"];
+                    if (!meta.imageAlt) {
+                        console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+                    }
                 }
             }
+            catch (e) {
+                console.error(`Error at ${meta.relativeLink}: ${e}`);
+            }
         }
         pageFlatList.push(meta);
     }
     pageFlatList.sort((a, b) => a.relativeLink.localeCompare(b.relativeLink));
     // find groupings
+    // grouping should be BEFORE the external sort
     // todo: we don't even have use for this yet!
     // pageFlatList.forEach(p => {
     // 	if (!findPageMetaParent(pageGroupedList, p)) {

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

@@ -0,0 +1,2 @@
+export { default as NavigationComponent } from "./NavigationComponent.svelte";
+export * from "./PageMeta";

package/dist/components/navigation_component/index.js

@@ -0,0 +1,3 @@
+// noinspection JSUnusedGlobalSymbols
+export { default as NavigationComponent } from "./NavigationComponent.svelte";
+export * from "./PageMeta";

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.s
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/overrideable_meta/index";
+export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/dist/index.js

@@ -4,6 +4,7 @@ export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.s
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/overrideable_meta/index";
+export * from "./components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.30",
+  "version": "2.4.32",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run check-requirements && vite build && yarn package",

package/src/lib/components/navigation_component/NavigationComponent.svelte

@@ -5,11 +5,13 @@
 
 	export let title: string | undefined = undefined;
 	export let fileList: Record<string, unknown>;
+
 	/**
 	 * Should include a slash before and after the path
 	 */
 	export let parentSubpath: string;
-	export let compareFn: undefined | ParsePageMetaCompareFn;
+
+	export let compareFn: undefined | ParsePageMetaCompareFn = undefined;
 	export let pageSize = 5;
 	export let currentIndex = 0;
 
@@ -19,19 +21,19 @@
 </script>
 
 <div class="navigation-wrapper">
+	{#if (title)}
+		<Card>
+			<h1 slot="content" class="default-card navigation-title">
+				{title}
+			</h1>
+		</Card>
+	{/if}
 
 	<NavigationControl bind:currentIndex={currentIndex}
 	                   bind:contentLength={pageFlatList.length}
 	                   bind:pageSize={pageSize}></NavigationControl>
 
 	<div class="navigation-component">
-		{#if (title)}
-			<Card>
-				<h1 slot="content" class="default-card navigation-title">
-					{title}
-				</h1>
-			</Card>
-		{/if}
 		<!-- all the misc routes-->
 		{#each visiblePages as pageMeta}
 			{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}

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

@@ -18,6 +18,7 @@ export interface PageMeta {
 	datePublished?: string;
 	lastUpdated?: string;
 	shouldGroup?: boolean;
+	shouldHide?: boolean;
 }
 
 /**
@@ -80,20 +81,25 @@ export const parsePageMeta = (fileList: Record<string, unknown>,
 		// let metadata : undefined | Map<string, string | string[]>;
 		if (body.startsWith("<!--")) {
 			// todo: absorb more metadata
-			const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
-			meta.title = metadata["title"] ?? meta.title;
-			meta.tags = metadata["tags"];
-			meta.description = metadata["description"];
-			meta.datePublished = metadata["datePublished"];
-			meta.lastUpdated = metadata["lastUpdated"];
-			meta.shouldGroup = metadata["shouldGroup"] as boolean;
-
-			meta.image = metadata["image"];
-			if (meta.image) {
-				meta.imageAlt = metadata["imageAlt"];
-				if (!meta.imageAlt) {
-					console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+			try {
+				const metadata = JSON.parse(body.slice("<!--".length, body.indexOf("-->")));
+				meta.title = metadata["title"] ?? meta.title;
+				meta.tags = metadata["tags"];
+				meta.description = metadata["description"];
+				meta.datePublished = metadata["datePublished"];
+				meta.lastUpdated = metadata["lastUpdated"];
+				meta.shouldGroup = metadata["shouldGroup"] as boolean;
+				meta.shouldHide = metadata["shouldHide"] as boolean;
+
+				meta.image = metadata["image"];
+				if (meta.image) {
+					meta.imageAlt = metadata["imageAlt"];
+					if (!meta.imageAlt) {
+						console.warn(`Accessibility issues: image alt missing for image ${meta.image}`);
+					}
 				}
+			} catch (e) {
+				console.error(`Error at ${meta.relativeLink}: ${e}`);
 			}
 		}
 
@@ -103,6 +109,7 @@ export const parsePageMeta = (fileList: Record<string, unknown>,
 	pageFlatList.sort((a, b) => a.relativeLink.localeCompare(b.relativeLink));
 
 	// find groupings
+	// grouping should be BEFORE the external sort
 	// todo: we don't even have use for this yet!
 	// pageFlatList.forEach(p => {
 	// 	if (!findPageMetaParent(pageGroupedList, p)) {

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

@@ -0,0 +1,4 @@
+// noinspection JSUnusedGlobalSymbols
+
+export { default as NavigationComponent } from "./NavigationComponent.svelte";
+export * from "./PageMeta";

package/src/lib/index.ts

@@ -6,6 +6,7 @@ export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 
 export * from "$pkg/components/overrideable_meta/index";
+export * from "$pkg/components/navigation_component/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";