nnbb 0.0.1

package/lib/cache/mongoDbCache.ts

@@ -0,0 +1,70 @@
+import { MongoClient } from 'mongodb';
+
+const DB_URL = process.env.MONGO_DB_URL as string;
+const DB_NAME = process.env.MONGO_DB_NAME as string;
+const DB_COLLECTION = 'posts';
+
+let client: MongoClient | null = null;
+
+async function connectToDatabase() {
+  if (!client) {
+    client = await MongoClient.connect(DB_URL, {
+      // Optional connection pooling config
+      maxPoolSize: 10, // Maintain up to 10 socket connections
+    });
+  }
+  return client.db(DB_NAME);
+}
+
+export async function getCache(key: string) {
+  try {
+    const dbo = await connectToDatabase();
+    const query = { block_id: key };
+    const res = await dbo.collection(DB_COLLECTION).findOne(query);
+    return res;
+  } catch (err) {
+    console.error(`Failed to get cache for key: ${key}`, err);
+    throw err;
+  }
+}
+
+export async function setCache(key: string, data: any) {
+  try {
+    const dbo = await connectToDatabase();
+    data.block_id = key;
+    const query = { block_id: key };
+    const jsonObj = JSON.parse(JSON.stringify(data));
+
+    const updRes = await dbo
+      .collection(DB_COLLECTION)
+      .updateOne(query, { $set: jsonObj });
+    console.log('Update result', key, updRes);
+
+    if (updRes.matchedCount === 0) {
+      const insertRes = await dbo.collection(DB_COLLECTION).insertOne(jsonObj);
+      console.log('Insert result', key, insertRes);
+    }
+
+    return data;
+  } catch (err) {
+    console.error(`Failed to set cache for key: ${key}`, err);
+    throw err;
+  }
+}
+
+export async function delCache(key: string) {
+  try {
+    const dbo = await connectToDatabase();
+    const query = { block_id: key };
+    const res = await dbo.collection(DB_COLLECTION).deleteOne(query);
+    console.log('Delete result', key, res);
+    return null;
+  } catch (err) {
+    console.error(`Failed to delete cache for key: ${key}`, err);
+    throw err;
+  }
+}
+
+const mongoDbCache = { getCache, setCache, delCache };
+
+export default mongoDbCache;

package/lib/cache/types.ts

@@ -0,0 +1,5 @@
+export interface CacheManager {
+  getCache: (key: string) => any;
+  setCache: (key: string, value: any) => void;
+  delCache: (key: string) => void;
+}

package/lib/font.js

@@ -0,0 +1,46 @@
+/**
+ * 在此处配置字体
+ */
+import BLOG from '../blog.config';
+
+// const { fontFamily } = require('tailwindcss/defaultTheme')
+
+function CJK() {
+  switch (BLOG.LANG.toLowerCase()) {
+    case 'zh-cn':
+    case 'zh-sg':
+      return 'SC';
+    case 'zh':
+    case 'zh-hk':
+    case 'zh-tw':
+      return 'TC';
+    case 'ja':
+    case 'ja-jp':
+      return 'JP';
+    case 'ko':
+    case 'ko-kr':
+      return 'KR';
+    default:
+      return null;
+  }
+}
+
+const fontSansCJK = !CJK()
+  ? []
+  : [`"Noto Sans CJK ${CJK()}"`, `"Noto Sans ${CJK()}"`];
+const fontSerifCJK = !CJK()
+  ? []
+  : [`"Noto Serif CJK ${CJK()}"`, `"Noto Serif ${CJK()}"`];
+
+const fontFamilies = {
+  sans: [...BLOG.FONT_SANS, ...fontSansCJK],
+  serif: [...BLOG.FONT_SERIF, ...fontSerifCJK],
+  noEmoji: [
+    'ui-sans-serif',
+    'system-ui',
+    '-apple-system',
+    'BlinkMacSystemFont',
+    'sans-serif',
+  ],
+};
+module.exports = { fontFamilies };

package/lib/global.tsx

@@ -0,0 +1,129 @@
+import { createContext, useContext, useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import BLOG from '@/blog.config';
+import {
+  THEMES,
+  initTheme,
+  initDarkMode,
+  operateDarkMode,
+  saveDarkModeToLocalStorage,
+} from '@/theme';
+import { getQueryVariable } from './utils';
+import { progressStart, progressDone } from '@/components/NProgress';
+
+import type { FunctionComponent, ReactNode } from 'react';
+
+export interface GlobalContextProps {
+  theme: string;
+  isDarkMode: boolean;
+  onLoading: boolean;
+  siteInfo: unknown;
+  categoryOptions: unknown;
+  tagOptions: unknown;
+  switchTheme: (theme: string) => void;
+  setTheme: (theme: string) => void;
+  updateDarkMode: (isDarkMode: boolean) => void;
+  setOnLoading: (onLoading: boolean) => void;
+}
+
+const GlobalContext = createContext<GlobalContextProps>({
+  theme: BLOG.THEME,
+  isDarkMode: false,
+  onLoading: false,
+  siteInfo: {},
+  categoryOptions: [],
+  tagOptions: [],
+  switchTheme: () => {},
+  setTheme: () => {},
+  updateDarkMode: () => {},
+  setOnLoading: () => {},
+});
+
+/**
+ * 全局变量Provider，包括语言本地化、样式主题、搜索词
+ * @param children
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export const GlobalContextProvider: FunctionComponent<
+  GlobalContextProps & {
+    children: ReactNode;
+  }
+> = (props) => {
+  const { children, siteInfo, categoryOptions, tagOptions } = props;
+  const router = useRouter();
+  // lang 为所选语言，如 zh-CN,
+  // locale 为对应语言的配置对象
+  const [theme, setTheme] = useState(BLOG.THEME); // 默认博客主题
+  const [isDarkMode, updateDarkMode] = useState(BLOG.APPEARANCE === 'dark'); // 默认深色模式
+  const [onLoading, setOnLoading] = useState(false); // 抓取文章数据
+
+  useEffect(() => {
+    updateDarkMode(initDarkMode());
+    initTheme();
+  }, []);
+
+  // 切换暗黑模式
+  useEffect(() => {
+    saveDarkModeToLocalStorage(isDarkMode);
+    operateDarkMode(isDarkMode);
+  }, [isDarkMode]);
+
+  useEffect(() => {
+    const handleStart = (url: string) => {
+      progressStart();
+      const { theme } = router.query;
+      if (theme && !url.includes(`theme=${theme}`)) {
+        const newUrl = `${url}${url.includes('?') ? '&' : '?'}theme=${theme}`;
+        router.push(newUrl);
+      }
+      setOnLoading(true);
+    };
+    const handleStop = () => {
+      progressDone();
+      setOnLoading(false);
+    };
+    const queryTheme = getQueryVariable('theme') || BLOG.THEME;
+    setTheme(queryTheme);
+    router.events.on('routeChangeStart', handleStart);
+    router.events.on('routeChangeError', handleStop);
+    router.events.on('routeChangeComplete', handleStop);
+    return () => {
+      router.events.off('routeChangeStart', handleStart);
+      router.events.off('routeChangeComplete', handleStop);
+      router.events.off('routeChangeError', handleStop);
+    };
+  }, [router]);
+
+  // 切换主题
+  function switchTheme() {
+    const currentIndex = THEMES.indexOf(theme);
+    const newIndex = currentIndex < THEMES.length - 1 ? currentIndex + 1 : 0;
+    const newTheme = THEMES[newIndex];
+    const query = router.query;
+    query.theme = newTheme;
+    router.push({ pathname: router.pathname, query });
+    return newTheme;
+  }
+
+  return (
+    <GlobalContext.Provider
+      value={{
+        onLoading,
+        setOnLoading,
+        isDarkMode,
+        updateDarkMode,
+        theme,
+        setTheme,
+        switchTheme,
+        siteInfo,
+        categoryOptions,
+        tagOptions,
+      }}
+    >
+      {children}
+    </GlobalContext.Provider>
+  );
+};
+
+export const useGlobal = () => useContext(GlobalContext);

package/lib/gtag.js

@@ -0,0 +1,17 @@
+import BLOG from '@/blog.config'
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+export const pageview = url => {
+  window.gtag('config', BLOG.ANALYTICS_GOOGLE_ID, {
+    page_path: url
+  })
+}
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/events
+export const event = ({ action, category, label, value }) => {
+  window.gtag('event', action, {
+    event_category: category,
+    event_label: label,
+    value: value
+  })
+}

package/lib/mailchimp.js

@@ -0,0 +1,49 @@
+import BLOG from '@/blog.config'
+
+/**
+* 订阅邮件-服务端接口
+* @param {*} email
+* @returns
+*/
+export default function subscribeToMailchimpApi({ email, first_name = '', last_name = '' }) {
+  const listId = BLOG.MAILCHIMP_LIST_ID // 替换为你的邮件列表 ID
+  const apiKey = BLOG.MAILCHIMP_API_KEY // 替换为你的 API KEY
+  if (!email || !listId || !apiKey) {
+    return {}
+  }
+  const data = {
+    email_address: email,
+    status: 'subscribed',
+    merge_fields: {
+      FNAME: first_name,
+      LNAME: last_name
+    }
+  }
+  return fetch(`https://us18.api.mailchimp.com/3.0/lists/${listId}/members`, {
+    method: 'POST',
+    headers: {
+      Authorization: `apikey ${apiKey}`,
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(data)
+  })
+}
+
+/**
+ * 客户端接口
+ * @param {*} email
+ * @param {*} firstName
+ * @param {*} lastName
+ * @returns
+ */
+export async function subscribeToNewsletter(email, firstName, lastName) {
+  const response = await fetch('/api/subscribe', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({ email, first_name: firstName, last_name: lastName })
+  })
+  const data = await response.json()
+  return data
+}