test

joevaugh4n · Dec 17, 2024 · bc7ad1f · bc7ad1f
1 parent 4e9c62e
commit bc7ad1f
Show file tree

Hide file tree

Showing 28 changed files with 435 additions and 552 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -4,8 +4,6 @@ import icon from 'astro-icon'
 import starlight from '@astrojs/starlight'
 import react from '@astrojs/react'
 
-import compress from 'astro-compress'
-
 // https://astro.build/config
 export default defineConfig({
   integrations: [

diff --git a/blogpost_screenshot.png b/blogpost_screenshot.png
diff --git a/blogpost_screenshot_chromium.png b/blogpost_screenshot_chromium.png
diff --git a/blogpost_screenshot_firefox.png b/blogpost_screenshot_firefox.png
diff --git a/blogpost_screenshot_webkit.png b/blogpost_screenshot_webkit.png
diff --git a/chromium_blogpost_screenshot.png b/chromium_blogpost_screenshot.png
diff --git a/chromium_homepage_screenshot.png b/chromium_homepage_screenshot.png
diff --git a/chromium_posts_page_screenshot.png b/chromium_posts_page_screenshot.png
diff --git a/firefox_blogpost_screenshot.png b/firefox_blogpost_screenshot.png
diff --git a/firefox_homepage_screenshot.png b/firefox_homepage_screenshot.png
diff --git a/firefox_posts_page_screenshot.png b/firefox_posts_page_screenshot.png
diff --git a/homepage_screenshot.png b/homepage_screenshot.png
diff --git a/homepage_screenshot_chromium.png b/homepage_screenshot_chromium.png
diff --git a/homepage_screenshot_firefox.png b/homepage_screenshot_firefox.png
diff --git a/homepage_screenshot_webkit.png b/homepage_screenshot_webkit.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,8 @@
     "astro-google-fonts-optimizer": "^0.2.2",
     "astro-icon": "^1.1.0",
     "astro-social-share": "^2.0.2",
+    "dompurify": "^3.2.3",
+    "html-entities": "^2.5.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwindcss": "^3.4.7",

diff --git a/playwright.config.ts b/playwright.config.ts
diff --git a/posts_page.png b/posts_page.png
diff --git a/posts_page_chromium.png b/posts_page_chromium.png
diff --git a/posts_page_firefox.png b/posts_page_firefox.png
diff --git a/posts_page_webkit.png b/posts_page_webkit.png
diff --git a/screenshot.png b/screenshot.png
diff --git a/src/components/Posts.astro b/src/components/Posts.astro
@@ -11,6 +11,8 @@ interface Props {
 const { title } = Astro.props;
 const { posts } = await fetchBlogPosts();
 const uniqueTags = getUniqueTags(posts.nodes);
+
+console.log(posts)
 ---
 
 <section id="posts" class="min-h-screen max-w-7xl mx-auto w-full">

diff --git a/src/lib/posts.ts b/src/lib/posts.ts
@@ -1,4 +1,5 @@
 import { wpquery } from "./wordpress";
+import { decode } from "html-entities";
 
 interface Tag {
   name: string;
@@ -20,12 +21,18 @@ interface DataProps {
   };
 }
 
+function sanitizeExcerpt(input: string): string {
+  const noHtml = input.replace(/<\/?[^>]+(>|$)/g, ""); // Remove HTML tags
+  const decoded = decode(noHtml); // Decode HTML entities
+  return decoded.trim().replace(/\n/g, ""); // Remove newlines and trim
+}
+
 export async function fetchBlogPosts(): Promise<DataProps> {
   try {
     const response = await wpquery({
       query: `
         query GetPostExcerptsAndAllTags {
-          posts {
+          posts(first:1000) {
             nodes {
               title
               dateGmt
@@ -51,7 +58,11 @@ export async function fetchBlogPosts(): Promise<DataProps> {
     });
 
     if (response.posts?.nodes) {
-      return response as DataProps;
+      const sanitizedPosts = response.posts.nodes.map((post) => ({
+        ...post,
+        excerpt: sanitizeExcerpt(post.excerpt),
+      }));
+      return { posts: { nodes: sanitizedPosts } };
     } else {
       return { posts: { nodes: [] } };
     }
@@ -85,7 +96,11 @@ export async function fetchLatestPost(): Promise<PostProps> {
     });
 
     if (response.posts?.nodes?.[0]) {
-      return response.posts.nodes[0];
+      const latestPost = response.posts.nodes[0];
+      return {
+        ...latestPost,
+        excerpt: sanitizeExcerpt(latestPost.excerpt),
+      };
     } else {
       return {
         dateGmt: '',
@@ -106,6 +121,7 @@ export async function fetchLatestPost(): Promise<PostProps> {
   }
 }
 
+
 export function getUniqueTags(posts: PostProps[]): Tag[] {
   const tagsSet = new Set();
   posts.forEach((post) => {

diff --git a/webkit_blogpost_screenshot.png b/webkit_blogpost_screenshot.png
diff --git a/webkit_homepage_screenshot.png b/webkit_homepage_screenshot.png
diff --git a/webkit_posts_page_screenshot.png b/webkit_posts_page_screenshot.png