@bbki.ng/site 0.0.17 → 0.0.22

package/src/__test__/utils/index.test.ts

@@ -1,90 +1,90 @@
-import {
-  addOssWebpProcessStyle,
-  calcDefaultImgSize,
-  delay,
-  floatNumberToPercentageString,
-  getEnv,
-  minDelay,
-} from "@/utils";
-import { ossProcessType } from "@/types/oss";
-import { OSS_PHOTOS } from "@/constants/photos";
-
-jest.useFakeTimers();
-jest.spyOn(window, "setTimeout");
-
-describe("calcDefaultImgSize", () => {
-  it("should respect default width", () => {
-    const dw = 500;
-    expect(calcDefaultImgSize(OSS_PHOTOS.shopping, dw).width).toEqual(dw);
-  });
-  it("should return 576 as default width when photo is horizontal", () => {
-    expect(calcDefaultImgSize(OSS_PHOTOS.stone).width).toEqual(576);
-  });
-  it("should return 384 as default width when photo is horizontal", () => {
-    expect(calcDefaultImgSize(OSS_PHOTOS.player).width).toEqual(384);
-  });
-});
-
-describe("floatNumberToPercentageString", () => {
-  it("should return percentage string correctly", () => {
-    expect(floatNumberToPercentageString(0.8)).toBe("80%");
-  });
-});
-
-describe("addOssWebpProcessStyle", () => {
-  it("should return original url when image's url is invalid", () => {
-    const originalUrl = "foo";
-    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
-      originalUrl
-    );
-  });
-
-  it("should add oss style to url correctly", () => {
-    const originalUrl =
-      "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/xiang-jiang-river/DSCF2203-1.jpg";
-    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
-      `${originalUrl}?x-oss-process=style/${ossProcessType.WEBP}`
-    );
-  });
-});
-
-describe("delay", () => {
-  it("should delay correctly", () => {
-    delay(5000);
-    expect(setTimeout).toHaveBeenCalledTimes(1);
-    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 5000);
-  });
-});
-
-describe("minDelay", () => {
-  it("should delay at least specific duration", () => {
-    const promise = delay(1000);
-    expect(minDelay(promise, 2000)).toEqual(promise);
-    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 2000);
-  });
-});
-
-describe("getEnv", () => {
-  it("should return development when href start with http://localhost", () => {
-    const locationSpy = jest.spyOn(window, "location", "get");
-    locationSpy.mockImplementation(
-      () =>
-        ({
-          href: "http://localhost:3000",
-        } as Location)
-    );
-    expect(getEnv()).toEqual("development");
-    locationSpy.mockRestore();
-  });
-  it("should return production when href is NOT start with http://localhost", () => {
-    const locationSpy = jest.spyOn(window, "location", "get");
-    locationSpy.mockImplementation(
-      () =>
-        ({
-          href: "https://bbki.ng",
-        } as Location)
-    );
-    expect(getEnv()).toEqual("production");
-    locationSpy.mockRestore();
-  });
-});
+import {
+  addOssWebpProcessStyle,
+  calcDefaultImgSize,
+  delay,
+  floatNumberToPercentageString,
+  getEnv,
+  minDelay,
+} from "@/utils";
+import { ossProcessType } from "@/types/oss";
+import { OSS_PHOTOS } from "@/constants/photos";
+
+jest.useFakeTimers();
+jest.spyOn(window, "setTimeout");
+
+describe("calcDefaultImgSize", () => {
+  it("should respect default width", () => {
+    const dw = 500;
+    expect(calcDefaultImgSize(OSS_PHOTOS.shopping, dw).width).toEqual(dw);
+  });
+  it("should return 576 as default width when photo is horizontal", () => {
+    expect(calcDefaultImgSize(OSS_PHOTOS.stone).width).toEqual(576);
+  });
+  it("should return 384 as default width when photo is horizontal", () => {
+    expect(calcDefaultImgSize(OSS_PHOTOS.player).width).toEqual(384);
+  });
+});
+
+describe("floatNumberToPercentageString", () => {
+  it("should return percentage string correctly", () => {
+    expect(floatNumberToPercentageString(0.8)).toBe("80%");
+  });
+});
+
+describe("addOssWebpProcessStyle", () => {
+  it("should return original url when image's url is invalid", () => {
+    const originalUrl = "foo";
+    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
+      originalUrl
+    );
+  });
+
+  it("should add oss style to url correctly", () => {
+    const originalUrl =
+      "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/xiang-jiang-river/DSCF2203-1.jpg";
+    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
+      `${originalUrl}?x-oss-process=style/${ossProcessType.WEBP}`
+    );
+  });
+});
+
+describe("delay", () => {
+  it("should delay correctly", () => {
+    delay(5000);
+    expect(setTimeout).toHaveBeenCalledTimes(1);
+    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 5000);
+  });
+});
+
+describe("minDelay", () => {
+  it("should delay at least specific duration", () => {
+    const promise = delay(1000);
+    expect(minDelay(promise, 2000)).toEqual(promise);
+    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 2000);
+  });
+});
+
+describe("getEnv", () => {
+  it("should return development when href start with http://localhost", () => {
+    const locationSpy = jest.spyOn(window, "location", "get");
+    locationSpy.mockImplementation(
+      () =>
+        ({
+          href: "http://localhost:3000",
+        } as Location)
+    );
+    expect(getEnv()).toEqual("development");
+    locationSpy.mockRestore();
+  });
+  it("should return production when href is NOT start with http://localhost", () => {
+    const locationSpy = jest.spyOn(window, "location", "get");
+    locationSpy.mockImplementation(
+      () =>
+        ({
+          href: "https://bbki.ng",
+        } as Location)
+    );
+    expect(getEnv()).toEqual("production");
+    locationSpy.mockRestore();
+  });
+});

package/src/app.tsx

@@ -1,97 +1,97 @@
-import React, { useContext } from "react";
-import { Routes, Route, Outlet } from "react-router-dom";
-import {
-  Nav,
-  Page,
-  ThreeColLayout,
-  NotFound,
-  ErrorBoundary,
-} from "@bbki.ng/components";
-import { HotKeyNav, Stickers } from "./components";
-import { Cover } from "./pages";
-
-import Png from "@/pages/extensions/png";
-import ArticlePage from "@/pages/extensions/txt/article";
-import NowPage from "@/pages/now";
-import PhotoProjects from "@/pages/extensions/png/png_projects";
-import Tags from "@/pages/tags";
-import TagsResult from "@/pages/tags/tag_result";
-import Txt from "@/pages/extensions/txt";
-
-import { usePaths } from "@/hooks";
-import { Login } from "@/pages/login";
-import { SWR } from "@/swr";
-import {
-  GlobalLoadingContext,
-  GlobalLoadingStateProvider,
-} from "@/global_loading_state_provider";
-import { useScrollToTop } from "@/hooks/useScrollToTop";
-
-const Layout = () => {
-  const { isLoading } = useContext(GlobalLoadingContext);
-  return (
-    <>
-      <Page
-        nav={
-          <Nav paths={usePaths()} className="blur-cover" loading={isLoading} />
-        }
-        main={<Outlet />}
-        footer={null}
-      />
-    </>
-  );
-};
-
-const threeColWrapper =
-  <T extends object>(Component: any) =>
-  (props: T) => {
-    return (
-      <ThreeColLayout
-        middleRenderer={() => (
-          <ErrorBoundary>
-            <Component {...props} />
-          </ErrorBoundary>
-        )}
-      />
-    );
-  };
-
-const NowInMidCol = threeColWrapper(NowPage);
-const ContentInMidCol = threeColWrapper(Txt);
-const ArticleInMidCol = threeColWrapper(ArticlePage);
-const TagsInMidCol = threeColWrapper(Tags);
-const LoginInMidCol = threeColWrapper(Login);
-const TagsResultInMidCol = threeColWrapper(TagsResult);
-const CoverInMidCol = threeColWrapper(Cover);
-
-export const App = () => {
-  return (
-    <SWR>
-      <HotKeyNav>
-        <Stickers />
-        <GlobalLoadingStateProvider>
-          <Routes>
-            <Route path="/" element={<Layout />}>
-              <Route index element={<CoverInMidCol />} />
-              <Route path="/projects" element={<Png />} />
-              <Route path="/projects/:id" element={<PhotoProjects />} />
-
-              <Route path="now" element={<NowInMidCol />} />
-              <Route path="tags" element={<TagsInMidCol />} />
-              <Route path="tags/:tag" element={<TagsResultInMidCol />} />
-
-              <Route path="blog" element={<ContentInMidCol />} />
-              <Route path="blog/:title" element={<ArticleInMidCol />} />
-              <Route path="blog/:title/:id" element={<PhotoProjects />} />
-
-              <Route path="login" element={<LoginInMidCol />} />
-            </Route>
-            <Route path="*" element={<NotFound />} />
-          </Routes>
-        </GlobalLoadingStateProvider>
-      </HotKeyNav>
-    </SWR>
-  );
-};
-
-export default App;
+import React, { useContext } from "react";
+import { Routes, Route, Outlet } from "react-router-dom";
+import {
+  Nav,
+  Page,
+  ThreeColLayout,
+  NotFound,
+  ErrorBoundary,
+} from "@bbki.ng/components";
+import { HotKeyNav, Stickers } from "./components";
+import { Cover } from "./pages";
+
+import Png from "@/pages/extensions/png";
+import ArticlePage from "@/pages/extensions/txt/article";
+import NowPage from "@/pages/now";
+import PhotoProjects from "@/pages/extensions/png/png_projects";
+import Tags from "@/pages/tags";
+import TagsResult from "@/pages/tags/tag_result";
+import Txt from "@/pages/extensions/txt";
+
+import { usePaths } from "@/hooks";
+import { Login } from "@/pages/login";
+import { SWR } from "@/swr";
+import {
+  GlobalLoadingContext,
+  GlobalLoadingStateProvider,
+} from "@/global_loading_state_provider";
+import { useScrollToTop } from "@/hooks/useScrollToTop";
+
+const Layout = () => {
+  const { isLoading } = useContext(GlobalLoadingContext);
+  return (
+    <>
+      <Page
+        nav={
+          <Nav paths={usePaths()} className="blur-cover" loading={isLoading} />
+        }
+        main={<Outlet />}
+        footer={null}
+      />
+    </>
+  );
+};
+
+const threeColWrapper =
+  <T extends object>(Component: any) =>
+  (props: T) => {
+    return (
+      <ThreeColLayout
+        middleRenderer={() => (
+          <ErrorBoundary>
+            <Component {...props} />
+          </ErrorBoundary>
+        )}
+      />
+    );
+  };
+
+const NowInMidCol = threeColWrapper(NowPage);
+const ContentInMidCol = threeColWrapper(Txt);
+const ArticleInMidCol = threeColWrapper(ArticlePage);
+const TagsInMidCol = threeColWrapper(Tags);
+const LoginInMidCol = threeColWrapper(Login);
+const TagsResultInMidCol = threeColWrapper(TagsResult);
+const CoverInMidCol = threeColWrapper(Cover);
+
+export const App = () => {
+  return (
+    <SWR>
+      <HotKeyNav>
+        <Stickers />
+        <GlobalLoadingStateProvider>
+          <Routes>
+            <Route path="/" element={<Layout />}>
+              <Route index element={<CoverInMidCol />} />
+              <Route path="/projects" element={<Png />} />
+              <Route path="/projects/:id" element={<PhotoProjects />} />
+
+              <Route path="now" element={<NowInMidCol />} />
+              <Route path="tags" element={<TagsInMidCol />} />
+              <Route path="tags/:tag" element={<TagsResultInMidCol />} />
+
+              <Route path="blog" element={<ContentInMidCol />} />
+              <Route path="blog/:title" element={<ArticleInMidCol />} />
+              <Route path="blog/:title/:id" element={<PhotoProjects />} />
+
+              <Route path="login" element={<LoginInMidCol />} />
+            </Route>
+            <Route path="*" element={<NotFound />} />
+          </Routes>
+        </GlobalLoadingStateProvider>
+      </HotKeyNav>
+    </SWR>
+  );
+};
+
+export default App;

package/src/articles/anti-logic.mdx

@@ -1,61 +1,61 @@
----
-title: 与或非禁区
----
-
-**1. 古老的小区**
-
-我搬进 \
-一个古老的小区的胃里
-
-堆积的法国梧桐树叶 \
-和我的过往 \
-加重了它消化不良的症状
-
-北方的冷空气穿过冲积平原 \
-匍匐在小区旁的江面休息 \
-玩闹
-
-手拉着手的山脉远在南边等候 \
-胃壁从此有水珠渗出
-
-我的浴巾不再干燥
-
-**2. 信**
-
-被子折叠成信封 \
-身体干瘪成信纸
-
-睡梦邮递心事。
-
-**3. 梦里的事**
-
-梦里一群恒星散落在 \
-外婆家屋后的草丛
-
-梦里在摩天大楼上空蛙泳
-
-梦里变成凶杀犯被通缉
-
-梦里牙齿全部脱落 \
-一点也不痛
-
-**3. 清明后**
-
-左手是右手的手写板 \
-五官不是心脏的显示屏 \
-面无表情 \
-手指划着手心
-
-键盘上有飞蛾的卵 \
-地毯下是腐烂的地板 \
-没有把的拖把 \
-已被晒干
-
-通话质量不佳 \
-扬声器变得沙哑 \
-Siri 把熊仔念成了熊子 \
-乘着吹进车窗的 \
-横风飘过副驾驶 \
-飘进山谷带着 \
-笑声、雾 \
-消失在海拔五百二十米的高度
+---
+title: 与或非禁区
+---
+
+**1. 古老的小区**
+
+我搬进 \
+一个古老的小区的胃里
+
+堆积的法国梧桐树叶 \
+和我的过往 \
+加重了它消化不良的症状
+
+北方的冷空气穿过冲积平原 \
+匍匐在小区旁的江面休息 \
+玩闹
+
+手拉着手的山脉远在南边等候 \
+胃壁从此有水珠渗出
+
+我的浴巾不再干燥
+
+**2. 信**
+
+被子折叠成信封 \
+身体干瘪成信纸
+
+睡梦邮递心事。
+
+**3. 梦里的事**
+
+梦里一群恒星散落在 \
+外婆家屋后的草丛
+
+梦里在摩天大楼上空蛙泳
+
+梦里变成凶杀犯被通缉
+
+梦里牙齿全部脱落 \
+一点也不痛
+
+**3. 清明后**
+
+左手是右手的手写板 \
+五官不是心脏的显示屏 \
+面无表情 \
+手指划着手心
+
+键盘上有飞蛾的卵 \
+地毯下是腐烂的地板 \
+没有把的拖把 \
+已被晒干
+
+通话质量不佳 \
+扬声器变得沙哑 \
+Siri 把熊仔念成了熊子 \
+乘着吹进车窗的 \
+横风飘过副驾驶 \
+飘进山谷带着 \
+笑声、雾 \
+消失在海拔五百二十米的高度

package/src/articles/bbking-manual.mdx

@@ -1,88 +1,88 @@
----
-title: 说明书
-tags:
-  - bbki.ng
----
-
-import { OSS_PHOTOS } from "@/constants/photos";
-import { Link, Img } from '@bbki.ng/components';
-
-## 目录
-
-
-## 域名
-bbki.ng 是在 [upper link](https://upperlink.ng/) 购买的尼日利亚域名。
-
-## 接口
-<Link external to="https://api.bbki.ng">api.bbki.ng</Link>
-
-## 标识使用
-
-<Link external to="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/zip/LOGOs.zip">下载</Link>
-
-<Img {...OSS_PHOTOS.logoPreview} renderedWidth={200} removeBlurBgAfterLoad />
-
-### 目的
-
-以下规范用于保证网站标识使用时，能得到最佳视觉效果。
-
-### 规范
-
-#### 颜色
-
-<Img {...OSS_PHOTOS.logoColors} renderedWidth={600} removeBlurBgAfterLoad />
-
-#### 尺寸
-标识宽高不得小于 24 像素。
-
-#### 禁区
-
-禁区宽度为图标宽度的一半
-
-<Img {...OSS_PHOTOS.logoExcludesZone} renderedWidth={300} />
-
-#### 合法变体
-
-##### 纯色背景
-
-<Img {...OSS_PHOTOS.logoVariants} renderedWidth={600} removeBlurBgAfterLoad />
-
-##### 图片背景
-<Img {...OSS_PHOTOS.validLogoExample} renderedWidth={300} />
-
-#### 非法误用
-
-- 禁止旋转
-- 禁止前景背景色出现合法变体外的组合
-- 禁止拉伸、压缩
-- 禁止使用描边形式
-- 禁止修改增删
-- 禁止图标越过禁区
-- 禁止添加文字
-- 禁止添加投影
-
-#### 错误示例
-
-<Img {...OSS_PHOTOS.badLogoExamples} renderedWidth={600} removeBlurBgAfterLoad />
-
-## 快捷键
-
-在浏览本站的过程中，需要频繁在路由间跳转，除了点击超链接的方式，也可以直接按下对应的快捷键进行跳转。下表是快捷键说明。
-
-| 快捷键 | 含义       | 描述                           |
-| :----- | :--------- | :----------------------------- |
-| `h`    | help       | 跳转到本文                     |
-| `i`    | index      | 跳转到首页                     |
-| `c`    | content | 跳转到目录页                     |
-| `shift + t`    | tags        | 跳转到标签列表                 |
-| `f`    | forward    | 前进一页                       |
-| `b`    | back       | 后退一页                       |
-| `s`    | source     | 查看本站源代码                 |
-
-跳转到目标页面后，按下 tab 可方便地进一步选择目标链接。
-
-## 维护者
-### 最近在干嘛？
-<Link to="/now">动态</Link>
-### 联系
-b@bbki.ng
+---
+title: 说明书
+tags:
+  - bbki.ng
+---
+
+import { OSS_PHOTOS } from "@/constants/photos";
+import { Link, Img } from '@bbki.ng/components';
+
+## 目录
+
+
+## 域名
+bbki.ng 是在 [upper link](https://upperlink.ng/) 购买的尼日利亚域名。
+
+## 接口
+<Link external to="https://api.bbki.ng">api.bbki.ng</Link>
+
+## 标识使用
+
+<Link external to="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/zip/LOGOs.zip">下载</Link>
+
+<Img {...OSS_PHOTOS.logoPreview} renderedWidth={200} removeBlurBgAfterLoad />
+
+### 目的
+
+以下规范用于保证网站标识使用时，能得到最佳视觉效果。
+
+### 规范
+
+#### 颜色
+
+<Img {...OSS_PHOTOS.logoColors} renderedWidth={600} removeBlurBgAfterLoad />
+
+#### 尺寸
+标识宽高不得小于 24 像素。
+
+#### 禁区
+
+禁区宽度为图标宽度的一半
+
+<Img {...OSS_PHOTOS.logoExcludesZone} renderedWidth={300} />
+
+#### 合法变体
+
+##### 纯色背景
+
+<Img {...OSS_PHOTOS.logoVariants} renderedWidth={600} removeBlurBgAfterLoad />
+
+##### 图片背景
+<Img {...OSS_PHOTOS.validLogoExample} renderedWidth={300} />
+
+#### 非法误用
+
+- 禁止旋转
+- 禁止前景背景色出现合法变体外的组合
+- 禁止拉伸、压缩
+- 禁止使用描边形式
+- 禁止修改增删
+- 禁止图标越过禁区
+- 禁止添加文字
+- 禁止添加投影
+
+#### 错误示例
+
+<Img {...OSS_PHOTOS.badLogoExamples} renderedWidth={600} removeBlurBgAfterLoad />
+
+## 快捷键
+
+在浏览本站的过程中，需要频繁在路由间跳转，除了点击超链接的方式，也可以直接按下对应的快捷键进行跳转。下表是快捷键说明。
+
+| 快捷键 | 含义       | 描述                           |
+| :----- | :--------- | :----------------------------- |
+| `h`    | help       | 跳转到本文                     |
+| `i`    | index      | 跳转到首页                     |
+| `c`    | content | 跳转到目录页                     |
+| `shift + t`    | tags        | 跳转到标签列表                 |
+| `f`    | forward    | 前进一页                       |
+| `b`    | back       | 后退一页                       |
+| `s`    | source     | 查看本站源代码                 |
+
+跳转到目标页面后，按下 tab 可方便地进一步选择目标链接。
+
+## 维护者
+### 最近在干嘛？
+<Link to="/now">动态</Link>
+### 联系
+b@bbki.ng