@bbki.ng/site 5.4.20 → 5.4.22

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @bbki.ng/site
 
+## 5.4.22
+
+### Patch Changes
+
+- f40a245: bug fix
+
+## 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.22",
   "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

@@ -1,12 +1,10 @@
-import React, { useContext } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { Outlet, Route, Routes } from 'react-router-dom';
 import { Nav, NotFound, Page } from '@bbki.ng/components';
 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';
@@ -22,31 +20,31 @@ import { ThreeColLayout, ErrorBoundary } from '@bbki.ng/components';
 import { useDynamicLogo } from './hooks/use_dynamic_logo';
 
 const Layout = () => {
+  const paths = usePaths();
   const { isLoading } = useContext(GlobalLoadingContext);
   const logo = useDynamicLogo();
+
+  const middleRenderer = useMemo(() => {
+    return () => (
+      <ErrorBoundary>
+        <Outlet />
+      </ErrorBoundary>
+    );
+  }, []);
+
   return (
     <Page
       nav={
         <AppCtxMenu>
           <Nav
-            paths={usePaths()}
+            paths={paths}
             className="gradient-blur-cover select-none"
             loading={isLoading}
             customLogo={logo}
           />
         </AppCtxMenu>
       }
-      main={
-        <ThreeColLayout
-          middleRenderer={() => {
-            return (
-              <ErrorBoundary>
-                <Outlet />
-              </ErrorBoundary>
-            );
-          }}
-        />
-      }
+      main={<ThreeColLayout middleRenderer={middleRenderer} />}
     />
   );
 };
@@ -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,22 @@
-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 { BlurCover } from './blur_cover';
 
-export { VideoPlayer } from "./video_player";
+export { ReloadPrompt } from './reload_prompt';
 
-export { ProgressBar } from "./progress_bar";
-
-export { BlurCover } from "./blur_cover";
-
-export { ReloadPrompt } from "./reload_prompt";
-
-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/hooks/use_authed_fetcher.ts

@@ -1,8 +1,9 @@
-import { useSupabaseSession } from "@/hooks/use_supa_session";
-import { apiFetcher, withToken } from "@/utils";
-import { useCallback } from "react";
+import { useSupabaseSession } from '@/hooks/use_supa_session';
+import { apiFetcher, withToken } from '@/utils';
+import { useCallback, useMemo } from 'react';
 
 export const useAuthedFetcher = () => {
   const { access_token: token } = useSupabaseSession() || {};
-  return useCallback(withToken(apiFetcher)(token), [token]);
+  const fetcherWithToken = useMemo(() => withToken(apiFetcher), []);
+  return useCallback(fetcherWithToken(token), [token, fetcherWithToken]);
 };

package/src/blog/hooks/use_shared_string_to_post.ts

@@ -1,23 +1,23 @@
-import {useEffect} from "react";
-import {useAuthedStringPost} from "@/hooks/use_authed_string_post";
+import { useEffect } from 'react';
+import { useAuthedStringPost } from '@/hooks/use_authed_string_post';
 
 export const useSharedStringToPost = () => {
-    const post = useAuthedStringPost();
+  const post = useAuthedStringPost();
 
-    useEffect(() => {
-        const handleSharedString = (event: MessageEvent) => {
-            if (event.data && typeof event.data === "string") {
-                const content = event.data;
-                if (content) {
-                    post(content);
-                }
-            }
+  useEffect(() => {
+    const handleSharedString = (event: MessageEvent) => {
+      if (event.data && typeof event.data === 'string') {
+        const content = event.data;
+        if (content) {
+          post(content);
         }
+      }
+    };
 
-        window.addEventListener("message", handleSharedString);
+    window.addEventListener('message', handleSharedString);
 
-        return () => {
-            window.removeEventListener("message", handleSharedString);
-        }
-    }, []);
-}
+    return () => {
+      window.removeEventListener('message', handleSharedString);
+    };
+  }, [post]);
+};

package/src/blog/hooks/use_streaming.ts

@@ -1,13 +1,13 @@
-import useSWR from "swr";
-import useSWRInfinite from "swr/infinite";
-import { baseFetcher, withBBApi } from "@/utils";
-import { API_CF_ENDPOINT } from "@/constants/routes";
-import { useContext, useEffect, useState, useCallback } from "react";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
+import useSWR from 'swr';
+import useSWRInfinite from 'swr/infinite';
+import { baseFetcher, withBBApi } from '@/utils';
+import { API_CF_ENDPOINT } from '@/constants/routes';
+import { useContext, useEffect, useState, useCallback } from 'react';
+import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
 
 // In dev, use /api prefix to leverage Vite proxy to localhost:8787
-const isProd = typeof window !== "undefined" && /^https:\/\/bbki.ng/.test(window.location.href);
-const API_BASE = !isProd ? "/api" : API_CF_ENDPOINT;
+const isProd = typeof window !== 'undefined' && /^https:\/\/bbki.ng/.test(window.location.href);
+const API_BASE = !isProd ? '/api' : API_CF_ENDPOINT;
 
 export type StreamingItem = {
   id: string;
@@ -38,13 +38,13 @@ function buildStreamingUrl(params: StreamingQueryParams = {}): string {
   const url = new URL(`${API_BASE}/streaming`, !isProd ? window.location.origin : undefined);
 
   if (params.before) {
-    url.searchParams.set("before", params.before);
+    url.searchParams.set('before', params.before);
   }
   if (params.after) {
-    url.searchParams.set("after", params.after);
+    url.searchParams.set('after', params.after);
   }
   if (params.offset) {
-    url.searchParams.set("offset", params.offset.toString());
+    url.searchParams.set('offset', params.offset.toString());
   }
 
   return !isProd ? url.pathname + url.search : url.toString();
@@ -61,11 +61,11 @@ async function fetchStreaming(params: StreamingQueryParams = {}): Promise<Stream
 
 // SWR key generator for streaming queries
 const getStreamingKey = (params: StreamingQueryParams) => {
-  const parts = ["streaming"];
+  const parts = ['streaming'];
   if (params.before) parts.push(`before=${params.before}`);
   if (params.after) parts.push(`after=${params.after}`);
   if (params.offset) parts.push(`offset=${params.offset}`);
-  return parts.join("?");
+  return parts.join('?');
 };
 
 interface UseStreamingOptions {
@@ -91,12 +91,12 @@ export function useStreaming(options: UseStreamingOptions = {}) {
 
   const isLoading = !data && !error;
 
-  const [_, forceUpdate] = useState(0);
+  const [, forceUpdate] = useState(0);
 
   // make rerender when customElement defined
   useEffect(() => {
-    customElements.whenDefined("bb-msg-history").then(() => {
-      forceUpdate((prev) => prev + 1);
+    customElements.whenDefined('bb-msg-history').then(() => {
+      forceUpdate(prev => prev + 1);
     });
   }, []);
 

package/src/blog/hooks/use_supa_session.ts

@@ -1,10 +1,10 @@
-import { createClient, Session } from "@supabase/supabase-js";
-import { SUPABASE } from "@/constants";
-import { useEffect, useState } from "react";
-import { BBKingSession } from "@/types/supabase";
+import { createClient, Session } from '@supabase/supabase-js';
+import { SUPABASE } from '@/constants';
+import { useEffect, useMemo, useState } from 'react';
+import { BBKingSession } from '@/types/supabase';
 
 export const useSupabaseSession = (): BBKingSession | null => {
-  const supabase = createClient(SUPABASE.URL, SUPABASE.ANNO);
+  const supabase = useMemo(() => createClient(SUPABASE.URL, SUPABASE.ANNO), []);
 
   const extendSess = (sess: Session | null) => {
     if (!sess) {
@@ -20,12 +20,13 @@ export const useSupabaseSession = (): BBKingSession | null => {
   const [session, setSession] = useState(extendSess(supabase.auth.session()));
 
   useEffect(() => {
-    supabase.auth.onAuthStateChange((event, session) => {
-      if (event === "SIGNED_IN") {
+    const { data: subscription } = supabase.auth.onAuthStateChange((event, session) => {
+      if (event === 'SIGNED_IN') {
         setSession(extendSess(session));
       }
     });
-  }, []);
+    return () => subscription?.unsubscribe();
+  }, [supabase]);
 
   return session;
 };

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,14 +25,12 @@ const Posts = (props: TxtProps) => {
   }
 
   if (isError) {
-    return <CenterLinkList links={props.articleList || ArticleList} />;
+    return <CenterLinkList links={props.articleList} />;
   }
 
-  const links = [...titleList, ...ArticleList];
-
   return (
     <CenterLinkList
-      links={props.articleList || links}
+      links={props.articleList || titleList}
       loading={isLoading}
       footer={
         <Button onClick={gotoTop} className="mt-128">

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/aspect_ratio_box/index.tsx

@@ -1,29 +0,0 @@
-import classnames from "classnames";
-import React from "react";
-
-type aspectRatioBoxProps = {
-  width: number | string;
-  hwRatio: number;
-  className?: string;
-  children?: any;
-};
-
-export const AspectRatioBox = (props: aspectRatioBoxProps) => {
-  const { className, width, hwRatio, children } = props;
-  const innerStyle = {
-    width: "100%",
-    paddingTop: `${hwRatio * 100}%`,
-  };
-
-  return (
-    <div
-      style={{ width, maxWidth: "100%" }}
-      className={classnames(className, "relative")}
-    >
-      <div style={innerStyle} />
-      {children && (
-        <div className="absolute top-0 bottom-0 left-0 right-0">{children}</div>
-      )}
-    </div>
-  );
-};

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/components/video_player/index.tsx

@@ -1,82 +0,0 @@
-import React, { ReactEventHandler, useEffect, useState } from "react";
-import classnames from "classnames";
-import { useVideoControls, useVideoEleHeight, useVideoProgress } from "@/hooks";
-import { BlurCover, ProgressBar } from "@/components";
-import { BgColors, TextColors } from "@/types/color";
-import { AspectRatioBox } from "@/components/aspect_ratio_box";
-
-const VIDEO_TAG_ASPECT_RATIO = 0.5624910522548318;
-
-type videoPlayProps = {
-  src: string;
-  className?: string;
-};
-
-export const VideoPlayer = (props: videoPlayProps) => {
-  const { src, className } = props;
-  const [hovered, setHovered] = useState(false);
-  const [showPlayer, setShowPlayer] = useState(false);
-  const { videoRef, toggle, isPlay } = useVideoControls();
-  const { progress, onTimeUpdate } = useVideoProgress();
-  const VideoHeight = useVideoEleHeight(videoRef);
-
-  useEffect(() => {
-    if (!videoRef.current) {
-      return;
-    }
-    videoRef.current.load();
-  }, []);
-
-  const onPlayerReady: ReactEventHandler = () => {
-    setShowPlayer(true);
-  };
-
-  const cls = classnames({ hidden: !showPlayer });
-
-  return (
-    <div
-      className={classnames(
-        "flex flex-col relative cursor-pointer",
-        className,
-        BgColors.LIGHT_GRAY
-      )}
-      onClick={async () => {
-        await toggle();
-        if (!isPlay) {
-          setHovered(false);
-        }
-      }}
-      onMouseEnter={() => {
-        setHovered(true);
-      }}
-      onMouseLeave={() => {
-        setHovered(false);
-      }}
-    >
-      <AspectRatioBox
-        width="100%"
-        hwRatio={VIDEO_TAG_ASPECT_RATIO}
-        className={BgColors.LIGHT_GRAY}
-      >
-        <video
-          playsInline
-          ref={videoRef}
-          src={src}
-          className={cls}
-          onTimeUpdate={onTimeUpdate}
-          onCanPlayThrough={onPlayerReady}
-        />
-      </AspectRatioBox>
-      {hovered && showPlayer && (
-        <BlurCover
-          textColor={isPlay ? TextColors.RED : TextColors.BLUE}
-          height={VideoHeight}
-          visibleOnHover
-        >
-          {isPlay ? "pause" : "play"}
-        </BlurCover>
-      )}
-      {showPlayer && <ProgressBar progress={progress} />}
-    </div>
-  );
-};

package/src/blog/global/mdx.d.ts

@@ -1,9 +0,0 @@
-declare module "*.mdx" {
-  let MDXComponent: (props: any) => JSX.Element;
-  export default MDXComponent;
-  export const meta: {
-    tags?: string[];
-    title: string;
-    created_at?: string;
-  };
-}

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)}
-    />
-  );
-};

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

@@ -1,39 +0,0 @@
-import React, { useState } from "react";
-import { ArticlePage } from "@/components/article";
-import { threeColWrapper } from "@/components/with_wrapper";
-import { ImageUploader } from "@/components/ImageUploader";
-import { UploadResult } from "@/types/upload";
-import { Button } from "@bbki.ng/components";
-import { copyToClipboard } from "@/utils";
-
-const Upload = () => {
-  const [source, setSource] = useState("");
-  const buildSource = (result: UploadResult) =>
-    `<Img
-  src="${result.src}"
-  height={${result.height}}
-  width={${result.width}}
-  renderedWidth={${result.width}}
-  removeBlurBgAfterLoad
-/>`;
-
-  return (
-    <ArticlePage title="图片素材上传">
-      <>
-        <ImageUploader
-          onUploadSuccess={(res) => {
-            setSource(buildSource(res));
-          }}
-        />
-        {source && <pre>{source}</pre>}
-        {source && (
-          <Button className="m-16" onClick={() => copyToClipboard(source)}>
-            复制代码
-          </Button>
-        )}
-      </>
-    </ArticlePage>
-  );
-};
-
-export const UploadPage = Upload;