@bbki.ng/site 5.4.21 → 5.4.24

package/src/blog/hooks/use_projects.ts

@@ -1,67 +0,0 @@
-import useSWR, { useSWRConfig } from "swr";
-import { API } from "@/constants/routes";
-import { useCallback, useContext, useEffect } from "react";
-import { Photo } from "@/types/photo";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
-
-export const useProjects = (name: string = "", suspense?: boolean) => {
-  const URL = `${API.PROJECTS}${name ? "/" : ""}${name}`;
-
-  const { data, error } = useSWR(URL, {
-    revalidateOnFocus: false,
-    suspense,
-  });
-
-  let isLoading = !data && !error;
-
-  const { setIsLoading } = useContext(GlobalLoadingContext);
-
-  useEffect(() => {
-    setIsLoading(isLoading);
-  }, [isLoading]);
-
-  const { mutate, cache } = useSWRConfig();
-
-  const getCachedProjects = (n: string) => {
-    if (!n) {
-      return;
-    }
-    return cache
-      .get("projects")
-      ?.data.find((p: { name: string }) => p.name === n);
-  };
-
-  const refresh = useCallback(() => {
-    return mutate(URL);
-  }, [URL]);
-
-  const addLocalPhotoImmediately = useCallback(
-    (photo: Photo) => {
-      if (!name) {
-        return;
-      }
-
-      if (!data || error) {
-        return;
-      }
-
-      return mutate(
-        URL,
-        {
-          ...data,
-          images: [photo, ...data.images],
-        },
-        false
-      );
-    },
-    [data, error]
-  );
-
-  return {
-    refresh,
-    addLocalPhotoImmediately,
-    projects: data || getCachedProjects(name),
-    isError: error,
-    isLoading: !data && !error,
-  };
-};

package/src/blog/hooks/use_route_name.ts

@@ -1,7 +0,0 @@
-import { ROUTE_NAME } from "@/constants";
-import { usePathName } from "@/hooks/use_pathname";
-
-export const useRouteName = () => {
-  const pathname = usePathName();
-  return ROUTE_NAME[pathname.replace(/\/$/, "")] || ROUTE_NAME.unknown;
-};

package/src/blog/hooks/use_shared_string_to_post.ts

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

package/src/blog/hooks/use_supa_session.ts

@@ -1,31 +0,0 @@
-import { createClient, Session } from "@supabase/supabase-js";
-import { SUPABASE } from "@/constants";
-import { useEffect, useState } from "react";
-import { BBKingSession } from "@/types/supabase";
-
-export const useSupabaseSession = (): BBKingSession | null => {
-  const supabase = createClient(SUPABASE.URL, SUPABASE.ANNO);
-
-  const extendSess = (sess: Session | null) => {
-    if (!sess) {
-      return sess;
-    }
-    return {
-      ...sess,
-      isKing: sess.user?.id === SUPABASE.BB_KING_ID,
-      isQueen: sess.user?.id === SUPABASE.BB_QUEEN_ID,
-    };
-  };
-
-  const [session, setSession] = useState(extendSess(supabase.auth.session()));
-
-  useEffect(() => {
-    supabase.auth.onAuthStateChange((event, session) => {
-      if (event === "SIGNED_IN") {
-        setSession(extendSess(session));
-      }
-    });
-  }, []);
-
-  return session;
-};

package/src/blog/hooks/use_text_plain_file.ts

@@ -1,36 +0,0 @@
-import { useEffect, useState } from "react";
-
-export type Result = {
-  content: string;
-  title: string;
-  reader: (f: File) => void;
-};
-
-export const useTextPlainFile = (): Result => {
-  const [content, setContent] = useState("");
-  const [file, setFile] = useState<File | null>(null);
-
-  const reader = new FileReader();
-
-  useEffect(() => {
-    if (file != null) {
-      reader.readAsText(file, "utf-8");
-    }
-
-    reader.onload = function () {
-      setContent(reader.result as string);
-    };
-
-    return () => {
-      reader.onload = null;
-    };
-  }, [file]);
-
-  return {
-    content,
-    title: file?.name ?? "",
-    reader: (f: File) => {
-      setFile(f);
-    },
-  };
-};

package/src/blog/hooks/use_uploader.ts

@@ -1,34 +0,0 @@
-import { useCallback } from "react";
-import { useSupabaseSession } from "@/hooks/use_supa_session";
-import { apiFetcher, getImageFileSize, withToken } from "@/utils";
-import { Photo } from "@/types/photo";
-import { API } from "@/constants/routes";
-import { UploadResult } from "@/types/oss";
-
-export const useUploader = () => {
-  const { access_token: token } = useSupabaseSession() || {};
-  const authedApiFetcher = withToken(apiFetcher)(token);
-
-  return useCallback(
-    async (pid: string, projectName: string, file: File): Promise<Photo> => {
-      const { width, height } = await getImageFileSize(file);
-
-      const url = `${API.UPLOAD_IMG}?pid=${pid}&fileName=${file.name}&projectName=${projectName}&width=${width}&height=${height}`;
-
-      const result = (await authedApiFetcher(url, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/octet-stream",
-        },
-        body: file,
-      })) as UploadResult;
-
-      return {
-        width,
-        height,
-        src: result.url,
-      };
-    },
-    [token]
-  );
-};

package/src/blog/hooks/use_video_controls.ts

@@ -1,71 +0,0 @@
-import {
-  ReactEventHandler,
-  useRef,
-  useState,
-  RefObject,
-  useEffect,
-} from "react";
-
-export const useVideoControls = () => {
-  const videoRef = useRef<HTMLVideoElement>(null);
-  const [isPlay, setIsPlay] = useState(false);
-
-  const toggle = async () => {
-    const { current: video } = videoRef;
-
-    if (!video) return;
-
-    if (video.paused || video.ended) {
-      await video.play();
-      setIsPlay(true);
-      return;
-    }
-    video.pause();
-    setIsPlay(false);
-  };
-
-  const isEnd = videoRef && videoRef.current && videoRef.current.ended;
-
-  return {
-    videoRef,
-    isPlay: isPlay && !isEnd,
-    toggle,
-  };
-};
-
-export const useVideoProgress = () => {
-  const [progress, setProgress] = useState(0);
-  const onTimeUpdate: ReactEventHandler<HTMLVideoElement> = (event) => {
-    const video = event.currentTarget;
-    if (!video.duration) {
-      setProgress(0);
-      return;
-    }
-    setProgress(video.currentTime / video.duration);
-  };
-
-  return { progress, onTimeUpdate };
-};
-
-export const useVideoEleHeight = (
-  videoRef: RefObject<HTMLVideoElement>
-): number => {
-  const [height, setHeight] = useState(0);
-  const updateHeight = () => {
-    if (!videoRef.current) {
-      return;
-    }
-    const { height } = videoRef.current.getBoundingClientRect();
-    setHeight(height);
-  };
-
-  useEffect(() => {
-    window.addEventListener("resize", updateHeight);
-    return () => {
-      window.removeEventListener("resize", updateHeight);
-    };
-  }, []);
-
-  useEffect(updateHeight);
-  return height;
-};

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;

package/src/blog/types/supabase.ts

@@ -1,12 +0,0 @@
-import { Session } from "@supabase/supabase-js";
-
-export interface BBKingSession extends Session {
-  isKing: boolean;
-  isQueen: boolean;
-}
-
-export enum OauthProvider {
-  GITHUB = "github",
-  Twitter = "twitter",
-  Spotify = "spotify",
-}

package/src/blog/types/upload.ts

@@ -1,16 +0,0 @@
-import { ImageDropProps } from "@bbki.ng/components/lib";
-
-export type UploadResult = {
-  width: number;
-  height: number;
-  src: string;
-};
-
-export interface ImageUploaderProps
-  extends Pick<ImageDropProps<undefined>, "onUploadFinish" | "placeholder"> {
-  onBeforeUpload?: () => void;
-  onUploadError?: () => void;
-  onUploadSuccess?: (res: UploadResult) => void;
-  projectId?: string;
-  projectName?: string;
-}

package/src/blog/utils/tags.ts

@@ -1,21 +0,0 @@
-import { MdxArticle } from "@/types/articles";
-import { ROUTES } from "@/constants";
-
-export const getAllTags = (mdxArticles: MdxArticle[]): string[] => {
-  return Array.from(
-    new Set(mdxArticles.map(({ meta }) => meta.tags || []).flat())
-  );
-};
-
-export const getArticleListByTag = (mdxArticles: MdxArticle[], tag: string) => {
-  return mdxArticles
-    .filter(({ meta }) => {
-      return meta.tags && meta.tags.includes(tag);
-    })
-    .map(({ meta }) => {
-      return {
-        to: `${ROUTES.CONTENT}/${meta.title}`,
-        name: meta.title,
-      };
-    });
-};