@bbki.ng/site 5.4.30 → 5.4.32

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @bbki.ng/site
 
+## 5.4.32
+
+### Patch Changes
+
+- 3308d28: fix layout
+- Updated dependencies [3308d28]
+  - @bbki.ng/ui@0.1.6
+
+## 5.4.31
+
+### Patch Changes
+
+- 25738cb: fix: cors error
+- Updated dependencies [25738cb]
+  - @bbki.ng/ui@0.1.5
+
 ## 5.4.30
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.4.30",
+  "version": "5.4.32",
   "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.4"
+    "@bbki.ng/ui": "0.1.6"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",

package/src/blog/app.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Outlet, Route, Routes } from 'react-router-dom';
 import { Cover, Streaming } from './pages';
-import { Nav, NotFound, Page, Grid, ErrorBoundary } from '@bbki.ng/ui';
+import { Nav, NotFound, Page, Grid, ErrorBoundary, Container } from '@bbki.ng/ui';
 
 import ArticlePage from '@/pages/extensions/txt/article';
 import Txt from '@/pages/extensions/txt';
@@ -30,9 +30,11 @@ const Layout = () => {
       }
       main={
         <Grid leftAside={<div />} rightAside={<div />}>
-          <ErrorBoundary>
-            <Outlet />
-          </ErrorBoundary>
+          <Container className="py-32">
+            <ErrorBoundary>
+              <Outlet />
+            </ErrorBoundary>
+          </Container>
         </Grid>
       }
     />

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

@@ -30,7 +30,7 @@ export const ArticlePage = (props: ArticlePageProps) => {
         title={title}
         date={props.date}
         description={description}
-        className={`${props.className || ''} mt-16`}
+        className={`${props.className || ''}`}
         loading={false}
       >
         <article className={articleCls}>{props.children}</article>
@@ -38,7 +38,7 @@ export const ArticlePage = (props: ArticlePageProps) => {
           <Reaction title={title} url={window.location.href} />
         </div>*/}
       </Article>
-      <div className="mb-64">
+      <div className="">
         <Button
           className=""
           type="button"

package/src/blog/components/index.tsx

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

package/src/blog/hooks/use_streaming.ts

@@ -6,7 +6,8 @@ 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 isProd = typeof window !== 'undefined' && /^https:\/\/bbki.ng/.test(window.location.href);
+const isProd = true;
 const API_BASE = !isProd ? '/api' : API_ENDPOINT;
 
 export type StreamingItem = {

package/src/blog/utils/index.ts

@@ -8,7 +8,11 @@ export const floatNumberToPercentageString = (num: number): string => {
 };
 
 export const baseFetcher = (resource: string, init: RequestInit = {}) =>
-  fetch(resource, init).then(res => {
+  // enable cors
+  fetch(resource, {
+    ...init,
+    mode: 'cors',
+  }).then(res => {
     if (!res.ok) {
       throw new Error('An error occurred while fetching the data.');
     }