feat: add rsbuild

Author: scffs

package.json

@@ -23,7 +23,6 @@
     "@vkontakte/vk-bridge-react": "^1.0.0",
     "@vkontakte/vk-mini-apps-router": "1.4.2",
     "@vkontakte/vkui": "6.0.0",
-    "jshashes": "^1.0.8",
     "preact": "^10.19.3",
     "react": "npm:@preact/compat",
     "react-dom": "npm:@preact/compat"
@@ -33,22 +32,18 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.23.3",
     "@biomejs/biome": "1.5.2",
     "@diary-spo/shared": "1.8.9",
     "@diary-spo/types": "latest",
-    "@preact/preset-vite": "^2.8.1",
-    "@rollup/plugin-terser": "^0.4.4",
     "@rsbuild/core": "^0.3.6",
+    "@rsbuild/plugin-image-compress": "^0.3.7",
     "@rsbuild/plugin-react": "^0.3.6",
     "@types/node": "^20.11.5",
     "@vitest/coverage-v8": "^1.2.1",
     "@vkontakte/vk-miniapps-deploy": "^0.1.6",
-    "dotenv": "^16.3.2",
     "gh-pages": "^6.0.0",
     "jsdom": "^23.2.0",
     "typescript": "^5.2.2",
-    "vite": "5.0.12",
     "vitest": "^1.2.1",
     "vitest-localstorage-mock": "^0.0.1"
   }

rsbuild.config.ts

@@ -1,9 +1,27 @@
-import { pluginReact } from '@rsbuild/plugin-react';
+import { loadEnv } from '@rsbuild/core'
+import { pluginImageCompress } from '@rsbuild/plugin-image-compress'
+import { pluginReact } from '@rsbuild/plugin-react'
+
+const { publicVars } = loadEnv()
 
 export default {
-  plugins: [pluginReact()],
-  html: {
-    template: './index.html',
+  performance: {
+    removeMomentLocale: true,
+    chunkSplit: {
+      strategy: 'split-by-experience'
+    }
   },
-
-};
+  output: {
+    polyfill: 'usage'
+  },
+  analyzerMode: 'static',
+  openAnalyzer: false,
+  reportFilename: 'report-web.html',
+  source: {
+    define: publicVars
+  },
+  plugins: [pluginReact(), pluginImageCompress()],
+  html: {
+    template: './index.html'
+  }
+}

src/config/env.ts

@@ -1,8 +1,6 @@
-import 'dotenv/config'
-export const BASE_URL = process.env.VITE_SERVER_URL
-export const SECOND_SERVER_URL = process.env.VITE_SERVER_URL_SECOND
-console.log(process.env.BAR); // '1'
-export const MODE = process.env.VITE_MODE
+export const BASE_URL = process.env.PUBLIC_SERVER_URL
+export const SECOND_SERVER_URL = process.env.PUBLIC_SERVER_URL_SECOND
+export const MODE = process.env.PUBLIC_MODE
 
 export const Mode = {
   DEV: 'dev',

src/libs/index.ts

@@ -0,0 +1 @@
+export * from './jshashes.ts'

src/libs/jshashes.ts

@@ -0,0 +1,20 @@
+const generateSHA256Hash = async (input: string): Promise<string> => {
+  const encoder = new TextEncoder()
+  const data = encoder.encode(input)
+
+  const buffer = await crypto.subtle.digest('SHA-256', data)
+
+  const arrayBuffer = new Uint8Array(buffer)
+  return Array.from(arrayBuffer)
+    .map((byte) => String.fromCharCode(byte))
+    .join('')
+}
+
+export const Hashes = {
+  SHA256: {
+    b64: async (input: string): Promise<string> => {
+      const sha256Hash = await generateSHA256Hash(input)
+      return btoa(sha256Hash)
+    }
+  }
+}

src/views/LoginForm.tsx

@@ -15,10 +15,10 @@ import {
   Input,
   Panel
 } from '@vkontakte/vkui'
-import Hashes from 'jshashes'
 import { ChangeEvent, FC } from 'preact/compat'
 import { useEffect, useState } from 'preact/hooks'
 import { useSnackbar } from '../hooks'
+import { Hashes } from '../libs'
 import { makeRequest } from '../methods'
 import { VIEW_SCHEDULE } from '../routes'
 import { loginPattern } from '../types'
@@ -70,15 +70,16 @@ const LoginForm: FC<{ id: string }> = ({ id }) => {
       return
     }
 
-    const passwordHashed = new Hashes.SHA256().b64(password)
+    const passwordHashed2 = await Hashes.SHA256.b64(password)
 
+    console.error('passwordHashed2', passwordHashed2)
     setIsLoading(true)
     const response = await makeRequest<ResponseLogin>(
       '/login/',
       'POST',
       JSON.stringify({
         login,
-        password: passwordHashed,
+        password: passwordHashed2,
         isHash: true
       })
     )

src/views/TechWorking.tsx

@@ -1,5 +1,5 @@
 // import { AppRoot, Button, Div } from '@vkontakte/vkui'
-// import { notFoundStyle, text } from '../views/index.tsx'
+// import { notFoundStyle, text } from '../views/index.ts'
 //
 // const TechWorking = () => {
 //   return (

vite.config.ts

@@ -39,7 +39,7 @@ export default defineConfig({
       safari10: false
     },
     rollupOptions: {
-      logLevel: 'debug',
+      logLevel: 'debug'
     }
   }
 })