十五周刊 - 115

2024 第 23 周周报

欢迎来到十五周刊，我们每周都会分享有价值的前端技术文章，让你随时掌握前端的最新动态。此外，我们还会介绍一些实用的软件工具，帮助你提升工作效率。同时，我们也会分享一些个人生活感悟，希望通过分享，能够给你的生活带来一些启示和思考。希望你会喜欢我们的内容。

wakatime 服务开源替代 GitLab CI/CD 缓存 npm pnpm yarn Chrome 内置大模型 mac 阻止 wps 打开 pdf react-rough-fiber 豆包 TotalPause 休息提醒工具

wakatime 服务开源替代

WakaTime 是一个开发者时间追踪服务，可以记录你在各种编辑器中的代码时间，以及你在各种项目中的时间分布。

WakaTime 的前端部分是开源的，但是后端部分是私有的。如果你想自己搭建后端服务，可以使用 wakapi 或者 hakatime。

我目前使用 docker-compose 部署了 wakapi。配置文件如下：

yaml
1version: '3.7'
2
3services:
4  wakapi:
5    container_name: wakapi
6    image: ghcr.io/muety/wakapi:latest
7    restart: always
8    ports:
9      - 5340:3000
10    environment:
11      WAKAPI_PASSWORD_SALT: 'your_salt'
12    volumes:
13      - ~/.wakapi/data:/data

部署可能遇到无法连接 sqlite 数据库的问题，可以参考这个 issue。

GitLab CI/CD 缓存 npm

在 GitLab CI/CD 中，可以使用 cache 关键字缓存 npm 依赖，加快构建速度。对于 yarn 和 pnpm 可以使用以下配置。

pnpm

yaml
1build:
2  before_script:
3    - pnpm config set store-dir .pnpm-store
4  script:
5    - pnpm install --frozen-lockfile
6  cache:
7    key:
8      files:
9        - pnpm-lock.yaml
10    paths:
11      - .pnpm-store

yarn

yaml
1build:
2  before_script:
3    - yarn config set yarn-offline-mirror $PWD/.yarn-cache #这里需要加 $PWD
4    - yarn config set yarn-offline-mirror-pruning true
5  script:
6    - yarn install --frozen-lockfile
7  cache:
8    key:
9      files:
10        - yarn.lock
11    paths:
12      - .yarn-cache