Upload 72 files

apps/server/.env.local.example

@@ -0,0 +1,28 @@
+HOST=0.0.0.0
+PORT=4000
+
+# Prisma
+# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
+DATABASE_URL="mysql://root:123456@127.0.0.1:3306/wewe-rss"
+
+# 使用Sqlite
+# DATABASE_URL="file:../data/wewe-rss.db"
+# DATABASE_TYPE="sqlite"
+
+# 访问授权码
+AUTH_CODE=123567
+
+# 每分钟最大请求次数
+MAX_REQUEST_PER_MINUTE=60
+
+# 自动提取全文内容
+FEED_MODE="fulltext"
+
+# nginx 转发后的服务端地址
+SERVER_ORIGIN_URL=http://localhost:4000
+
+# 定时更新订阅源Cron表达式
+CRON_EXPRESSION="35 5,17 * * *"
+
+# 读书转发服务，不需要修改
+PLATFORM_URL="https://weread.111965.xyz"

apps/server/.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: 'tsconfig.json',
+    tsconfigRootDir: __dirname,
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint/eslint-plugin'],
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  root: true,
+  env: {
+    node: true,
+    jest: true,
+  },
+  ignorePatterns: ['.eslintrc.js'],
+  rules: {
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+};

apps/server/.gitignore

@@ -0,0 +1,6 @@
+node_modules
+# Keep environment variables out of version control
+.env
+
+client
+data

apps/server/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

apps/server/README.md

@@ -0,0 +1,73 @@
+<p align="center">
+  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="200" alt="Nest Logo" /></a>
+</p>
+
+[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
+[circleci-url]: https://circleci.com/gh/nestjs/nest
+
+  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
+    <p align="center">
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
+<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
+<a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
+<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
+<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
+<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
+  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
+    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
+  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
+</p>
+  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
+  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
+
+## Description
+
+[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
+
+## Installation
+
+```bash
+$ pnpm install
+```
+
+## Running the app
+
+```bash
+# development
+$ pnpm run start
+
+# watch mode
+$ pnpm run start:dev
+
+# production mode
+$ pnpm run start:prod
+```
+
+## Test
+
+```bash
+# unit tests
+$ pnpm run test
+
+# e2e tests
+$ pnpm run test:e2e
+
+# test coverage
+$ pnpm run test:cov
+```
+
+## Support
+
+Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
+
+## Stay in touch
+
+- Author - [Kamil Myśliwiec](https://kamilmysliwiec.com)
+- Website - [https://nestjs.com](https://nestjs.com/)
+- Twitter - [@nestframework](https://twitter.com/nestframework)
+
+## License
+
+Nest is [MIT licensed](LICENSE).

apps/server/docker-bootstrap.sh

@@ -0,0 +1,8 @@
+
+#!/bin/sh
+# ENVIRONEMTN from docker-compose.yaml doesn't get through to subprocesses
+# Need to explicit pass DATABASE_URL here, otherwise migration doesn't work
+# Run migrations
+DATABASE_URL=${DATABASE_URL} npx prisma migrate deploy
+# start app
+DATABASE_URL=${DATABASE_URL} node dist/main

apps/server/nest-cli.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src",
+  "compilerOptions": {
+    "deleteOutDir": true
+  }
+}

apps/server/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "server",
+  "version": "1.7.1",
+  "description": "",
+  "author": "",
+  "private": true,
+  "license": "UNLICENSED",
+  "scripts": {
+    "build": "nest build",
+    "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
+    "start": "nest start",
+    "dev": "nest start --watch",
+    "start:debug": "nest start --debug --watch",
+    "start:prod": "node dist/main",
+    "start:migrate:prod": "prisma migrate deploy && npm run start:prod",
+    "postinstall": "npx prisma generate",
+    "migrate": "pnpm prisma migrate dev",
+    "studio": "pnpm prisma studio",
+    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
+    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
+    "test:e2e": "jest --config ./test/jest-e2e.json"
+  },
+  "dependencies": {
+    "@cjs-exporter/p-map": "^5.5.0",
+    "@nestjs/common": "^10.3.3",
+    "@nestjs/config": "^3.2.0",
+    "@nestjs/core": "^10.3.3",
+    "@nestjs/platform-express": "^10.3.3",
+    "@nestjs/schedule": "^4.0.1",
+    "@nestjs/throttler": "^5.1.2",
+    "@prisma/client": "5.10.1",
+    "@trpc/server": "^10.45.1",
+    "axios": "^1.6.7",
+    "cheerio": "1.0.0-rc.12",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.14.1",
+    "dayjs": "^1.11.10",
+    "express": "^4.18.2",
+    "feed": "^4.2.2",
+    "got": "11.8.6",
+    "hbs": "^4.2.0",
+    "html-minifier": "^4.0.0",
+    "node-cache": "^5.1.2",
+    "prisma": "^5.10.2",
+    "reflect-metadata": "^0.2.1",
+    "rxjs": "^7.8.1",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "^10.3.2",
+    "@nestjs/schematics": "^10.1.1",
+    "@nestjs/testing": "^10.3.3",
+    "@types/express": "^4.17.21",
+    "@types/html-minifier": "^4.0.5",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.19",
+    "@types/supertest": "^6.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.2.5",
+    "source-map-support": "^0.5.21",
+    "supertest": "^6.3.4",
+    "ts-jest": "^29.1.2",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.3.3"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
+    "rootDir": "src",
+    "testRegex": ".*\\.spec\\.ts$",
+    "transform": {
+      "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
+    "coverageDirectory": "../coverage",
+    "testEnvironment": "node"
+  }
+}

apps/server/prisma-sqlite/migrations/20240301104100_init/migration.sql

@@ -0,0 +1,33 @@
+-- CreateTable
+CREATE TABLE "accounts" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "token" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "status" INTEGER NOT NULL DEFAULT 1,
+    "created_at" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" DATETIME DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE "feeds" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "mp_name" TEXT NOT NULL,
+    "mp_cover" TEXT NOT NULL,
+    "mp_intro" TEXT NOT NULL,
+    "status" INTEGER NOT NULL DEFAULT 1,
+    "sync_time" INTEGER NOT NULL DEFAULT 0,
+    "update_time" INTEGER NOT NULL,
+    "created_at" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" DATETIME DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE "articles" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "mp_id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "pic_url" TEXT NOT NULL,
+    "publish_time" INTEGER NOT NULL,
+    "created_at" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" DATETIME DEFAULT CURRENT_TIMESTAMP
+);

apps/server/prisma-sqlite/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "sqlite"

apps/server/prisma-sqlite/schema.prisma

@@ -0,0 +1,56 @@
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider      = "prisma-client-js"
+  binaryTargets = ["native", "linux-musl"] // 生成linux可执行文件
+}
+
+// 读书账号
+model Account {
+  id        String    @id
+  token     String    @map("token")
+  name      String    @map("name")
+  // 状态 0:失效 1:启用 2:禁用
+  status    Int       @default(1) @map("status")
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("accounts")
+}
+
+// 订阅源
+model Feed {
+  id      String @id
+  mpName  String @map("mp_name")
+  mpCover String @map("mp_cover")
+  mpIntro String @map("mp_intro")
+  // 状态 0:失效 1:启用 2:禁用
+  status  Int    @default(1) @map("status")
+
+  // article最后同步时间
+  syncTime Int @default(0) @map("sync_time")
+
+  // 信息更新时间
+  updateTime Int @map("update_time")
+
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("feeds")
+}
+
+model Article {
+  id          String @id
+  mpId        String @map("mp_id")
+  title       String @map("title")
+  picUrl      String @map("pic_url")
+  publishTime Int    @map("publish_time")
+
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("articles")
+}

apps/server/prisma/migrations/20240227153512_init/migration.sql

@@ -0,0 +1,39 @@
+-- CreateTable
+CREATE TABLE `accounts` (
+    `id` VARCHAR(255) NOT NULL,
+    `token` VARCHAR(2048) NOT NULL,
+    `name` VARCHAR(1024) NOT NULL,
+    `status` INTEGER NOT NULL DEFAULT 1,
+    `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
+    `updated_at` DATETIME(3) NULL DEFAULT CURRENT_TIMESTAMP(3),
+
+    PRIMARY KEY (`id`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `feeds` (
+    `id` VARCHAR(255) NOT NULL,
+    `mp_name` VARCHAR(512) NOT NULL,
+    `mp_cover` VARCHAR(1024) NOT NULL,
+    `mp_intro` TEXT NOT NULL,
+    `status` INTEGER NOT NULL DEFAULT 1,
+    `sync_time` INTEGER NOT NULL DEFAULT 0,
+    `update_time` INTEGER NOT NULL,
+    `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
+    `updated_at` DATETIME(3) NULL DEFAULT CURRENT_TIMESTAMP(3),
+
+    PRIMARY KEY (`id`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `articles` (
+    `id` VARCHAR(255) NOT NULL,
+    `mp_id` VARCHAR(255) NOT NULL,
+    `title` VARCHAR(255) NOT NULL,
+    `pic_url` VARCHAR(255) NOT NULL,
+    `publish_time` INTEGER NOT NULL,
+    `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
+    `updated_at` DATETIME(3) NULL DEFAULT CURRENT_TIMESTAMP(3),
+
+    PRIMARY KEY (`id`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

apps/server/prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "mysql"

apps/server/prisma/schema.prisma

@@ -0,0 +1,56 @@
+datasource db {
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}
+
+generator client {
+  provider      = "prisma-client-js"
+  binaryTargets = ["native", "linux-musl"] // 生成linux可执行文件
+}
+
+// 读书账号
+model Account {
+  id        String    @id @db.VarChar(255)
+  token     String    @map("token") @db.VarChar(2048)
+  name      String    @map("name") @db.VarChar(1024)
+  // 状态 0:失效 1:启用 2:禁用
+  status    Int       @default(1) @map("status") @db.Int()
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("accounts")
+}
+
+// 订阅源
+model Feed {
+  id      String @id @db.VarChar(255)
+  mpName  String @map("mp_name") @db.VarChar(512)
+  mpCover String @map("mp_cover") @db.VarChar(1024)
+  mpIntro String @map("mp_intro") @db.Text()
+  // 状态 0:失效 1:启用 2:禁用
+  status  Int    @default(1) @map("status") @db.Int()
+
+  // article最后同步时间
+  syncTime Int @default(0) @map("sync_time")
+
+  // 信息更新时间
+  updateTime Int @map("update_time")
+
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("feeds")
+}
+
+model Article {
+  id          String @id @db.VarChar(255)
+  mpId        String @map("mp_id") @db.VarChar(255)
+  title       String @map("title") @db.VarChar(255)
+  picUrl      String @map("pic_url") @db.VarChar(255)
+  publishTime Int    @map("publish_time")
+
+  createdAt DateTime  @default(now()) @map("created_at")
+  updatedAt DateTime? @default(now()) @updatedAt @map("updated_at")
+
+  @@map("articles")
+}

apps/server/src/app.controller.spec.ts

@@ -0,0 +1,22 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+
+describe('AppController', () => {
+  let appController: AppController;
+
+  beforeEach(async () => {
+    const app: TestingModule = await Test.createTestingModule({
+      controllers: [AppController],
+      providers: [AppService],
+    }).compile();
+
+    appController = app.get<AppController>(AppController);
+  });
+
+  describe('root', () => {
+    it('should return "Hello World!"', () => {
+      expect(appController.getHello()).toBe('Hello World!');
+    });
+  });
+});

apps/server/src/app.controller.ts

@@ -0,0 +1,31 @@
+import { Controller, Get, Redirect, Render } from '@nestjs/common';
+import { AppService } from './app.service';
+
+@Controller()
+export class AppController {
+  constructor(private readonly appService: AppService) {}
+
+  @Get()
+  getHello(): string {
+    return this.appService.getHello();
+  }
+
+  @Get('/robots.txt')
+  forRobot(): string {
+    return 'User-agent:  *\nDisallow:  /';
+  }
+
+  @Get('favicon.ico')
+  @Redirect('https://r2-assets.111965.xyz/wewe-rss.png', 302)
+  getFavicon() {}
+
+  @Get('/dash*')
+  @Render('index.hbs')
+  dashRender() {
+    const { originUrl: weweRssServerOriginUrl } =
+      this.appService.getFeedConfig();
+    return {
+      weweRssServerOriginUrl,
+    };
+  }
+}

apps/server/src/app.module.ts

@@ -0,0 +1,39 @@
+import { Module } from '@nestjs/common';
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+import { TrpcModule } from '@server/trpc/trpc.module';
+import { ConfigModule, ConfigService } from '@nestjs/config';
+import configuration, { ConfigurationType } from './configuration';
+import { ThrottlerModule } from '@nestjs/throttler';
+import { ScheduleModule } from '@nestjs/schedule';
+import { FeedsModule } from './feeds/feeds.module';
+
+@Module({
+  imports: [
+    TrpcModule,
+    FeedsModule,
+    ScheduleModule.forRoot(),
+    ConfigModule.forRoot({
+      isGlobal: true,
+      envFilePath: ['.env.local', '.env'],
+      load: [configuration],
+    }),
+    ThrottlerModule.forRootAsync({
+      imports: [ConfigModule],
+      inject: [ConfigService],
+      useFactory(config: ConfigService) {
+        const throttler =
+          config.get<ConfigurationType['throttler']>('throttler');
+        return [
+          {
+            ttl: 60,
+            limit: throttler?.maxRequestPerMinute || 60,
+          },
+        ];
+      },
+    }),
+  ],
+  controllers: [AppController],
+  providers: [AppService],
+})
+export class AppModule {}

apps/server/src/app.service.ts

@@ -0,0 +1,19 @@
+import { Injectable } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { ConfigurationType } from './configuration';
+
+@Injectable()
+export class AppService {
+  constructor(private readonly configService: ConfigService) {}
+  getHello(): string {
+    return `
+    <div style="display:flex;justify-content: center;height: 100%;align-items: center;font-size: 30px;">
+    <div>>> <a href="/dash">WeWe RSS</a> <<</div>
+    </div>
+    `;
+  }
+
+  getFeedConfig() {
+    return this.configService.get<ConfigurationType['feed']>('feed')!;
+  }
+}

apps/server/src/configuration.ts

@@ -0,0 +1,35 @@
+const configuration = () => {
+  const isProd = process.env.NODE_ENV === 'production';
+  const port = process.env.PORT || 4000;
+  const host = process.env.HOST || '0.0.0.0';
+
+  const maxRequestPerMinute = parseInt(
+    `${process.env.MAX_REQUEST_PER_MINUTE}|| 60`,
+  );
+
+  const authCode = process.env.AUTH_CODE;
+  const platformUrl = process.env.PLATFORM_URL || 'https://weread.111965.xyz';
+  const originUrl = process.env.SERVER_ORIGIN_URL || '';
+
+  const feedMode = process.env.FEED_MODE as 'fulltext' | '';
+
+  const databaseType = process.env.DATABASE_TYPE || 'mysql';
+
+  return {
+    server: { isProd, port, host },
+    throttler: { maxRequestPerMinute },
+    auth: { code: authCode },
+    platform: { url: platformUrl },
+    feed: {
+      originUrl,
+      mode: feedMode,
+    },
+    database: {
+      type: databaseType,
+    },
+  };
+};
+
+export default configuration;
+
+export type ConfigurationType = ReturnType<typeof configuration>;

apps/server/src/constants.ts

@@ -0,0 +1,14 @@
+export const statusMap = {
+  // 0:失效 1:启用 2:禁用
+  INVALID: 0,
+  ENABLE: 1,
+  DISABLE: 2,
+};
+
+export const feedTypes = ['rss', 'atom', 'json'] as const;
+
+export const feedMimeTypeMap = {
+  rss: 'application/rss+xml; charset=utf-8',
+  atom: 'application/atom+xml; charset=utf-8',
+  json: 'application/feed+json; charset=utf-8',
+} as const;

apps/server/src/feeds/feeds.controller.spec.ts

@@ -0,0 +1,18 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { FeedsController } from './feeds.controller';
+
+describe('FeedsController', () => {
+  let controller: FeedsController;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      controllers: [FeedsController],
+    }).compile();
+
+    controller = module.get<FeedsController>(FeedsController);
+  });
+
+  it('should be defined', () => {
+    expect(controller).toBeDefined();
+  });
+});

apps/server/src/feeds/feeds.controller.ts

@@ -0,0 +1,64 @@
+import {
+  Controller,
+  DefaultValuePipe,
+  Get,
+  Logger,
+  Param,
+  ParseIntPipe,
+  Query,
+  Request,
+  Response,
+} from '@nestjs/common';
+import { FeedsService } from './feeds.service';
+import { Response as Res, Request as Req } from 'express';
+
+@Controller('feeds')
+export class FeedsController {
+  private readonly logger = new Logger(this.constructor.name);
+
+  constructor(private readonly feedsService: FeedsService) {}
+
+  @Get('/')
+  async getFeedList() {
+    return this.feedsService.getFeedList();
+  }
+
+  @Get('/all.(json|rss|atom)')
+  async getFeeds(
+    @Request() req: Req,
+    @Response() res: Res,
+    @Query('limit', new DefaultValuePipe(30), ParseIntPipe) limit: number = 30,
+    @Query('mode') mode: string,
+  ) {
+    const path = req.path;
+    const type = path.split('.').pop() || '';
+    const { content, mimeType } = await this.feedsService.handleGenerateFeed({
+      type,
+      limit,
+      mode,
+    });
+
+    res.setHeader('Content-Type', mimeType);
+    res.send(content);
+  }
+
+  @Get('/:feed')
+  async getFeed(
+    @Response() res: Res,
+    @Param('feed') feed: string,
+    @Query('limit', new DefaultValuePipe(10), ParseIntPipe) limit: number = 10,
+    @Query('mode') mode: string,
+  ) {
+    const [id, type] = feed.split('.');
+    this.logger.log('getFeed: ', id);
+    const { content, mimeType } = await this.feedsService.handleGenerateFeed({
+      id,
+      type,
+      limit,
+      mode,
+    });
+
+    res.setHeader('Content-Type', mimeType);
+    res.send(content);
+  }
+}

apps/server/src/feeds/feeds.module.ts

@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { FeedsController } from './feeds.controller';
+import { FeedsService } from './feeds.service';
+import { PrismaModule } from '@server/prisma/prisma.module';
+import { TrpcModule } from '@server/trpc/trpc.module';
+
+@Module({
+  imports: [PrismaModule, TrpcModule],
+  controllers: [FeedsController],
+  providers: [FeedsService],
+})
+export class FeedsModule {}

apps/server/src/feeds/feeds.service.spec.ts

@@ -0,0 +1,18 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { FeedsService } from './feeds.service';
+
+describe('FeedsService', () => {
+  let service: FeedsService;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [FeedsService],
+    }).compile();
+
+    service = module.get<FeedsService>(FeedsService);
+  });
+
+  it('should be defined', () => {
+    expect(service).toBeDefined();
+  });
+});

apps/server/src/feeds/feeds.service.ts

@@ -0,0 +1,277 @@
+import { HttpException, HttpStatus, Injectable, Logger } from '@nestjs/common';
+import { PrismaService } from '@server/prisma/prisma.service';
+import { Cron } from '@nestjs/schedule';
+import { TrpcService } from '@server/trpc/trpc.service';
+import { feedMimeTypeMap, feedTypes } from '@server/constants';
+import { ConfigService } from '@nestjs/config';
+import { Article, Feed as FeedInfo } from '@prisma/client';
+import { ConfigurationType } from '@server/configuration';
+import { Feed } from 'feed';
+import got, { Got } from 'got';
+import { load } from 'cheerio';
+import { minify } from 'html-minifier';
+import NodeCache from 'node-cache';
+import pMap from '@cjs-exporter/p-map';
+
+console.log('CRON_EXPRESSION: ', process.env.CRON_EXPRESSION);
+
+const mpCache = new NodeCache({
+  maxKeys: 1000,
+});
+
+@Injectable()
+export class FeedsService {
+  private readonly logger = new Logger(this.constructor.name);
+
+  private request: Got;
+  constructor(
+    private readonly prismaService: PrismaService,
+    private readonly trpcService: TrpcService,
+    private readonly configService: ConfigService,
+  ) {
+    this.request = got.extend({
+      retry: {
+        limit: 3,
+        methods: ['GET'],
+      },
+      timeout: 8 * 1e3,
+      headers: {
+        accept:
+          'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',
+        'accept-encoding': 'gzip, deflate, br',
+        'accept-language': 'en-US,en;q=0.9',
+        'cache-control': 'max-age=0',
+        'sec-ch-ua':
+          '" Not A;Brand";v="99", "Chromium";v="101", "Google Chrome";v="101"',
+        'sec-ch-ua-mobile': '?0',
+        'sec-ch-ua-platform': '"macOS"',
+        'sec-fetch-dest': 'document',
+        'sec-fetch-mode': 'navigate',
+        'sec-fetch-site': 'none',
+        'sec-fetch-user': '?1',
+        'upgrade-insecure-requests': '1',
+        'user-agent':
+          'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36',
+      },
+      hooks: {
+        beforeRetry: [
+          async (options, error, retryCount) => {
+            this.logger.warn(`retrying ${options.url}...`);
+            return new Promise((resolve) =>
+              setTimeout(resolve, 2e3 * (retryCount || 1)),
+            );
+          },
+        ],
+      },
+    });
+  }
+
+  @Cron(process.env.CRON_EXPRESSION || '35 5,17 * * *', {
+    name: 'updateFeeds',
+    timeZone: 'Asia/Shanghai',
+  })
+  async handleUpdateFeedsCron() {
+    this.logger.debug('Called handleUpdateFeedsCron');
+
+    const feeds = await this.prismaService.feed.findMany({
+      where: { status: 1 },
+    });
+    this.logger.debug('feeds length:' + feeds.length);
+
+    for (const feed of feeds) {
+      this.logger.debug('feed', feed.id);
+      await this.trpcService.refreshMpArticlesAndUpdateFeed(feed.id);
+      // wait 30s for next feed
+      await new Promise((resolve) => setTimeout(resolve, 90 * 1e3));
+    }
+  }
+
+  async cleanHtml(source: string) {
+    const $ = load(source, { decodeEntities: false });
+
+    const dirtyHtml = $.html($('.rich_media_content'));
+
+    const html = dirtyHtml
+      .replace(/data-src=/g, 'src=')
+      .replace(/visibility: hidden;/g, '');
+
+    const content =
+      '<style> .rich_media_content {overflow: hidden;color: #222;font-size: 17px;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align: justify;position: relative;z-index: 0;}.rich_media_content {font-size: 18px;}</style>' +
+      html;
+
+    const result = minify(content, {
+      removeAttributeQuotes: true,
+      collapseWhitespace: true,
+    });
+
+    return result;
+  }
+
+  async getHtmlByUrl(url: string) {
+    const html = await this.request(url, { responseType: 'text' }).text();
+    const result = await this.cleanHtml(html);
+
+    return result;
+  }
+
+  async tryGetContent(id: string) {
+    let content = mpCache.get(id) as string;
+    if (content) {
+      return content;
+    }
+    const url = `https://mp.weixin.qq.com/s/${id}`;
+    content = await this.getHtmlByUrl(url).catch((e) => {
+      this.logger.error(`getHtmlByUrl(${url}) error: ${e.message}`);
+
+      return '获取全文失败，请重试~';
+    });
+    mpCache.set(id, content);
+    return content;
+  }
+
+  async renderFeed({
+    type,
+    feedInfo,
+    articles,
+    mode,
+  }: {
+    type: string;
+    feedInfo: FeedInfo;
+    articles: Article[];
+    mode?: string;
+  }) {
+    const { originUrl, mode: globalMode } =
+      this.configService.get<ConfigurationType['feed']>('feed')!;
+
+    const link = `${originUrl}/feeds/${feedInfo.id}.${type}`;
+
+    const feed = new Feed({
+      title: feedInfo.mpName,
+      description: feedInfo.mpIntro,
+      id: link,
+      link: link,
+      language: 'zh-cn', // optional, used only in RSS 2.0, possible values: http://www.w3.org/TR/REC-html40/struct/dirlang.html#langcodes
+      image: feedInfo.mpCover,
+      favicon: feedInfo.mpCover,
+      copyright: '',
+      updated: new Date(feedInfo.updateTime * 1e3),
+      generator: 'WeWe-RSS',
+    });
+
+    feed.addExtension({
+      name: 'generator',
+      objects: `WeWe-RSS`,
+    });
+
+    /**mode 高于 globalMode。如果 mode 值存在，取 mode 值*/
+    const enableFullText =
+      typeof mode === 'string'
+        ? mode === 'fulltext'
+        : globalMode === 'fulltext';
+
+    const mapper = async (item) => {
+      const { title, id, publishTime, picUrl } = item;
+      const link = `https://mp.weixin.qq.com/s/${id}`;
+
+      const published = new Date(publishTime * 1e3);
+
+      let description = '';
+      if (enableFullText) {
+        description = await this.tryGetContent(id);
+      }
+
+      feed.addItem({
+        id,
+        title,
+        link: link,
+        guid: link,
+        description,
+        date: published,
+        image: picUrl,
+      });
+    };
+
+    await pMap(articles, mapper, { concurrency: 2, stopOnError: false });
+
+    return feed;
+  }
+
+  async handleGenerateFeed({
+    id,
+    type,
+    limit,
+    mode,
+  }: {
+    id?: string;
+    type: string;
+    limit: number;
+    mode?: string;
+  }) {
+    if (!feedTypes.includes(type as any)) {
+      type = 'atom';
+    }
+
+    let articles: Article[];
+    let feedInfo: FeedInfo;
+    if (id) {
+      feedInfo = (await this.prismaService.feed.findFirst({
+        where: { id },
+      }))!;
+
+      if (!feedInfo) {
+        throw new HttpException('不存在该feed！', HttpStatus.BAD_REQUEST);
+      }
+
+      articles = await this.prismaService.article.findMany({
+        where: { mpId: id },
+        orderBy: { publishTime: 'desc' },
+        take: limit,
+      });
+    } else {
+      articles = await this.prismaService.article.findMany({
+        orderBy: { publishTime: 'desc' },
+        take: limit,
+      });
+
+      feedInfo = {
+        id: 'all',
+        mpName: 'WeWe-RSS All',
+        mpIntro: 'WeWe-RSS 全部文章',
+        mpCover: 'https://r2-assets.111965.xyz/wewe-rss.png',
+        status: 1,
+        syncTime: 0,
+        updateTime: Math.floor(Date.now() / 1e3),
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      };
+    }
+
+    this.logger.log('handleGenerateFeed articles: ' + articles.length);
+    const feed = await this.renderFeed({ feedInfo, articles, type, mode });
+
+    switch (type) {
+      case 'rss':
+        return { content: feed.rss2(), mimeType: feedMimeTypeMap[type] };
+      case 'json':
+        return { content: feed.json1(), mimeType: feedMimeTypeMap[type] };
+      case 'atom':
+      default:
+        return { content: feed.atom1(), mimeType: feedMimeTypeMap[type] };
+    }
+  }
+
+  async getFeedList() {
+    const data = await this.prismaService.feed.findMany();
+
+    return data.map((item) => {
+      return {
+        id: item.id,
+        name: item.mpName,
+        intro: item.mpIntro,
+        cover: item.mpCover,
+        syncTime: item.syncTime,
+        updateTime: item.updateTime,
+      };
+    });
+  }
+}

apps/server/src/main.ts

@@ -0,0 +1,49 @@
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from './app.module';
+import { TrpcRouter } from '@server/trpc/trpc.router';
+import { ConfigService } from '@nestjs/config';
+import { json, urlencoded } from 'express';
+import { NestExpressApplication } from '@nestjs/platform-express';
+import { ConfigurationType } from './configuration';
+import { join, resolve } from 'path';
+import { readFileSync } from 'fs';
+
+const packageJson = JSON.parse(
+  readFileSync(resolve(__dirname, '..', './package.json'), 'utf-8'),
+);
+
+const appVersion = packageJson.version;
+console.log('appVersion: v' + appVersion);
+
+async function bootstrap() {
+  const app = await NestFactory.create<NestExpressApplication>(AppModule);
+  const configService = app.get(ConfigService);
+
+  const { host, isProd, port } =
+    configService.get<ConfigurationType['server']>('server')!;
+
+  app.use(json({ limit: '10mb' }));
+  app.use(urlencoded({ extended: true, limit: '10mb' }));
+
+  app.useStaticAssets(join(__dirname, '..', 'client', 'assets'), {
+    prefix: '/dash/assets/',
+  });
+  app.setBaseViewsDir(join(__dirname, '..', 'client'));
+  app.setViewEngine('hbs');
+
+  if (isProd) {
+    app.enable('trust proxy');
+  }
+
+  app.enableCors({
+    exposedHeaders: ['authorization'],
+  });
+
+  const trpc = app.get(TrpcRouter);
+  trpc.applyMiddleware(app);
+
+  await app.listen(port, host);
+
+  console.log(`Server is running at http://${host}:${port}`);
+}
+bootstrap();

apps/server/src/prisma/prisma.module.ts

@@ -0,0 +1,8 @@
+import { Module } from '@nestjs/common';
+import { PrismaService } from './prisma.service';
+
+@Module({
+  providers: [PrismaService],
+  exports: [PrismaService],
+})
+export class PrismaModule {}

apps/server/src/prisma/prisma.service.ts

@@ -0,0 +1,9 @@
+import { Injectable, OnModuleInit } from '@nestjs/common';
+import { PrismaClient } from '@prisma/client';
+
+@Injectable()
+export class PrismaService extends PrismaClient implements OnModuleInit {
+  async onModuleInit() {
+    await this.$connect();
+  }
+}

apps/server/src/trpc/trpc.module.ts

@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { TrpcService } from '@server/trpc/trpc.service';
+import { TrpcRouter } from '@server/trpc/trpc.router';
+import { PrismaModule } from '@server/prisma/prisma.module';
+
+@Module({
+  imports: [PrismaModule],
+  controllers: [],
+  providers: [TrpcService, TrpcRouter],
+  exports: [TrpcService, TrpcRouter],
+})
+export class TrpcModule {}

apps/server/src/trpc/trpc.router.ts

@@ -0,0 +1,421 @@
+import { INestApplication, Injectable, Logger } from '@nestjs/common';
+import { z } from 'zod';
+import { TrpcService } from '@server/trpc/trpc.service';
+import * as trpcExpress from '@trpc/server/adapters/express';
+import { TRPCError } from '@trpc/server';
+import { PrismaService } from '@server/prisma/prisma.service';
+import { statusMap } from '@server/constants';
+import { ConfigService } from '@nestjs/config';
+import { ConfigurationType } from '@server/configuration';
+
+@Injectable()
+export class TrpcRouter {
+  constructor(
+    private readonly trpcService: TrpcService,
+    private readonly prismaService: PrismaService,
+    private readonly configService: ConfigService,
+  ) {}
+
+  private readonly logger = new Logger(this.constructor.name);
+
+  accountRouter = this.trpcService.router({
+    list: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          limit: z.number().min(1).max(100).nullish(),
+          cursor: z.string().nullish(),
+        }),
+      )
+      .query(async ({ input }) => {
+        const limit = input.limit ?? 50;
+        const { cursor } = input;
+
+        const items = await this.prismaService.account.findMany({
+          take: limit + 1,
+          where: {},
+          select: {
+            id: true,
+            name: true,
+            status: true,
+            createdAt: true,
+            updatedAt: true,
+            token: false,
+          },
+          cursor: cursor
+            ? {
+                id: cursor,
+              }
+            : undefined,
+          orderBy: {
+            createdAt: 'asc',
+          },
+        });
+        let nextCursor: typeof cursor | undefined = undefined;
+        if (items.length > limit) {
+          // Remove the last item and use it as next cursor
+
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          const nextItem = items.pop()!;
+          nextCursor = nextItem.id;
+        }
+
+        const disabledAccounts = this.trpcService.getBlockedAccountIds();
+        return {
+          blocks: disabledAccounts,
+          items,
+          nextCursor,
+        };
+      }),
+    byId: this.trpcService.protectedProcedure
+      .input(z.string())
+      .query(async ({ input: id }) => {
+        const account = await this.prismaService.account.findUnique({
+          where: { id },
+        });
+        if (!account) {
+          throw new TRPCError({
+            code: 'BAD_REQUEST',
+            message: `No account with id '${id}'`,
+          });
+        }
+        return account;
+      }),
+    add: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string().min(1).max(32),
+          token: z.string().min(1),
+          name: z.string().min(1),
+          status: z.number().default(statusMap.ENABLE),
+        }),
+      )
+      .mutation(async ({ input }) => {
+        const { id, ...data } = input;
+        const account = await this.prismaService.account.upsert({
+          where: {
+            id,
+          },
+          update: data,
+          create: input,
+        });
+
+        return account;
+      }),
+    edit: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string(),
+          data: z.object({
+            token: z.string().min(1).optional(),
+            name: z.string().min(1).optional(),
+            status: z.number().optional(),
+          }),
+        }),
+      )
+      .mutation(async ({ input }) => {
+        const { id, data } = input;
+        const account = await this.prismaService.account.update({
+          where: { id },
+          data,
+        });
+        return account;
+      }),
+    delete: this.trpcService.protectedProcedure
+      .input(z.string())
+      .mutation(async ({ input: id }) => {
+        await this.prismaService.account.delete({ where: { id } });
+        return id;
+      }),
+  });
+
+  feedRouter = this.trpcService.router({
+    list: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          limit: z.number().min(1).max(100).nullish(),
+          cursor: z.string().nullish(),
+        }),
+      )
+      .query(async ({ input }) => {
+        const limit = input.limit ?? 50;
+        const { cursor } = input;
+
+        const items = await this.prismaService.feed.findMany({
+          take: limit + 1,
+          where: {},
+          cursor: cursor
+            ? {
+                id: cursor,
+              }
+            : undefined,
+          orderBy: {
+            createdAt: 'asc',
+          },
+        });
+        let nextCursor: typeof cursor | undefined = undefined;
+        if (items.length > limit) {
+          // Remove the last item and use it as next cursor
+
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          const nextItem = items.pop()!;
+          nextCursor = nextItem.id;
+        }
+
+        return {
+          items: items,
+          nextCursor,
+        };
+      }),
+    byId: this.trpcService.protectedProcedure
+      .input(z.string())
+      .query(async ({ input: id }) => {
+        const feed = await this.prismaService.feed.findUnique({
+          where: { id },
+        });
+        if (!feed) {
+          throw new TRPCError({
+            code: 'BAD_REQUEST',
+            message: `No feed with id '${id}'`,
+          });
+        }
+        return feed;
+      }),
+    add: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string(),
+          mpName: z.string(),
+          mpCover: z.string(),
+          mpIntro: z.string(),
+          syncTime: z
+            .number()
+            .optional()
+            .default(Math.floor(Date.now() / 1e3)),
+          updateTime: z.number(),
+          status: z.number().default(statusMap.ENABLE),
+        }),
+      )
+      .mutation(async ({ input }) => {
+        const { id, ...data } = input;
+        const feed = await this.prismaService.feed.upsert({
+          where: {
+            id,
+          },
+          update: data,
+          create: input,
+        });
+
+        return feed;
+      }),
+    edit: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string(),
+          data: z.object({
+            mpName: z.string().optional(),
+            mpCover: z.string().optional(),
+            mpIntro: z.string().optional(),
+            syncTime: z.number().optional(),
+            updateTime: z.number().optional(),
+            status: z.number().optional(),
+          }),
+        }),
+      )
+      .mutation(async ({ input }) => {
+        const { id, data } = input;
+        const feed = await this.prismaService.feed.update({
+          where: { id },
+          data,
+        });
+        return feed;
+      }),
+    delete: this.trpcService.protectedProcedure
+      .input(z.string())
+      .mutation(async ({ input: id }) => {
+        await this.prismaService.feed.delete({ where: { id } });
+        return id;
+      }),
+
+    refreshArticles: this.trpcService.protectedProcedure
+      .input(z.string())
+      .mutation(async ({ input: mpId }) => {
+        await this.trpcService.refreshMpArticlesAndUpdateFeed(mpId);
+      }),
+  });
+
+  articleRouter = this.trpcService.router({
+    list: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          limit: z.number().min(1).max(100).nullish(),
+          cursor: z.string().nullish(),
+          mpId: z.string().nullish(),
+        }),
+      )
+      .query(async ({ input }) => {
+        const limit = input.limit ?? 50;
+        const { cursor, mpId } = input;
+
+        const items = await this.prismaService.article.findMany({
+          orderBy: [
+            {
+              publishTime: 'desc',
+            },
+          ],
+          take: limit + 1,
+          where: mpId ? { mpId } : undefined,
+          cursor: cursor
+            ? {
+                id: cursor,
+              }
+            : undefined,
+        });
+        let nextCursor: typeof cursor | undefined = undefined;
+        if (items.length > limit) {
+          // Remove the last item and use it as next cursor
+
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          const nextItem = items.pop()!;
+          nextCursor = nextItem.id;
+        }
+
+        return {
+          items,
+          nextCursor,
+        };
+      }),
+    byId: this.trpcService.protectedProcedure
+      .input(z.string())
+      .query(async ({ input: id }) => {
+        const article = await this.prismaService.article.findUnique({
+          where: { id },
+        });
+        if (!article) {
+          throw new TRPCError({
+            code: 'BAD_REQUEST',
+            message: `No article with id '${id}'`,
+          });
+        }
+        return article;
+      }),
+
+    add: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string(),
+          mpId: z.string(),
+          title: z.string(),
+          picUrl: z.string().optional().default(''),
+          publishTime: z.number(),
+        }),
+      )
+      .mutation(async ({ input }) => {
+        const { id, ...data } = input;
+        const article = await this.prismaService.article.upsert({
+          where: {
+            id,
+          },
+          update: data,
+          create: input,
+        });
+
+        return article;
+      }),
+    delete: this.trpcService.protectedProcedure
+      .input(z.string())
+      .mutation(async ({ input: id }) => {
+        await this.prismaService.article.delete({ where: { id } });
+        return id;
+      }),
+  });
+
+  platformRouter = this.trpcService.router({
+    getMpArticles: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          mpId: z.string(),
+        }),
+      )
+      .mutation(async ({ input: { mpId } }) => {
+        try {
+          const results = await this.trpcService.getMpArticles(mpId);
+          return results;
+        } catch (err: any) {
+          this.logger.log('getMpArticles err: ', err);
+          throw new TRPCError({
+            code: 'INTERNAL_SERVER_ERROR',
+            message: err.response?.data?.message || err.message,
+            cause: err.stack,
+          });
+        }
+      }),
+    getMpInfo: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          wxsLink: z
+            .string()
+            .refine((v) => v.startsWith('https://mp.weixin.qq.com/s/')),
+        }),
+      )
+      .mutation(async ({ input: { wxsLink: url } }) => {
+        try {
+          const results = await this.trpcService.getMpInfo(url);
+          return results;
+        } catch (err: any) {
+          this.logger.log('getMpInfo err: ', err);
+          throw new TRPCError({
+            code: 'INTERNAL_SERVER_ERROR',
+            message: err.response?.data?.message || err.message,
+            cause: err.stack,
+          });
+        }
+      }),
+
+    createLoginUrl: this.trpcService.protectedProcedure.mutation(async () => {
+      return this.trpcService.createLoginUrl();
+    }),
+    getLoginResult: this.trpcService.protectedProcedure
+      .input(
+        z.object({
+          id: z.string(),
+        }),
+      )
+      .query(async ({ input }) => {
+        return this.trpcService.getLoginResult(input.id);
+      }),
+  });
+
+  appRouter = this.trpcService.router({
+    feed: this.feedRouter,
+    account: this.accountRouter,
+    article: this.articleRouter,
+    platform: this.platformRouter,
+  });
+
+  async applyMiddleware(app: INestApplication) {
+    app.use(
+      `/trpc`,
+      trpcExpress.createExpressMiddleware({
+        router: this.appRouter,
+        createContext: ({ req }) => {
+          const authCode =
+            this.configService.get<ConfigurationType['auth']>('auth')!.code;
+
+          if (req.headers.authorization !== authCode) {
+            return {
+              errorMsg: 'authCode不正确！',
+            };
+          }
+          return {
+            errorMsg: null,
+          };
+        },
+        middleware: (req, res, next) => {
+          next();
+        },
+      }),
+    );
+  }
+}
+
+export type AppRouter = TrpcRouter[`appRouter`];

apps/server/src/trpc/trpc.service.ts

@@ -0,0 +1,232 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { ConfigurationType } from '@server/configuration';
+import { statusMap } from '@server/constants';
+import { PrismaService } from '@server/prisma/prisma.service';
+import { TRPCError, initTRPC } from '@trpc/server';
+import Axios, { AxiosInstance } from 'axios';
+import dayjs from 'dayjs';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
+
+/**
+ * 读书账号每日小黑屋
+ */
+const blockedAccountsMap = new Map<string, string[]>();
+
+@Injectable()
+export class TrpcService {
+  trpc = initTRPC.create();
+  publicProcedure = this.trpc.procedure;
+  protectedProcedure = this.trpc.procedure.use(({ ctx, next }) => {
+    const errorMsg = (ctx as any).errorMsg;
+    if (errorMsg) {
+      throw new TRPCError({ code: 'UNAUTHORIZED', message: errorMsg });
+    }
+    return next({ ctx });
+  });
+  router = this.trpc.router;
+  mergeRouters = this.trpc.mergeRouters;
+  request: AxiosInstance;
+
+  private readonly logger = new Logger(this.constructor.name);
+
+  constructor(
+    private readonly prismaService: PrismaService,
+    private readonly configService: ConfigService,
+  ) {
+    const { url } =
+      this.configService.get<ConfigurationType['platform']>('platform')!;
+    this.request = Axios.create({ baseURL: url, timeout: 15 * 1e3 });
+
+    this.request.interceptors.response.use(
+      (response) => {
+        return response;
+      },
+      async (error) => {
+        this.logger.log('error: ', error);
+        const errMsg = error.response?.data?.message || '';
+
+        const id = (error.config.headers as any).xid;
+        if (errMsg.includes('WeReadError401')) {
+          // 账号失效
+          await this.prismaService.account.update({
+            where: { id },
+            data: { status: statusMap.INVALID },
+          });
+          this.logger.error(`账号（${id}）登录失效，已禁用`);
+        } else {
+          if (errMsg.includes('WeReadError400')) {
+            // TODO 处理请求参数出错，可能是账号被限制导致的
+            this.logger.error(
+              `账号（${id}）处理请求参数出错，可能是账号被限制导致的，打入小黑屋`,
+            );
+            this.logger.error('WeReadError400: ', errMsg);
+          } else if (errMsg.includes('WeReadError429')) {
+            //TODO 处理请求频繁
+            this.logger.error(`账号（${id}）请求频繁，打入小黑屋`);
+          }
+
+          const today = this.getTodayDate();
+
+          const blockedAccounts = blockedAccountsMap.get(today);
+
+          if (Array.isArray(blockedAccounts)) {
+            blockedAccounts.push(id);
+            blockedAccountsMap.set(today, blockedAccounts);
+          } else {
+            blockedAccountsMap.set(today, [id]);
+          }
+        }
+
+        return Promise.reject(error);
+      },
+    );
+  }
+
+  private getTodayDate() {
+    return dayjs.tz(new Date(), 'Asia/Shanghai').format('YYYY-MM-DD');
+  }
+
+  getBlockedAccountIds() {
+    const today = this.getTodayDate();
+    const disabledAccounts = blockedAccountsMap.get(today) || [];
+    this.logger.debug('disabledAccounts: ', disabledAccounts);
+    return disabledAccounts.filter(Boolean);
+  }
+
+  private async getAvailableAccount() {
+    const disabledAccounts = this.getBlockedAccountIds();
+    const account = await this.prismaService.account.findFirst({
+      where: {
+        status: statusMap.ENABLE,
+        NOT: {
+          id: { in: disabledAccounts },
+        },
+      },
+    });
+
+    if (!account) {
+      throw new Error('暂无可用读书账号!');
+    }
+
+    return account;
+  }
+
+  async getMpArticles(mpId: string) {
+    const account = await this.getAvailableAccount();
+
+    return this.request
+      .get<
+        {
+          id: string;
+          title: string;
+          picUrl: string;
+          publishTime: number;
+        }[]
+      >(`/api/platform/mps/${mpId}/articles`, {
+        headers: {
+          xid: account.id,
+          Authorization: `Bearer ${account.token}`,
+        },
+      })
+      .then((res) => res.data)
+      .then((res) => {
+        this.logger.log(`getMpArticles(${mpId}): ${res.length} articles`);
+        return res;
+      });
+  }
+
+  async refreshMpArticlesAndUpdateFeed(mpId: string) {
+    const articles = await this.getMpArticles(mpId);
+
+    if (articles.length > 0) {
+      let results;
+      const { type } =
+        this.configService.get<ConfigurationType['database']>('database')!;
+      if (type === 'sqlite') {
+        // sqlite3 不支持 createMany
+        const inserts = articles.map(({ id, picUrl, publishTime, title }) =>
+          this.prismaService.article.upsert({
+            create: { id, mpId, picUrl, publishTime, title },
+            update: {
+              publishTime,
+              title,
+            },
+            where: { id },
+          }),
+        );
+        results = await this.prismaService.$transaction(inserts);
+      } else {
+        results = await (this.prismaService.article as any).createMany({
+          data: articles.map(({ id, picUrl, publishTime, title }) => ({
+            id,
+            mpId,
+            picUrl,
+            publishTime,
+            title,
+          })),
+          skipDuplicates: true,
+        });
+      }
+
+      this.logger.debug('refreshMpArticlesAndUpdateFeed results: ', results);
+    }
+
+    await this.prismaService.feed.update({
+      where: { id: mpId },
+      data: {
+        syncTime: Math.floor(Date.now() / 1e3),
+      },
+    });
+  }
+
+  async getMpInfo(url: string) {
+    url = url.trim();
+    const account = await this.getAvailableAccount();
+
+    return this.request
+      .post<
+        {
+          id: string;
+          cover: string;
+          name: string;
+          intro: string;
+          updateTime: number;
+        }[]
+      >(
+        `/api/platform/wxs2mp`,
+        { url },
+        {
+          headers: {
+            xid: account.id,
+            Authorization: `Bearer ${account.token}`,
+          },
+        },
+      )
+      .then((res) => res.data);
+  }
+
+  async createLoginUrl() {
+    return this.request
+      .post<{
+        uuid: string;
+        scanUrl: string;
+      }>(`/api/login/platform`)
+      .then((res) => res.data);
+  }
+
+  async getLoginResult(id: string) {
+    return this.request
+      .get<{
+        message: 'waiting' | 'success';
+        vid?: number;
+        token?: string;
+        username?: string;
+      }>(`/api/login/platform/${id}`)
+      .then((res) => res.data);
+  }
+}

apps/server/test/app.e2e-spec.ts

@@ -0,0 +1,24 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { INestApplication } from '@nestjs/common';
+import * as request from 'supertest';
+import { AppModule } from './../src/app.module';
+
+describe('AppController (e2e)', () => {
+  let app: INestApplication;
+
+  beforeEach(async () => {
+    const moduleFixture: TestingModule = await Test.createTestingModule({
+      imports: [AppModule],
+    }).compile();
+
+    app = moduleFixture.createNestApplication();
+    await app.init();
+  });
+
+  it('/ (GET)', () => {
+    return request(app.getHttpServer())
+      .get('/')
+      .expect(200)
+      .expect('Hello World!');
+  });
+});

apps/server/test/jest-e2e.json

@@ -0,0 +1,9 @@
+{
+  "moduleFileExtensions": ["js", "json", "ts"],
+  "rootDir": ".",
+  "testEnvironment": "node",
+  "testRegex": ".e2e-spec.ts$",
+  "transform": {
+    "^.+\\.(t|j)s$": "ts-jest"
+  }
+}

apps/server/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
+}

apps/server/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "declaration": true,
+    "removeComments": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "ES2021",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "esModuleInterop":true
+  }
+}

apps/web/.env.local.example

@@ -0,0 +1,2 @@
+# 同SERVER_ORIGIN_URL
+VITE_SERVER_ORIGIN_URL=http://localhost:4000

apps/web/.eslintrc.cjs

@@ -0,0 +1,19 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    '@typescript-eslint/no-explicit-any': 'warn',
+  },
+};

apps/web/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

apps/web/README.md

@@ -0,0 +1,30 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

apps/web/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="https://r2-assets.111965.xyz/wewe-rss.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WeWe RSS</title>
+    <meta name="description" content="更好的公众号订阅方式" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>
+      window.__WEWE_RSS_SERVER_ORIGIN_URL__ = '{{ weweRssServerOriginUrl }}';
+    </script>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

apps/web/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "web",
+  "private": true,
+  "version": "1.7.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@nextui-org/react": "^2.2.9",
+    "@tanstack/react-query": "^4.35.3",
+    "@trpc/client": "^10.45.1",
+    "@trpc/next": "^10.45.1",
+    "@trpc/react-query": "^10.45.1",
+    "autoprefixer": "^10.0.1",
+    "dayjs": "^1.11.10",
+    "framer-motion": "^11.0.5",
+    "next-themes": "^0.2.1",
+    "postcss": "^8",
+    "qrcode.react": "^3.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.2",
+    "sonner": "^1.4.0",
+    "tailwindcss": "^3.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.56",
+    "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4"
+  }
+}

apps/web/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

apps/web/src/App.tsx

@@ -0,0 +1,28 @@
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import Feeds from './pages/feeds';
+import Login from './pages/login';
+import Accounts from './pages/accounts';
+import { BaseLayout } from './layouts/base';
+import { TrpcProvider } from './provider/trpc';
+import ThemeProvider from './provider/theme';
+
+function App() {
+  return (
+    <BrowserRouter basename="/dash">
+      <ThemeProvider>
+        <TrpcProvider>
+          <Routes>
+            <Route path="/" element={<BaseLayout />}>
+              <Route index element={<Feeds />} />
+              <Route path="/feeds/:id?" element={<Feeds />} />
+              <Route path="/accounts" element={<Accounts />} />
+              <Route path="/login" element={<Login />} />
+            </Route>
+          </Routes>
+        </TrpcProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  );
+}
+
+export default App;

apps/web/src/components/GitHubIcon.tsx

@@ -0,0 +1,26 @@
+import { IconSvgProps } from '../types';
+
+export const GitHubIcon = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
+      fill="currentColor"
+      fillRule="evenodd"
+    ></path>
+  </svg>
+);

apps/web/src/components/Nav.tsx

@@ -0,0 +1,112 @@
+import {
+  Badge,
+  Image,
+  Link,
+  Navbar,
+  NavbarBrand,
+  NavbarContent,
+  NavbarItem,
+  Tooltip,
+} from '@nextui-org/react';
+import { ThemeSwitcher } from './ThemeSwitcher';
+import { GitHubIcon } from './GitHubIcon';
+import { useLocation } from 'react-router-dom';
+import { appVersion } from '@web/utils/env';
+import { useEffect, useState } from 'react';
+
+const navbarItemLink = [
+  {
+    href: '/feeds',
+    name: '公众号源',
+  },
+  {
+    href: '/accounts',
+    name: '账号管理',
+  },
+  // {
+  //   href: '/settings',
+  //   name: '设置',
+  // },
+];
+
+const Nav = () => {
+  const { pathname } = useLocation();
+  const [releaseVersion, setReleaseVersion] = useState(appVersion);
+
+  useEffect(() => {
+    fetch('https://api.github.com/repos/cooderl/wewe-rss/releases/latest')
+      .then((res) => res.json())
+      .then((data) => {
+        setReleaseVersion(data.name.replace('v', ''));
+      });
+  }, []);
+
+  const isFoundNewVersion = releaseVersion > appVersion;
+  console.log('isFoundNewVersion: ', isFoundNewVersion);
+
+  return (
+    <div>
+      <Navbar isBordered>
+        <Tooltip
+          content={
+            <div className="p-1">
+              {isFoundNewVersion && (
+                <Link
+                  href={`https://github.com/cooderl/wewe-rss/releases/latest`}
+                  target="_blank"
+                  className="mb-1 block text-medium"
+                >
+                  发现新版本：v{releaseVersion}
+                </Link>
+              )}
+              当前版本: v{appVersion}
+            </div>
+          }
+          placement="left"
+        >
+          <NavbarBrand className="cursor-default">
+            <Badge
+              content={isFoundNewVersion ? '' : null}
+              color="danger"
+              size="sm"
+            >
+              <Image
+                width={28}
+                alt="WeWe RSS"
+                className="mr-2"
+                src="https://r2-assets.111965.xyz/wewe-rss.png"
+              ></Image>
+            </Badge>
+            <p className="font-bold text-inherit">WeWe RSS</p>
+          </NavbarBrand>
+        </Tooltip>
+        <NavbarContent className="hidden sm:flex gap-4" justify="center">
+          {navbarItemLink.map((item) => {
+            return (
+              <NavbarItem
+                isActive={pathname.startsWith(item.href)}
+                key={item.href}
+              >
+                <Link color="foreground" href={item.href}>
+                  {item.name}
+                </Link>
+              </NavbarItem>
+            );
+          })}
+        </NavbarContent>
+        <NavbarContent justify="end">
+          <ThemeSwitcher></ThemeSwitcher>
+          <Link
+            href="https://github.com/cooderl/wewe-rss"
+            target="_blank"
+            color="foreground"
+          >
+            <GitHubIcon />
+          </Link>
+        </NavbarContent>
+      </Navbar>
+    </div>
+  );
+};
+
+export default Nav;

apps/web/src/components/PlusIcon.tsx

@@ -0,0 +1,30 @@
+import { IconSvgProps } from '../types';
+
+export const PlusIcon = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    {...props}
+  >
+    <g
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+    >
+      <path d="M6 12h12" />
+      <path d="M12 18V6" />
+    </g>
+  </svg>
+);

apps/web/src/components/StatusDropdown.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  Dropdown,
+  DropdownTrigger,
+  DropdownMenu,
+  DropdownItem,
+  Button,
+} from '@nextui-org/react';
+import { statusMap } from '@web/constants';
+
+export function StatusDropdown({
+  value = 1,
+  onChange,
+}: {
+  value: number;
+  onChange: (value: number) => void;
+}) {
+  return (
+    <Dropdown>
+      <DropdownTrigger>
+        <Button size="sm" variant="bordered" className="capitalize">
+          {statusMap[value].label}
+        </Button>
+      </DropdownTrigger>
+      <DropdownMenu
+        disabledKeys={['0']}
+        aria-label="状态设置"
+        variant="flat"
+        disallowEmptySelection
+        selectionMode="single"
+        selectedKeys={[`${value}`]}
+        onSelectionChange={(keys) => {
+          onChange(+Array.from(keys)[0]);
+        }}
+      >
+        {Object.entries(statusMap).map(([key, value]) => {
+          return (
+            <DropdownItem color={value.color} key={`${key}`} value={`${key}`}>
+              {value.label}
+            </DropdownItem>
+          );
+        })}
+      </DropdownMenu>
+    </Dropdown>
+  );
+}

apps/web/src/components/ThemeSwitcher.tsx

@@ -0,0 +1,75 @@
+'use client';
+
+import { VisuallyHidden, useSwitch } from '@nextui-org/react';
+import { useTheme } from 'next-themes';
+
+export const MoonIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M21.53 15.93c-.16-.27-.61-.69-1.73-.49a8.46 8.46 0 01-1.88.13 8.409 8.409 0 01-5.91-2.82 8.068 8.068 0 01-1.44-8.66c.44-1.01.13-1.54-.09-1.76s-.77-.55-1.83-.11a10.318 10.318 0 00-6.32 10.21 10.475 10.475 0 007.04 8.99 10 10 0 002.89.55c.16.01.32.02.48.02a10.5 10.5 0 008.47-4.27c.67-.93.49-1.519.32-1.79z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export const SunIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <g fill="currentColor">
+      <path d="M19 12a7 7 0 11-7-7 7 7 0 017 7z" />
+      <path d="M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z" />
+    </g>
+  </svg>
+);
+
+export function ThemeSwitcher(props) {
+  const { setTheme, theme } = useTheme();
+  const {
+    Component,
+    slots,
+    isSelected,
+    getBaseProps,
+    getInputProps,
+    getWrapperProps,
+  } = useSwitch({
+    onClick: () => setTheme(theme === 'dark' ? 'light' : 'dark'),
+    isSelected: theme === 'dark',
+  });
+
+  return (
+    <div className="flex flex-col gap-2">
+      <Component {...getBaseProps()}>
+        <VisuallyHidden>
+          <input {...getInputProps()} />
+        </VisuallyHidden>
+        <div
+          {...getWrapperProps()}
+          className={slots.wrapper({
+            class: [
+              'w-8 h-8',
+              'flex items-center justify-center',
+              'rounded-lg bg-default-100 hover:bg-default-200',
+            ],
+          })}
+        >
+          {isSelected ? <SunIcon /> : <MoonIcon />}
+        </div>
+      </Component>
+    </div>
+  );
+}

apps/web/src/constants.ts

@@ -0,0 +1,5 @@
+export const statusMap = {
+  0: { label: '失效', color: 'danger' },
+  1: { label: '启用', color: 'success' },
+  2: { label: '禁用', color: 'warning' },
+} as const;

apps/web/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;