@bbki.ng/site 5.0.6 → 5.1.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @bbki.ng/site
 
+## 5.1.1
+
+## 5.1.0
+
+## 5.0.9
+
+## 5.0.8
+
+## 5.0.7
+
 ## 5.0.6
 
 ## 5.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.0.6",
+  "version": "5.1.1",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -20,7 +20,7 @@
     "sonner": "1.4.0",
     "swr": "^2.2.5",
     "vaul": "1.1.2",
-    "@bbki.ng/components": "5.0.3",
+    "@bbki.ng/components": "5.1.1",
     "@bbki.ng/stylebase": "3.0.0"
   },
   "devDependencies": {

package/src/blog/app.tsx

@@ -25,6 +25,7 @@ import { BBContext } from "@/context/bbcontext";
 import { useClipboardToPost } from "@/hooks/use_clipboard_to_post";
 import { useSharedStringToPost } from "@/hooks/use_shared_string_to_post";
 import { ThreeColLayout, ErrorBoundary } from "@bbki.ng/components";
+import { Version } from "./components/version";
 
 const Layout = () => {
   const { isLoading, isFontLoading } = useContext(GlobalLoadingContext);

package/src/blog/components/Logger.tsx

@@ -5,7 +5,5 @@ export default () => {
 
   console.log(appVer, tagUrl);
 
-  console.log("test update");
-
   return null;
 };

package/src/blog/components/Version.tsx

@@ -0,0 +1,14 @@
+import { Tag } from "@bbki.ng/components";
+import React from "react";
+
+export const Version = ({ className }: { className?: string }) => {
+  // @ts-ignore
+  const appVer = GLOBAL_BBKING_VERSION;
+  const tagUrl = `https://github.com/bbbottle/bottle/releases/tag/@bbki.ng/site@${appVer}`;
+
+  return (
+    <Tag to={tagUrl} external prefix="v" className={className}>
+      {appVer}
+    </Tag>
+  );
+};

package/src/blog/components/index.tsx

@@ -31,7 +31,7 @@ export { MySuspense } from "./my_suspense";
 
 export const CenterLinkList = (props: any) => {
   return (
-    <div className="flex justify-center relative p-16">
+    <div className="flex justify-center relative p-16 h-full">
       <LinkList {...props} />
       <BlurCover status={props.loading ? "show" : "silent"} />
     </div>

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

@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { toast } from "sonner";
 
 // @ts-ignore
@@ -19,32 +20,32 @@ export const ReloadPrompt = () => {
     },
   });
 
-  if (!needRefresh) {
-    return null;
-  }
-
-  toast("", {
-    description: "发现新版本，是否更新？",
-    duration: 10000,
-    position: "bottom-right",
-    actionButtonStyle: {
-      backgroundColor: "#fff",
-      color: "rgb(37,99,235)",
-    },
-    action: {
-      label: "是",
-      onClick: () => {
-        updateServiceWorker(false).then(() => {
-          // @ts-ignore
-          toast("", {
-            description: `已更新`,
-            position: "bottom-right",
-          });
-          setNeedRefresh(false);
-        });
-      },
-    },
-  });
+  useEffect(() => {
+    if (needRefresh) {
+      toast("", {
+        description: "发现新版本，是否更新？",
+        duration: 10000,
+        position: "bottom-right",
+        actionButtonStyle: {
+          backgroundColor: "#fff",
+          color: "rgb(37,99,235)",
+        },
+        action: {
+          label: "是",
+          onClick: () => {
+            updateServiceWorker(false).then(() => {
+              // @ts-ignore
+              toast("", {
+                description: `已更新`,
+                position: "bottom-right",
+              });
+              setNeedRefresh(false);
+            });
+          },
+        },
+      });
+    }
+  }, [needRefresh]);
 
   return null;
 };

package/src/blog/index.tsx

@@ -3,7 +3,6 @@ import { createRoot } from "react-dom/client";
 import { Toaster } from "sonner";
 import { BrowserRouter as Router } from "react-router-dom";
 import { ReloadPrompt } from "@/components";
-// import "@bbki.ng/components/style";
 import App from "./app";
 import "./main.css";
 import Logger from "@/components/Logger";
@@ -16,7 +15,7 @@ export const RenderBlogInto = (ele: Element) => {
         <App />
         <Toaster />
         <Logger />
-        {/*<ReloadPrompt />*/}
+        <ReloadPrompt />
       </Router>
     </React.StrictMode>
   );

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

@@ -2,6 +2,7 @@ import React, { useContext } from "react";
 import { CenterLinkList } from "@/components";
 import { EffectLayer } from "@/components/effect-layer/EffectLayer";
 import { GlobalRoutesContext } from "@/context/global_routes_provider";
+import { Version } from "@/components/version";
 
 export const Cover = (props: { className?: string }) => {
   const globalRouteCtx = useContext(GlobalRoutesContext);
@@ -11,6 +12,7 @@ export const Cover = (props: { className?: string }) => {
   return (
     <>
       <CenterLinkList
+        spaceBetween
         className="select-none"
         links={[
           // {
@@ -24,6 +26,7 @@ export const Cover = (props: { className?: string }) => {
           ...pluginEntry,
         ]}
         title=""
+        footer={<Version className="" />}
       />
     </>
   );

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

@@ -20,7 +20,6 @@ const ArticleMap: TArticleMap = {};
 
 MdxArticleList.forEach((article: unknown) => {
   const { meta, default: component } = article as MdxArticle;
-  console.log(meta);
   const dateStr = meta.created_at
     ? meta.created_at.toISOString().split("T")[0]
     : "";
@@ -56,8 +55,6 @@ export default () => {
 
   const date = posts.created_at ? posts.created_at.split("T")[0] : "";
 
-  console.log("posts", posts);
-
   return (
     <DropZone onDrop={reader} disabled={!isKing}>
       <ArticlePage title={title} date={date}>

package/vite.config.js

@@ -70,7 +70,7 @@ export default defineConfig({
         "Logo.svg",
       ],
       devOptions: {
-        enabled: false,
+        enabled: true,
       },
       workbox: {
         cleanupOutdatedCaches: true,