@bbki.ng/site 5.4.17 → 5.4.19

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @bbki.ng/site
 
+## 5.4.19
+
+### Patch Changes
+
+- 4e8eb9e: upgrade tailwindcss
+- Updated dependencies [4e8eb9e]
+  - @bbki.ng/components@5.2.10
+  - @bbki.ng/stylebase@3.1.3
+
+## 5.4.18
+
+### Patch Changes
+
+- f12873e: update config
+- 152ba35: update config
+- 04c87c5: update config
+- 74bdf37: update config
+- 9142b64: update mono repo config
+- Updated dependencies [f12873e]
+- Updated dependencies [152ba35]
+- Updated dependencies [04c87c5]
+- Updated dependencies [74bdf37]
+- Updated dependencies [9142b64]
+  - @bbki.ng/components@5.2.9
+  - @bbki.ng/stylebase@3.1.2
+
 ## 5.4.17
 
 ## 5.4.16

package/eslint.config.js

@@ -0,0 +1,17 @@
+import webConfig from '@bbki.ng/config/eslint/web';
+import { includeIgnoreFile } from '@eslint/compat';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default [
+  includeIgnoreFile(path.resolve(__dirname, '.gitignore')),
+  ...webConfig,
+  {
+    rules: {
+      // Site specific overrides
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.4.17",
+  "version": "5.4.19",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -20,10 +20,12 @@
     "sonner": "1.4.0",
     "swr": "^2.2.5",
     "vaul": "1.1.2",
-    "@bbki.ng/components": "5.2.8",
-    "@bbki.ng/stylebase": "3.1.1"
+    "@bbki.ng/components": "5.2.10",
+    "@bbki.ng/stylebase": "3.1.3"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.0.0",
+    "@eslint/js": "^8.57.0",
     "@mdx-js/mdx": "2.0.0-next.9",
     "@mdx-js/react": "^1.6.22",
     "@mdx-js/rollup": "3.0.0",
@@ -33,12 +35,21 @@
     "@types/node": "^16.11.1",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react": "^1.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-unicorn": "^51.0.0",
+    "globals": "^14.0.0",
     "husky": "^7.0.0",
     "jest": "^27.4.5",
     "lint-staged": "^11.2.1",
     "postcss": "^8.3.9",
-    "prettier": "^2.4.1",
+    "prettier": "^3.2.0",
     "pretty-quick": "^3.1.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-highlight": "^5.0.0",
@@ -59,13 +70,15 @@
     "vite-plugin-mdx": "^3.5.8",
     "vite-plugin-pwa": "0.19",
     "workbox-window": "^6.3.0",
-    "@bbki.ng/stylebase": "3.1.1"
+    "@bbki.ng/config": "1.0.2",
+    "@bbki.ng/stylebase": "3.1.3"
   },
   "author": "bbbottle",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/bbbottle/bbki.ng/issues"
   },
+  "prettier": "@bbki.ng/config/prettier",
   "homepage": "https://github.com/bbbottle/bbki.ng#readme",
   "scripts": {
     "test": "jest",

package/src/blog/app.tsx

@@ -1,25 +1,25 @@
-import React, { useContext } from "react";
-import { Outlet, Route, Routes } from "react-router-dom";
-import { Nav, NotFound, Page } from "@bbki.ng/components";
-import { HotKeyNav } from "./components";
-import { Cover, Streaming } from "./pages";
+import React, { useContext } from 'react';
+import { Outlet, Route, Routes } from 'react-router-dom';
+import { Nav, NotFound, Page } from '@bbki.ng/components';
+import { HotKeyNav } from './components';
+import { Cover, Streaming } from './pages';
 
-import ArticlePage from "@/pages/extensions/txt/article";
-import Tags from "@/pages/tags";
-import TagsResult from "@/pages/tags/tag_result";
-import Txt from "@/pages/extensions/txt";
+import ArticlePage from '@/pages/extensions/txt/article';
+import Tags from '@/pages/tags';
+import TagsResult from '@/pages/tags/tag_result';
+import Txt from '@/pages/extensions/txt';
 
-import { usePaths } from "@/hooks";
-import { Login } from "@/pages/login";
-import { SWR } from "@/swr";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
-import { AppCtxMenu } from "@/components/app_ctx_menu";
-import { BotRedirect } from "@/pages/bot";
-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 { useDynamicLogo } from "./hooks/use_dynamic_logo";
+import { usePaths } from '@/hooks';
+import { Login } from '@/pages/login';
+import { SWR } from '@/swr';
+import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
+import { AppCtxMenu } from '@/components/app_ctx_menu';
+import { BotRedirect } from '@/pages/bot';
+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 { useDynamicLogo } from './hooks/use_dynamic_logo';
 
 const Layout = () => {
   const { isLoading } = useContext(GlobalLoadingContext);
@@ -74,7 +74,7 @@ export const App = () => {
 
               <Route path="bot" element={<BotRedirect />} />
               <Route path="login" element={<Login />} />
-              <Route path="stream" element={<Streaming />} />
+              <Route path="now" element={<Streaming />} />
             </Route>
             <Route path="*" element={<NotFound />} />
           </Routes>

package/src/blog/hooks/use_clipboard_content.ts

@@ -1,21 +1,19 @@
-import React from "react";
+import React from 'react';
 
 export const useClipboardContent = () => {
-  const [clipboardContent, setClipboardContent] = React.useState<string | null>(
-    null
-  );
+  const [clipboardContent, setClipboardContent] = React.useState<string | null>(null);
 
   React.useEffect(() => {
     const handlePaste = (event: ClipboardEvent) => {
       if (event.clipboardData) {
-        setClipboardContent(event.clipboardData.getData("text/plain"));
+        setClipboardContent(event.clipboardData.getData('text/plain'));
       }
     };
 
-    document.addEventListener("paste", handlePaste);
+    document.addEventListener('paste', handlePaste);
 
     return () => {
-      document.removeEventListener("paste", handlePaste);
+      document.removeEventListener('paste', handlePaste);
     };
   }, []);
 

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

@@ -1,25 +1,24 @@
-import React, { useContext } from "react";
-import { CenterLinkList } from "@/components";
-import { GlobalRoutesContext } from "@/context/global_routes_provider";
-import { Version } from "@/components/Version";
+import React, { useContext } from 'react';
+import { CenterLinkList } from '@/components';
+import { GlobalRoutesContext } from '@/context/global_routes_provider';
+import { Version } from '@/components/Version';
 
 export const Cover = (props: { className?: string }) => {
   const globalRouteCtx = useContext(GlobalRoutesContext);
   const routes = globalRouteCtx.globalRoutes;
-  const pluginEntry =
-    routes.length > 0 ? [{ to: "/plugins", name: "cd ./plugins" }] : [];
+  const pluginEntry = routes.length > 0 ? [{ to: '/plugins', name: 'cd ./plugins' }] : [];
   return (
     <>
       <CenterLinkList
         className="select-none"
         links={[
           {
-            to: "/blog",
-            name: "cd ./blog",
+            to: '/blog',
+            name: 'cd ./blog',
           },
           {
-            to: "/stream",
-            name: "cd ./stream",
+            to: '/now',
+            name: 'cd ./now',
           },
           ...pluginEntry,
         ]}

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

@@ -1,16 +1,16 @@
-import React, { useEffect, useRef, useState } from "react";
-import { useStreaming, StreamingItem } from "@/hooks/use_streaming";
-import { formatStreamingData } from "@/utils/streaming";
-import { Article, Button, ButtonType, Panel } from "@bbki.ng/components";
-import { useScrollBtnVisibility } from "./useScrollBtnVisibility";
-import classNames from "classnames";
-import { ArrowDownIcon } from "./arrow-down";
+import React, { useEffect, useRef, useState } from 'react';
+import { useStreaming, StreamingItem } from '@/hooks/use_streaming';
+import { formatStreamingData } from '@/utils/streaming';
+import { Article, Button, ButtonType, Panel } from '@bbki.ng/components';
+import { useScrollBtnVisibility } from './useScrollBtnVisibility';
+import classNames from 'classnames';
+import { ArrowDownIcon } from './arrow-down';
 
 // Extend JSX IntrinsicElements for the web component
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      "bb-msg-history": React.DetailedHTMLProps<
+      'bb-msg-history': React.DetailedHTMLProps<
         React.HTMLAttributes<HTMLElement>,
         BbMsgHistoryElement
       > & {
@@ -60,40 +60,39 @@ const Streaming = () => {
     return () => {
       clearTimeout(timer);
     };
-  }, [isLoading, formattedData])
+  }, [isLoading, formattedData]);
 
   if (isError) {
     return <div className="p-8 text-center text-gray-500">加载失败</div>;
   }
 
   return (
-    <Article title="直播" loading={isLoading}>
+    <Article title="" loading={isLoading}>
       {isLoading ? null : (
-          <>
-            <Panel className="!p-[10px]">
-              <bb-msg-history
-                // infinite
-                hide-scroll-bar
-                hide-scroll-button
-                ref={bbMsgHistoryRef}
-                style={{ height: "100%", "--bb-max-height": "200px" } as React.CSSProperties}
-              >
-                {formattedData}
-              </bb-msg-history>
-            </Panel>
-            {
-              scrolled ? (
-                <Button
-                  className="mt-64"
-                  transparent={!showScrollBtn}
-                  onClick={() => {
-                    bbMsgHistoryRef.current?.scrollToBottom();
-                  }}>
-                    <ArrowDownIcon show={showScrollBtn} />
-                </Button>
-              ) : null
-            }
-          </>
+        <>
+          <Panel className="!p-[10px]">
+            <bb-msg-history
+              // infinite
+              hide-scroll-bar
+              hide-scroll-button
+              ref={bbMsgHistoryRef}
+              style={{ height: '100%', '--bb-max-height': '200px' } as React.CSSProperties}
+            >
+              {formattedData}
+            </bb-msg-history>
+          </Panel>
+          {scrolled ? (
+            <Button
+              className="mt-64"
+              transparent={!showScrollBtn}
+              onClick={() => {
+                bbMsgHistoryRef.current?.scrollToBottom();
+              }}
+            >
+              <ArrowDownIcon show={showScrollBtn} />
+            </Button>
+          ) : null}
+        </>
       )}
     </Article>
   );

package/tsconfig.json

@@ -1,20 +1,9 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
     "jsx": "react",
+    "noEmit": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/blog/*"]

package/.prettierrc.json

@@ -1 +0,0 @@
-{}