max/max-richter.dev
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: display articles

Browse Source
This commit is contained in:
Max Richter
2025-10-22 17:43:04 +02:00
parent b6bee0df53
commit 2b7b5bb12f
7 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Image.astro
View File

@@ -3,9 +3,8 @@ import type { ImageMetadata } from "astro";
import { Picture as AstroImage } from "astro:assets";
import { inferRemoteSize } from 'astro/assets/utils';
import { generateThumbHash, getExifData } from "@helpers/image";
import sharp from "sharp";
interface Props {
src: ImageMetadata & { fsPath?: string };
src: ImageMetadata & { fsPath?: string, src?: string };
alt: string;
pictureClass?: string;
class?: string;
@@ -16,7 +15,6 @@ interface Props {
}
async function checkImage(image: ImageMetadata) {
console.log("Checking image: ", image);
const src = image.src;
try {
if (src.startsWith("/@fs") || src.startsWith("/_astro")) return true;

7
src/components/resources/Article.astro
View File

@@ -1,11 +1,10 @@
---
import * as memorium from "@helpers/memorium";
import { markdownToHtml, markdownToText } from "@helpers/markdown";
import { markdownToHtml } from "@helpers/markdown";
import Image from "@components/Image.astro";
import type { ImageMetadata } from "astro";
const { resource } = Astro.props;
const ingredients = resource?.content?.recipeIngredient || [];
const instructions = resource?.content?.recipeInstructions || [];
---
<h1 class="text-4xl">{resource?.content?.headline}</h1>
@@ -14,7 +13,7 @@ const instructions = resource?.content?.recipeInstructions || [];
resource?.content?.image && (
<Image
hash
src={{ src: memorium.getImageUrl(resource.content.image) }}
src={{ src: memorium.getImageUrl(resource.content.image) } as ImageMetadata}
alt="Cover for {resource?.content?.name}"
class="rounded-2xl overflow-hidden"
pictureClass="rounded-2xl"

5
src/components/resources/Recipe.astro
View File

@@ -1,7 +1,8 @@
---
import * as memorium from "@helpers/memorium";
import { markdownToHtml, markdownToText } from "@helpers/markdown";
import { markdownToHtml } from "@helpers/markdown";
import Image from "@components/Image.astro";
import type { ImageMetadata } from "astro";
const { resource } = Astro.props
const ingredients = resource?.content?.recipeIngredient || [];
@@ -10,7 +11,7 @@ const instructions = resource?.content?.recipeInstructions || [];
<h1 class="text-4xl">{resource?.content?.name}</h1>
<div>
{resource?.content?.image && <Image hash src={{src: memorium.getImageUrl(resource.content.image)}} alt="Cover for {resource?.content?.name}" class="rounded-2xl overflow-hidden" pictureClass="rounded-2xl" />}
{resource?.content?.image && <Image hash src={{src: memorium.getImageUrl(resource.content.image)} as ImageMetadata} alt="Cover for {resource?.content?.name}" class="rounded-2xl overflow-hidden" pictureClass="rounded-2xl" />}
</div>
<p>{resource?.content?.description}</p>
<h2 class="text-2xl">Ingredients</h2>