astro-accelerator 4.0.29 → 4.0.34

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "4.0.29",
+    "version": "4.0.34",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
@@ -32,9 +32,9 @@
     },
     "dependencies": {
         "@astrojs/mdx": "^2.3.1",
-        "astro": "^4.10.3",
-        "astro-accelerator-utils": "^0.3.7",
-        "cspell": "^8.9.0",
+        "astro": "^4.11.5",
+        "astro-accelerator-utils": "^0.3.9",
+        "cspell": "^8.11.0",
         "csv": "^6.3.9",
         "hast-util-from-selector": "^3.0.0",
         "html-to-text": "^9.0.5",
@@ -44,7 +44,7 @@
         "sharp": "^0.33.4"
     },
     "devDependencies": {
-        "@playwright/test": "^1.44.1"
+        "@playwright/test": "^1.45.2"
     },
     "files": [
         ".npmrc",
@@ -66,6 +66,7 @@
         "src/pages/search.json.ts",
         "src/pages/sitemap.xml.ts",
         "src/pages/report/*",
+        "src/pages/report/oldest-content/*",
         "src/layouts/*",
         "src/themes/accelerator/components/*",
         "src/themes/accelerator/layouts/*",

package/public/css/report.css

@@ -0,0 +1,66 @@
+/** @format */
+
+:root {
+    --pop: #2d4295;
+
+    --color-header-bg: var(--pop);
+    --color-header-fg: #fff;
+    --color-row-border: #ddd;
+    --color-table-border: var(--pop);
+    --color-row-bg: #f9f9f9;
+    --color-row-bg-alt: #f3f3f3;
+    --color-row-bg-focus: #e5e5e5;
+
+    --block-radius: 0.3rem;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    padding: 2em;
+}
+
+table {
+    border-collapse: collapse;
+    margin: 25px 0;
+    font-size: 0.9em;
+    font-family: sans-serif;
+    min-width: 400px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+thead tr {
+    background-color: var(--color-header-bg);
+    color: var(--color-header-fg);
+    text-align: left;
+    border-radius: var(--block-radius) var(--block-radius) 0 0;
+}
+
+table th:first-child {
+    border-radius: var(--block-radius) 0 0 0;
+}
+
+table th:last-child {
+    border-radius: 0 var(--block-radius) 0 0;
+}
+
+th,
+td {
+    padding: 12px 15px;
+}
+
+tbody tr {
+    background-color: var(--color-row-bg);
+    border-bottom: 1px solid var(--color-row-border);
+}
+
+tbody tr:nth-of-type(even) {
+    background-color: var(--color-row-bg-alt);
+}
+
+tbody tr:last-of-type {
+    border-bottom: 2px solid var(--color-table-border);
+}
+
+tbody tr:hover {
+    background-color: var(--color-row-bg-focus);
+}

package/src/env.d.ts

@@ -0,0 +1,4 @@
+/// <reference path="../.astro/types.d.ts" />
+/** @format */
+
+/// <reference types="astro/client" />

package/src/pages/authors/[author]/[page].astro

@@ -11,6 +11,7 @@ import { SITE } from '@config';
 import Default from 'src/layouts/Default.astro';
 import ArticleList from '@components/ArticleList.astro';
 import PagingLinks from '@components/PagingLinks.astro';
+import { getImageInfo } from '@util/custom-markdown.mjs';
 
 const accelerator = new Accelerator(SITE);
 const stats = new accelerator.statistics('pages/authors/[author]/[page].astro');
@@ -96,6 +97,11 @@ export async function getStaticPaths({ paginate }: any) {
   }).flat();
 }
 
+// Get image info
+const authorImage = author.frontmatter.bannerImage?.src 
+  ? getImageInfo(author.frontmatter.bannerImage.src, 'author-image', SITE.images.authorSize)
+  : null;
+
 // Page Links
 const pageLinks = accelerator.paging.links(SITE.pageLinks, page.lastPage, page.currentPage, page.url.current);
 
@@ -113,7 +119,29 @@ if (page.url.current != pageLinks[0].url) {
 stats.stop();
 ---
 <Default frontmatter={ authorFrontmatter } headings={ headings } breadcrumbs={ breadcrumbs }>
-  <Fragment set:html={ authorText } />
+  <div class="author-page">
+    {authorImage && 
+      <img
+        srcset={ authorImage.srcset }
+        sizes={ authorImage.sizes }
+        src={ authorImage.src }
+        alt={ author.frontmatter.bannerImage?.alt }
+        class={ authorImage.class }
+        width={ authorImage.metadata?.width }
+        height={ authorImage.metadata?.height }
+        />
+    }
+    <div class="author-info">
+      <Fragment set:html={ authorText } />
+      {author.frontmatter.links && 
+      <ul>
+      {author.frontmatter.links.map((link) => (
+        <li><a href={ link.url } rel={ link.rel }><Fragment set:html={ link.text } /></a></li>
+      ))}
+      </ul>
+      }
+    </div>
+  </div>
   <h2>{ _(Translations.articles.page_title).replace('{n}', page.currentPage.toString()) }</h2>
   <ArticleList lang={ lang } posts={ page.data } />
   <PagingLinks lang={ lang } page={ page } pageLinks={ pageLinks } />

package/src/pages/report/missing-banner.astro

@@ -17,6 +17,7 @@ const pages = missingBanner.sort(PostOrdering.sortByPubDateDesc).slice(0, Math.m
     <head>
         <meta charset="utf-8" />
         <title>Missing banners</title>
+        <link rel="stylesheet" href="/css/report.css" />
     </head>
     <body>
         <h2>Report: Missing banners</h2>

package/src/pages/report/missing-meta.astro

@@ -17,6 +17,7 @@ const pages = missingMeta.sort(PostOrdering.sortByPubDateDesc).slice(0, Math.min
     <head>
         <meta charset="utf-8" />
         <title>Missing meta</title>
+        <link rel="stylesheet" href="/css/report.css" />
     </head>
     <body>
         <h2>Report: Missing meta</h2>

package/src/pages/report/missing-pubdate.astro

@@ -17,6 +17,7 @@ const pages = missingMeta.slice(0, Math.min(50, pageCount));
     <head>
         <meta charset="utf-8" />
         <title>Missing pubDate</title>
+        <link rel="stylesheet" href="/css/report.css" />
     </head>
     <body>
         <h2>Report: Missing pubDate</h2>

package/src/pages/report/oldest-content/[page].astro

@@ -0,0 +1,97 @@
+---
+import {
+  PostOrdering,
+  PostFiltering,
+  Accelerator,
+} from 'astro-accelerator-utils';
+import type { MarkdownInstance } from 'astro-accelerator-utils/types/Astro';
+import type { Page } from 'astro';
+import { SITE } from '@config';
+import PagingLinks from '@components/PagingLinks.astro';
+
+// Props
+type Props = {
+  title: string;
+  page: Page<MarkdownInstance>;
+  headings: { depth: number; slug: string; text: string }[];
+  pubDate: Date;
+};
+const { page } = Astro.props satisfies Props;
+const lang = SITE.default.lang;
+
+// Logic
+const accelerator = new Accelerator(SITE);
+const stats = new accelerator.statistics(
+  'report/oldest-content/[page].astro'
+);
+stats.start();
+
+export async function getData() {
+  const accelerator = new Accelerator(SITE);
+  const allPages = accelerator.posts.all();
+  const pageCount = allPages.length;
+  const pages = allPages
+    .filter(PostFiltering.isListable)
+    .sort(PostOrdering.sortByModDate);
+
+  return pages;
+}
+
+export async function getStaticPaths({ paginate }: any) {
+  let data = await getData();
+
+  return paginate(data, {
+    pageSize: 50,
+  });
+}
+
+// Page Links
+const pageLinks = accelerator.paging.links(
+  SITE.pageLinks,
+  page.lastPage,
+  page.currentPage,
+  page.url.current
+);
+
+stats.stop();
+---
+
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Oldest content</title>
+    <link rel="stylesheet" href="/css/report.css" />
+  </head>
+  <body>
+    <h2>Report: Oldest content (Page <Fragment content={page.currentPage} />)</h2>
+    <table>
+      <thead>
+        <tr>
+          <th>Title</th>
+          <th>Published</th>
+          <th>Modified</th>
+        </tr>
+      </thead>
+      {
+        page.data.map((p) => (
+          <tr>
+            <td>
+              {PostFiltering.isListable(p) && (
+                <a href={accelerator.urlFormatter.formatAddress(p.url)}>
+                  {p.frontmatter.title}
+                </a>
+              )}
+              {PostFiltering.isListable(p) == false && (
+                <span>{p.frontmatter.title}</span>
+              )}
+            </td>
+            <td>{p.frontmatter.pubDate}</td>
+            <td>{p.frontmatter.modDate}</td>
+          </tr>
+        ))
+      }
+    </table>
+    <PagingLinks lang={lang} page={page} pageLinks={pageLinks} />
+  </body>
+</html>

package/src/pages/report/oldest-content/index.astro

@@ -0,0 +1,11 @@
+---
+// warning: This file is overwritten by Astro Accelerator
+
+import Redirect from 'src/layouts/Redirect.astro';
+
+const frontmatter = {
+  redirect: './oldest-content/1/',
+} as any;
+---
+
+<Redirect frontmatter={frontmatter} headings={[]} />

package/src/pages/report/taxonomy.astro

@@ -20,6 +20,7 @@ const entries = accelerator.taxonomy.all();
     <head>
         <meta charset="utf-8" />
         <title>Taxonomy</title>
+        <link rel="stylesheet" href="/css/report.css" />
     </head>
     <body>
         <h2>Report: Taxonomy</h2>

package/.npmrc

@@ -1,2 +0,0 @@
-# Expose Astro dependencies for `pnpm` users
-shamefully-hoist=true

package/src/pages/report/oldest-content.astro

@@ -1,46 +0,0 @@
----
-// warning: This file is overwritten by Astro Accelerator
-
-import { PostOrdering, PostFiltering, Accelerator } from 'astro-accelerator-utils';
-import { SITE } from '@config';
-
-// Logic
-const accelerator = new Accelerator(SITE);
-
-const allPages = accelerator.posts.all();
-const pageCount = allPages.length;
-const pages = allPages.filter(PostFiltering.isListable).sort(PostOrdering.sortByModDate).slice(0, Math.min(50, pageCount));
----
-<!doctype html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Oldest content</title>
-    </head>
-    <body>
-        <h2>Report: Oldest content</h2>
-        <table>
-            <thead>
-                <tr>
-                    <th>Title</th>
-                    <th>Published</th>
-                    <th>Modified</th>
-                </tr>
-            </thead>
-        {pages.map(p => 
-        <tr>
-            <td>
-                {PostFiltering.isListable(p) && (
-                    <a href={ accelerator.urlFormatter.formatAddress(p.url) }>{ p.frontmatter.title }</a>
-                )}
-                {PostFiltering.isListable(p) == false && (
-                    <span>{ p.frontmatter.title }</span>
-                )}
-            </td>
-            <td>{ p.frontmatter.pubDate }</td>
-            <td>{ p.frontmatter.modDate }</td>
-        </tr>
-        )}
-        </table>
-    </body>
-</html>