@bbki.ng/site 5.4.19 → 5.4.20

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @bbki.ng/site
 
+## 5.4.20
+
+### Patch Changes
+
+- c06c91f: bug fix
+- Updated dependencies [c06c91f]
+  - @bbki.ng/components@5.2.11
+
 ## 5.4.19
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.4.19",
+  "version": "5.4.20",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -13,26 +13,22 @@
     "@tailwindcss/vite": "4.1.17",
     "classnames": "2.3.1",
     "react": "^18.0.0",
-    "react-cusdis": "^2.1.3",
     "react-dom": "^18.0.0",
     "react-hotkeys-hook": "^3.4.3",
     "react-router-dom": "6",
     "sonner": "1.4.0",
     "swr": "^2.2.5",
-    "vaul": "1.1.2",
-    "@bbki.ng/components": "5.2.10",
-    "@bbki.ng/stylebase": "3.1.3"
+    "@bbki.ng/components": "5.2.11"
   },
   "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",
+    "@mdx-js/mdx": "^3.0.0",
+    "@mdx-js/react": "^3.0.0",
+    "@mdx-js/rollup": "^3.0.0",
     "@tailwindcss/postcss": "4.1.17",
     "@tailwindcss/typography": "^0.5.0",
-    "@types/jest": "^27.0.3",
-    "@types/node": "^16.11.1",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
@@ -45,12 +41,8 @@
     "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": "^3.2.0",
-    "pretty-quick": "^3.1.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-highlight": "^5.0.0",
     "rehype-slug": "^5.0.1",
@@ -60,18 +52,16 @@
     "remark-parse": "^10.0.0",
     "remark-toc": "^8.0.1",
     "rollup-plugin-visualizer": "6.0.5",
-    "sass": "^1.42.1",
     "tailwindcss": "^4.1.17",
-    "ts-jest": "^27.1.1",
-    "typescript": "^4.5.4",
+    "typescript": "^5.3.0",
     "vite": "5.0.0",
     "vite-plugin-cross-origin-isolation": "0.1.6",
     "vite-plugin-glsl": "1.2.1",
     "vite-plugin-mdx": "^3.5.8",
     "vite-plugin-pwa": "0.19",
     "workbox-window": "^6.3.0",
-    "@bbki.ng/config": "1.0.2",
-    "@bbki.ng/stylebase": "3.1.3"
+    "@bbki.ng/config": "1.0.3",
+    "@bbki.ng/stylebase": "3.1.4"
   },
   "author": "bbbottle",
   "license": "MIT",
@@ -81,8 +71,6 @@
   "prettier": "@bbki.ng/config/prettier",
   "homepage": "https://github.com/bbbottle/bbki.ng#readme",
   "scripts": {
-    "test": "jest",
-    "test:cov": "jest --coverage",
     "dev": "NODE_ENV=development && vite --host",
     "build": "tsc && vite build",
     "serve": "vite preview"

package/vite.config.js

@@ -1,27 +1,27 @@
-import path from "path";
-import { defineConfig } from "vite";
-import { VitePWA } from "vite-plugin-pwa";
-import mdx from "@mdx-js/rollup";
-import remarkGfm from "remark-gfm";
-import remarkParse from "remark-parse";
-import remarkToc from "remark-toc";
-import crossOriginIsolation from "vite-plugin-cross-origin-isolation";
-import tailwindcss from "@tailwindcss/vite";
-import remarkFrontMatter from "remark-frontmatter";
-import { remarkMdxFrontmatter } from "remark-mdx-frontmatter";
-import rehypeSlug from "rehype-slug";
-import rehypeHighlight from "rehype-highlight";
-import rehypeAutolinkHeadings from "rehype-autolink-headings";
-import react from "@vitejs/plugin-react";
-import glsl from "vite-plugin-glsl";
-import { visualizer } from "rollup-plugin-visualizer";
+import path from 'path';
+import { defineConfig } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
+import mdx from '@mdx-js/rollup';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkToc from 'remark-toc';
+import crossOriginIsolation from 'vite-plugin-cross-origin-isolation';
+import tailwindcss from '@tailwindcss/vite';
+import remarkFrontMatter from 'remark-frontmatter';
+import { remarkMdxFrontmatter } from 'remark-mdx-frontmatter';
+import rehypeSlug from 'rehype-slug';
+import rehypeHighlight from 'rehype-highlight';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import react from '@vitejs/plugin-react';
+import glsl from 'vite-plugin-glsl';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 const options = {
   remarkPlugins: [
     remarkParse,
-    [remarkToc, { maxDepth: 3, heading: "目录", tight: true }],
-    [remarkFrontMatter, { type: "yaml", marker: "-" }],
-    [remarkMdxFrontmatter, { name: "meta" }],
+    [remarkToc, { maxDepth: 3, heading: '目录', tight: true }],
+    [remarkFrontMatter, { type: 'yaml', marker: '-' }],
+    [remarkMdxFrontmatter, { name: 'meta' }],
     remarkGfm,
   ],
   rehypePlugins: [rehypeHighlight, rehypeSlug, rehypeAutolinkHeadings],
@@ -31,15 +31,15 @@ const options = {
 export default defineConfig({
   server: {
     proxy: {
-      "/api/streaming": {
-        target: "http://localhost:8787",
-        rewrite: (path) => path.replace(/^\/api/, ""),
+      '/api/streaming': {
+        target: 'http://localhost:8787',
+        rewrite: path => path.replace(/^\/api/, ''),
       },
     },
   },
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src/blog"),
+      '@': path.resolve(__dirname, './src/blog'),
       // "@bbki.ng/commponents": path.resolve(__dirname, "../components/lib"),
     },
     // preserveSymlinks: true,
@@ -51,8 +51,8 @@ export default defineConfig({
       output: {
         manualChunks: (id, meta) => {
           console.log(id);
-          if (id.includes("node_modules")) {
-            return "vendor";
+          if (id.includes('node_modules')) {
+            return 'vendor';
           }
         },
       },
@@ -62,7 +62,7 @@ export default defineConfig({
     GLOBAL_BBKING_VERSION: JSON.stringify(process.env.npm_package_version),
   },
   esbuild: {
-    logOverride: { "this-is-undefined-in-esm": "silent" },
+    logOverride: { 'this-is-undefined-in-esm': 'silent' },
   },
   plugins: [
     react(),
@@ -70,52 +70,19 @@ export default defineConfig({
     glsl(),
     tailwindcss(),
     VitePWA({
-      injectRegister: "auto",
-      includeAssets: [
-        "favicon.svg",
-        "robots.txt",
-        "apple-touch-icon.png",
-        "Logo.svg",
-      ],
+      injectRegister: 'auto',
+      includeAssets: ['favicon.svg', 'robots.txt', 'apple-touch-icon.png', 'Logo.svg'],
       devOptions: {
         enabled: true,
       },
       workbox: {
         cleanupOutdatedCaches: true,
         runtimeCaching: [
-          {
-            urlPattern:
-              /^https:\/\/zjh-im-res\.oss-cn-shenzhen\.aliyuncs\.com\/.*/i,
-            handler: "CacheFirst",
-            options: {
-              cacheName: "oss-resource-cache",
-              expiration: {
-                maxEntries: 100,
-                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            urlPattern: /new-content-handler/,
-            method: "GET",
-            handler: ({ event, data }) => {
-              const url = new URL(event.request.url);
-              const sharedContent = url.searchParams.get("text");
-
-              // post the shared content to the main thread
-              if (sharedContent) {
-                window.postMessage(sharedContent, {});
-              }
-            },
-          },
           {
             urlPattern: /^https:\/\/fonts\.gstatic.com\.com\/.*/i,
-            handler: "CacheFirst",
+            handler: 'CacheFirst',
             options: {
-              cacheName: "fonts",
+              cacheName: 'fonts',
               expiration: {
                 maxEntries: 100,
                 maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
@@ -128,36 +95,36 @@ export default defineConfig({
         ],
       },
       manifest: {
-        name: "bbki.ng",
-        description: "A personal blog.",
-        theme_color: "#ffffff",
-        display: "fullscreen",
-        start_url: "/",
+        name: 'bbki.ng',
+        description: 'A personal blog.',
+        theme_color: '#ffffff',
+        display: 'fullscreen',
+        start_url: '/',
         share_target: {
-          action: "/new-content-handler/",
-          method: "GET",
+          action: '/new-content-handler/',
+          method: 'GET',
           params: {
-            title: "title",
-            text: "text",
-            url: "url",
+            title: 'title',
+            text: 'text',
+            url: 'url',
           },
         },
         icons: [
           {
-            src: "pwa-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
+            src: 'pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
           },
           {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
+            src: 'pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
           },
           {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-            purpose: "any maskable",
+            src: 'pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
           },
         ],
       },

package/jest.config.js

@@ -1,15 +0,0 @@
-/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
-const config = {
-  preset: "ts-jest",
-  testEnvironment: "jsdom",
-  collectCoverageFrom: [
-    "src/utils/index.ts",
-    "!**/node_modules/**",
-    "!**/vendor/**",
-  ],
-  moduleNameMapper: {
-    "@/(.*)$": "<rootDir>/src/blog/$1",
-  },
-};
-
-export default config;

package/src/blog/__test__/utils/index.test.ts

@@ -1,56 +0,0 @@
-import {
-  delay,
-  floatNumberToPercentageString,
-  getEnv,
-  minDelay,
-} from "@/utils";
-
-jest.useFakeTimers();
-jest.spyOn(window, "setTimeout");
-
-describe("floatNumberToPercentageString", () => {
-  it("should return percentage string correctly", () => {
-    expect(floatNumberToPercentageString(0.8)).toBe("80%");
-  });
-});
-
-describe("delay", () => {
-  it("should delay correctly", () => {
-    delay(5000);
-    expect(setTimeout).toHaveBeenCalledTimes(1);
-    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 5000);
-  });
-});
-
-describe("minDelay", () => {
-  it("should delay at least specific duration", () => {
-    const promise = delay(1000);
-    expect(minDelay(promise, 2000)).toEqual(promise);
-    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 2000);
-  });
-});
-
-describe("getEnv", () => {
-  it("should return development when href start with http://localhost", () => {
-    const locationSpy = jest.spyOn(window, "location", "get");
-    locationSpy.mockImplementation(
-      () =>
-        ({
-          href: "http://localhost:3000",
-        } as Location)
-    );
-    expect(getEnv()).toEqual("development");
-    locationSpy.mockRestore();
-  });
-  it("should return production when href is NOT start with http://localhost", () => {
-    const locationSpy = jest.spyOn(window, "location", "get");
-    locationSpy.mockImplementation(
-      () =>
-        ({
-          href: "https://bbki.ng",
-        } as Location)
-    );
-    expect(getEnv()).toEqual("production");
-    locationSpy.mockRestore();
-  });
-});