@bbki.ng/site 1.0.14 → 1.0.15

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @bbki.ng/site
 
+## 1.0.15
+
 ## 1.0.14
 
 ## 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {
@@ -16,7 +16,7 @@
     "url": "git+https://github.com/bbbottle/bbki.ng.git"
   },
   "dependencies": {
-    "@bbki.ng/components": "workspace:2.1.32",
+    "@bbki.ng/components": "workspace:2.1.33",
     "@supabase/supabase-js": "^1.30.6",
     "classnames": "2.3.1",
     "react": "^18.0.0",

package/src/components/with_wrapper/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { FunctionComponent } from "react";
 import { ArticlePage } from "@/components/article";
-import { ThreeColLayout, ErrorBoundary, Link } from "@bbki.ng/components";
+import { ThreeColLayout, ErrorBoundary } from "@bbki.ng/components";
 
 export const withArticleWrapper =
   (Component: FunctionComponent<any>): FunctionComponent<any> =>
@@ -16,15 +16,20 @@ export const withArticleWrapper =
   };
 
 export const threeColWrapper =
-  <T extends object>(Component: any) =>
+  <T extends object>(Component: any, catchError: boolean = true) =>
   (props: T) => {
     return (
       <ThreeColLayout
-        middleRenderer={() => (
-          <ErrorBoundary>
-            <Component {...props} />
-          </ErrorBoundary>
-        )}
+        middleRenderer={() => {
+          if (!catchError) {
+            return <Component {...props} />;
+          }
+          return (
+            <ErrorBoundary>
+              <Component {...props} />
+            </ErrorBoundary>
+          );
+        }}
       />
     );
   };

package/src/global_loading_state_provider.tsx

@@ -4,7 +4,9 @@ import React, {
   useState,
   Dispatch,
   SetStateAction,
+  useEffect,
 } from "react";
+import { useLocation, useRoutes } from "react-router-dom";
 
 type LoadingContext = {
   isLoading: boolean;
@@ -18,6 +20,11 @@ export const GlobalLoadingContext = createContext<LoadingContext>({
 
 export const GlobalLoadingStateProvider = (props: { children: ReactNode }) => {
   const [isLoading, setIsLoading] = useState(false);
+  const location = useLocation();
+
+  useEffect(() => {
+    setIsLoading(false);
+  }, [location.pathname]);
 
   return (
     <GlobalLoadingContext.Provider value={{ isLoading, setIsLoading }}>

package/src/hooks/use_posts.ts

@@ -11,19 +11,22 @@ export const usePosts = (name: string = "", suspense?: boolean) => {
 
   let isLoading = !data && !error;
   const { setIsLoading } = useContext(GlobalLoadingContext);
-  const titleList = isLoading
-    ? []
-    : data.map((p: any) => ({
-        name: p.title,
-        to: p.title,
-      }));
+  const titleList =
+    isLoading || error
+      ? []
+      : data.map((p: any) => ({
+          name: p.title,
+          to: p.title,
+        }));
 
   useEffect(() => {
     setIsLoading(isLoading);
   }, [isLoading]);
 
   const posts =
-    isLoading || name == "" ? data : data.find((p: any) => p.title == name);
+    isLoading || name == "" || error
+      ? data
+      : data.find((p: any) => p.title == name);
 
   return {
     posts: posts,

package/src/pages/cover/index.tsx

@@ -11,7 +11,7 @@ export const Cover = (props: { className: string }) => {
         },
         {
           to: "/blog",
-          name: "ls *.md",
+          name: "cd ./blog",
         },
       ]}
       title=" "

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

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import React, { ReactElement, useContext } from "react";
 import { MdxArticleList } from "@/articles";
 import { withArticleWrapper } from "@/components";
 import { MdxArticle } from "@/types/articles";
@@ -6,6 +6,7 @@ import { NotFound, Link } from "@bbki.ng/components";
 import { useParams } from "react-router-dom";
 import { usePosts } from "@/hooks/use_posts";
 import { ArticlePage } from "@/components/article";
+import { GlobalLoadingContext } from "@/global_loading_state_provider";
 
 type TArticleMap = {
   [key: string]: ReactElement;
@@ -22,12 +23,14 @@ MdxArticleList.forEach((article: unknown) => {
 export default () => {
   const { title } = useParams();
   const { posts, isError, isLoading } = usePosts(title);
+  const { setIsLoading } = useContext(GlobalLoadingContext);
 
   if (!title) {
     return <NotFound />;
   }
 
   if (ArticleMap[title]) {
+    setIsLoading(false);
     return ArticleMap[title];
   }
 

package/src/utils/index.ts

@@ -67,7 +67,13 @@ export const getEnv = () => {
 };
 
 export const baseFetcher = (resource: string, init: RequestInit = {}) =>
-  fetch(resource, init).then((res) => res.json());
+  fetch(resource, init).then((res) => {
+    if (!res.ok) {
+      throw new Error("An error occurred while fetching the data.");
+    }
+
+    return res.json();
+  });
 
 export const withToken =
   (fetcher: Fetcher) =>