rss feed

2023-12-31 11:15:48 +00:00 · 2023-12-31 11:15:48 +00:00 · f8572d0b47
commit f8572d0b47
parent 9baef43c75
9 changed files with 103 additions and 66 deletions
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@ -1,8 +1,9 @@
 import { defineConfig } from "vitepress";
 import UnoCSS from "unocss/vite";
 import { presetUno, presetAttributify, presetIcons } from "unocss";
+import consola from "consola";
 import { commitRef, feedback, meta, socials } from "./constants";
-import { generateImages, generateMeta } from "./hooks";
+import { generateImages, generateMeta, generateFeed } from "./hooks";
 import { toggleStarredPlugin } from "./markdown/toggleStarred";
 import { base64DecodePlugin } from "./markdown/base64";

@ -35,7 +36,9 @@ export default defineConfig({
  ],
  transformHead: async (context) => generateMeta(context, meta.hostname),
  buildEnd: async (context) => {
-    generateImages(context);
+    generateImages(context)
+      .then(() => generateFeed(context))
+      .finally(() => consola.success("Success!"));
  },
  vite: {
    plugins: [
--- a/.vitepress/constants.ts
+++ b/.vitepress/constants.ts
@ -3,7 +3,7 @@ import type { DefaultTheme } from "vitepress";
 export const meta = {
  name: "FreeMediaHeckYeah",
  description: "The largest collection of free stuff on the internet!",
-  hostname: "https://fmhy.pages.dev",
+  hostname: "https://fmhy.net",
  keywords: ["stream", "movies", "gaming", "reading", "anime"],
 };

--- a/.vitepress/hooks/index.ts
+++ b/.vitepress/hooks/index.ts
@ -4,3 +4,5 @@

 export * from "./meta";
 export * from "./opengraph";
+export * from "./rss";
+export * from "./satoriConfig";
--- a/.vitepress/hooks/opengraph.ts
+++ b/.vitepress/hooks/opengraph.ts
@ -5,6 +5,7 @@ import { createContentLoader } from "vitepress";
 import type { ContentData, SiteConfig } from "vitepress";
 import { type SatoriOptions, satoriVue } from "x-satori/vue";
 import { renderAsync } from "@resvg/resvg-js";
+import consola from "consola";

 const __dirname = dirname(fileURLToPath(import.meta.url));
 const __fonts = resolve(__dirname, "../fonts");
@ -48,6 +49,7 @@ export async function generateImages(config: SiteConfig): Promise<void> {
      fonts,
    });
  }
+  return consola.info("Generated opengraph images.");
 }

 interface GenerateImagesOptions {
@ -90,5 +92,5 @@ async function generateImage({

  await mkdir(outputFolder, { recursive: true });

-  return await writeFile(outputFile, render.asPng());
+  await writeFile(outputFile, render.asPng());
 }
--- a/.vitepress/hooks/rss.ts
+++ b/.vitepress/hooks/rss.ts
@ -0,0 +1,42 @@
+import path from "node:path";
+import { writeFileSync } from "node:fs";
+import { Feed } from "feed";
+import { createContentLoader, type ContentData, type SiteConfig } from "vitepress";
+import consola from "consola";
+import { meta } from "../constants";
+
+export async function generateFeed(config: SiteConfig): Promise<void> {
+  const feed: Feed = new Feed({
+    id: meta.hostname,
+    link: meta.hostname,
+    title: `FMHY blog`,
+    description: meta.description,
+    language: "en-US",
+    image: "https://github.com/fmhy.png",
+    favicon: `${meta.hostname}/favicon.ico`,
+    copyright: `Copyright (c) 2023-present FMHY`,
+  });
+
+  const posts: ContentData[] = await createContentLoader("posts/*.md", {
+    excerpt: true,
+    render: true,
+    transform: (rawData) => {
+      return rawData.sort((a, b) => {
+        return Number(new Date(b.frontmatter.date)) - Number(new Date(a.frontmatter.date));
+      });
+    },
+  }).load();
+
+  for (const { url, frontmatter, html } of posts) {
+    feed.addItem({
+      title: frontmatter.title as string,
+      id: `${meta.hostname}${url.replace(/\/\d+\./, "/")}`,
+      link: `${meta.hostname}${url.replace(/\/\d+\./, "/")}`,
+      date: frontmatter.date,
+      content: html!,
+    });
+  }
+
+  writeFileSync(path.join(config.outDir, "feed.rss"), feed.rss2());
+  return consola.info("Generated rss feed.");
+}
--- a/.vitepress/rss.ts
+++ b/.vitepress/rss.ts
@ -1,39 +0,0 @@
-import path from "path";
-import { writeFileSync } from "fs";
-import { Feed } from "feed";
-import { createContentLoader, type SiteConfig } from "vitepress";
-import { meta } from "./constants";
-
-export async function genFeed(config: SiteConfig) {
-  const feed = new Feed({
-    title: "FMHY • Monthy Posts",
-    description: meta.description,
-    id: meta.hostname,
-    link: meta.hostname,
-    language: "en",
-    image: "https://github.com/fmhy.png",
-    copyright: "",
-  });
-
-  const posts = await createContentLoader("posts/**/*.md", {
-    excerpt: true,
-    render: true,
-  }).load();
-
-  posts.sort(
-    (a, b) => +new Date(b.frontmatter.date as string) - +new Date(a.frontmatter.date as string),
-  );
-
-  for (const { url, excerpt, frontmatter, html } of posts) {
-    feed.addItem({
-      title: frontmatter.title,
-      id: `${meta.hostname}${url}`,
-      link: `${meta.hostname}${url.split("/posts")[1]}`,
-      description: excerpt,
-      content: html,
-      date: frontmatter.date,
-    });
-  }
-
-  writeFileSync(path.join(config.outDir, "feed.rss"), feed.rss2());
-}
--- a/.vitepress/theme/Posts.vue
+++ b/.vitepress/theme/Posts.vue
@ -16,6 +16,12 @@ const formatDate = (raw: string): string => {
    <section>
      <h1 class="flex items-center gap-2">Posts</h1>
      <p>Everything from Monthly Updates to fmhy updates.</p>
+
+      We also have a
+      <a href="/feed.rss" title="RSS feed" class="VPBadge tip">
+        <div class="i-carbon-rss" />
+        RSS feed </a
+      >.
    </section>
    <template v-for="year in Object.keys(posts).reverse()" :key="year">
      <h2>{{ year }}</h2>
@ -35,3 +41,24 @@ const formatDate = (raw: string): string => {
    </template>
  </div>
 </template>
+
+<style scoped>
+.VPBadge {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  display: inline-flex;
+  margin-left: 2px;
+  padding: 0 10px;
+  line-height: 22px;
+  font-size: 12px;
+  font-weight: 500;
+  transform: translateY(-2px);
+  align-items: center;
+  gap: 0.2rem;
+  padding-right: 10px;
+  vertical-align: middle;
+  color: var(--vp-badge-tip-text);
+  background-color: var(--vp-custom-block-info-bg);
+  border-color: var(--vp-custom-block-tip-outline);
+}
+</style>
--- a/package.json
+++ b/package.json
@ -11,13 +11,14 @@
    "api:build": "nitropack build",
    "api:preview": "node .output/server/index.mjs",
    "og:dev": "x-satori -t ./.vitepress/hooks/Template.vue -c ./.vitepress/hooks/satoriConfig.ts --dev",
-    "format": "prettier -w --cache .",
+    "format": "prettier -w --cache --check .",
    "lint": "eslint .vitepress -f pretty --cache",
    "postinstall": "nitropack prepare"
  },
  "dependencies": {
    "@headlessui/vue": "^1.7.16",
    "@resvg/resvg-js": "^2.6.0",
+    "consola": "^3.2.3",
    "feed": "^4.2.2",
    "fs-extra": "^11.2.0",
    "itty-fetcher": "^0.9.4",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -11,6 +11,9 @@ dependencies:
  '@resvg/resvg-js':
    specifier: ^2.6.0
    version: 2.6.0
+  consola:
+    specifier: ^3.2.3
+    version: 3.2.3
  feed:
    specifier: ^4.2.2
    version: 4.2.2
@ -37,7 +40,7 @@ dependencies:
    version: 0.57.1(postcss@8.4.32)(vite@4.5.1)
  vitepress:
    specifier: npm:@taskylizard/vitepress@1.0.4
-    version: /@taskylizard/vitepress@1.0.4(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3)
+    version: /@taskylizard/vitepress@1.0.4(@algolia/client-search@4.20.0)(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3)
  vue:
    specifier: ^3.3.7
    version: 3.3.7(typescript@5.3.3)
@ -81,51 +84,47 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  /@algolia/autocomplete-core@1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0):
+  /@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
    resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
    dependencies:
-      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0)
-      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
    transitivePeerDependencies:
      - '@algolia/client-search'
      - algoliasearch
      - search-insights
    dev: false

-  /@algolia/autocomplete-plugin-algolia-insights@1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0):
+  /@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
    resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==}
    peerDependencies:
      search-insights: '>= 1 < 3'
    dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
      search-insights: 2.13.0
    transitivePeerDependencies:
      - '@algolia/client-search'
      - algoliasearch
    dev: false

-  /@algolia/autocomplete-preset-algolia@1.9.3(algoliasearch@4.20.0):
+  /@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
    resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==}
    peerDependencies:
      '@algolia/client-search': '>= 4.9.1 < 6'
      algoliasearch: '>= 4.9.1 < 6'
-    peerDependenciesMeta:
-      '@algolia/client-search':
-        optional: true
    dependencies:
-      '@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
+      '@algolia/client-search': 4.20.0
      algoliasearch: 4.20.0
    dev: false

-  /@algolia/autocomplete-shared@1.9.3(algoliasearch@4.20.0):
+  /@algolia/autocomplete-shared@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
    resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==}
    peerDependencies:
      '@algolia/client-search': '>= 4.9.1 < 6'
      algoliasearch: '>= 4.9.1 < 6'
-    peerDependenciesMeta:
-      '@algolia/client-search':
-        optional: true
    dependencies:
+      '@algolia/client-search': 4.20.0
      algoliasearch: 4.20.0
    dev: false

@ -453,10 +452,10 @@ packages:
    resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
    dev: false

-  /@docsearch/js@3.5.2(search-insights@2.13.0):
+  /@docsearch/js@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
    resolution: {integrity: sha512-p1YFTCDflk8ieHgFJYfmyHBki1D61+U9idwrLh+GQQMrBSP3DLGKpy0XUJtPjAOPltcVbqsTjiPFfH7JImjUNg==}
    dependencies:
-      '@docsearch/react': 3.5.2(search-insights@2.13.0)
+      '@docsearch/react': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
      preact: 10.18.1
    transitivePeerDependencies:
      - '@algolia/client-search'
@ -466,7 +465,7 @@ packages:
      - search-insights
    dev: false

-  /@docsearch/react@3.5.2(search-insights@2.13.0):
+  /@docsearch/react@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
    resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==}
    peerDependencies:
      '@types/react': '>= 16.8.0 < 19.0.0'
@ -483,8 +482,8 @@ packages:
      search-insights:
        optional: true
    dependencies:
-      '@algolia/autocomplete-core': 1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0)
-      '@algolia/autocomplete-preset-algolia': 1.9.3(algoliasearch@4.20.0)
+      '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
+      '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
      '@docsearch/css': 3.5.2
      algoliasearch: 4.20.0
      search-insights: 2.13.0
@ -1723,7 +1722,7 @@ packages:
      - supports-color
    dev: true

-  /@taskylizard/vitepress@1.0.4(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3):
+  /@taskylizard/vitepress@1.0.4(@algolia/client-search@4.20.0)(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3):
    resolution: {integrity: sha512-sYoG2KEvIVE3na69TyUbLs91/0AO7geVmlev4AaxGNqZPEqXBz1otKbtMLVMkBr9oOZH3YreRZ4Lb5VSWueXWQ==}
    hasBin: true
    peerDependencies:
@ -1736,7 +1735,7 @@ packages:
        optional: true
    dependencies:
      '@docsearch/css': 3.5.2
-      '@docsearch/js': 3.5.2(search-insights@2.13.0)
+      '@docsearch/js': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
      '@types/markdown-it': 13.0.7
      '@vitejs/plugin-vue': 5.0.2(vite@5.0.10)(vue@3.4.3)
      '@vue/devtools-api': 6.5.1