@bbki.ng/site 5.4.54 → 5.4.55

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @bbki.ng/site
 
+## 5.4.55
+
+### Patch Changes
+
+- e08565d: update nav
+- Updated dependencies [e08565d]
+  - @bbki.ng/ui@0.1.29
+
 ## 5.4.54
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.4.54",
+  "version": "5.4.55",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -14,7 +14,7 @@
     "react-dom": "^18.0.0",
     "react-router-dom": "6",
     "swr": "^2.2.5",
-    "@bbki.ng/ui": "0.1.28"
+    "@bbki.ng/ui": "0.1.29"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",

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

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
-import { Button, Article, Link } from '@bbki.ng/ui';
-import { ROUTES } from '@/constants';
+import { Article, Link } from '@bbki.ng/ui';
 import classNames from 'classnames';
 import { useNavigate } from 'react-router-dom';
 

package/src/blog/hooks/use_blog_context.ts

@@ -0,0 +1,14 @@
+import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
+import { IBlogContext } from '@/types/blog-context';
+import { useContext } from 'react';
+import { useLocation } from 'react-router-dom';
+
+export const useBlogContext = (): IBlogContext => {
+  const globalLoading = useContext(GlobalLoadingContext);
+  const location = useLocation();
+
+  return {
+    gloalLoading: globalLoading.isLoading,
+    location,
+  };
+};

package/src/blog/hooks/use_posts.ts

@@ -26,11 +26,18 @@ export const usePosts = (name: string = '', suspense?: boolean) => {
   const titleList =
     isLoading || error || !data
       ? []
-      : data.map((p: any) => ({
-          name: p.title,
-          to: p.title,
-          children: p.title,
-        }));
+      : [
+          ...data.map((p: any) => ({
+            name: p.title,
+            to: p.title,
+            children: p.title,
+          })),
+          {
+            name: 'cd ~',
+            to: '/',
+            children: 'cd ~',
+          },
+        ];
 
   useEffect(() => {
     setIsLoading(isLoading);

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

@@ -3,8 +3,9 @@ import { useStreaming, StreamingItem } from '@/hooks/use_streaming';
 import { formatStreamingData } from '@/utils/streaming';
 import { Button, Panel } from '@bbki.ng/ui';
 import { useScrollBtnVisibility } from './useScrollBtnVisibility';
-import classNames from 'classnames';
+import { Link } from '@bbki.ng/ui';
 import { ArrowDownIcon } from './arrow-down';
+import classNames from 'classnames';
 
 // Extend JSX IntrinsicElements for the web component
 declare global {
@@ -79,17 +80,17 @@ const Streaming = () => {
           {formattedData}
         </bb-msg-history>
       </Panel>
-      {scrolled ? (
-        <Button
-          className="mt-16"
-          transparent={!showScrollBtn}
-          onClick={() => {
-            bbMsgHistoryRef.current?.scrollToBottom();
-          }}
-        >
-          <ArrowDownIcon show={showScrollBtn} />
-        </Button>
-      ) : null}
+      <Link
+        className={classNames('w-fit relative opacity-0 transition-all duration-300 mt-16', {
+          'opacity-100': scrolled,
+          'opacity-0': showScrollBtn,
+          'pointer-events-none': showScrollBtn || !scrolled,
+        })}
+        to="/"
+        style={{ left: -4 }}
+      >
+        cd ..
+      </Link>
     </>
   );
 };

package/src/blog/types/blog-context.ts

@@ -0,0 +1,6 @@
+import { Location } from 'react-router-dom';
+
+export interface IBlogContext {
+  gloalLoading: boolean;
+  location: Location;
+}

package/src/blog/types/articles.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-
-export type MdxArticle = {
-  default: FunctionComponent<any>;
-  meta: any;
-};

package/src/blog/types/color.ts

@@ -1,21 +0,0 @@
-export enum TextColors {
-  GRAY = 'text-gray-400',
-  RED = 'text-red-500',
-  BLUE = 'text-blue-600',
-}
-
-export enum BgColors {
-  WHITE_GRAY = 'bg-gray-50',
-  LIGHT_GRAY = 'bg-gray-100',
-  GRAY = 'bg-gray-400',
-  RED = 'bg-red-500',
-  BLUE = 'bg-blue-600',
-  LIGHT_BLUE = 'bg-blue-300',
-  WHITE_BLUE = 'bg-blue-100',
-}
-
-export enum HoveredTextColors {
-  GRAY = 'hover:bg-gray-100',
-  RED = 'hover:bg-red-100',
-  BLUR = 'hover:bg-blue-100',
-}

package/src/blog/types/cusdis.ts

@@ -1,4 +0,0 @@
-export enum cusdisEvent {
-  COMMENTS_LOADED = 'COMMENTS_LOADED',
-  COMMENT_SENT = 'COMMENT_SENT',
-}

package/src/blog/types/oss.ts

@@ -1,15 +0,0 @@
-export enum ossProcessType {
-  THUMBNAIL = 'thumbnail',
-  WEBP = 'webp',
-  NULL = 'null',
-  oWEBP = 'owebp',
-  PROG = 'prog',
-}
-
-export interface UploadResult {
-  name: string;
-  res: {
-    status: number;
-  };
-  url: string;
-}

package/src/blog/types/photo.ts

@@ -1,17 +0,0 @@
-import { ossProcessType } from '@/types/oss';
-
-export interface Photo {
-  src: string;
-  width: number;
-  height: number;
-  processType?: ossProcessType;
-  avgColor?: string;
-  thumbnailSrc?: string;
-  renderedWidth?: number;
-}
-
-export interface PhotoProject {
-  name: string;
-  description?: string;
-  images: Photo[];
-}