1
{
2
  "$schema": "https://json.schemastore.org/tsconfig",
3
  "compilerOptions": {
4
    "strict": true,
5
    "target": "ES2022",
6
    "module": "ESNext",
7
    "moduleResolution": "bundler",
8
    "esModuleInterop": true,
9
    "skipLibCheck": true,
10
    "forceConsistentCasingInFileNames": true,
11
    "resolveJsonModule": true,
12
    "isolatedModules": true,
13
    "declaration": true,
14
    "declarationMap": true,
15
    "sourceMap": true
16
  },
17
  "exclude": ["node_modules", "dist"]
18
}

1
{
2
  "name": "@monorepo/utils",
3
  "version": "1.0.0",
4
  "private": true,
5
  "type": "module",
6
  "main": "./dist/index.js",
7
  "types": "./dist/index.d.ts",
8
  "exports": {
9
    ".": {
10
      "import": "./dist/index.js",
11
      "types": "./dist/index.d.ts"
12
    }
13
  },
14
  "scripts": {
15
    "build": "tsup src/index.ts --format esm --dts",
16
    "dev": "tsup src/index.ts --format esm --dts --watch",
17
    "clean": "rm -rf dist",
18
    "lint": "eslint src/",
19
    "test": "vitest run"
20
  },
21
  "devDependencies": {
22
    "@monorepo/tsconfig": "workspace:*",
23
    "tsup": "^8.0.0",
24
    "typescript": "^5.0.0",
25
    "vitest": "^1.0.0"
26
  }
27
}

1
export function debounce<T extends (...args: any[]) => any>(
2
  fn: T,
3
  delay: number
4
): (...args: Parameters<T>) => void {
5
  let timer: ReturnType<typeof setTimeout>;
6
  return function (this: any, ...args: Parameters<T>) {
7
    clearTimeout(timer);
8
    timer = setTimeout(() => fn.apply(this, args), delay);
9
  };
10
}
11

12
export function throttle<T extends (...args: any[]) => any>(
13
  fn: T,
14
  interval: number
15
): (...args: Parameters<T>) => void {
16
  let lastTime = 0;
17
  return function (this: any, ...args: Parameters<T>) {
18
    const now = Date.now();
19
    if (now - lastTime >= interval) {
20
      lastTime = now;
21
      fn.apply(this, args);
22
    }
23
  };
24
}

1
export function formatDate(
2
  date: Date | string | number,
3
  format = 'YYYY-MM-DD HH:mm:ss'
4
): string {
5
  const d = new Date(date);
6
  const tokens: Record<string, string> = {
7
    YYYY: String(d.getFullYear()),
8
    MM: String(d.getMonth() + 1).padStart(2, '0'),
9
    DD: String(d.getDate()).padStart(2, '0'),
10
    HH: String(d.getHours()).padStart(2, '0'),
11
    mm: String(d.getMinutes()).padStart(2, '0'),
12
    ss: String(d.getSeconds()).padStart(2, '0'),
13
  };
14

15
  return Object.entries(tokens).reduce(
16
    (result, [token, value]) => result.replace(token, value),
17
    format
18
  );
19
}
20

21
export function timeAgo(date: Date | string | number): string {
22
  const seconds = Math.floor((Date.now() - new Date(date).getTime()) / 1000);
23

24
  const intervals: [number, string][] = [
25
    [31536000, '年'],
26
    [2592000, '个月'],
27
    [86400, '天'],
28
    [3600, '小时'],
29
    [60, '分钟'],
30
    [1, '秒'],
31
  ];
32

33
  for (const [secondsInUnit, unit] of intervals) {
34
    const count = Math.floor(seconds / secondsInUnit);
35
    if (count >= 1) return `${count} ${unit}前`;
36
  }
37

38
  return '刚刚';
39
}

1
{
2
  "name": "@monorepo/web",
3
  "version": "1.0.0",
4
  "private": true,
5
  "type": "module",
6
  "scripts": {
7
    "dev": "vite",
8
    "build": "vue-tsc --noEmit && vite build",
9
    "preview": "vite preview",
10
    "lint": "eslint src/",
11
    "typecheck": "vue-tsc --noEmit"
12
  },
13
  "dependencies": {
14
    "@monorepo/ui": "workspace:*",
15
    "@monorepo/utils": "workspace:*",
16
    "vue": "^3.4.0",
17
    "vue-router": "^4.3.0"
18
  },
19
  "devDependencies": {
20
    "@monorepo/tsconfig": "workspace:*",
21
    "@vitejs/plugin-vue": "^5.0.0",
22
    "typescript": "^5.0.0",
23
    "vite": "^5.0.0",
24
    "vue-tsc": "^2.0.0"
25
  }
26
}

1
import { defineConfig } from 'vite';
2
import vue from '@vitejs/plugin-vue';
3
import { resolve } from 'path';
4

5
export default defineConfig({
6
  plugins: [vue()],
7
  resolve: {
8
    alias: {
9
      '@': resolve(__dirname, 'src'),
10
    },
11
  },
12
  // 开发时直接引用源码，不需要先构建
13
  optimizeDeps: {
14
    exclude: ['@monorepo/ui'],
15
  },
16
});

1
name: CI
2

3
on:
4
  push:
5
    branches: [main]
6
  pull_request:
7
    branches: [main]
8

9
jobs:
10
  build:
11
    runs-on: ubuntu-latest
12

13
    steps:
14
      - uses: actions/checkout@v4
15
        with:
16
          fetch-depth: 2  # 用于变更检测
17

18
      - uses: pnpm/action-setup@v3
19
        with:
20
          version: 9
21

22
      - uses: actions/setup-node@v4
23
        with:
24
          node-version: 20
25
          cache: 'pnpm'
26

27
      - name: Install dependencies
28
        run: pnpm install --frozen-lockfile
29

30
      # Turborepo 缓存
31
      - name: Cache turbo
32
        uses: actions/cache@v4
33
        with:
34
          path: .turbo
35
          key: ${{ runner.os }}-turbo-${{ github.sha }}
36
          restore-keys: |
37
            ${{ runner.os }}-turbo-
38

39
      - name: Build
40
        run: pnpm build
41

42
      - name: Lint
43
        run: pnpm lint
44

45
      - name: Test
46
        run: pnpm test
47

48
      - name: Typecheck
49
        run: turbo typecheck
50

51
  release:
52
    needs: build
53
    if: github.ref == 'refs/heads/main'
54
    runs-on: ubuntu-latest
55

56
    steps:
57
      - uses: actions/checkout@v4
58
      - uses: pnpm/action-setup@v3
59
        with:
60
          version: 9
61
      - uses: actions/setup-node@v4
62
        with:
63
          node-version: 20
64
          cache: 'pnpm'
65

66
      - run: pnpm install --frozen-lockfile
67
      - run: pnpm build
68

69
      - name: Create Release PR or Publish
70
        uses: changesets/action@v1
71
        with:
72
          publish: pnpm release
73
          version: pnpm version-packages
74
        env:
75
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
76
          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

1
import tseslint from 'typescript-eslint';
2
import pluginVue from 'eslint-plugin-vue';
3

4
export const base = tseslint.config(
5
  ...tseslint.configs.recommended,
6
  {
7
    rules: {
8
      '@typescript-eslint/no-explicit-any': 'warn',
9
      '@typescript-eslint/no-unused-vars': ['error', {
10
        argsIgnorePattern: '^_',
11
      }],
12
    },
13
  }
14
);
15

16
export const vue = tseslint.config(
17
  ...base,
18
  ...pluginVue.configs['flat/recommended'],
19
);