vowel 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vowel",
-	"version": "0.1.23",
+	"version": "0.1.24",
 	"bin": "./bin.js",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/components/DefaultStyles.svelte

@@ -17,7 +17,8 @@
 			--border-color: hsl(0, 0%, 73%);
 			--main-background: hsl(0, 0%, 100%);
 			--code-background: hsl(0, 0%, 95%);
-			--soft-background: hsl(0, 0%, 95%);
+			/* --soft-background: hsl(0, 0%, 95%); */
+			--soft-background: #00000005;
 		}
 
 		@media (prefers-color-scheme: dark) {
@@ -28,7 +29,8 @@
 				--border-color: hsl(0, 0%, 27%);
 				--main-background: hsl(0, 0%, 12%);
 				--code-background: hsl(0, 0%, 5%);
-				--soft-background: hsl(0, 0%, 14%);
+				/* --soft-background: hsl(0, 0%, 14%); */
+				--soft-background: #ffffff07;
 			}
 		}
 
@@ -269,10 +271,6 @@
 			order: -1;
 		}
 
-		article.thumbnail dl.link {
-			display: none;
-		}
-
 		aside.note {
 			&.note {
 				--icon: 'ℹ️';

package/src/lib/components/Page.svelte

@@ -7,6 +7,8 @@
 	let { page, content = true, link, level = 0, website = {}, format = 'html' } = $props();
 	let { ast, title, date, image, imputedProperties } = $derived(page || {});
 
+	let headerImage = $derived(image?.output || imputedProperties.image)
+
 	const dateObject = date?.type === 'date' && new Date(date.output);
 	// TODO: Add conditional logic for format = 'xml'
 
@@ -14,13 +16,13 @@
 </script>
 
 <!-- Image -->
-{#if image}
+{#if headerImage}
 	{#if link}
-		<a href={page.url}>
-			<Image node={{ url: image.output, alt: '' }} />
+		<a href={page.url} class="image">
+			<Image node={{ url: headerImage, alt: '' }} />
 		</a>
 	{:else}
-		<Image node={{ url: image.output, alt: '' }} />
+		<Image node={{ url: headerImage, alt: '' }} />
 	{/if}
 {/if}
 

package/src/lib/utilities/readMarkdownFile.js

@@ -45,6 +45,21 @@ function deduceDescriptionFromAST(ast) {
 	return null;
 }
 
+function deduceImageFromAST(ast) {
+	for (let i = 0; i < ast?.length; i++) {
+		const node = ast?.[i]
+		if (node.type === 'figure') {
+			for(let i = 0; i < node.children.length; i++) {
+				const child = node.children[i]
+				if(child.type === "image") {
+					return child.url
+				}
+			}
+		}
+	}
+	return null;
+}
+
 function demoteHeadings(ast, start) {
 	for (let i = start; i < ast.length; i++) {
 		const node = ast[i];
@@ -144,6 +159,8 @@ export default async function readMarkdownFile(filePath, cache) {
 
 	if (!frontmatter.title && imputedTitle) frontmatter.title = imputedTitle;
 
+	
+
 	const imputedProperties = {
 		description: deduceDescriptionFromAST(filteredAST),
 		title: imputedTitle,
@@ -158,5 +175,11 @@ export default async function readMarkdownFile(filePath, cache) {
 
 	await Promise.all(promises);
 
+	const imputedImage = deduceImageFromAST(filteredAST)
+
+	if(imputedImage) {
+		imputedProperties.image = imputedImage
+	}
+	
 	return { frontmatter, ast: filteredAST, imputedProperties };
 }