@bbki.ng/site 5.4.20 → 5.4.21

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @bbki.ng/site
 
+## 5.4.21
+
+### Patch Changes
+
+- 625ea77: remove mdx articles
+- Updated dependencies [625ea77]
+  - @bbki.ng/components@5.2.12
+
 ## 5.4.20
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.4.20",
+  "version": "5.4.21",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -18,7 +18,7 @@
     "react-router-dom": "6",
     "sonner": "1.4.0",
     "swr": "^2.2.5",
-    "@bbki.ng/components": "5.2.11"
+    "@bbki.ng/components": "5.2.12"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",
@@ -60,8 +60,8 @@
     "vite-plugin-mdx": "^3.5.8",
     "vite-plugin-pwa": "0.19",
     "workbox-window": "^6.3.0",
-    "@bbki.ng/config": "1.0.3",
-    "@bbki.ng/stylebase": "3.1.4"
+    "@bbki.ng/config": "1.0.4",
+    "@bbki.ng/stylebase": "3.1.5"
   },
   "author": "bbbottle",
   "license": "MIT",

package/src/blog/app.tsx

@@ -5,8 +5,6 @@ import { HotKeyNav } from './components';
 import { Cover, Streaming } from './pages';
 
 import ArticlePage from '@/pages/extensions/txt/article';
-import Tags from '@/pages/tags';
-import TagsResult from '@/pages/tags/tag_result';
 import Txt from '@/pages/extensions/txt';
 
 import { usePaths } from '@/hooks';
@@ -69,9 +67,6 @@ export const App = () => {
                 <Route path=":title" element={<ArticlePage />} />
               </Route>
 
-              <Route path="tags" element={<Tags />} />
-              <Route path="tags/:tag" element={<TagsResult />} />
-
               <Route path="bot" element={<BotRedirect />} />
               <Route path="login" element={<Login />} />
               <Route path="now" element={<Streaming />} />

package/src/blog/components/index.tsx

@@ -1,32 +1,28 @@
-import React from "react";
-import { LinkList } from "@bbki.ng/components";
-import { BlurCover } from "@bbki.ng/components";
+import React from 'react';
+import { LinkList } from '@bbki.ng/components';
+import { BlurCover } from '@bbki.ng/components';
 
-export { ImgList } from "./img_list";
+export { withArticleWrapper } from './with_wrapper';
 
-export { withArticleWrapper } from "./with_wrapper";
+export { HotKeyNav } from './hotkey_nav';
 
-export { HotKeyNav } from "./hotkey_nav";
+export { VideoPlayer } from './video_player';
 
-export { VideoPlayer } from "./video_player";
+export { ProgressBar } from './progress_bar';
 
-export { ProgressBar } from "./progress_bar";
+export { BlurCover } from './blur_cover';
 
-export { BlurCover } from "./blur_cover";
+export { ReloadPrompt } from './reload_prompt';
 
-export { ReloadPrompt } from "./reload_prompt";
+export { Tags } from './tags';
 
-export { Stickers } from "./stickers";
-
-export { Tags } from "./tags";
-
-export { MySuspense } from "./my_suspense";
+export { MySuspense } from './my_suspense';
 
 export const CenterLinkList = (props: any) => {
   return (
     <div className="flex justify-center relative p-16 h-full">
       <LinkList {...props} />
-      <BlurCover status={props.loading ? "show" : "silent"} />
+      <BlurCover status={props.loading ? 'show' : 'silent'} />
     </div>
   );
 };

package/src/blog/pages/extensions/txt/article.tsx

@@ -1,31 +1,15 @@
-import React, { ReactElement, useContext, useEffect } from "react";
-import { MdxArticleList } from "@/articles";
-import { withArticleWrapper } from "@/components";
-import { MdxArticle } from "@/types/articles";
-import { NotFound, DropZone } from "@bbki.ng/components";
-import { useLocation, useParams } from "react-router-dom";
-import { usePosts } from "@/hooks/use_posts";
-import { ArticlePage } from "@/components/article";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
-import { useFile2Post } from "@/hooks/use_file_to_post";
-import { useAuthed } from "@/hooks/use_authed";
-import { ArticleCtxMenu } from "@/components/article_ctx_menu";
-import { useBlogScrollReset } from "@/hooks/use_blog_scroll_pos_restoration";
-
-type TArticleMap = {
-  [key: string]: ReactElement;
-};
-
-const ArticleMap: TArticleMap = {};
-
-MdxArticleList.forEach((article: unknown) => {
-  const { meta, default: component } = article as MdxArticle;
-  const dateStr = meta.created_at
-    ? meta.created_at.toISOString().split("T")[0]
-    : "";
-  const Article = withArticleWrapper(component);
-  ArticleMap[meta.title] = <Article {...meta} date={dateStr} />;
-});
+import React, { ReactElement, useContext, useEffect } from 'react';
+import { withArticleWrapper } from '@/components';
+import { MdxArticle } from '@/types/articles';
+import { NotFound, DropZone } from '@bbki.ng/components';
+import { useLocation, useParams } from 'react-router-dom';
+import { usePosts } from '@/hooks/use_posts';
+import { ArticlePage } from '@/components/article';
+import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
+import { useFile2Post } from '@/hooks/use_file_to_post';
+import { useAuthed } from '@/hooks/use_authed';
+import { ArticleCtxMenu } from '@/components/article_ctx_menu';
+import { useBlogScrollReset } from '@/hooks/use_blog_scroll_pos_restoration';
 
 export default () => {
   const { title } = useParams();
@@ -41,10 +25,6 @@ export default () => {
     return <NotFound />;
   }
 
-  if (ArticleMap[title]) {
-    return ArticleMap[title];
-  }
-
   if (isError) {
     return <NotFound />;
   }
@@ -53,7 +33,7 @@ export default () => {
     return null;
   }
 
-  const date = posts.created_at ? posts.created_at.split("T")[0] : "";
+  const date = posts.created_at ? posts.created_at.split('T')[0] : '';
 
   return (
     <DropZone onDrop={reader} disabled={!isKing}>

package/src/blog/pages/extensions/txt/index.tsx

@@ -1,16 +1,12 @@
-import React from "react";
-import { ArticleList } from "./consts";
-import { LinkProps, DropZone, Button } from "@bbki.ng/components";
-import { usePosts } from "@/hooks/use_posts";
-import { CenterLinkList } from "@/components";
-import { useAuthed } from "@/hooks/use_authed";
-import { useFile2Post } from "@/hooks/use_file_to_post";
-import { useClipboardToPost } from "@/hooks/use_clipboard_to_post";
-import { useLocation } from "react-router-dom";
-import {
-  useBlogScroll,
-  useBlogScrollRestoration,
-} from "@/hooks/use_blog_scroll_pos_restoration";
+import React from 'react';
+import { LinkProps, DropZone, Button } from '@bbki.ng/components';
+import { usePosts } from '@/hooks/use_posts';
+import { CenterLinkList } from '@/components';
+import { useAuthed } from '@/hooks/use_authed';
+import { useFile2Post } from '@/hooks/use_file_to_post';
+import { useClipboardToPost } from '@/hooks/use_clipboard_to_post';
+import { useLocation } from 'react-router-dom';
+import { useBlogScroll, useBlogScrollRestoration } from '@/hooks/use_blog_scroll_pos_restoration';
 
 type TxtProps = {
   title?: string;
@@ -29,10 +25,10 @@ const Posts = (props: TxtProps) => {
   }
 
   if (isError) {
-    return <CenterLinkList links={props.articleList || ArticleList} />;
+    return <CenterLinkList links={props.articleList} />;
   }
 
-  const links = [...titleList, ...ArticleList];
+  const links = [...titleList];
 
   return (
     <CenterLinkList

package/src/blog/articles/index.ts

@@ -1,46 +0,0 @@
-import * as 回暖 from "./warming-up.mdx";
-import * as 离开 from "./travel.mdx";
-import * as 降温 from "./cooldown.mdx";
-import * as 大雪 from "./fall.mdx";
-import * as 大寒 from "./major-cold.mdx";
-import * as 春雨 from "./spring-rain.mdx";
-import * as 春寒 from "./spring-cooldown.mdx";
-import * as 入夏 from "./web-burnning.mdx";
-import * as 六月 from "./black-river.mdx";
-import * as 立秋 from "./liqiu.mdx";
-import * as 照片 from "./photos.mdx";
-// import * as 小乌鸦 from "./xwy.mdx";
-import * as 我要看雪 from "./xwy-and-snowing.mdx";
-import * as 做饭 from "./cooking.mdx";
-import * as 堂兄 from "./cousin.mdx";
-import * as 红色的枪 from "./red-gun.mdx";
-import * as 圆粉 from "./rice-noodle.mdx";
-import * as 树叶 from "./leaves.mdx";
-import * as 惊醒 from "./woke-up.mdx";
-import * as 口蘑 from "./marshroom.mdx";
-import * as 站一下 from "./moment.mdx";
-import * as 干衣服 from "./cloth.mdx";
-
-export const MdxArticleList = [
-  离开,
-  降温,
-  大雪,
-  大寒,
-  回暖,
-  春雨,
-  春寒,
-  入夏,
-  六月,
-  立秋,
-  照片,
-  // 小乌鸦,
-  做饭,
-  堂兄,
-  红色的枪,
-  圆粉,
-  树叶,
-  惊醒,
-  口蘑,
-  站一下,
-  干衣服,
-];

package/src/blog/components/img_list/index.tsx

@@ -1,43 +0,0 @@
-import React, { FunctionComponent, ReactElement, ReactNode } from "react";
-import classnames from "classnames";
-import { Photo } from "@/types/photo";
-import { Article, Img } from "@bbki.ng/components";
-
-interface imgListProps {
-  className: string;
-  imgList: Photo[];
-  description?: any;
-  beforeListRenderer?: () => ReactNode;
-}
-
-const BaseImgList: FunctionComponent<imgListProps> = (props: imgListProps) => {
-  const { imgList, className, beforeListRenderer } = props;
-
-  return (
-    <div className={classnames("max-h-full no-scrollbar overflow-auto", className)}>
-      {beforeListRenderer && <>{beforeListRenderer()}</>}
-      {imgList.map((img, index) => {
-        const isLast = index === imgList.length - 1;
-        return (
-          <div key={img.src}>
-            <Img {...img} className={classnames({ "mb-256": !isLast })} />
-          </div>
-        );
-      })}
-    </div>
-  );
-};
-
-interface TitledImageListProps extends imgListProps {
-  title: string | ReactElement;
-}
-
-export const ImgList = (props: TitledImageListProps) => {
-  const { title, description, ...rest } = props;
-
-  return (
-    <Article title={title} description={description}>
-      <BaseImgList {...rest} />
-    </Article>
-  );
-};

package/src/blog/components/stickers/index.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import { Img } from "@bbki.ng/components";
-import { NavLink, useLocation } from "react-router-dom";
-
-export const Stickers = () => {
-  const { pathname } = useLocation();
-
-  if (pathname !== "/") {
-    return null;
-  }
-
-  return (
-    <div className="fixed bottom-128 md:bottom-256 right-16 z-10 md:right-64">
-      <NavLink to="projects">
-        <Img
-          size="large"
-          src="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/stickers/sticker-water-delivery.jpg"
-          className="-rotate-[32.95deg] relative top-0 md:-top-64 left-64 md:left-[unset]"
-          width={126}
-          height={59}
-          renderedWidth={126}
-        />
-      </NavLink>
-      <NavLink to="404">
-        <Img
-          size="large"
-          src="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/stickers/sticker-lock.jpg"
-          className="rotate-[10.77deg] relative left-64 md:left-[unset]"
-          width={93}
-          height={50}
-          renderedWidth={93}
-        />
-      </NavLink>
-      <NavLink to="blog">
-        <Img
-          size="large"
-          src="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/stickers/bar-code.jpg"
-          className="-rotate-[13.37deg] relative top-64 left-64 md:left-[unset] md:right-256 md:top-128"
-          width={176}
-          height={60}
-          renderedWidth={176}
-        />
-      </NavLink>
-    </div>
-  );
-};

package/src/blog/components/table_skeleton/index.tsx

@@ -1,40 +0,0 @@
-import { Skeleton, SkeletonColor, Table } from "@bbki.ng/components";
-import React from "react";
-
-const CELL_STYLE = {
-  width: 100,
-  maxWidth: 100,
-};
-
-export const TableSkeleton = (props: {
-  headers?: string[];
-  cellStyle?: { width: number; maxWidth: number };
-}) => {
-  const { headers, cellStyle = CELL_STYLE } = props;
-  const [name = "名字", status = "状态"] = headers || [];
-  const renderHeader = () => {
-    return (
-      <>
-        <Table.HCell style={cellStyle}>{name}</Table.HCell>
-        <Table.HCell style={cellStyle}>{status}</Table.HCell>
-      </>
-    );
-  };
-
-  const renderRow = () => {
-    return (
-      <>
-        <Table.Cell style={cellStyle}>
-          <Skeleton width={84} height={16} bgColor={SkeletonColor.BLUE} />
-        </Table.Cell>
-        <Table.Cell style={cellStyle}>
-          <Skeleton width={32} height={16} bgColor={SkeletonColor.GRAY} />
-        </Table.Cell>
-      </>
-    );
-  };
-
-  return (
-    <Table rowCount={3} rowRenderer={renderRow} headerRenderer={renderHeader} />
-  );
-};

package/src/blog/pages/extensions/txt/consts.ts

@@ -1,8 +0,0 @@
-import { MdxArticleList } from "@/articles";
-
-export const ArticleList = MdxArticleList.map(({ meta }) => {
-  return {
-    to: meta.title,
-    name: meta.title,
-  };
-});

package/src/blog/pages/tags/index.tsx

@@ -1,28 +0,0 @@
-import React from "react";
-import { getAllTags } from "@/utils/tags";
-import { MdxArticleList } from "@/articles";
-import { Tags } from "@/components";
-import { ROUTES } from "@/constants";
-
-type tag =
-  | {
-      path: string;
-      name: string;
-    }
-  | string;
-
-export default (props: {
-  inline?: boolean;
-  className?: string;
-  withAll?: boolean;
-}) => {
-  const tags = [...getAllTags(MdxArticleList)] as tag[];
-
-  if (props.withAll) {
-    tags.unshift({
-      path: ROUTES.CONTENT,
-      name: "全部",
-    });
-  }
-  return <Tags tags={tags} {...props} />;
-};

package/src/blog/pages/tags/tag_result.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import Txt from "@/pages/extensions/txt";
-import { getArticleListByTag } from "@/utils/tags";
-import { MdxArticleList } from "@/articles";
-import { useParams } from "react-router-dom";
-import { Error as ErrorPanel } from "@bbki.ng/components";
-
-export default () => {
-  const { tag } = useParams();
-  if (!tag) {
-    return <ErrorPanel error={new Error("missing tagName")} />;
-  }
-  return (
-    <Txt
-      title={`#${tag}`}
-      articleList={getArticleListByTag(MdxArticleList, tag)}
-    />
-  );
-};