+ 
+
+
+
+
+ )}
+ {children}
+ >_< 很抱歉，您没有权限访问这个页面！ (403)
+112.48.28.255
mooc-2166199849-8f1c1
+
+
+### Nodejs
+
+作为 nodejs 的主流 http 框架怎么能只用在浏览器上，nodejs 自然可以，不过 nodejs 需要配置的可就多了，在 nodejs 环境中，自然没有浏览器的同源策略，像上面设置不了的 Cookie，现在随便设置，先看看我是怎么封装的：
+
+```js
+import axios from 'axios'
+import * as http from 'http'
+import * as https from 'https'
+
+export async function request(opt) {
+ let { url, method = 'get', headers = {}, cookies, data = null } = opt
+
+ headers['User-Agent'] =
+ 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36'
+ headers['Referer'] = url
+
+ if (typeof cookies === 'object') {
+ headers['Cookie'] = Object.keys(cookies)
+ .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(cookies[k]))
+ .join('; ')
+ } else if (typeof cookies === 'string') {
+ headers['Cookie'] = cookies
+ }
+
+ let options = {
+ url: url,
+ method: method,
+ headers: headers,
+ data: queryString.stringify(data),
+ httpAgent: new http.Agent({ keepAlive: true }),
+ httpsAgent: new https.Agent({
+ keepAlive: true,
+ rejectUnauthorized: false,
+ }),
+ timeout: 5000,
+ }
+
+ try {
+ let res = await this.axios.request(options)
+
+ return res
+ } catch (e) {
+ console.log(e)
+ return e.message
+ }
+}
+```
+
+```js
+// test.js
+const request = require('./request');
+
+function test() {
+ let url = 'https://passport2.chaoxing.com/fanyalogin';
+ let data = {
+ fid: '-1',
+ uname: '15212345678',
+ password: 'a12345678',
+ refer: 'http%253A%252F%252Fi.mooc.chaoxing.com',
+ t: 'true',
+ };
+ let headers = {};
+ let cookies = 'username=kuizuo;uid=123;';
+ let res = await request({
+ url: url,
+ data,
+ headers,
+ cookies,
+ });
+ console.log('test -> res.headers', res.headers);
+ return res.data;
+}
+
+test();
+```
+
+测试一下，顺便抓一下包，看看请求包
+
+```http
+GET /fanyalogin HTTP/1.1
+Accept: application/json, text/plain, */*
+User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36
+Referer: https://passport2.chaoxing.com/fanyalogin
+Cookie: username=kuizuo;uid=123;
+Host: passport2.chaoxing.com
+Connection: keep-alive
+Content-Length: 100
+
+....
+```
+
+有我们自定义的 Cookie，在看看响应的协议头
+
+```js
+test -> res.headers {
+ server: 'Tengine',
+ date: 'Thu, 10 Dec 2020 00:24:15 GMT',
+ 'content-type': 'text/html',
+ 'content-length': '1852',
+ connection: 'keep-alive',
+ vary: 'Accept-Encoding',
+ 'set-cookie': [
+ 'JSESSIONID=4365A6B9FD8E0CBADDBDD7E7DA468F7E; Path=/; HttpOnly',
+ 'route=b2eda164bddd148142a54809ef404926;Path=/'
+ ],
+ 'accept-ranges': 'bytes',
+ etag: 'W/"1852-1606444212000"',
+}
+```
+
+同样能获取到 set-cookie，设置与获取都是这么 so easy ，不同于上面浏览器的配置。
+
+这里我要说明一些东西，在封装代码中有个 httpAgent 与 httpsAgent，你可以字面翻译就是 http 代理，设置它用来干嘛呢，其中有这么个属性 `keepAlive: true` ，如果设置了协议头中的将会有 `Connection: keep-alive`，而不设置则 `Connection: close`，这里也不想过多说明 http 相关知识，如果只是请求一次,那么两者没有太大区别
+
+然而如果我请求一次,过一会(几秒内)又要请求了,那么 keep-alive 一次连接就可以处理多个请求，而 close 则是一次请求后就断开，下次就需要再次连接。说白了就是快一点，而 close 需要不断连接，断开，自然而然就慢。一般来说设置 keep-alive 就对了。
+
+其中在 httpsAgent 中，还有一个属性`rejectUnauthorized: false`，说简单点，就是不抛出验证错误，在抓 nodejs 包的时候，如果不通过设置代理服务器（Fiddler，Charles），而是通过网卡（HTTP Analyzer，Wireshark）就会抛出异常，一般就会出现这种错误。
+
+```
+Error: unable to verify the first certificate
+```
+
+然而问题就来了，服务端的返回的 set-cookie 该怎么保存。如果只是涉及客户端层面的，想写一个模拟 http 请求的，直接将获取到的 cookies 与原有的 cookie 合并即可。我那时候的代码就是这样：
+
+```js
+let newCookie = res.header['set-cookie']
+ ? res.header['set-cookie']
+ .map(a => {
+ return a.split(';')[0]
+ })
+ .join('; ')
+ : ''
+
+// mergeCookie 就是将两者cookie 拼接而成
+let newCookies = mergeCookie(cookies, newCookie)
+
+res[cookie] = newCookies
+return res
+```
+
+然后返回响应中携带 res.cookies 即可，下次请求的时候再将其在带上。
+
+如果只是，利用 nodejs 来实现类似爬虫，模拟登录，然后利用登录后的 cookie，来获取用户信息。如果不希望手动处理 cookies 的话，我其实还是推荐一个 http 模块，superagent，做一些小爬虫和模拟请求挺好用的，就不做过多介绍了。不过由于 nestjs 中自带 axios 模块，加上需要转发 http 请求，于是我就自行封装了一个 axios。
+
+## 总结
+
+实际上，axios 会根据当前环境，来创建 xhr 对象（浏览器）还是 http 对象（nodejs），在我那时候都以为 axios 是两个共用的，初学 electron 的时候，一直卡在 http 请求的配置
+
+```
+ // `adapter` allows custom handling of requests which makes testing easier.
+ // Return a promise and supply a valid response (see lib/adapters/README.md).
+ adapter: function (config) {
+ /* ... */
+ },
+```
+
+在 axios 中也有这么一段配置，翻看了 lib/adapters 下目录我才瞬间醒悟过来，两者环境是不同的。
+
+
+
+就我使用而言，在浏览器环境下 axios 处理的特别好，允许设置拦截器处理请求与响应，但在 nodejs 下在处理模拟请求确实不如 Python 的 request 模块，奈何 axios 最大的便携就是能直接在浏览器中，尤大推荐的 http 请求库也是 axios。
+
+实际上还涉及到了 nodejs 中转发请求的，再给自己留一个坑。
+
+在写这篇文章的时候，我其实都没读过 axios 的源码，说实话，那时候遇到问题，就不应该愚昧的去搜索，去不断尝试，有时候直接通过翻看底层代码，可以一目了然自己所面临问题的解决方式。
diff --git "a/blog/develop/pnpm monorepo\345\256\236\350\267\265.md" "b/blog/develop/pnpm monorepo\345\256\236\350\267\265.md"
new file mode 100644
index 0000000..c8a299c
--- /dev/null
+++ "b/blog/develop/pnpm monorepo\345\256\236\350\267\265.md"
@@ -0,0 +1,177 @@
+---
+slug: pnpm-monorepo-practice
+title: pnpm monorepo实践
+date: 2022-08-29
+authors: kuizuo
+tags: [pnpm, monorepo]
+keywords: [pnpm, monorepo]
+description: 使用 pnpm monorepo 实践
+---
+
+老早老早之前就听过 monorepo（单一代码库） 这个名词，也大致了解其出现的意义与功能。但奈何自己的一些小项目中暂时还用不上多项目存储库，所以迟迟没有尝试使用。
+
+但随着越来越多的开源项目使用 monorepo，现在不实践到时候也肯定是要实践的，这次实践也算是为以后的技能先做个铺垫了。
+
+
+
+## 介绍
+
+前言铺垫这么多，就举个例子介绍下 monorepo 的应用场景，比如现在有个 UI 组件库的开源项目。
+
+既然是组件库，首先肯定要有组件库的代码吧，此外可能还有脚手架（CLI）或是工具库（utils）或者是插件要作为 npm 包发布，等等。
+
+如果是传统的开发，每个项目都作为单独的 npm 项目来发布引用，就需要创建多个代码仓库，即**多代码库（multirepos）**。很显然这样在开发以及代码仓库的协同上肯定有弊端，而 monorepo 正是解决这种问题，**将所有的项目在一个代码仓库中，即单一代码库（monorepos）**。
+
+这只是 monorepo 的一个应用场景例子，这里有一个更好的例子 [前端工程化：如何使用 monorepo 进行多项目的高效管理](https://juejin.cn/post/7043990636751503390)，更多可以参考使用 monorepo 的开源项目来了解。在 [这里](https://pnpm.io/zh/workspaces#%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B) 可查看使用了 pnpm 工作空间功能的最受欢迎的开源项目。
+
+有篇文章推荐阅读 [5 分钟搞懂 Monorepo - 简书 (jianshu.com)](https://www.jianshu.com/p/c10d0b8c5581)
+
+这里还有份手册可供阅读 [What is a Monorepo? | Turborepo](https://turborepo.org/docs/handbook/what-is-a-monorepo)
+
+## 上手实践
+
+你可以 clone [https://github.com/kuizuo/monorepo-demo](https://github.com/kuizuo/monorepo-demo) 来查看本文示例代码仓库
+
+这里使用 pnpm 的 [workspace](https://pnpm.io/zh/workspaces) 来创建 monorepo 代码仓库，此外目前主流的还有 yarn workspace + [lerna](https://lerna.js.org/)，[nx](https://nx.dev/)，[turborepo](https://turborepo.org/)等等。
+
+### 项目结构
+
+pnpm 内置了对单一存储库（也称为多包存储库、多项目存储库或单体存储库）的支持， 你可以创建一个 workspace 以将多个项目合并到一个仓库中。
+
+pnpm 要使用 monorepo 的话，需要创建 pnpm-workspace.yaml 文件，其内容如下
+
+```YAML
+packages:
+ - 'packages/*'
+```
+
+其中 packages 为多项目的存放路径（一般为公共代码），pnpm 将 packages 下的子目录都视为一个项目。此外如果项目还有文档或在线演示的项目（这些不作为核心库），放在 packages 有些许不妥，就可以像下面这样来配置 workspace
+
+```YAML
+packages:
+ - packages/*
+ - docs
+ - play
+```
+
+像一开始所举例的代码仓库的项目结构如下
+
+```bash
+monorepo-demo
+├── package.json
+├── packages
+│ ├── components # 组件库
+│ │ ├── index.js
+│ │ └── package.json
+│ ├── cli # CLI
+│ │ ├── index.js
+│ │ └── package.json
+│ ├── plugins # 插件
+│ │ ├── index.js
+│ │ └── package.json
+│ ├── utils # 工具
+│ │ ├── index.js
+│ │ └── package.json
+├── docs # 文档
+│ │ ├── index.js
+│ │ └── package.json
+├── play # 在线演示
+│ │ ├── index.js
+│ │ └── package.json
+├── pnpm-lock.yaml
+└── pnpm-workspace.yaml
+```
+
+其中 packages 下存放的就是多个项目代码库，假设项目就叫 demo（因为到时候这些包是有可能要发布的，而名字就要保证唯一），那么项目的 package.json 如下演示：
+
+```json
+{
+ "name": "@demo/components",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "keywords": [],
+ "author": "",
+ "type": "module",
+ "license": "ISC",
+ "dependencies": {
+ "@packages/utils": "workspace:^1.0.0"
+ }
+}
+```
+
+### 安装依赖
+
+执行`pnpm install` 会自动安装所有依赖（包括 packages 下），所以我们肯定不会傻傻 cd 到每个目录下，然后执行`pnpm install` 来一个个安装依赖。
+
+假设现在我要为某个项目添加依赖，例如为 utils 模块添加 lodash 的话，按之前可能会 cd 到 utils 目录执行`pnpm add loadsh` ，其实完全不用，pnpm 提供 `--filter` 选项来指定包安装依赖，命令如下
+
+```bash
+pnpm --filter 完整封装代码
+ +```js +import axios from 'axios' +import { MessageBox, Message } from 'element-ui' +import store from '@/store' +import { getToken } from '@/utils/auth' + +const service = axios.create({ + baseURL: process.env.VUE_APP_BASE_API, + withCredentials: true, + timeout: 5000, +}) + +service.interceptors.request.use( + config => { + if (store.getters.token) { + config.headers['x-token'] = getToken() + } + + return config + }, + error => { + Message.error(error) + return Promise.reject(error) + }, +) + +service.interceptors.response.use( + response => { + const res = response.data + if (res.code !== 200) { + Message.error(res.msg || 'Error') + + return Promise.reject(new Error(res.msg || '未知错误')) + } else { + return res + } + }, + error => { + if (error.response) { + let res = error.response + switch (res.status) { + case 400: + Message.error(res.msg || '非法请求') + break + case 401: + MessageBox.alert('当前登录已过期，请重新登录', '提示', { + confirmButtonText: '重新登录', + type: 'warning', + }).then(() => { + store.dispatch('user/logout').then(() => { + location.reload() + }) + }) + case 403: + Message.error(res.msg || '非法请求') + router.push('/401') + case 404: + Message.error(res.msg || '请求资源不存在') + break + case 500: + Message.error(res.msg || '服务器开小差啦') + break + default: + Message.error(res.msg || res.statusText) + } + } else { + Message.error(res.msg || '请检查网络连接状态') + } + + return Promise.reject(error) + }, +) + +export default service +``` + +HTTPS 需要额外加一点请求费 | 无 | +| 腾讯云 | HTTP 和 HTTPS **统一 0.21** | 前 6 个月每个月送 20GB 国内流量 | +| 七牛云 | HTTP **0.24** (超出免费 10GB)
HTTPS **0.28** | 每个月送 **10GB HTTP 流量** (国内外均可使用) 以及 5 万次动态加速请求数 | + +可以看到如果你每个月的请求流量都在 10GB 以内，且不用 HTTPS，七牛云肯定是最好的选择，然而我目前的站点是需要 HTTPS 的，并且七牛的 HTTPS 费用高出其他两家，甚至可以说，用了 HTTPS，就没必要选择七牛云！一没优势，速度优化不到哪里去，二是你完全可以相信大厂，三是服务费用还比两者贵。同时我云服务器也是腾讯云的，肯定优先选择腾讯，于是把对象存储换为了腾讯云，早知道就一开始就直接用腾讯的对象存储服务，果然还是花钱实在，白嫖太麻烦了。 + +> 参考链接 [阿里云、腾讯云、七牛云 CDN 对比](https://blog.txzhou.com/website/compare-cdn.html) + +## 最后 + +本文的标题并不是说七牛云不好，而是我所遇到的情形让我放弃了使用七牛云，相信你看完了上面所说的，能对你的网站有个存储有个明确的配置，你在哪买服务器了，还是在哪去买其他相关的业务，没必要花费时间去折腾，说到底还是花钱实在。并且价格实际上对一个小网站来说，已经是可以非常低了（当然还是有些人会想着白嫖） + +总结下来其实就是，如果你的网站不准备挂 SSL 证书，也就是通过 http 请求访问，那么白嫖七牛云，没问题，好用，但如果你的网站一旦挂了 SSL 证书，我的建议是直接删了七牛云的对象存储。 diff --git "a/blog/lifestyle/\344\270\272\344\275\225\346\210\221\351\200\211\346\213\251\346\227\245\345\244\234\351\242\240\345\200\222\346\225\262\344\273\243\347\240\201.md" "b/blog/lifestyle/\344\270\272\344\275\225\346\210\221\351\200\211\346\213\251\346\227\245\345\244\234\351\242\240\345\200\222\346\225\262\344\273\243\347\240\201.md" new file mode 100644 index 0000000..4a6ff14 --- /dev/null +++ "b/blog/lifestyle/\344\270\272\344\275\225\346\210\221\351\200\211\346\213\251\346\227\245\345\244\234\351\242\240\345\200\222\346\225\262\344\273\243\347\240\201.md" @@ -0,0 +1,78 @@ +--- +slug: why-i-turn-night-into-day-to-code +title: 为何我选择日夜颠倒敲代码 +date: 2022-01-03 +authors: kuizuo +tags: [随笔] +keywords: [随笔] +--- + + + + + +上图是我两段假期的睡眠周期，你可以发现每日的时间都在不断延后，意味着我熬的夜越来越长，甚至达到了颠倒生物钟的程度。 + +其实我很早就想写这个话题了。因为我是一个熬夜大户，经常动不动就是 3,4 点睡觉，甚至有时候是日夜颠倒的作息习惯，如同过美国时间般，在 0 点到 6 点这时间段几乎是我的 coding time。但与常人想法不同，我巴不得在保持这种作息状态。我会分以下几点来阐述我这一不正常的行为，相对于我而言的好点。 + + + +## 对我而言的好处 + +### 安静 + +夜生活过的人应该最清楚了，那种静可以算上是幽静了，加上黑夜的承托与屏幕前的微光，如果恰好此时耳机还播放着音乐，好了，直接进入自我境界。 + +这种安静与图书馆的安静是根本无法相比的，图书馆可能还有走动声，而凌晨你唯独只能听见自己的脚步声（不排除有上厕所的室友，有时候可能被其吓得一跳），最主要还是黑，你的视野中除了屏幕的信息外几乎很难有其他东西去干涉你。 + +你问我用的什么键盘？程序员不都用静电容的键盘吗？机械键盘的声音在晚上敲怕不是给室友去世器。(tips: 室友包括我) + +### 琐事 + +安静也许远远还不够，想要达到与世隔绝的地步，在互联网这个时间段最简单的办法就是断网。如果事情都与你毫不相干，那也差不多已经与这个世界说拜拜了，但在白天你还是有一定的存在感，会有一些莫名的琐事干涉你当前正在进行的状态。 + +我就说一个最简单的例子，假如你正在编写一个功能的时候，此时手机正好弹出一条信息（通常为广告），此时大多数人基本上就去看手机去了，意志力好一点的可能看完直接回到手头的任务上，差一点的可能就是几十分钟的短视频，也许很夸张，但确实如此。 + +所以我一般都会在 0~6 点开启勿扰模式（睡眠模式），但在白天却又不能错过很多重要的信息。 + +### 思考 + +可能对我而言，灵感通常是在睡前（准确说是夜深时）产生的，同时脑子里想的东西也会比白天而言多，想的多自然写的东西也就多，所以也就是我为什么很多代码 Commit 与博客编写时间都是在 0~6 点这个时间，就连这篇文章也都是在夜间写的，白天实在是想不出什么点来写。 + +也许与静也有相关，白天普遍嘈杂的声音，说实话很难让人能静下来去冥想，但在夜晚，静确实它唯一的资本。 + +**唯有夜深人静，才有自我深思。** + +### 工作效率 + +在我亲身体验下来，可以毫不夸张的说，我在夜晚的工作效率可以是白天的 3，4 倍，没错就是这么恐怖。 + +至于原因，大概率（99%）是由上面几点导致的，所以也就是为什么我巴不得在夜深人静的时候开始 doing，导致这异于常人的作息规律。尤其在夜晚，是很难感受到时间的存在，有时候可能天亮了才知道。这时才发觉自己又熬了一个晚上。 + +但回想 1 小时抵 3 小时，怎么想都是赚，换做你，会考虑这样的作息吗？ + +## 对我而言的坏处 + +不过导致这种规律的原因，与当天任务未完成，要到凌晨加班加点完成。或者是一时上头，忘记了时间的存在，手头的任务打消了睡意。久而久之，作息时间点不断延后，就导致现在现在的生物钟。 + +其实坏处都不用写，是个正常作息的一眼就能看出来，我也不细说了。 + +但往往事与愿违，上面的这种作息行为都有点压榨白天的时间，因为白天总要上学，上班，周末又不可能一次性就调整成这样的作息，所以我这种情况一般也都发生在长假期，例如寒暑假（包括这次的寒假）。但其实日常生活中大多时间还都是夜间做事，只是假期的夜间时间相对延后那么亿点。 + +与好处相比，除了猝死其他都还能接受。 + +:::tip 时隔一年后的补充 + +事实上，这种作息方式对身体的危害不言而喻，现在的我能明显的感觉到身体的持续能力不足(说人话就是虚了)，虽说本就瘦小的身体，在经历这种生物钟的摧残下也变得更加消瘦。可即便在我意识到的情况下，我对此也很难做出改变，也许只有那天大病将临，或者才会好好爱惜这副躯体。 + +::: + +## 总结 + +原本标题我是起为什么喜欢熬夜，但后来我并不认为我是在熬夜，只是时间相对错乱，每天睡觉的时间与正常作息并没有差别，唯一的差别估计就是天亮了我睡了，天暗了我醒了。主要还是强调作息，所以便有了这个标题。 + +当然我写这篇文章也不是想要倡导夜间做事有多好，每个人都有属于自己适应的时间段，比方说有些人就喜欢早晨背单词，而有些选择在睡前，道理都是同样的。我只是觉得我这种习惯比较异类，也许也有人的作息习惯和我臭味相投。 + +:::danger ⚠️ 非专业人士，请勿模仿！ + +::: diff --git "a/blog/lifestyle/\345\205\263\344\272\216 restful api \350\267\257\345\276\204\345\256\232\344\271\211\347\232\204\346\200\235\350\200\203.md" "b/blog/lifestyle/\345\205\263\344\272\216 restful api \350\267\257\345\276\204\345\256\232\344\271\211\347\232\204\346\200\235\350\200\203.md" new file mode 100644 index 0000000..ace9c5b --- /dev/null +++ "b/blog/lifestyle/\345\205\263\344\272\216 restful api \350\267\257\345\276\204\345\256\232\344\271\211\347\232\204\346\200\235\350\200\203.md" @@ -0,0 +1,155 @@ +--- +slug: restful-api-url-definition +title: 关于 restful api 路径定义的思考 +date: 2023-11-30 +authors: kuizuo +tags: [杂谈, restful] +keywords: [杂谈, restful] +--- + +关于 restful api 想必不用多说，已经有很多文章都阐述过它的设计原则，但遵循这个原则可以让你的 API 接口更加规范吗？以下是我对 restful api 风格的一些思考🤔。 + + + +## 思考 + +此时不妨思考一个问题，现在以下几个接口，你会怎么去设计 url 路径？ + +- 查询文章 +- 查看文章详情 +- 创建文章 +- 更新文章 +- 删除文章 +- 查看我的文章 +- 查看他人的文章 + +前 5 个接口想必不难设计，这边就给出标准答案。 + +- 查询文章 `GET /articles` +- 查看某篇文章详情 `GET /articles/:id` +- 创建文章 `POST /articles/` +- 更新文章 `PUT /articles/:id` +- 删除文章 `DELETE /articles/:id` + +当然，我相信肯定也有`GET /article—list` `POST /add-article` 这样的答案，不过这些不在 restful api 风格的范畴，就不考虑了。 + +而这时 查看我的文章 或许就需要稍加思考，或许你会有以下几种方式 + +- `GET /my-articles` 从资源角度来看肯定不好，因为此时在 url 不能很直观地体现请求资源，同时在控制器文件(controller) 就与 article 分离了，并且还占用了 / 下路径。 +- `GET /articles/mine` 则又不那么遵循 restful api 风格，挺违和的。 + +那么这时不妨遵循 **资源从属关系**，在这里 文章所属的对象就用户，因此查看他人的文章可以这么设计`GET /users/:userId/articles` 获取特定用户（userId）的文章列表。 + +而 查看我的文章 同样也可用此 URL，只需将 userId 更改为自己的便可。从 api 的 URL 来看是很舒服了，但是从代码开发的角度上问题又有了问题了。。。 + +对于 user 资源，是不是也有查询，创建，更新，删除等接口，即 查询用户 `GET /users`，创建用户`POST /users/` 等等。。 + +我是不是就需要在 user 这么重要的资源控制器上去添加一些其他方法，所对应的代码就如下所示 + +```jsx +@Controller('users') +export class UserController { + constructor(private userService: UserService, private articleService: ArticleService) {} + + @Get() + async list(@Query() dto: UserQueryDto) { + return this.userService.findAll(dto) + } + + @Get(':id') + async info(@Param('id') id: number) { + return this.userService.findOne(id) + } + + @Post() + async create(@Body() dto: UserCreateDto) { + await this.userService.create(dto) + } + + // 省略有关 User 部分接口，以下是其他 user 下的资源接口 + + @Get(':userId/articles') + async articles(@Param('userId') userId: number) { + return this.userService.findAll(userId, articlesId) + } + + @Get(':userId/articles/:articlesId') + async articles(@Param('userId') userId: number, @Param('articlesId') articlesId: number) { + return this.articleService.find(userId, articlesId) + } +} +``` + +换做是我，肯定不会希望将用户的代码与文章的代码混杂在一起。解决办法也是有的，可以额外创建一个新的 UserController 文件，专门用于获取用户下的资源（这里指 article），这样可以 即与原有针对 user 资源进行解耦，有可以有比较清晰接口分类。 + +:::warning + +不过针对这种情况我可能的解决办法是下会额外 **起一个别名**，例如 author，将 `/users/:id/articles`转为 `/authors/:id/articles`，不过在这里指向的是用户 id，而不是新建一个 author 实体（资源）。 + +这里的 id 会根据情况而定，假设业务中需要创建 author 实体的情况下，对 author（作者）这一身份有一些操作，如普通用户变成一个作者，获取所有作者，那么这么做就再适合不过了。 + +在比如说一个更鲜明的例子 商店(store) 与 商品(product)。 + +::: + +业务再稍微复杂一下，现在要为业务增加以下几个功能，你又会如何设计 + +- 收藏他人文章 +- 获取我收藏的文章 + +答案应该会有两种，即 `POST /articles/:articleId/collections` 与 `POST /collections` + +而这就令我特别头疼，因为这两个都符合 restful api 风格，也确实都能很好的满足业务功能。于是在我尝试抓包拥有相关的网站后，我发现几乎都是后者的 url。后来一想，前者更像是获取某种资源，而不是用于创建资源。后者确实更能胜任多数场景，比如说现在我需要收藏某个专栏，那么我用 `POST /collections` 足以胜任，只需要传递 条目id与条目类型，后端根据这两个条件找到对应条目数据便可。假设后续业务多一个资源需要收藏也不成问题。但换做前者的话，就得再多写一个重复性接口。 + +## 抽象资源 + +restful 更多是针对实际存储的资源，核心是名词，对于增删改查的业务可以说非常适合，但现实情况下不只有增删改查，就例如上述的收藏功能。 + +对于一些个别接口需要另外表达，如 登录 `POST /login`、获取个人信息 `GET /profile` + +对于一些非增删改查的操作，还是使用 RPC 式的 API 更为实在，即 **`POST /命名空间/资源类型/动作`**，至少不用再为某个操作决定 PATCH/PUT 还是 POST/DELETE。 + +## 针对同一实体，区分不同用户 + +问题还没结束，不妨碍继续使用上述文章的例子，针对 文章 这一实体，又要怎么定义（区分）用户与作者或管理员路径呢？ + +管理员所看到的数据肯定远比用户来的多，如果使用同一个接口（如 `/articles`），那么业务代码必然会十分复杂。 + +使用不同的端点(end point) 是个解决方法，例如管理员在请求前添加 manage 或 admin，如 `/manage/articles` 或 `/articles/manage` 这样只需要多一步判断请求用户是否拥有管理的权限。 + +但对我个人而言，我一般都会以在一个命名空间下（这里指 `/articles`）编写，像前面的 `/manage/articles` 我是直接 pass 的。 + +在设计接口的原则就优先以拥有者的身份来设计，在去设计其他用户获取这个资源的接口。就比如说上述 `article` 为例， 针对增删改查而言，都是用于这个资源的拥有者可操作的，那么所获取到的数据就是尽可能符合拥有者需求的。而这时如果要将资源给其他角色请求，就会根据情况设计，如 + +- `GET /articles` 获取我的文章列表（针对拥有者） +- `GET /articles/query` 查询文章（针对所有用户） + +## 权限区分 + +在 restful 中有两个概念：resources 与 action，因此只需要定义好权限标识码便可，还是以文章举例，如 `article:read` `article:create` `article:update` `article:delete` ，这里的 resources 对应的就是 article ，action 则是 read，create 等。将这些权限码分配给不同的控制器方法，在某个请求的时候判断用户是否拥有这个权限码便可。 + +## 资源粒度问题 + +但是复杂的实际业务中，仅仅单靠 restful API，往往需要发送多条请求，例如获取某篇文章数据与作者数据 + +``` +GET /articles/1 + +GET /articles/1/author +``` + +要么两条请求获取相应数据，要么为调用方“定制”一个接口，如`GET /getArticleInfo`，这样只需一条请求便可得到想要的数据。但这个就破坏了 restful API 接口风格，并且在复杂的业务中，比如说还要获取博文的评论等等，后端就要额外提供一个接口，可以说是非常繁琐了。相比之下 [GraphQL](https://graphql.org/) 就更为灵活了。 + +## 写到最后 + +在我写这篇文章之前，我尝试抓包看过很多网站的请求 url，见识到各式各样的 url 路径，基本上很难找到遵循 restful api 风格的网站，绝大多数的操作除了获取外用 GET，其余全用 POST 。对于复杂的业务，restful api 风格实在过于难以胜任。 + +如果说变量命名是编程最大的痛苦，那么写接口最大的痛苦我想就是定义 url 路径了。 + +## 相关文章 + +[RESTful API 对于同一实体，如何定义管理员和用户的路径？](https://www.v2ex.com/t/482682) + +[RESTful API设计经验总结](https://blog.51cto.com/LiatscBookshelf/5427906) + +[为什么很多后端写接口都不按照 restful 规范？](https://www.zhihu.com/question/438825740) diff --git "a/blog/lifestyle/\346\255\243\350\242\253\346\266\210\347\243\250\346\256\206\345\260\275\347\232\204\350\200\220\345\277\203.md" "b/blog/lifestyle/\346\255\243\350\242\253\346\266\210\347\243\250\346\256\206\345\260\275\347\232\204\350\200\220\345\277\203.md" new file mode 100644 index 0000000..c9f5a58 --- /dev/null +++ "b/blog/lifestyle/\346\255\243\350\242\253\346\266\210\347\243\250\346\256\206\345\260\275\347\232\204\350\200\220\345\277\203.md" @@ -0,0 +1,62 @@ +--- +slug: patience-wearing-out +title: 正被消磨殆尽的耐心 +date: 2022-08-15 +authors: kuizuo +tags: [随笔, 感悟] +keywords: [随笔, 感悟] +--- + +在以前，我可以花费 4，5 个小时的时间专注于一件事情上，并且丝毫没有不耐烦的意思。而且这种状态能持续个好几天。例如拼个积木，拼个拼图，写个代码等等。专注个半天根本不成问题。 + +当然有很大一部分是因为兴趣，要让我做一件乏味的事，别说坚持了，开始可能都成一个问题。但现在的我对很多东西都难以提起兴趣，要是放在以往，都能让我兴奋个数天。可现在，很难。 + + + +不知为何，感觉专注一件事变得特别困难，总沉不下心来。总感觉一切东西不咋那么美好，都很乏味，难以提起内心仅留的一丝兴趣，总感觉自我内心好像变了个特别无趣的人。这也间接导致我的耐心也不在像之前那样，现在的我遇到一些繁琐的事情，比如写报告，办手续，做核酸等等，我都会感到十分厌烦。 + +像之前如果有人问我代码相关的问题，即便是我没接触过的知识方面，我都愿意去尝试了解学习为他解答。可现在，问我不知道的东西，我张口就是不知道。就算我知道，我的回复也往往是丢给他一个相关链接，让他自己研究琢磨，仿佛在告诉他我极不耐烦的样子（当然也有可能是这类问题问的太多了）。之前打车哪怕师傅晚个 10 分钟来接送我都能接受，现在 3 分钟我就已经有点坐立不安了。 + +对于这种耐心的转变，我自己都认为有点不太思议。我不知道是不是由于之前太过于耐心，然后种种环境下不断磨练中，导致耐心值不断的下降，最终导致在很多事情都感觉不耐烦，难以平静。 + +## **耐心值下降** + +自我分析了耐心值下降的可能原因： + +### **提不起兴趣** + +说到兴趣，这可就不得不提起 5 年级开始就接触[手部极限运动](https://baike.baidu.com/item/手部极限运动/2431307)中的转笔，那也算是我第一个对其感兴趣的东西。期间不断在尝试其他的手指极限运动并持续坚持了整整 8 年，直到高考结束便退坑了。至于为何不再坚持下去，有很大原因是因为 QQ 被永久冻结导致一些社交圈失联，再加上当时假期一直在学习编程。可以说没有这些意外，我依旧会坚持我这持续这份爱好，并且会将其爱好当做一个我的吃饭的本事。 + +目前仅余的手指极限运动也就只有转手机了。同样的对于游戏也不再有新鲜感去尝试，偶尔还会下载英雄联盟玩上熟悉的英雄回忆当年的高(下)光(饭)时刻（当然游戏方面也和 QQ 冻结连同游戏账号一并冻结有关）。 + +在回到目前主业的编程在我接触了进 3 年内，期间踩的无数的坑，做着重复的业务需求，尤其是所感兴趣，但到头来却又不可完成。渐渐地不再有当初以往的热情，不再乐此不疲。即便完成了一个自我认为成就感爆满的事情，也容易在接下来几天的时间内消磨下去。 + +当所感兴趣的东西太多，对于新事物就不再容易提起兴趣。 + +人的耐心都是被一些自己感兴趣，但是又不可能完成的事，一点一点消磨殆尽的。 + +### **过快的生活节奏** + +现在技术发展是真的快，有很多新的突破和发现。生活质量也在不断变好，但这也间接导致生活节奏过快，社会更加内卷。变化太快。现在的生活总让我感觉一天好像什么事情都没干，一从座位起来就已经是第二天的凌晨。前一秒还在想着吃什么晚饭，后一秒就到了吃夜宵的时刻。看视频也不再是原速播放，而是更快的 1.5 倍，甚至 2 倍速。原本可能要 2 个小时完成的东西，硬是被压缩到 1 个小时内完成。 + +在这样的快节奏生活工作下，耐心值怎能不下降？又怎能静的下心来去完成任务？ + +### **走神** + +在写代码任务的时候，有时候一个准备实现的功能好像之前实现过，然后去翻看之前的代码，然后就发现写的还不够好，虽然能用，但总归少些什么，于是就开始重构，然后慢慢的就偏离原本的工作流，导致大部分的时间都在重构该功能，而不是在原本的任务。不过这样也确实完善了该部分的代码，至少不是一次无意义的重构。 + +有时候看到一些推荐类的文章或者视频，可能看到中间有一个之前没遇到过的新鲜玩意，然后就开始打开官网，然后去看相关示例。刷着刷着浏览器网页打开多了，哪里还会在意每个标签页的标题，早都给慢慢的标签挤的只剩 logo 了，这时候我大概率是直接整个浏览器关闭，在打开新窗口，而一开始的所推荐的内容，可能早已忘得一干二净了。 + +但这样也确实加深了我中途对这玩意的印象和认知，但却让我也忘了一开始的本意。不过一生中要接触许许多多的新的美食，普通人哪里有精力和时间去一遍遍的尝试，要做的只是将自己能够吃到吃进嘴里，体会其中的美味这就足够了。对于任何新鲜事物的尝试也应如此。（有点扯远了） + +所以久而久之，往往越想专注的时候，越容易被细微的东西吸引注意力。专注不下去了，耐心也随之消磨下去。 + +## **消磨耐心** + +可能是因为经历太多耐心的过程，耐心在无形之间被不断磨灭，最终在不断消磨下导致原本不厌其烦 🙂 的样子变的极其厌烦 😣。 + +在这过程中，耐心也实实在在的告诉我正在成长，也在警示我不该松懈。即便内心再怎么烦躁，所表现的也应心照不宣。 + +消磨耐心的过程不妨是在打磨工具，将一个钝器打磨成一个利器。绝大多数人一开始的耐心与容忍程度都是非常高的，但随之不断的经历。而多数人的耐心自然也在不断地下降，往往成长的也就越多。 + +**慢慢磨练一个人的耐心，才更能考验一个人的心智。** diff --git "a/blog/lifestyle/\346\265\205\350\260\210\344\270\252\344\272\272\345\255\246\344\271\240\346\226\271\345\274\217.md" "b/blog/lifestyle/\346\265\205\350\260\210\344\270\252\344\272\272\345\255\246\344\271\240\346\226\271\345\274\217.md" new file mode 100644 index 0000000..efd5389 --- /dev/null +++ "b/blog/lifestyle/\346\265\205\350\260\210\344\270\252\344\272\272\345\255\246\344\271\240\346\226\271\345\274\217.md" @@ -0,0 +1,60 @@ +--- +slug: learning-style +title: 浅谈个人学习方式 +date: 2022-06-10 +authors: kuizuo +tags: [杂谈] +keywords: [杂谈] +--- + +临近考试周，又要开始准备复习，顺带总结下自己平常的学习方式与一些感慨。 + + + +我个人主要的两种学习方式，**主动学习**与**被动学习** + +## 主动学习 ✍ + +通常来说，主动学习往往是一件痛苦的事情。就如考试周，平常的课该去在课堂上睡觉，该不去的在宿舍睡觉，到考试周，一学期的课没听，但一想到不复习就有可能面临挂科，或多或少都会复习。考试摆烂，挂科惨淡。 + +除了上面是会导致坏结果而去学习，那么还有一种则是与之相反，也就是所需，所感兴趣的去学习。 + +例如我想要实现一个酷炫功能，或者是一个需求时，而其中需要的知识点便会去了解与学习。 + +对于前者而言，其过程并不舒服，甚至可以说是逼自己学习不喜欢的东西，通常我是不如不学的，即便学了在以后也难以记起，除非不学的结果比较严重（如挂科）。而后者情况便不同，兴趣是最好的老师，甚至都不需要借助外界因素去激励，便能有一个很好的学习成果。 + +如果没有兴趣或需求的情况下，那么主动学习一定要定制一系列的目标，如果没有明确的目标，学习将会显得十分迷茫。我有很多时候便是这样，想去主动去学习诸多技术栈，不知从何下手。 + +## 被动学习 📘 + +其实可以说是利用业余时间学习的一个方式，首先我会想我一天主要做的事情（通常是与学习无关），比如刷各个平台（b 站，抖音）的视频，刷知乎，qq 群闲聊等等，这里只是以我一天的大部分日常举例。 + +此事不妨关注一些与学习类的账号，包括但不限于加入一些技术交流群， up 主，公众号，博主等等，当你每次刷这类平台时，系统很自然就会给你推送相关内容，比方说 b 站，我日常会在上面刷一些鬼畜视频，生活娱乐视频，但也会关注一些技术类的账号，在娱乐的同时，还能不经意间刷到一些编程知识（知乎，微信公众号同理），这送上门的知识不香吗？ + +再比如 watch 一些开源项目，订阅一些博客文章，定时推送 Hacker News 周刊等等，在他们发布一些重要内容的时候能及时通知到你。虽然这样每天邮箱时常处于未读状态，但如果打开某一条邮箱查看其中的内容，说不定又是一次不错的收获。 + +当然，这样学习肯定有一定弊端。首先所摄取的知识过于笼统，一般都是由别人推荐的，甚至有可能会浪费你人生中的几分钟，因为这些知识点可能你已经掌握了，或者这些知识确实没什么干货。其次所获取到的知识往往是整个知识面的冰上一角，或者是某些新型技术，但想要深入去学习还是得按上面的主动学习。 + +被动学习主要的作用能让你在不学习的状态下，还能获取相对应的知识。听起来可能觉得很卷，无时无刻的在学习，但我认为在娱乐中学习往往不会显得像主动学习那般有种疲惫感。 + +我在被动学习中就间接了解到许多的前沿的技术栈，以及了解到许多之前没使用过的语言、框架特性，而这些都是直接送上门的知识点，而我要做的只是关注一些账号，订阅一些文章或站点，而不用自己去茫茫知识海洋中去寻求。 + +## 两者的权衡 + +我时常处于这类被动学习状态，因为我对很多技术点都很感兴趣，但又不知道从何下手，而当我刷到我所感兴趣的东西时，我才会开始转为主动学习。之所以会出现这样的学习状态转型，有很大一部分是因为**兴趣感已经没有一开始所学的那么强烈，甚至可以说有些许乏味**。 + +在一开始接触时，我是抱着强烈的兴趣感去学的，处于一种非常积极的主动学习状态，当时所获取的知识是无法用现在同等时间所堪比。然而在兴趣感消散，这种状态都为浮云。主动学习的频率减弱，每天都在做着与学习无关的事情，这期间与知识没有任何的往来。 + +直到将每天所要做的事情，间接的转为被动学习的方式，至少有在学习，而不是在停步，即便是行走 1 厘米，那也是米。 + +## 总结 + +最好是对感兴趣的方面学习，这样即有动力去学习，有不会感到厌烦，并且兴趣是能陪伴很久的，也往往能坚持下去。 + +无论是任何事情在任何时候下都应该保持的是一种不断坚持的状态，打游戏也好，学习也好。 + +一段时间不打游戏，手感生疏，再次接触就没状态。一段时间不学知识，容易忘记，再次使用就没印象。 + +大部分人都是如此，可谁又不希望保持一种不断坚持的状态。毕竟不是每个人都有充裕的个人资源与时间资源，很多时候这些资源并不是由自己分配的，有可能是亲朋好友，也有可能是上司老板，最有可能是生活所迫。。。 + +**唯愿此生，岁月静好** diff --git "a/blog/lifestyle/\346\267\261\350\260\210\344\270\252\344\272\272\345\257\271\346\226\260\346\212\200\346\234\257\347\232\204\347\234\213\346\263\225.md" "b/blog/lifestyle/\346\267\261\350\260\210\344\270\252\344\272\272\345\257\271\346\226\260\346\212\200\346\234\257\347\232\204\347\234\213\346\263\225.md" new file mode 100644 index 0000000..7699f1e --- /dev/null +++ "b/blog/lifestyle/\346\267\261\350\260\210\344\270\252\344\272\272\345\257\271\346\226\260\346\212\200\346\234\257\347\232\204\347\234\213\346\263\225.md" @@ -0,0 +1,149 @@ +--- +slug: talk-new-technologies-opinion +title: 深谈个人对新技术的看法 +date: 2022-10-15 +authors: kuizuo +tags: [杂谈] +keywords: [杂谈] +--- + +目前技术圈的发展速度可谓是有目共睹，尤其是前端，每隔一段时间就出新的技术，可以说让很多初学者非常畏惧，没有一个明确的方向不知道从何学起。 + +同时也有很多人，只局限于使用手头已掌握的技术，而不愿去尝试新技术。举个例子，如今 vue3 都已经正式发布，但仍还有停留在 vue2 不愿尝试 vue3 的开发者。而 java 都发布 18 版本了，可还有很多人都还使用着 java8，这种现象可以说是非常常见了。 + +这里说说我个人编码经验与看法，**仅作为个人观点，没别的意思**。 + + + +熟悉我的人应该都知道，我对很多新鲜的技术有一种难以用言语表达的情感，又哭又笑。属于是那种看到感兴趣的就会开始尝试，在之前也许更强烈。 + +驱使我去接触的原因无非就以下几点： + +- 开发体验、性能提升 +- 对已有技术的厌倦感和对新鲜事物的好奇心 +- 更多机会与方向 +- 对未来技术趋势有更好的了解 + +## 写不完的代码 + +首先要知道一点，在任何的软件开发迭代中都没有最终形态的代码。说白话就是代码都是不断更新的，永远写不出最好的代码。 + +你能看到如今很多开源项目或者商业项目都在不断新增代码或者功能，除非作者不维护了，不然这份代码可以说写到世界末日。 + +究其原因还是因为社会不断在发展，硬件升级，性能提升，不断的业务需求。毕竟人都在进步，社会难道还不能进步。所以必然会有新的技术出现，只是出现的时间快慢，与技术难点突破。 + +## 开发体验、性能提升 + +毋庸置疑，在购买方面，肯定是买新不买旧，同样的在技术（软件更新）方面也是则从用新不用旧。驱使软件和框架更新的原因也就是新增了某些功能（特性），对用户（开发者）的体验有所提升。一般而言比较少的会存在反向更新的操作，这里除了某些国产软件~~（如某信，某 Q 等等）~~ + +就我对此的看法也是如此，假设一个开发工具启动花费了 5s 钟启动，而在它的最新版只需要 1s 钟就能够启动，你会选择更新尝试吗？。再比如一个框架原先的代码需要 10 行代码才能实现的功能，由于新版本提供一个语言级别的语法糖，使该功能只需一行。 + +并且我对开发体验非常在意，尤其是不好用，或者不好配置的东西，我基本秉持能不用就不用的原则，像 vue2 与 webpack 就是这样，我跟愿意使用 vue3 或 vite。诸如此类的替换有非常多，便不一一列举。 + +要我肯定毫不犹豫的更新去使用，但有些人可能对此提升不是很在意，又或者是升级的成本相对较高，也可能是因为这个开发工具（框架）他用的比较少，更新的意义自然就不大。 + +## 对代码厌倦和对新事物的好奇心 + +我写代码时常处于三分钟热度的状态，有些东西可能也就一开始的时候感觉比较新奇，然后就不了了之了。我对此的看法主要还是容易对代码产生厌倦感，不想写代码，不愿意学习。当厌倦感产生了，自然而然就放弃编写，也就是三分钟热度的状态。不过也能侧重体验一点，那就是肯定我对此不是那么感兴趣，既然不是那么感兴趣的东西，又何必在写下去呢？ + +接着过段时间又遇到了一个新的技术，冲击了我的好奇心，开始尝试。 如此重复，就会发现啥都学了一点，但实际是啥都没学到。但至少，让我肯去学习，而不是在原地踏步。而从心底里就想接触的新鲜事物，每次接触到就能满足自己内心的好奇心，就这一点我便知足了。 + +### 重构的艺术 + +如果回头看看自己 1，2 年前写的代码，会发现原来自己也曾写过丑陋不堪的代码，也成为过自己所讨厌的样子。如果这份代码我将来还会用到，那么我就尝试去重构，也许在当时还不支持某种特性，代码就无法简化。基于现有的水平，便会发现很多代码都有可改善的地方，可以化繁为简。代码重构属于将杂乱摆放的东西，收拾的整整齐齐的样子。重构是在提升观赏度和舒适度的同时，还减少 bug 的诱发概率。 + +> 在编程语言级别水平上，也就是我为什么会想去使用最新的版本（ES2022，TypeScript 4.9），即便是兼容性的问题，我也会去使用，就是因为能够满足我对代码的舒适度，这便足以。 + +### 生态与解决问题方面 + +我是很感谢新技术的出现，他实实在在的解决了一些我已有的痛点，提升了我的开发体验。当然它也让我踩了无数的坑，也折磨过我。但不可否认的是，我的自我解决问题的能力也在不断提升，如果我学的是一门比较流行的技术，那么我所遇到的问题，很有可能别人也遇到过，并将他的解决方案分享出来。而我就很容易根据报错描述找他的解决方案来解决我的问题。但在新技术下，用的人自然而然就少了，所分享的问题解决方案也就少了，所以在这种环境下，我就需要自行翻看源码，查阅文档，提出 issues 才能够解决问题。自然而然解决问题的能力也就有所提升。 + +像流行框架能有这么有问题解决方案，就是因为强大的生态，同时这也是生态好处之一。 + +> 因此也有很多人顾忌使用新技术，就是因为遇到问题不知如何解决。包括我也是，但通常我会观察一段时间，等成熟了我才去尝试，而不是直接上手，避免踩一些不必要且耗时的坑。 + +### 总是活在舒适圈 + +在圈内有着熟悉的环境，与认识的人相处，做自己会做的事，所以会感到很轻松、很自在。但是当踏出这个圈子的界限的时候，就马上会面对不熟悉的变化与挑战，因而感到不舒适，很自然的想要退回到舒适圈内。 + +我在阅读英文博客的时候，我也时常感到不舒适，阅读不下去。我也很想回到舒适圈，使用翻译软件来翻译但是这样就会导致我非常依赖翻译软件，就间接失去了一次英文环境与英语能力的提升。 + +长时间待在舒适圈，会让自己过得很舒服，但是却很难提升自己。不过想想也是，**提升的过程不就是苦尽甘来**。 + +以目前来看有一种这样的学习趋势，别人学什么，当下什么技术火，就去学什么。我其实特别反感这种现象，也不推崇这种学习理念。我会做出我的解释： + +首先，什么技术会火就学什么，这固然没什么问题，如果一门技术没有热度，没有生态，那么学了的意义不大，一是难有长久稳定的技术发展，二是不能将技术变现。而绝大多数人之所以选择火的技术，有很大一点是因为有前人给他铺了很多“路”，如学习指南，思维导图，视频教程仿佛跟着学就能成为编程大牛似的。可一旦没有这些，就不知道该如何下手。始终都是跟着别人步伐学习，思维很难扩散出去。 + +并且这种现象必然会导致内卷，首先看看国内的技术，Vue 和 Spring boot 的可以说 10 个 web 开发程序员中有 8 个技术栈是这套，比麻花还是卷了，可薪资呢？ + +这里我并不想贴相关的薪资图片，你完全可以自行去了解，但是我可以肯定且直接告诉你，React 的薪资普遍会比 Vue 高上一截，而 Java 后端开发，如果技术只停留在 CRUD 的层面，工资普遍也高不了多少。 + +**如果你不去拓展自身的技术栈，不多去了解一些未来的可能会火的技术，还停留在当下，活在舒适圈。那么薪资大概率不变，并且自身会有很大被劝退的概率。** + +与时俱进，这是我认为不断学习新技术，提升自身技术栈，非常重要的一点。**过得舒服，反而过得难受** + +## 更多的机会与方向 + +技术更新迭代越来，也带来越多的机会，这对于接触前端的我感到尤为明显。假设当下又出了某某技术，那么必然会引起软件开发者的关注，于此同时就带来了维护者，贡献者，甚至是一些金主投资商。像 [Tailwind CSS](https://tailwindcss.com) 与 [Vercel](https://vercel.com/) 就是一个很好的例子，两个前端明星项目，有兴趣可以了解它们的故事。 + +**不过这种机会在国内不太多见，反而在国外特别普遍。** + +但必须要承认的一个事实，如今技术发展过于迅猛，加上目前就业行情不容乐观，当别人了解过的东西，你却不了解，那么别人所能遇到的机会自然就比你多。说的难听点也就是没有对技术提升的想法，今后项目迭代的过程中使用到一些前沿技术就难以胜任。 + +### 没有目标的学习，等同于乱学 + +**没有一个明确的目标，学任何（新）技术都是乱学，充其量也就只比不学好一点。** + +这在我初学阶段尤为明显，我一开始也不清楚我以后会从事什么行业，可以说是什么都乱学一顿。在我的一篇年终总结 [2019.7-2020.7 编程年记](/blog/2020-year-end-summary) 中可以说是尤为明显，尤其是在 [定一下明年的目标](/blog/2020-year-end-summary#定一下明年的目标) 的段落中，最后我真正深入学习的也就是只有 Web 开发。 + +我相信很多初学者也会遇到类似的问题，不知道学什么，想学好找工作的但是薪资不高，想学感兴趣的但又不知如何下手。说实话，要我回到当初，我也难以抉择。也有可能处于摆烂状态或是乱学一同，到头来啥都会一点点，但是又好像啥也不会的样子。 + +这里我是奉劝先定一个短期的目标，为了这个目标我要去学习哪些技术知识。这里就说我未来一年的目标为例：我未来一年想写开源项目，为开源社区做一份微薄贡献，乃至从事开源行业。那么我就需要了解写开源我需要那些预备知识，例如 Github 的使用，项目规范，英文交流等对应开源项目的技能知识，这才是我所该学的，并且能够实实在在用到的，且对我未来有用的。 + +## 对未来技术趋势有更好的了解 + +**当你了解的技术越多，你就越能知道自己适合哪些技术。**并且当你去尝试过后，更能加深你对某个技术的信仰。 + +在未来技术只会越来越多，因为当下要解决太多问题，有太多的业务需求开发。只要不断有需求，就不断会有技术更新。但技术更新必然是朝着好的方向去发展，即技术趋势方向。而了解的越多，能看到技术趋势也就更远，方向就更难偏移。 + +像我目前就比较看好未来 js/ts 的发展，这也是使我从逆向和爬虫转到 Web 开发行业上，并且将会长期发展下去。 + +但很多程序员就缺乏这种对**技术的认可**，甚至眼光比较浅薄，认为自己当下所学的就足以，可没却从未到真正的”外面”去看过。 + +当有了对未来技术趋势的了解，自身就有相对明确的目标学习，而不是漫无目的学习，跟风学习。 + +## 我是如何了解到这些技术的？ + +也许有些人并不在意新技术是否学习，而是好奇我是如何知道这些技术的。这个问题非常好，我自己简单总结通过那些途径来获取到这些相关技术的新闻。 + +主要有以下几种来源： + +- 多加技术群，不定时看群聊 +- **多刷技术大佬文章（推特），或者是技术公众号和掘金（最多的也是最有效的）** +- 订阅一些技术周刊，或订阅某个项目 + +没啥技巧，就靠刷技术文章，自然而然的了解也就越来越多了。 + +尤其是第二点，也是我了解这些新技术的最直接途径。与其自己去主动了解新的技术，将刷抖音的时间改成刷技术文章，了解新技术就是分分钟的事情。可以说我写博客是因为这个契机，记录自己用到的技术的开发过程，并分享个人的开发体验，让更多人了解到这些新技术。 + +## 面对新技术该怎么学？ + +其实更多时候是比较在意如何去学一门新技术，而不是找一门新技术，当阅历多了，技术自然就了解的多。这里我分享下我对于新技术是如何起步与学习的。 + +首先我会列举出我近期感兴趣的技术，这一步很关键，我当然不可能每个技术都去尝试一遍，时间精力根本不够。通常在我了解到这个技术的时候，比如文章与视频中，都会介绍到这个的优点与用法，这就足以了。 + +但想要进一步的学习，还是得依靠实战项目（至少我都是通过实战项目来学习的），这时候我会看看手头的项目，看看有没有能够基于上面所列举出的新技术升级的想法，如果有的话，那正好就当重构与新技术的学习，这是最好的，也是相对比较节省时间的。 + +但如果没有的话，我通常是会考虑另写一个项目，而这个项目可能是某个灵感的实现，也可能是久违想写的项目，或者是复刻某个感兴趣的站点，总之从上面所列举出来的技术中去选择一个来进行实践。在项目实践中去尝试使用这些新技术，哪怕只是实现一个简单的 demo，也总比单纯的刷文档，看代码来的有效。 + +**在项目实践中学习，永远是最直接也是最有效的**。回想你编写课设或者工作的项目，是不是在项目开发中进步的最快？如果这时候还有点时间紧迫感，进步反而会更快。（当然焦虑和压力也会随之提升） + +## 最后感悟 + +关于本文，必然有引来一些不同看法与见解，每个人都有对不同事物的理解，我只是将我对新技术的看法，以文章的方式输出出来。本文并未带有任何的技术的偏见，我对任何技术都保持一视同仁，并且愿意去尝试学习。 + +不必抱怨新技术发展的过快，自己来不及学，学不完。或者担心自己学的东西在未来将会淘汰，等同于白学。学习过程就是一个非常好的经验总结，当你回顾整个学习过程，其实都没有白学。反而多一次的学习过程，在未来学习新的东西时，学习的成效也会显著提升。保持不断学习，就永远来的及学习。 + +更多时候，不应该只学如何使用，而是该想想这东西是在什么样的契机下如何被创造出来的，解决了什么问题。而这个问题在未来有没有什么更好的解决方案可替代，如果有更好的解决方案，那么必将又将发展出新的技术来更好的解决这个问题。这在我曾经的学习中，我是从未考虑到的，只专注于学习，而没去了解为什么。 + +我是希望越来越多的新技术出现，无论它是为了解决什么，必然能解决某些人的一些需求，那么它的出现就很有意义。至于未来该技术和相关生态发展如何，不得而知。也没人敢笃定未来这个技术必定会火，就去学这门技术。绝大大多情况下都是比较看好这门技术，认为未来可期，同时又感兴趣，就开始学习并使用。 diff --git "a/blog/lifestyle/\350\256\260 Github \345\255\246\347\224\237\350\256\244\350\257\201.md" "b/blog/lifestyle/\350\256\260 Github \345\255\246\347\224\237\350\256\244\350\257\201.md" new file mode 100644 index 0000000..35eec81 --- /dev/null +++ "b/blog/lifestyle/\350\256\260 Github \345\255\246\347\224\237\350\256\244\350\257\201.md" @@ -0,0 +1,125 @@ +--- +slug: github-student-certification +title: 记 Github 学生认证 +date: 2022-09-06 +authors: kuizuo +tags: [记录, github] +keywords: [记录, github] +description: 记录 Github 学生认证艰辛过程与经验分享。 +image: https://img.kuizuo.cn/202312270150041.png +sticky: 1 +--- + +我个人是非常讨厌这些认证提交手续的，例如疫情健康报告，请假申请表等等，当然也包括这次 Github 学生认证。 + +这也就是我为什么迟迟不认证 Github 学生的原因，其实说白了就是没必要。但就在前段时间 [github copilot](https://github.com/features/copilot/ 'github copilot') 不是内测结束了，然后要开始收费了，收费标准 一个月 $10 / 一年 $100。这费用对于我本不富裕的生活雪上加霜。而 coplot 对教育认证有免费资格使用，于是乎就有了此次较为艰辛的 github 学生认证。 + + + +## 开始认证 + +介绍完故事背景后，就要开始认证了。 + +能看到这篇的估计也是想要学生认证的，这里就将我的认证过程总结出来。 + +### 1、不要科学上网 + +如果开启科学上网的话，提交时 github 会根据 ip 来判断所提交的学校位置和 ip 地址是否相近，如果差的很远的话是直接认证失败，并提示 + +> You appear not to be near any campus location for the school you have selected. If you are a distance learner then your school-provided academic affiliation documentation must state so. + +大致意思：您没有出现在您所选择的学校的任何校园附近。如果你是远程学习者，那么你的学校提供的学术联系文件必须说明这一点。 + +也就是这一点，让我放弃我在老家认证学生认证的想法，而到开学才重新认证 + +但如果不开启科学上网就有可能获取不了 Google 地图与最终提交，我的做法是修改 host，然后需要 Google 地图的时候开启科学上网，然后获取定位信息后再关闭，最后提交的时候没开启科学上网。 + +### 2、学生认证资料 + +#### 教育邮箱 + +有的大学是没有教育邮箱的，就比如我的大学。但不用教育邮箱也是能认证成功的。（当然有的话反而更好通过） + +#### 学生证 + +学生证学生卡这些都可以作为学生 ID 来认证的，不过在拍学生证之前一定要保证照片清晰，看情况决定时间水印，因为有可能会提示如下信息 + +> Your document does not appear to include a date demonstrating current academic affiliation. For countries utilizing non-standard calendars, you may need to capture the original document beside one with a converted date. You may include multiple documents in your image, so long as they are legible. + +大致意思就是提交的资料没有当前时间认证，所以加个时间水印主要是为了这个。 + +但不过我有个同学是新号，5 月 github 注册的时候提示要他学生认证，然后他就随手拍了一下学生证的照片提交上去就认证通过了。据他回忆当时认证的信息填的很随意，然后第一次就通过了。而反倒是我提交了好多次学生证都失败了，怎么说呢，可能看账号吧。 + +#### 学信网在线验证报告 + +假设你拍照提交学生证一直失败（我就是这样），那么还可以通过 [学信网](https://account.chsi.com.cn/passport/login '学信网') 的学信档案 [申请教育部学籍在线验证报告](https://my.chsi.com.cn/archive/bab/xj/show.action '申请教育部学籍在线验证报告') + +这个报告默认是中文的，但是 github 不一定认中文的，所以会拒绝。这时候就需要翻译成英文，但是在学信网申请英文在线报告需要额外 30 元，有效期 1 年。当然如果不想花这些钱，就想着是学生认证白嫖的话，也可以使用网页在线翻译，将内容翻译成英文，就得到了一份英文版的在线验证报告。而这个份报告是能通过的，我就是这样操作的。 + +每次提交的文件都要求不同，因为 github 后台会对文件做认证，所以就需要多拍照，多截图，做到图片相似，但不相同。 + +### 3、修改 github 个人信息 + +如果你按照上面的操作提交了，但还是不通过，并且只有下面一条提示信息的话 + +> You are significantly more likely to be verified if you have completed your [GitHub user profile](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/personalizing-your-profile 'GitHub user profile') with your full name and a short bio. + +大致意思是，完善你的 github 个人账号信息（头像，昵称，简介），像我做的就是把昵称改成了我的真实姓名，简介就写我来自什么学校，热爱开源。就差最后大招把头像改成我的自拍照，背景是学校门口。当然 github 还算仁慈，最终还是没让我放出“大招”。 + +然后我修改了个人信息，并又提交了几次后，就终于成功了！ + +所以只出现了上面的一条提示，那么说明已经快要成功了，只不过 github 还要考核你的坚持程度，看你会不会放弃（我猜的） + +## 我的认证过程 + +按照以上的步骤，我将演示一遍我的认证过程。 + +1、登录 [github education](https://education.github.com/benefits) ，选择学生那个按钮。 + + + +2、首次表单填写邮箱，学校，以及使用 Github 的目的。**表单所提交内容全都要使用英文** + + + +3、再次填写一个表单，首先是照片证明，也就是学生认证资料。这里是使用的是**学信网的在线证明英文翻译**，Proof Type 选择 Other (Example: Screenshot of school portal)，备注内容填写证明来源，例如：**这份证明来自中国高等教育学生信息网（学信网），以下是在线证明地址。。。** + + + +其次第二个表单，根据你的学校信息填写即可。**切记到这一步的时候请不要使用科学上课，最好使用学校的网络来提交。** + + + +4、点击 Process my application 提交，等待结果即可。 + +最终 Github 在今早发送邮箱告知我认证成功了！ + + + +只要你提供的学生信息真实有效，不断提交最终肯定是会成功的。在这认证期间我一共提交了 11 次请求。 + + + +期间收到的 Gtihub Education 邮箱信息如下： + + + +最终也不负众望，在收到 github 通知的时候的，我就立马编写了这篇文章，记录了自己 github 学生认证的过程。 + +如果你有幸看到这篇文章，并想要认证 github 学生资格，希望这篇文章有帮到你。 + +## 认证到期 + + + +时隔一年，我的 github 学生认证到期了，然而就当我准备按照上述方式续期的时候。发现我的学校认证方式变得严格了起来， + + + +由于我之前的信息(学信网在线认证)已经使用过了，告知我换个文件，我猜测是因为 审核流程 检测到页面相似度过高，就 Reject 了。还有一点在这次提交的时候，明确告诉需要我校的教育邮箱来进行认证，然而我并未申请，并且申请也不是那么容易，所以便暂时放弃。 + +不过目前来看，我使用最多的还是 github copilot，但学生认证过期后并不影响使用，所以我就不急着续期了。但 Jetbrains 的产品估计是跑不了的。 + +## 感谢 + +最终也是要感谢 Github 为广大开发者提供平台，让一群志同道合的人在上面分享并创造想法，同时也感谢这些默默为开源做出贡献的前人，不断为这个世界增添一丝色彩。 diff --git "a/blog/lifestyle/\350\256\260\344\270\200\346\254\241Github\346\217\220\344\272\244PR\350\277\207\347\250\213.md" "b/blog/lifestyle/\350\256\260\344\270\200\346\254\241Github\346\217\220\344\272\244PR\350\277\207\347\250\213.md" new file mode 100644 index 0000000..7727db1 --- /dev/null +++ "b/blog/lifestyle/\350\256\260\344\270\200\346\254\241Github\346\217\220\344\272\244PR\350\277\207\347\250\213.md" @@ -0,0 +1,96 @@ +--- +slug: github-pr-experience +title: 记一次Github提交PR过程 +date: 2022-01-25 +authors: kuizuo +tags: [记录, github] +keywords: [记录, github] +--- + +## 故事起因 + +博客正准备写一个项目展示的功能，其中 Docusaurus 中的[案例展示](https://docusaurus.io/zh-CN/showcase)就很适合改写成项目展示页面，然后无意间刷到我当时搭建博客所参考的博主[峰华](https://zxuqian.cn/)的博客也在展示页面。 + + + +于是脑海中就想：要不然提交一下我的博客试试看？然后便有了下文的故事 + + + +## 故事过程 + +当时具体提交的[Pull requests](https://github.com/facebook/docusaurus/pull/6458) + +展示页面中有个很明显的按钮 Please add your site，点击后就跳转到 Github 的编辑页面了，不过浏览器不方便操作代码，所以我就 clone 了项目，根据提示，修改了两份代码（一个是添加背景图片，一个是添加博客的 json 数据）提交了 PR（Pull requests）。 + + + +一开始我是怀着尝试的态度去提交的，所以我不小心将代码格式化（也就是第 10 行 sortBy 两边的空格，原本代码风格是没有的），直到我已经提交上去的时候才发现 😂，甚至提交的时候我连 _description_ 都没写（所以我当时真是怀着尝试的态度去提交的）。虽然这是我第二次提交 PR，但也告诉我以后 commit 提交，一定一定一定要比对前后代码变动的地方，不然就会像上面这样。 + +提交完之后，很快就有机器人给我回复 + + + +大致的意思：首先很感谢你为社区提交请求，但是呢，为了合并你的代码，我们必须要贡献者签署我们的贡献者许可协议 + +很显然我并没有签署过，于是它就把解决方案也告诉了我，叫我访问https://code.facebook.com/cla，去签署CLA签名（贡献者许可协议），像下面这样，点击Submit就可以提交。 + + + +当时我看签署完毕后，返回 PR 页面还是提交要签署，所以我打算关掉这个 pr，准备重新提交一个新的 PR。（这种做法是真的愚蠢，尤其是在一个大型的开源项目） + +就正当我关闭 pr 的时候，这时 Reviewers（审核人）给我回复了一条信息 + + + +> Hey, please don't close your PR if just because of the CLA. The bot will update your status soon after you signed it. + +意思就是：请不要在签署 CLA 签名前关闭 PR，机器人会自动在你签署后自动为你更改状态 + +然后我就灰溜溜的重新开放 PR，那时候感觉我是真小白，太尴尬了 😅。 + +然后等待了差不多有半个小时左右，机器人给了回复 + + + +> Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Meta Open Source project. Thanks! + +意思：感谢您签署我们的贡献者许可协议。我们现在可以接受您的代码为这个(和任何)元开放源码项目。谢谢! + +然后审核人为我的错误 commit 标题进行了修改~~docs: Add Kuizuo's Personal Website to showcase page~~ docs: add Kuizuo's Personal Website to showcase，**第一个单词 Add 不应该首字母大写**，不符合规范。 + +然后为我提交的代码做了一些小调整 minor tweaks，也就是上面所提到的 sortBy 空格，然后为我提供的展示图裁剪成标准尺寸。 + + + +审核人批准了我这两项修改，然后等待系统审核，具体审核的图我当时没截，现在没显示了，把已提交后的代码重新部署到 preview(预览)下，整个过程大约 5 分钟这样，接着审核人对我回复了一句 Great site, thanks! (很好的网站,谢谢)，然后这个 PR 状态就变成了 merged(合并)状态。 + +然后我犹豫了几分钟，不知道该怎么回复了，加上我英文表达不行，所以我原本中文是 + +谢谢,希望 Docusaurus 做的更好,一起努力 用软件翻译后 Thank you, Hope Docusaurus can do better. Let's go + + + +虽然才过去两个小时，但是我现在回想起来都感觉贼丢人。 + +首先，我这个回复不是指定为他回复，而是相当于全体评论，贼不礼貌，然后这个蹩脚的英文翻译，我真像把 Let‘s go 改成 Let's work together，就算改了，感觉这个回复也太不礼貌了，这就已经不是英文表达能力，而是中文的表达能力了。 + +总之最后的结果是好的，我提交的 PR 已经成功合并到了 main 分支上，并且在下一个发布的版本中，案例展示中将会有我的博客显示在上面，现在访问[preview 网站](https://deploy-preview-6458--docusaurus-2.netlify.app/showcase/?name=kuizuo)，搜索 kuizuo 也能看到（B 格瞬间就上来了） + + + +## 事后思考 + +整个过程下来，审核员给我的印象太好了，我这小白式的 PR，现在回看下来都感觉太丢人了。然后我一看审核员的[Github 账号](https://github.com/Josh-Cena)，好家伙，竟然是一名在中国上海的高中生！还是团队的核心人员！太牛了！ + + + + + + + +很难想象的到一位高中生竟能为默默的为开源项目做出贡献，而我的这次 PR 能提交成功，也与这位热心的国内学生有很大关系。（再次对我一开始报着尝试提交 PR 的态度表示抱歉） + +但又回到我这边，这次提交 PR 的经过也让我学到了很多，commit 时一定要仔细对比更改前后的代码，提交的 commit 标题的规范，不必要的 closed，以及最重要的开源精神，让我看到一个实实在在开源者的样子，也是我梦寐以求的样子。 + +最后也祝 Docusaurus 能越做越好，也感谢这些默默为开源做出贡献的人们，正因为有你们世界才会变得更好。 diff --git "a/blog/lifestyle/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\235\242\350\257\225\350\277\207\347\250\213.md" "b/blog/lifestyle/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\235\242\350\257\225\350\277\207\347\250\213.md" new file mode 100644 index 0000000..860b4bc --- /dev/null +++ "b/blog/lifestyle/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\235\242\350\257\225\350\277\207\347\250\213.md" @@ -0,0 +1,74 @@ +--- +slug: frontend-interview-experience +title: 记一次前端面试过程 +date: 2022-06-25 +authors: kuizuo +tags: [记录, 面试] +keywords: [记录, 面试] +description: 记录一次前端面试过程 +draft: true +--- + +考试终于结束了，也将近一个月没怎么写代码和文章了，准备调整下自身状态，开始进一步的学习。然后在前段时间我的一个同校同学拿到了 xx 公司的 offer，然后该公司正好有招前端开发实习，就问我有没有兴趣尝试一下，但一开始我内心其实不是很想工作的，想着暑假去闭关学其他技术，同时加上我目前的身份**准大三(休学一年)**实习期可能也就 2 个月，毕竟这行业不同于打工，是需要长期工作和维护。不过一想毕竟没面试过，所以就蛮去尝试一下，至于最终的结果，阅读全文吧。 + + + +## 简历 + +我的那位同学给我推了面试官的微信，于是加完微信，简单的几句招呼便直接开始找我要了一份**简历**，也就是整个面试过程中最重要的物件，即**面试的前提**。 + +很显然我压根就没有准备过这玩意，然后面试官叫我去准备一下（期间聊天强调过几次有空准备下简历），于是就去网上搜寻了关于简历说明、编写建议与简历模板，也了解到简历对面试者的一个重要性。 + +**简历是面试官了解面试者最快方式**，甚至可以说对于大部分人群是非要不可。于是我花费了一天的时间去准备了一份属于自己的简历，主要内容为个人的基本信息、技术特长、个人描述、教育背景、工作经验、项目经验等，其内容一定要真实，同时也要在精简的同时，让面试官一眼就能看到你的亮点，以及将来你到贵公司工作能为其提供的帮助，这些在外面的大部分简历编写建议中也有提及，这里我也仅是简单总结。 + +关于我的简历就不展示了（毕竟暂时比较烂），不过关于简历模板的话，我倒是可以推荐下。我所使用的是 [木及简历](https://www.mujicv.com/)，此外还有 [Markdown 简历排版工具 (mdnice.com)](https://resume.mdnice.com/) 与 [简历自动生成 (sugarat.top)](https://resume.sugarat.top/) ，这些都是我在搜寻资料中认为不错的在线简历模板。 + +最主要是丰富自身的阅历与技术，这样在简历编写时，其内容是一定能吸引到面试官的注意。要是什么技能都不会，什么项目都没有，一份不起眼的简历，作为面试官是很难给你一个面试的机会。 + +如果你已经看到这里了，并且你未来有找工作的需求，那么现在就可以着笔简历，而不是等到要找工作的时候在准备。同时在日常开发与学习中，也可以不断去完善自身简历。**总之，越早写简历越好**。 + +将简历提交给面试官后，如果叫你准备下面试，那么恭喜，已经进入第二步------**面试** + +## 面试 + +这次预定为周六早上 10 点（即本文发布日期）**线上面试**（无屏幕共享，只单纯聊聊技术栈相关），正常来说知道自己要被面的话，应该来说会提前做些准备。然而我就不一样了，我**没刷过任何面试题**（八股文），所以我想看看我的知识储备能否回答出这些问题，结果也确实如此，这次面试大多数问题回答不出来或者回答的半知半解的。 + +### 问技术 + +关于所问的问题，和外面主流的前端面试大致，这些就是考验基本功的问题，例如 HTML5 的新特性，JS 的一些语法等等，这些在八股文在面试过程中是必须要背的，因为这些决定计算机的基本功。此外面试官在了解你的大致技术栈后，必然会针对你简历上的内容，提出一些针对性的问题。比方说我在简历上写了一个后台管理系统 [KzAdmin](https://admin.kuizuo.cn) 其中就有问到像 JWT，axios 封装，前端菜单展示等问题，然后和一个[JavaScript 的混淆与还原](https://deobfuscator.kuizuo.cn/)，就问这个主要功能，以及其中所涉及的一些技术栈相关的。 + +至于整个面试所关于技术的问题与细节就不一一列举了，不过令我意外的是，所问题的竟然没有算法题，不过事后想想也对线上面试还无共享屏幕的前提下，咋可能问算法题呢，最多也就是问问你对你的技术栈的了解程度与理解情况，整个过程与我预期所想符合。 + +### 闲谈 + +最后就是表明他们的项目可能是需要长期的，然后我目前的情况又相对比较特殊，问我下学期课程的安排啥的。相对面试者比较在意的就是薪资，但在这次谈论期间是没有关于薪资的，我和面试官都没提，我自然是不敢提的，毕竟问题都回答的那么烂了，哪里还好意思提，同时这是实习岗位，自然薪资不会高到哪里去的。 + +当然了，整个面试过程最后一句话是**回去等通知** + +### 等待面试结果 + +通常面试都有以下三种结果。 + +第一、现场录用。第二、当场拒用。第三、回去等通知 + +大多数面试结果都是第三条，我自然不例外。至于有没有二面啥的，自我感觉有个 7 成左右。为何不敢说百分百呢？从整个面试的过程来看，其实我准备时间是充分的，但根本没怎么准备，甚至可以说全程是种摆烂的态度。再从回答问题上来看，我整个回答情况就表明告诉面试官我没准备好这次面试，加上一开始没准备好简历，就相当于我就是来面着玩的 😂。 + +公司面对这类面试者（求职意向不是很明确，情况特殊），大概率就是直接刷掉了。当然，这只是我的个人对此次面试的看法，如果有二面的话，我一定好好刷面试题，顺带锻炼下表达能力（现在在回想整个回答过程，我甚至都不好意思说我是学前端的了）。如果没有的话，算了不去想了。 + +## 面试结果 + +承接上文，直到考试结束任然没收到任何通知，即挂了。其原因其实我也在上文中说到，我的面试态度相对比较差，加上实习期限的原因。不过后话来说，即便我收到了这份 offer 我也不一定会去，当然这里说这种话确实有那么一点不好，但首先我是工作过（虽然不算一个体系的公司，只能算作工作室），而且给我分配的时间充裕，而且薪资还不低，并且当时涉及的业务还是我相对比较强项的协议复现和逆向（虽然我已经快半年没碰，而且大概率会在持续半年的时间不接触逆向相关的）。但每天的任务就是等待产品经理的需求，这时就需要停下手头的事情，来完成任务，大部分的时间都是在测试和维护。虽说和与搬砖打工有点区别，但本质无异，都是枯燥任务。同时我本身是挺反感重复任务与中断的，所以上一份的工作给我的感受就是（时间）充实但又夹杂着（任务）枯燥，但很多时候就不得不妥协，因为生活所迫，这里就不做感慨了。 + +总之，这次的面试结果也并不让我意外，甚至可以说是情理之中。 + +## 总结与建议 + +对整个面试的过程对我而言就是要锻炼自身表达能力，在除了没刷八股文外，像一些问题，我很难用口语去告诉面试官我的意思，但使用屏幕共享加代码展示就不一样，但当时的面试官没提加上我也没主动申请，这是我认为整个过程比较可惜的一点。不过整个过程下来，我认为面试也没什么的，无非就是问问题，平常多刷面试题。 + +关于一些建议的话： + +首先就是个人简历非常重要，最好添写个人[Github](https://github.com/)与[博客](https://kuizuo.cn)，绝对是面试的加分项。尤其是博客，在上面所分享的内容，也可能会吸引到一些需要招聘你的 HR。至少告诉面试官你有在学习，并且懂得记录。其次就是简历上一定要有能亮眼的地方同时自己又很掌握的项目经验，这样面试官针对性的问题，对自身也有很好的作答。如果自己掌握程度不是很大的情况下，还是不建议编写，即便学过，但忘了，那就是不会（说的不就是我吗）。 + +一个好的简历谁都会写，但面试不是一纸千金，工作更不是纸上谈兵。简历是了解一个人的基本资料，而面试主要是考察一个人的工作能力与综合素质，即便你工作能力再强大，但你工作态度属于摸鱼的状态，同样是无法胜任此工作的。所以既然选择要工作，那就应该做足准备，拿出最好的工作态度给面试官。 + +所以我一开始的目的到底是什么呢？准备实习工作呢？还是闭关学习呢？又或者是... diff --git "a/blog/lifestyle/\350\260\210\346\230\223\350\257\255\350\250\200.md" "b/blog/lifestyle/\350\260\210\346\230\223\350\257\255\350\250\200.md" new file mode 100644 index 0000000..0c6f54c --- /dev/null +++ "b/blog/lifestyle/\350\260\210\346\230\223\350\257\255\350\250\200.md" @@ -0,0 +1,178 @@ +--- +slug: easy-language +title: 谈易语言 +date: 2020-10-08 +authors: kuizuo +tags: [杂谈, 易语言] +keywords: [杂谈, 易语言] +description: 谈谈易语言其优缺点以及我对易语言的看法 +--- + +好歹自己学习易语言也快有一年了，也用易语言写了一些软件，特此记录一下以及对易语言的个人看法。 + +该文章有可能过于啰嗦，可吐槽的点太多了，也正有感悟才能写的这么多。 + +:::note 补 + +2021 年 3 月是我最后一次打开易语言，至此我已经很久不写 exe 项目了。 + +::: + + + +## 易语言介绍 + +还是简单介绍一些易语言吧，毕竟肯定有很多即使学过编程也没听过易语言的，易语言是一门以**中文**作为程序代码编程语言，简称 E 语言(EPL)，创始人[吴涛](https://www.baike.com/wikiid/3464184696167845391?view_id=2nxgpp3bv6k000)，2000 年一个人独立开发易语言。 + +有关易语言的特点如下： + +### 易语言不开源 + +不像主流的编程语言 C，Java，Python 等是开源的，易语言是一款纯正的商业编程软件，易语言正版加密狗 618 元，不过有破解版，不然多数人都不会去接触易语言了。但不开源就已经注定了易语言的在整个生态就不行，并且易语言已不在维护了，也就是很久很久没更新过，或者说不会再更新了，作者也已不再管易语言了，目前也就一些易友去开发一些相关的插件模块库这些。 + +### 全中文界面，可视化 UI，填表式的声明 + +我这里放几张图展示一下 + + + + + +首先要吐槽一下，2000 年的页面与 2020 年的页面可以说是完全一模一样的。开发界面是真的丑，但有一点是，页面的语言命令都是全中文的，比如`if`所对应的的就是`如果`，`MessageBox`所对的就是`信息框`，很多命令都中文化就再举例了，并且每个函数都是以表格似的填写，也就是代码的格式都定死死的了，如果你学过其他的编程语言在来和易语言比对，你多半会学的够呛，很难理解为啥要这样。不过也正是填表式声明，导致易语言过于简单，后文也会提及。 + +在比对一些 C#的开发界面 + + + + + +可以看到页面肯定比易语言好看 100 倍，但是随之而来的就是难度的提升，先不说好写与不好写，你让一个没学过编程的看，多半看的云里雾里，这时候就会劝退很多人瞬间不想学了，相信很多学编程的都有这样的经历。 + +#### 上手容易，可以做到极速开发 + +接着再来说一下上手学习，正是由于有上面那个前提，易语言可以做到上手特别快，可以说会用电脑，有逻辑，会识中文，易语言好学的一批，基本上学个几天自行写个软件完全没问题。对于国人一点编程基础都没有的新手，并且英语还不好的话来说，易语言可能是真的好上手，我当初学易就有一部分就是给英文劝退了。 + +首先我要提的是可视化界面设计，你只需要将旁边的组件拖拽至窗口页面上即可，相对于的属性，例如内容，宽高，颜色在旁边显而易见，要修改只需要点击修改对应的数值即可，而对于其他的 IDE 来说，如果英文不咋好，并且还是第一次用，找可能都要找几分钟。而正是这个可视化界面，让我当初有信心学下去易语言，如果你学过 C 或者其他编程语言，一开始都是在那黑不溜秋的控制台显示，我就只是想写个软件用用，你给我讲那么多理论知识，甚至我还听不懂的那种有个嘚用。 + +同时还可以直接打包成 exe 文件，直接在 windows 上运行，发给别人也能运行，哇，瞬间感觉到写软件的牛逼之处了，直接小有成就一波。这里我放几张我当初学易语言写的一些界面吧： + +例如写一个骗骗小学生的 2020 年最新刷 Q 币软件（用到了浏览器的填表功能改了 q 币的值） + + + +在比如做一个音乐播放器（是有声音的，只是我录制的是 gif） + + + +在比如一些自动添加好友的 + + + +在比如写一个注册机模板 + + + +网络验证 + + + + + +还有特别特别多的例子我就不举例了，这些用其他的编程语言肯定能写，但是与之对应的就是学习成本，很多人学其他编程语言，甚至还没学到界面设计就开始放弃了，原因很简单，没兴趣学呗，易语言界面好设计，但是基本都是原生 windows 组件，对于新手来说这完全足够设计出自己的软件了。 + +**要是没能在最想学习的时候，满足自我的成就感，那很有可能就会学不下去**。 + +我当初学易语言也是这样的，暑假学了两个月，其中第一个月学基础到还没什么，也就开始学习易语言的基本语法和编写一些程序来玩玩，但这些说实话没什么可看的，或者说没什么可用的，就想上面那个骗骗小学生的刷 q 币软件有用吗，没用呗。初学的一个月就都开始写这些可以说毫无软用的东西，直到我照着视频一个字一个字的模仿着敲一遍扫雷一键秒杀的代码，没错，就是这个激起了我对编程，让我感受到编程的魅力。放上一张 gif 图片。 + + + +当初照着视频一步一步来最终完成了该软件，但那时候的我其实根本不知道为什么可以这样，直到后续了解到汇编与游戏内存相关的知识，我才算真正懂的当初扫雷外挂的原理。 + +也正是因这个扫雷的外挂，让我接下来的几个天疯狂的学习，去写其他的游戏外挂，比如连连看的一键秒杀，消消乐，植物大战僵尸等等。这里我也放一张图吧（还特意去下载 qq 游戏） + + + +不过后面就没怎么学习游戏外挂相关的，一是所看的教程是 11 年的，中途没更新了，二是目前热门游戏以我目前能力写不出来，只要加上了检测，就过不了，并且容易封号（注：我 QQ 可不是开外挂给搞封了，就算开外挂最多也只是封游戏账号），最近接触的也就是 CF 越南服的外挂，有教程于是就学了点皮毛，不过教程又教到一半，就没深入去学习。这里提醒一句，写游戏外挂并销售是可是会给抓的。 + +不过有点扯远了，就凭这一手界面设计，易语言其实就足以容易上手写出个软件出来。在叙述几点易语言容易上手的地方，自带提示，全中文文档，比如下图 + + + +只要你鼠标选到对应的函数上，按下 F1 或者点击提示，就有对应的函数提示，对应其他语言也有，但是纯英文的，门槛就高一个档次。 + +#### 精易模块 + +如果没有这个模块也就易语言跟其他语言的区别可能就是一个是中文一个是英文了。我就举我用的最多的一个命令`文本_取出中间文本` + + + +而对于其他的编程语言，这类语言还需要自行编写一个函数来调用，而精易模块则是直接封装好好的供你使用。你都没必要去了解底层的函数，直接把门槛降了一个大档次。 + +至于相关的程序编写我也不多概述，下面就是易语言的缺点。 + +### 易语言的缺点 + +我说说我用易语言的缺点，也是我最不推荐别人学易语言的了 + +我上面也说到过 2000 年的页面与 2020 年的页面可以说是完全一模一样的。虽然有易友开发了仿 VS 界面的，但启动起来影响运行速度，我就没安装了。虽说我不是强迫症，但用多了 vscode 与其他的 IDE 相比，看到易语言就能想到是几年前的软件了。 + +#### 占用空间与运行 + +易语言毕竟还是一种封装过的语言，带来的方便，同时也牺牲了性能空间，与原生的桌面级开发相比易语言是无法比的。就比如用 C#开发的所占用空间肯定比易语言少，相关的性能优化更好，这里我就不放图了。 + +#### 软件报毒，即使没毒也会给杀毒软件报 + +这里我有必要说说关于易语言的一段故事，这里我放几个链接，可以去了解一番 [刷枪改图强登游戏 CF 外挂](https://www.bilibili.com/video/BV1WE411E7mQ/?spm_id_from=333.788.videocard.0) + +[为什么多数外挂都用易语言？](https://www.zhihu.com/question/20690643?sort=created) + +如果你在 2010 年左右接触过网络游戏，你肯定遇到过各种各样的外挂，而这类外挂多数都是出自易语言之手，甚至你现在在外面遇到的很多游戏脚本外挂，易语言也能占据多数。你随便百度一些易语言，相关的评论都是有关外挂这些。但事实上你只会易语言是根本不够写外挂的，我学过相关外挂制作，虽然学的浅，但至少学过。是需要汇编这类基础，但又为什么会很多外挂是用易语言写,，而且都是些水平不是特别高的人，原因很简单，因为那些写挂的很多都不会真正写挂，只是调用别人封装好了的库，甚至就连易语言自身都带了外挂库这些。让他们写一款新游戏的外挂，他们多半是写不出来了，原因就是他们不懂汇编这些，但是调用写好的库就 6 的飞起。当然这其中还是有些利益相关的方面，我也不多提了。 + +如我上面所的我一个初中同学，要不是我接触了编写外挂这些，我还真信了他当初能写的，实际上都是修改外面的源码，或者是直接调用写好的库，直接偷源码用。 + +因为外挂行业的崛起，导致一些厂商不得不进行一定的处理。总之，目前易语言写过的项目，多数是会报毒的，即便没毒，也已经给杀毒软件的厂商给拉入黑名单了，所以可以说没公司要易语言的程序员，即使软件没毒，但是还是报毒，你是信杀毒软件还是易语言？ + +#### 说说我用到的一些坑 + +我在做一些网页数据获取的时候，竟然连个 DOM 对象都没有提供，当时没接触前端，不知道有 DOM 对象，还是用正则去匹配，那时候是真的 nc。接触了前端，发现易语言竟然没提供 DOM 对象操作，我还是用别人封装的 DOM 类，并且还有可能出现匹配不到情况。 + +其次是调试的时候，对于变量值长度过长竟然无法直接查看，还需要保存为文本才能查看，并且我调试的时候常常崩溃，导致我每次找一个 bug 的时候都需要重启易语言好几遍才行。 + +由于是类似表格式的填写变量，参数与类型，也就导致了无法在其他编辑器上进行编写易语言代码比如我复制一个函数，给我的结果是 + +``` +.版本 2 + +.子程序 子程序1, 整数型 +.参数 参数1, 文本型 +.局部变量 变量1, 整数型 + +变量1 ＝ 到整数 (参数1) +返回 (变量1) +``` + +而在易语言所对的是 + + + +在易语言中的引号`""`，只能通过常量`#引号`，或者通过常量表，就比如下面这个 jsoin 字符串 `{"a"="123","b"="321"}`，而易语言的写法就是，`"{”+#引号+“a”+#引号+“=”+#引号+“123”+#引号+“,”+#引号+“b”+#引号+“=”+#引号+“321”+#引号+“}"`，一个个通过字符串来拼接，巨麻烦，也是我最想吐槽易语言的，不过也可以通过常量表来替换，但依旧很麻烦。 + +还有易语言自身是不支持 utf-8 编码显示，原因很简单，当初只是为了给国人用，gbk 显然是更好的选择。但有时需要 utf-8 的，这时候就莫得办法。 + +#### 没公司要易语言程序员 + +几乎没有公司招聘易语言程序员，实际上上面所说的就足以证明易语言不行了。并且很多人都不看好易语言，黑易语言，至于为什么黑，百度或者知乎想必会有更好的答案，这里我也就不再赘述了。 + +### 小总结 + +写到这，我其实有点想把介绍易语言的一部分给删了， 我不推荐新手去学易语言，因为易语言相比于其他语言，它还是太弱了。但如果没有这半年的易语言学习，让我天真的以为编程的简单，又怎么鼓舞真正入坑，让我去学习更多更深奥的知识。 + +不过就目前而已，我已经很少用易语言写东西了，但如果要写桌面级软件，我还是会首选易语言（因为只会易语言），毕竟写了也有半年了，开发效率也高。如果有机会的话，会深入学一下 C#还有 Qt，不过也不知道是什么时候才会有机会。 + +关于英语方面的话，我是挺惧怕英语的，我高中英语就没怎么及格过，甚至我大学英语还挂科了，但易语言给我带来了编程希望。就我目前学习来说，编程还真的不怎么吃英语，看不懂英语文档，翻译成中文文档不就完事，而且学多了就会发现太多都是死代码，需要的时候翻阅文档直接 Ctrl C V 使用即可。英语对编程来说只是为辅，英语好并不能提高编程的上限，同时也决定不了下限，就这么说吧，你让一个学英语专业的人来看一份几百行的代码，基本注释写得在详细，他没学过编程，能看的懂吗？但有很多开源的项目都是英文的，会英文固然是好，但不会就不行了吗，看不懂英文文档，我翻译还不行吗？说这些，就是希望别用自己的短处来阻劝自己的目标，很多时候都是学了才知道这个有没有用，没学有锤子用！ + +能接触易语言的，多半是没什么英文基础、编程基础。不能说易语言适合新手的入门语言，但绝对是能让中文普通用户眼前一亮，产生编程好感的一门语言。 + +易语言是我接触过的第一款编程语言。那时候曾是我最喜欢的编程语言，也是最能让我感到成就感的编程语言，不过在这行学多了，还是不得不放弃易语言开发，原因就是因为易语言不够强大，但也莫得办法，如今易语言的生态就是如此。 + +**如果易语言不是我的第一门编程语言，那么其他编程语言就是最后一门。** diff --git "a/blog/lifestyle/\350\267\235\347\246\273\346\210\221\344\270\212\347\257\207\347\254\224\350\256\260\350\277\230\346\230\257\345\234\250.md" "b/blog/lifestyle/\350\267\235\347\246\273\346\210\221\344\270\212\347\257\207\347\254\224\350\256\260\350\277\230\346\230\257\345\234\250.md" new file mode 100644 index 0000000..564a3ad --- /dev/null +++ "b/blog/lifestyle/\350\267\235\347\246\273\346\210\221\344\270\212\347\257\207\347\254\224\350\256\260\350\277\230\346\230\257\345\234\250.md" @@ -0,0 +1,78 @@ +--- +slug: why-i-dont-write-notes +title: 距离我上篇笔记还是在? +date: 2023-03-13 +authors: kuizuo +tags: [杂谈] +keywords: [杂谈] +--- + +当我起这个标题时，其实我已经很久没更新（翻看）过笔记了，甚至我都不记得我的博客还有笔记这个东西。 + +当我翻阅 git 记录，寻找上一次在笔记文件夹的 commit 提交记录，还是在去年的 10 月 1 号。 + + + +然而并不是我的技术栈没更新，而是我实实在在没去为这些技术栈编写过笔记。仅有的只是博文来记录自己所用的过程。 + +因此我想思考下我为何不记录笔记。 + + + +## 笔记的意义 + +首先不妨回答一下我所认为的笔记意义。 + +### 检索高效 + +当我需要回忆我曾经学习过的某个知识点时，笔记可以说是最直接有效的办法。与其再次使用搜索引擎搜寻答案，不妨直接从答案中找答案。 + +> 正如我笔记简介所述：**做到即查即用，能复制粘贴解决的，就绝不百度。** + +### 巩固理解 + +相比绝大多数笔记内容都是初学者去记录自己所学，在这个阶段，你对知识的掌握程度是比较浅显的，而笔记无非能加快你的理解，同时也是是成本最低的，翻看自己的内容远比理解他人的内容来的简单。 + +## 学习方式 + +很多初学者除了通过视频教程来学习，当然不乏有些人是通过别人的学习经验（即笔记）来进行学习，包括我一开始也是通过刷别人的笔记来学习某个知识。 + +不过相对于视频而言，视频通常很啰嗦且时长感人（动辄可能数天的时长）。很多人不喜欢铺垫，不喜欢废话，就想知道某个知识点怎么用，结果如何。同时视频没有搜索功能，如果视频创作者没有对视频进行分集，当你需要回看的时候时，你往往需要从数十分钟的视频中不断的拖动，甚至到最后才发现原来我看的不是这个视频。 + +而文档则不会，那你可以通过 Ctrl + F 搜索你想要的关键字，相比视频而言，检索的效率将会大大提升。 + +这也是我为何从视频学习转成文档学习很重要的原因。我也很推荐如今的学习者从文档学习，而不是视频学习。 + +## 为何不写笔记 + +### 笔记应该记录哪些知识点？ + +笔记无疑是耗时的，你可能会花费数个小时的时间，去总结一个可能你职业生涯中都用不到几次的知识。 + +为什么这么说，因为我发现我有很多笔记就是这种情况，你也可以回想一下你所记录的笔记，有多少是经常使用到的。 + +尤其是当你使用的足够多的情况下，你甚至都无需翻阅笔记。脑海中自然就会复现出你需要的东西，此时为何还需要看笔记。为了验证脑海中的正确性吗？ + +想想看你会为怎样的知识点大费周章的记录，是一个自己都不怎么用的知识点，还是用到滚瓜烂熟的知识点？ + +当我们经常使用某些知识点时，自然而然就会记住它们，这时笔记就没有太大的意义了；而对于使用频率较低的知识点，记录下来的意义也不是很大。 + +### 搜索大于记录 + +究其原因，还是因为我翻看笔记的频率变少了许多。如今的搜索引擎很智能，只要你用的不是百度，就能很快速的搜寻到答案，为何还需要记录一下，换成自己熟悉的口吻，到最后就变成上面所说的那样。而在 ChatGPT ，new bing 的诞生下，更加剧了我这一行为。 + +**当搜索大于记录时，笔记就显得弱不禁风。** + +### 官方文档与学习笔记 + +说实话，当你看到别人的笔记的时候，你会认真的从头到尾看一遍吗？我想不会，更多情况我们只利用搜索功能去获取我们想要的知识点。 + +但如果此时有两份文档，一份是官方的技术文档，一份是他人的学习笔记文档。你会选择哪一份？是我肯定毫不犹豫的选择前者，他人的学习笔记并不会及时更新，但官方文档只要还在维护，那么必定处于常更新的状态。假设我照着他人的学习笔记学习，此时正好有个函数的使用方法更新了，那么我必定会踩坑，导致不必要的 bug。而官方文档则不会，官方一旦有破坏性更新，通常会有显眼的提示，和 changelog 可供我参考，这就能及时有效的帮我排除不必要的坑。 + +这也是我为什么会宁愿去看官方文档，哪怕是英文的，也绝不愿去看第三方中文翻译后的文档，我有太多的坑就是因为更新不及时，存在信息差导致的。所以无论如何，能获取一手的信息，就别用二手的，甚至你也不知道人家会加工成什么样子。 + +## 最后 + +综上，我想我已经把我为何不写笔记的原因讲述的比较清楚了。 + +当然我并不是说笔记就一无是处，因为每个人，每个阶段的学习方式不同。曾经我也是笔记学习的追崇者，但如今的我能够不借助视频教程，不借助笔记来进行独立学习，所以为何不选择一个对我而言更高效的方式。 diff --git "a/blog/program/Chrome\346\217\222\344\273\266\345\274\200\345\217\221.md" "b/blog/program/Chrome\346\217\222\344\273\266\345\274\200\345\217\221.md" new file mode 100644 index 0000000..9eff5c4 --- /dev/null +++ "b/blog/program/Chrome\346\217\222\344\273\266\345\274\200\345\217\221.md" @@ -0,0 +1,523 @@ +--- +slug: chrome-plugin-development +title: Chrome插件开发 +date: 2020-09-28 +authors: kuizuo +tags: [chrome, plugin, develop] +keywords: [chrome, plugin, develop] +--- + + + +:::warning Chrome v3 已发布，而本文基于 v2 编写，故本文内容不再具有时效性。 + +::: + +## 前言 + +相关文章 [谷歌官方文档](https://developer.chrome.com/extensions/manifest) (需翻墙) + +[Chrome 插件开发全攻略](http://blog.haoji.me/chrome-plugin-develop.html) （强烈推荐看这一篇！） + +你只需要看完上面那篇文章和掌握一些前端开发基础，就足以自行编写一个 Chrome 插件。本文也是基于上面文章加上自己之前写的插件所记。 + +### 什么是 Chrome 插件 + +如果你用过 Chrome 浏览器的话，也许会用到过一些插件，其中比较知名的就是油猴插件，通过这些插件能够帮你例如自动完成一些功能，屏蔽广告，相当于一个浏览器内置的脚本。应该来说这是 Chrome 扩展开发，不过说 Chrome 插件更顺口，后文也会说成 Chrome 插件。 + +### 安装 Chrome 插件 + +首先打开 Chrome，如下图即可进入插件的管理页面 + + + +这时候记得把右上角的开发者模式给勾上，如果不勾上的话你无法直接将文件夹拖入 Chrome 进行安装，就只能安装`.crx`格式的文件。Chrome 要求插件必须从它的 Chrome 应用商店（需要翻墙）安装，其它任何网站下载的都无法直接安装，所以可以把`crx`文件解压，然后通过开发者模式直接加载。 + +然后将写好的 Chrome 插件文件夹拖入到刚刚打开的插件管理页面即可。 + +## Chrome 插件知识 + +### manifest.json + +是`manifest.json`切记不要英文单词打错字，一定要有这个文件，且需要放在根目录上，否则就会出现未能成功加载扩展程序的错误。 + +### background.html 和 background.js + +可以理解为后台，同时这个页面会一直常驻在浏览器中，而主要 background 权限非常高，几乎可以调用所有的 Chrome 扩展 API（除了 devtools），基本很多操作都是放在 background 执行，返回给 content，而且它可以**无限制跨域**，也就是可以跨域访问任何网站而无需要求对方设置`CORS`。这对我们后面要在 content 中发送跨域请求至关重要！ + +我习惯的做法是通过`”page”："background.html"`来导入`background.js`或其他 js 代码，如下 + +```json +// manifest.json + "background": { + "page": "background.html", + }, +``` + +```html + + + + +
+
+
+
+
+
+
+
+```
+
+```js
+// popup.js
+$(function () {
+ let configs = document.getElementsByClassName('configs')
+ for (let i = 0; i < configs.length; i++) {
+ let type = configs[i].type
+ if (type == 'checkbox') {
+ configs[i].onchange = function () {
+ chrome.storage.sync.set({
+ [this.id]: this.checked,
+ })
+ }
+ chrome.storage.sync.get(configs[i].id, function (items) {
+ configs[i].checked = items[configs[i].id] || false
+ })
+ } else if (type == 'text' || type == 'password') {
+ configs[i].onblur = function () {
+ chrome.storage.sync.set({ [this.id]: this.value })
+ }
+ chrome.storage.sync.get(configs[i].id, function (items) {
+ configs[i].value = items[configs[i].id] || ''
+ })
+ }
+ }
+})
+```
+
+可能需要多花点时间才能理解上面代码的意思，首先我在需要记录配置的地方添加了一个类`configs`，然后通过 js 代码遍历类名为`configs`，接着判断是多选框，还是输入框，input 的 id 为键名，value 为键值，来 set 或 get `chrome.storage`的值，然后进行事件绑定为修改配置后在记录一下配置。这里需要注意一下，写配置的时候`{ [this.id]: this.value }`这里的`this.id`是加了中括号的，原因就是这个 this.id 是变量，如果不加的话默认为字符串，但在这里有.所以是会报错的。
+
+强烈不建议用 localStorage，我当初第一遍学的时候没学明白，我还通过消息通信将配置信息发给`content`，然后还用 localStorage 记录一遍，现在才发现`chrome.storage`是针对插件全局的，即使你在`background`或者`popup中`保存的数据，在`content`也能获取到。
+
+当然这种读写配置的也算麻烦了，不像桌面级开发的读写配置。
+
+### 悬浮窗
+
+首先，一般对于网页端的插件，能提供的页面最好方式就是悬浮窗了，这里我也是通过 DOM 创建元素生成对象。而这个悬浮窗是针对页面的，而不是像 popup 那样。相关的页面初始化代码如下，
+
+```js
+var view = {
+ show: true,
+ cache: {
+ count: 0,
+ type: 0,
+ mouse_x: -1,
+ mouse_y: -1,
+ },
+}
+
+function initView() {
+ view.float = $(`
+
+
+ `)
+ view.info = view.float.find('#info')
+ view.kz_title = view.float.find('#kz_title')
+ view.kz_main = view.float.find('#kz_main')
+ view.float.appendTo('body').delegate('button', 'click', function (e) {
+ e.stopImmediatePropagation()
+ e.stopPropagation()
+ e.preventDefault()
+ let name = $(this).attr('name')
+ if (name == 'show') {
+ $(this).html(view.show ? '＋' : '－')
+ view.show = !view.show
+ view.kz_main.slideToggle()
+ }
+ })
+ addViewMouseListener()
+ log('日志输出1')
+ log('日志输出2')
+ log('日志输出3')
+}
+
+function addViewMouseListener() {
+ view.float.bind('mousedown', function (event) {
+ view.cache.x = $(this).position().left
+ view.cache.y = $(this).position().top
+ view.cache.mouse_x = event.originalEvent.clientX
+ view.cache.mouse_y = event.originalEvent.clientY
+ //console.log(view.cache.mouse_x, view.cache.mouse_y, view.cache.x, view.cache.y)
+ })
+ $(document).bind('mousemove', function (event) {
+ //计算出现在的位置是多少
+ if (view.cache.mouse_x == -1) return
+ if (view.cache.mouse_y - view.cache.y > view.kz_title.height()) return
+ let new_position_left = event.originalEvent.clientX - view.cache.mouse_x + view.cache.x,
+ new_position_top = event.originalEvent.clientY - view.cache.mouse_y + view.cache.y
+ //加上边界限制
+ if (new_position_top < 0) {
+ //当上边的偏移量小于0的时候，就是上边的临界点，就让新的位置为0
+ new_position_top = 0
+ }
+ //如果向下的偏移量大于文档对象的高度减去自身的高度，就让它等于这个高度
+ if (
+ new_position_top > $(document).height() - view.float.height() &&
+ $(document).height() - view.float.height() > 0
+ ) {
+ new_position_top = $(document).height() - view.float.height()
+ }
+ //右限制
+ if (new_position_left > $(document).width() - view.float.width()) {
+ new_position_left = $(document).width() - view.float.width()
+ }
+ if (new_position_left < 0) {
+ //左边的偏移量小于0的时候设置 左边的位置为0
+ new_position_left = 0
+ }
+ view.float.css({
+ left: new_position_left + 'px',
+ top: new_position_top + 'px',
+ })
+ })
+ $(document).bind('mouseup', function (event) {
+ view.cache.mouse_x = -1
+ view.cache.mouse_y = -1
+ })
+}
+
+function log(msg, color) {
+ let date = new Date()
+ let t = date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds()
+ msg = t + ' ' + msg
+ let div = $('').css({
+ 'border-color': 'rgba(121, 187, 255, 0.2)',
+ 'background-color': 'rgba(121, 187, 255, 0.2)',
+ })
+ let log = $('
+
+
+日志
+
+
+
+
+ +
++
+ +
' + msg + '
') + + if ($('.log').length > 15) { + for (let i = 0; $('.log').length - 15; i++) { + $('.log')[i].remove() + } + } + $('#logList').append(div.append(log)) +} +``` + +然后在 content.js 内容的对页面 url 判断是否需要初始化悬浮窗即可 + +```js +document.addEventListener('DOMContentLoaded', function () { + if (location.host.indexOf('chaoxing') != -1) { + initView() + } +}) +``` + +如何发挥就看各位了。 + +### 跨域请求 + +关于跨域请求，我当初在学习 Chrome 插件的时候，就是卡在了跨域这个地方，那时候前端学的浅，对跨域都不知道处理，然后放弃学习了 Chrome 插件一段时间，后来有时间了，想在补一补之前没写完的 Chrome 扩展搞完。然而跨域请求非常简单，而我那时候之所以卡住就是因为没好好看文档，搞不定的地方就多看几遍说不准就搞定了。 + +首先要使 Chrome 插件访问跨域资源，需要在 manifest.json 文件中声明要访问的域如下： + +```json +{ + "permissions": [ + "http://www.google.com/", + "http://*.google.com/", + "https://*.google.com/", + "http://*/" + ] +} +``` + +建议直接直接暴力点写上 + +```json +{ + "permissions": ["http://*/*", "https://*/*"] +} +``` + +然后封装一下对应的 ajax 请求，因为在 content 内进行 ajax 请求，是会在控制台输出跨域请求拦截，或者是 HTTPS 访问 HTTP 不安全等问题，这时候就需要通过消息通信，将 content 要发送的请求发送给 bg，让 bg 请求，然后等 bg 请求完毕，再将数据返回到 content 即可。下面是我对应的封装代码 + +```js +// background.js +chrome.runtime.onMessage.addListener(function (req, sender, sendResponse) { + console.log(req, sender, sendResponse) + if (req.cmd == 'ajax') { + $.ajax({ + url: req.url, + type: req.type, + data: req.data, + async: false, + success: function (res) { + sendResponse(res) + }, + }) + } +}) +``` + +```js +// content.js +function sendAjaxToBg(url, type, data, callback) { + chrome.runtime.sendMessage( + { cmd: 'ajax', url: url, type: type, data: data }, + function (response) { + callback(response) + }, + ) +} +``` + +这里的话我通信发送的是 js 对象，其中 cmd 决定了我要的操作，后台通过判断 cmd 来执行对应的操作。比较不好理解的是回调函数，由于 JS 自身语言的因素与浏览器的问题，很多事件都是先挂着，后做完在回调，所以我这里就封装成这种形式，例如 + +```js +sendAjaxToBg("http://...", "GET", null, function(response){ + console.log(response) + ...code +}) +``` + +这只是一个简单的 http 封装发送，如果要更复杂的话还可以添加协议头和 cookies，这里就不在补充了。 + +### 一些自写 Chrome 插件 + +实际上已经写过一些 Chrome 插件了，奈何写的比较烂或没搞完，也就暂时先不发，有时间会再整理一下自己所写的。 + +一个验证码识别，有时候在登录的时候需要输入验证码是件非常痛苦的事情。于是乎我就通过调用打码 Api 接口写了个自动识别验证码并填写的。也提供了非常方便的右键识别验证码的功能。具体效果如图（实际上还是得第一次先确认要识别的图片框与输入框，下次加载的时候需要手动点击验证码才会自动生效，还是不够智能的，不过成就感十足） + + + + + +另一个是基于某布大佬的 WebHook 工具，所更改的，不过一直停滞着，有空将其完善一下。 diff --git "a/blog/program/Deno\344\270\215\345\217\252\346\230\257\344\270\252Javascript\350\277\220\350\241\214\346\227\266.md" "b/blog/program/Deno\344\270\215\345\217\252\346\230\257\344\270\252Javascript\350\277\220\350\241\214\346\227\266.md" new file mode 100644 index 0000000..b05a90a --- /dev/null +++ "b/blog/program/Deno\344\270\215\345\217\252\346\230\257\344\270\252Javascript\350\277\220\350\241\214\346\227\266.md" @@ -0,0 +1,263 @@ +--- +slug: deno-is-not-only-a-javascript-runtime +title: Deno 不只是个 Javascript 运行时 +date: 2023-01-20 +authors: kuizuo +tags: [deno, node, javascript, typescript] +keywords: [deno, node, javascript, typescript] +image: https://img.kuizuo.cn/202312270248371.png +--- + +Deno 是一个安全的 JavaScript 和 TypeScript 运行时，作者是 Ryan Dahl（也是 Node.js 的原作者）。Deno 的诞生之初是为了[解决 2009 年首次设计 Node.js 时的一些疏忽](https://link.juejin.cn?target=https://www.youtube.com/watch?v=M3BM9TB-8yA)。我认为这种改造动机很有道理，因为**我相信每个程序员都希望有机会能重写他们已有 10 年历史的代码。** + +deno 刚出的时候就听闻了，传言 deno 是下一代 node.js。不过如今看来，还革不了 node.js 的命。如果要说两者字面上的区别，Deno 的来源是 Node 的字母重新组合（Node = no + de），表示"拆除 Node.js"（de = destroy, no = Node.js）。 + +趁着假期学了一段时间的 deno（指[文档](https://deno.land/manual@v1.29.3/introduction '文档')刷了一遍），想分享本人作为 node 开发者在学习 deno 时认为的一些亮点，以及个人对 deno 与 node 见解。 + + + +### 开发环境 + +[Installation | Manual | Deno](https://deno.land/manual@v1.29.2/getting_started/installation 'Installation | Manual | Deno') + +默认情况下 deno 会根据不同的系统，选择相应的安装目录，以及依赖目录，你可以[配置环境变量](https://deno.land/manual@v1.29.3/getting_started/setup_your_environment#environment-variables '配置环境变量')来改变 deno 的默认行为。 + +这里我选用 vscode 进行开发，安装[deno 官方插件](https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno 'deno官方插件')。此时创建一个项目工程文件夹，打开 vscode，并创建 `.vscode/settings.json` 内容如下 + +```json title='.vscode/settings.json' icon='logos:visual-studio-code' +{ + "deno.enable": true, + "deno.lint": true, + "editor.formatOnSave": true, + "[typescript]": { "editor.defaultFormatter": "denoland.vscode-deno" } +} +``` + +在 vscode 中默认会将 ts 代码认为是 node 运行时环境，因此需要在项目工程下手动配置并启用 deno，让 vscode 以 deno 运行时环境来语法解析 ts 代码。 + +## deno 的一些亮点💡 + +因为 deno 与 node 一样，都是 javascript 运行时（deno 合理来说是 typescript 运行时）。所以在 javascript 的部分就没什么好说的了，主要对比 deno 相比与 node 的优势，或说我个人觉得一些使用亮点。 + +### 官方所介绍的亮点 + +以下是官方所介绍的[亮点](https://deno.land/manual@v1.29.3/introduction#feature-highlights '亮点')，我对其做了翻译 + +- 提供[web 平台功能](https://deno.land/manual@v1.29.3/runtime/web_platform_apis 'web平台功能')，采用网络平台标准。例如，使用 ES 模块、Web worker 和支持 `fetch()`。 +- 默认安全。除非显式启用，否则无法访问文件、网络或环境。 + +- 支持开箱即用的 [TypeScript](https://deno.land/manual@v1.29.3/advanced/typescript 'TypeScript')。 +- 提供单个可执行文件 （`deno`）。 +- 为编辑器提供内置的开发工具，如代码格式化程序 （[deno fmt](https://deno.land/manual@v1.29.3/tools/formatter 'deno fmt')）、linter （[deno lint](https://deno.land/manual@v1.29.3/tools/linter 'deno lint')）、测试运行程序（[deno test](https://deno.land/manual@v1.29.3/basics/testing 'deno test')）和[语言服务器](https://deno.land/manual@v1.29.3/getting_started/setup_your_environment.md#using-an-editoride '语言服务器')。 +- 拥有[一组经过审查（审核）的标准模块](https://deno.land/std@0.172.0 '一组经过审查（审核）的标准模块')，保证与 Deno 一起使用。 +- 可以将脚本[捆绑](https://deno.land/manual@v1.29.3/tools/bundler '捆绑')到单个 JavaScript 文件或[可执行文件](https://deno.land/manual@v1.29.3/tools/compiler '可执行文件')中。 +- 支持使用现有的 npm 模块 + +以下会针对部分亮点，进行个人的见解。 + +### 自带实用工具 + +deno 则是自带代码格式化（`deno fmt`）、代码风格（`deno lint`）、代码测试（`deno test`）、依赖检查器（`deno info`）等等的功能。而这些在 node 中，你需要通过第三方的库，如 eslint，jest 才能实现。 + +你可以在项目工程中添加配置文件 [deno.json](https://deno.land/manual@v1.29.2/getting_started/configuration_file 'deno.json')来定制化代码风格（rust 中也有类似的功能），但在 node 中必须要借助第三方的库，或是 IDE 才能实现。 + +不过也能理解，在当时的编程环境背景下，javascript 还主要作为前端的脚本语言使用，又怎能让 node 来做相关规范呢？（这句话可能有点不妥） + +**这点我认为对开发者是否选用你这门语言的一个加分项**，并且这些功能也应该作为编程语言所自带的，有官方的背书（保证），对代码风格才更有所保障。 + +这里有份 [官方小抄](https://deno.land/manual@v1.29.4/references/cheatsheet#nodejs---deno-cheatsheet '官方小抄') 可以知道通过`deno xxx`等命令能够做到 node 原本需要通过第三方库才能实现的功能。 + +| Node.js | Deno | +| -------------------------------------- | ---------------------------------------------- | +| `node file.js` | `deno run file.js` | +| `ts-node file.ts` | `deno run file.ts` | +| `npm i -g` | `deno install` | +| `npm i` / `npm install` | _n/a_ | +| `npm run` | `deno task` | +| `eslint` | `deno lint` | +| `prettier` | `deno fmt` | +| `rollup` / `webpack` / etc | `deno bundle` | +| `package.json` | `deno.json` / `deno.jsonc` / `import_map.json` | +| `tsc` | `deno check` | +| `typedoc` | `deno doc` | +| `jest` / `ava` / `mocha` / `tap` / etc | `deno test` | +| `nodemon` | `deno run/lint/test --watch` | +| `nexe` / `pkg` | `deno compile` | +| `npm explain` | `deno info` | +| `nvm` / `n` / `fnm` | `deno upgrade` | +| `tsserver` | `deno lsp` | +| `nyc` / `c8` / `istanbul` | `deno coverage` | +| `benchmarks` | `deno bench` | + +### [远程导入](https://deno.land/manual@v1.29.3/basics/modules#remote-import '远程导入') + +与 node 不同，使用 node 通常需要从 npm 官方包来下载并导，有 npm 这样的包管理器来统一管理这些包（package），我们通常称这种为中心化，而 deno 与 go 的做法很像，你可以将你的封装好的代码定义成一个包，并将其放在任何网络可访问的地方，比如 github，或是私有地址，然后通过网络读取文件的方式来导入，这种称为去中心化。 + +:::tip node 也不一定要用 npm 来下载模块，也可以本地模块或者私有模块。 + +::: + +关于中心化与去中心化管理，各有优缺，这里不做细致讨论。 + +以下是 deno 官方远程导入的代码示例： + +```typescript title='remote.ts' icon="logos:typescript-icon" +import { add, multiply } from 'https://x.nest.land/ramda@0.27.0/source/index.js' + +function totalCost(outbound: number, inbound: number, tax: number): number { + return multiply(add(outbound, inbound), tax) +} + +console.log(totalCost(19, 31, 1.2)) +console.log(totalCost(45, 27, 1.15)) + +/** + * Output + * + * 60 + * 82.8 + */ +``` + +而这里的 `https://x.nest.land/ramda@0.27.0/source/index.js` 可以替换成任何 ES module 特性（import/export）的模块。 + +### http 的方式运行代码 + +既然都能通过 http（cdn）远程导入模块，那远程运行文件自然也不成大问题。有时候像快捷体验一下别人的代码，或是想要在浏览器中运行一下代码，这时候就可以通过 http 的方式来运行代码。 + +这里我准备了一段代码，并部署到我的站点上，你可以通过如下命令得到该代码的执行结果（如果你有安装 deno 的话），放心这段代码并无危害，就是一段简单的 console.log 输出。 + +```bash +deno run https://deno.kuizuo.cn/main.ts +``` + +在第一次使用时下载并缓存代码，你可以通过 + +```bash +deno info http://deno.kuizuo.cn/main.ts +``` + +来查看文件信息，如下 + + + +deno info 还可以查看 deno 的相关配置，默认缓存都设置在 C 盘，你也可以设置**DENO_DIR** 环境变量来更改 deno 目录，可以到 [Set Up Your Environment](https://deno.land/manual@v1.29.3/getting_started/setup_your_environment#environment-variables 'Set Up Your Environment') 查看 deno 相关环境变量。 + +### 依赖管理 + +经常使用 node 的开发者应该对 node 的依赖感到无比厌烦，关于这部分强烈建议看 [node_modules 困境](https://juejin.cn/post/6914508615969669127)，你就能知道 node 的 node_modules 设计的是有多少问题。看完你也就能知道为啥越来越多的 node 项目都使用 [pnpm](https://pnpm.io) 作为包管理。 + +虽然 node 有了 pnpm 包管理器这种情况会好一些，但本质在项目目录还是需要 node_modules 文件。也许你用过其他语言的包管理器，你会发现基本都是将所有用到的依赖全局缓存起来，当不同的项目工程需要用到依赖时，直接去全局缓存中找，而不是像 npm 一样，下载到项目工程目录下，存放在 node_modules 里。 + +而 deno 也是采用这种这种方式，`no npm install`，`no package.json`，`no node_modules/` ，[使用 npm 包](https://deno.land/manual@v1.29.3/node/npm_specifiers#using-npm-packages-with-npm-specifiers '使用npm包')可以像下面这样，当你使用 deno run 时便会下载好依赖置全局缓存中。 + +```typescript title="app.ts" {2} icon='logos:typescript-icon' +// @deno-types="npm:@types/express@^4.17" +import express from 'npm:express@^4.17' +const app = express() + +app.get('/', (req, res) => { + res.send('Hello World') +}) + +app.listen(3000) +console.log('listening on http://localhost:3000/') +``` + +deno 刚发布的时候，甚至还不支持 NPM 软件包，这无非是要告诉用户 deno 社区没有轮子，要求用户自己去造一个。不过 deno 团队还是做出了比较正确的选择，支持 npm 软件包，并且还非常友好。 + +不过如果你在 deno 中使用了 npm 包，可能会存在一些兼容性问题，万一遇到了，也可以通过添加 `--node-modules-dir` 标识，在当前运行目录下创建 `node_modules` 文件夹。详见 [--node-modules-dir flag](https://deno.land/manual@v1.29.4/node/npm_specifiers#--node-modules-dir-flag '--node-modules-dir flag') + +### 安全 + +[Permissions](https://deno.land/manual@v1.29.4/basics/permissions 'Permissions') + +在 2022 年 npm 出现过一些恶性的库，如 lodash-utils, faker.js, chalk-next。万一你不小心安装了上面，轻则项目无法运行，输出无意义乱码，重则删除本地文件。 + +又因为 npm 几乎没有代码审计的机制，任何开发者只需要有一个 npm 的账号就能在上面随意发布他想发布的包。通常来说电脑病毒都是通过随意读取与写入本地文件来达到病毒的目的，但在 deno 中，代码如果尝试写入与读入文件，都需要询问开发者是否允许操作。并且在 linux 系统，你可以指定像 /usr /etc 这样非 root 角色来操作该文件，避免真是病毒文件导致删除不该删除的文件。 + +此外像命令执行，网络访问，环境变量这些极易危害电脑的权限，deno 都会检测到，并做出提示告诫开发者是否允许执行。总之你能想到的电脑安全隐患，deno 都为你做好了。 + +### 内置浏览器环境（运行时） + +这是我认为 deno 最大的亮点。 + +总所周知，浏览器的 js 代码有很大概率是无法直接在 node 中跑起来的，原因就是 node 的全局对象中没有浏览器的对象，如 window，document，甚至连`localStorage` 都有！ + +这说明什么，往常如果你从别的网站扣了一段代码下来，想在 node 运行会发现什么 window is not defined，xxx is not defined。如果想在 node 运行，你必须需要补齐浏览器的环境，此外可以借助 js-dom，happy-dom 等 npm 包。而 window，xxx 这些全局只有浏览器才定义的全局对象在 deno 的运行时同样定义了，可以到[这里](https://deno.land/manual@v1.29.3/runtime/web_platform_apis#using-web-platform-apis '这里')查看支持的 Web 平台 API。 + +虽说与真实浏览器全局对象有些许差异，但这也足够让开发者少做很多工作。比如 Web 逆向者通常要扣取浏览器的 js 代码，并补齐环境使其能够在 node 中运行，而有了 deno 这将变得非常轻松！ + +**与其说是 javascript/typescript 运行时，我更愿意说是浏览器运行时！** + +### Web 框架 + +你可以在 [Web Frameworks](https://deno.land/manual@v1.29.2/getting_started/web_frameworks 'Web Frameworks') 中看到 deno 官方所推荐的 Web 框架，其中 [Fresh](https://deno.land/manual@v1.29.2/getting_started/web_frameworks#fresh 'Fresh') 也是最为推荐使用的（后续我也会尝试使用该框架）。 + +而在 node 社区中，你会看到像 express，koa，nestjs 等等这种非 Node 官方或大背景的 web 框架（而且还很多），而这时对于初学者而言，就有点不知道该如何做出抉择。 + +而像 java 中你完全可以不用担心该学什么，说学 spring 就是在学 java 这可一点都不为过。可能这也是国内 java，尤其是 spring 的开发者尤为诸多的原因。 + +吐槽归吐槽，但我想表明的是在有官方的支持下，用户和开发者能够统一使用某个框架，一起维护与使用一个更好的框架。而不是个个 Web 框架的都有各自的优缺点，让使用者去选择，搞得这个框架是另一个框架的轮子一般。 + +所以我认为这种支持是很有必要。 + +### 公共托管服务 + +[Project - Deploy (deno.com)](https://dash.deno.com/ 'Project - Deploy (deno.com)') + +deno 像 vercel/netfily 一样提供了一个代码托管服务，可以将你的 deno 应用部署上去。对，目前来看还无法部署前端应用，因为要指明一个入门文件（main.ts）。 + +你可以通过 [https://kuizuo.deno.dev/](https://kuizuo.deno.dev/ 'https://kuizuo.deno.dev/') 来访问我使用 deno Deploy 所创建的一个在线项目。将会输出一个`Hello World!` 的页面。 + +提供一个免费的线上环境体验，对开发者而言尤为重要，尤其是在将自己的项目成果分享给他人展示时，成就感油然而生。 + +## node 转 deno 开发的一些帮助 + +deno 相关的亮点我也差不多介绍完了，也许你对 deno 已经有一丝兴趣想尝试一番，以下我整理的对你也许有所帮助。 + +- 如果你是一个 Node 用户，考虑切换到 Deno，这里有一个[官方小抄](https://link.juejin.cn/?target=https://deno.land/manual/node/cheatsheet '官方小抄')来帮助你。 + +- 如果你不想刷 deno 文档，想快速上手 deno 的话，这里我建议推荐看看 deno 官方所推荐的[deno 代码例子 ](https://deno.land/manual@v1.29.4/examples 'deno代码例子 ')，能够非常快速有效了直接了解 deno 标准库以及依赖导入导出。 + +- deno 是集成了 node 与 npm 的，也就是说允许直接使用 npm 包与 node 标准库，如果你想用 deno 来写 node，也行，详看[Interoperating with Node.js and npm](https://deno.land/manual@v1.29.4/node#interoperating-with-nodejs-and-npm 'Interoperating with Node.js and npm')。 + +- 想要在 deno 中连接数据库，可看[Connecting to Databases](https://deno.land/manual@v1.29.4/basics/connecting_to_databases#connecting-to-databases 'Connecting to Databases')。 + +- 如果想看 deno 如何使用 deno 生态的 Web 框架创建一个 Web 服务，推荐[fresh](https://fresh.deno.dev/ 'fresh')框架，并查看该例子[fresh/examples/counter](https://github.com/denoland/fresh/tree/main/examples/counter 'fresh/examples/counter') + +## node 火吗? + +关于 deno 就暂且落下笔墨，不妨思考一个问题，node 火吗。 + +作为 node 开发者，我肯定会说 node 火，不过更多是对 javascript 来说火。 + +如今 typescript 大势所趋，说 javascript 就等同于说 typescript，而 javascript 和 node 绑定已成事实，而前端也与 javascript 所绑定，如今的前端工程师要是不会 node，都不好意思说自己是个前端工程师。就现阶段看，没了 nodejs，前端技术得倒退十年（不夸张）。 + +如果是在 Web 前端，Node 确实已经火的一塌糊涂了，然而它的诞生并不是为了 Web 前端，而是希望将 javascript 作为服务器端语言发展。只是后来没有想到的是 Node.js 在前端领域却大放异彩，造就了如今大前端的盛世。 + +所以在 Web 后端的领域，Node 确实是不温不火，更多的公司都宁可选主流的后端开发语言，而不是优先考虑 Node。不过倒是在 Serverless 领域中，Node 有着一席之地。 + +所以我想 deno 的出现，不仅是针对 Node.js 的缺陷，更是针对 Node.js 后端开发的不足。至于说 deno 能否完成原先 node 的使命，只有时间能给我们答案。 + +## 总结 + +从上述看来，你应该会发现 deno 并不和 node 一样是一个纯运行时环境。因为他不仅仅做了 javascript/typescript 运行时环境，还做了很多开发者好评的功能，一个为 javascript/typescript 提供更好的开发支持的产品。 + +但好评并不能直接决定销量，这些功能看似可有可无，没有激起用户从 Node.js 切换过来的杰出之处。就我体验完发现，好像 deno 能做的东西 node 大部分也能做，只是相对繁琐重复一些而已。**但人们更倾向于做一件繁琐重复的事情，而不是做一个新的事情。** + +扪心自问，我真的很希望 deno 能火，就开发体验而言，比 node 好用太多了，但好用的东西代表不了用的人就多，这个领域中，生态尤为重要。想要让 node 用户转到 deno 开发还有很长一段路要走。 + +再来反问自己，我现在会将 deno 作为 node 替代品吗，我想我和多数 node 开发者一样，都不会将 deno 作为主力语言(因为有很多项目都已经使用node来进行开发与推动)。但作为个人开发者，尤其是 node 开发者，我认为还是非常有必要去尝试一番 deno，亲手目睹"下一代Node"。 + +希望本文能对你了解 deno 有所帮助。 + +## 相关推荐文章 + +[Deno vs. Node.js 哪个更好 - 掘金 (juejin.cn)](https://juejin.cn/post/7168383367602241550 'Deno vs. Node.js哪个更好 - 掘金 (juejin.cn)') + +[为什么 Deno 没有众望所归？超越 Node.js 还要做些什么？ - 掘金 (juejin.cn)](https://juejin.cn/post/6956461134299955213 '为什么 Deno 没有众望所归？超越 Node.js 还要做些什么？ - 掘金 (juejin.cn)') + +[连发明人都抛弃 node.js 了，还有前途吗？ - 知乎 (zhihu.com)](https://www.zhihu.com/question/327534747 '连发明人都抛弃node.js了，还有前途吗？ - 知乎 (zhihu.com)') + +[已经 2022 年了 Deno 现在怎么样了? - 知乎 (zhihu.com)](https://www.zhihu.com/question/517617266 '已经 2022 年了 Deno 现在怎么样了? - 知乎 (zhihu.com)') diff --git "a/blog/program/Gitea \344\270\216 Drone \345\256\236\350\267\265.md" "b/blog/program/Gitea \344\270\216 Drone \345\256\236\350\267\265.md" new file mode 100644 index 0000000..28749ac --- /dev/null +++ "b/blog/program/Gitea \344\270\216 Drone \345\256\236\350\267\265.md" @@ -0,0 +1,227 @@ +--- +slug: gitea-drone-practice +title: Gitea 与 Drone 实践 +date: 2022-09-28 +authors: kuizuo +tags: [git, gitea, drone] +keywords: [git, gitea, drone] +description: 使用 Gitea 搭建一个轻量级 git 私有仓库，并配置 Drone CI 来实现自动构建与部署。 +--- + +之前搭建过 Gitlab，但是就只是搭建而已，并未实际使用，因为我大部分的代码还是存放在 [Github](https://github.com/kuizuo?tab=repositories) 上。 + +并且大部分项目都是在 [Vercel](https://vercel.com) 上运行的（Vercel 是真好用），但是最近国内访问 vercel 情况不容乐观，貌似被墙了呜呜。然后 Gitlab 的资源占用非常严重，几乎占用了一半的服务器性能，可 [点我](https://kuizuo.cn/gitlab-code-management-environment#运行状态) 查看运行状态。与此同时，随着很多私有项目越来越多，使用 git 私有仓库以及 Vercel 部署，肯定不如自建私有 git 服务和自有服务器部署使用体验来好。 + +于是就想搭建一个轻量级仓库，同时支持 CI/CD。经过一番的调研，决定使用 Gitea 和 Drone 作为解决方案。 + + + +## Gitea + +[Gitea](https://gitea.io/zh-cn/ 'Gitea') 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 [Go](https://golang.org/ 'Go') 编写，采用 [MIT](https://github.com/go-gitea/gitea/blob/master/LICENSE 'MIT') 许可证. + +你可以在 [横向对比 Gitea 与其它 Git 托管工具](https://docs.gitea.io/zh-cn/comparison/#横向对比-gitea-与其它-git-托管工具 '横向对比 Gitea 与其它 Git 托管工具') 查看 gitea 与其他 git 工具的优势与缺陷。 + +### 安装 + +这里我选用 Docker 进行安装，安装文档可在[官方文档](https://docs.gitea.io/zh-cn/ '官方文档')中查看其他安装方式 + +```yaml title='docker-compose.yml' icon='logos:docker-icon' +version: '3' + +networks: + gitea: + external: false + +volumes: + gitea: + driver: local + +services: + server: + image: gitea/gitea:1.17.1 + container_name: gitea + environment: + - USER_UID=1000 + - USER_GID=1000 + restart: always + networks: + - gitea + volumes: + - gitea:/data + - /etc/timezone:/etc/timezone:ro + - /etc/localtime:/etc/localtime:ro + ports: + - '10800:3000' + - '2221:22' +``` + +根据自身需求配置 docker-compose.yml 内容。运行 `docker-compose up` 等待部署 + +服务器防火墙与云服务安全组都需要开放端口才可访问，`服务器ip:10800`，将会出现如下界面 + + + +**因为修改配置相对比较麻烦，所以在首次安装的时候，请根据实际需求进行配置安装。** + +### 修改配置 + +假设要修改其中的配置的话，gitea 的后台管理面板是无法直接修改的。需要到 `/data/gitea/conf/app.ini` 中修改，具体修改的配置 参阅 [自定义 Gitea 配置 - Docs](https://docs.gitea.io/zh-cn/customizing-gitea/ '自定义 Gitea 配置 - Docs') + +:::warning 必须完全重启 Gitea 以使配置生效。 + +::: + +### 迁移仓库 + +从其他第三方 git 仓库迁移到 gitea，可以访问[https://git.kuizuo.cn/repo/migrate](https://git.kuizuo.cn/repo/migrate 'https://git.kuizuo.cn/repo/migrate') 来迁移仓库 + + + +稍等片刻，取决于访问 github 仓库的速度。有可能还会迁移失败，就像下面这样。 + + + +所以可以申请访问令牌（Access Token），在 [New Personal Access Token](https://github.com/settings/tokens/new 'New Personal Access Token') 处创建。迁移成功后，如下图所示 + + + +### 镜像仓库 + +很大部分时间，gitea 只能作为我的副仓库，或者说 github 的镜像仓库。 + +gitea 也提供镜像仓库的方案，官方文档[Repository Mirror](https://docs.gitea.io/en-us/repo-mirror/ 'Repository Mirror') + + + +## Drone + +由于 Gitea 并没有内置 CI/CD（持续集成/持续部署） 的解决方案，所以需要配置第三方的，这里推荐使用 Drone CI。 + +Drone 是面向繁忙开发团队的自助服务持续集成平台。相对于常见的 Jenkins，选中 Drone 的原因在于它非常简洁，不像 Jenkins 那样复杂，同时它拥有可以满足基本需求的能力，并且提供了许多实用的[插件](https://plugins.drone.io/)，如 GitHub，Email，微信，钉钉等 + +### 安装 + +由于我们使用了 gitea，所以 drone 中选择 gitea 来安装，这是官方文档 [Gitea | Drone](https://docs.drone.io/server/provider/gitea/ 'Gitea | Drone')，照着操作即可。 + +需要安装 Server 和 Runner，一个是 Drone 的服务，另一个用于检测 Git 记录，以重新构建项目。 + +这里贴下 drone 的 docker 配置（根据文档和自己部署的 git 服务配置来替换）。 + +```yaml title='server' +docker run \ --volume=/var/lib/drone:/data \ --env=DRONE_GITEA_SERVER=https://try.gitea.io \ --env=DRONE_GITEA_CLIENT_ID=05136e57d80189bef462 \ --env=DRONE_GITEA_CLIENT_SECRET=7c229228a77d2cbddaa61ddc78d45e \ --env=DRONE_RPC_SECRET=super-duper-secret \ --env=DRONE_SERVER_HOST=drone.company.com \ --env=DRONE_SERVER_PROTO=https \ --publish=80:80 \ --publish=443:443 \ --restart=always \ --detach=true \ --name=drone \ drone/drone:2 +``` + +```yaml title='runner' +docker run --detach \ --volume=/var/run/docker.sock:/var/run/docker.sock \ --env=DRONE_RPC_PROTO=https \ --env=DRONE_RPC_HOST=drone.company.com \ --env=DRONE_RPC_SECRET=super-duper-secret \ --env=DRONE_RUNNER_CAPACITY=2 \ --env=DRONE_RUNNER_NAME=my-first-runner \ --publish=3000:3000 \ --restart=always \ --name=runner \ drone/drone-runner-docker:1 +``` + +查看连接情况 + +```bash +docker logs runner +``` + +执行完毕后，然后访问线上的 drone 服务，点击 CONTINUE 将会跳转到你的 Git 授权页面 + + + +点击应用授权，再次回到 drone，此时页面 Dashboard 列出了 gitea 的所有仓库（如果没有的话，可以点击右上角的 SYNC 来同步）。 + + + +## 实战 + +上述只是安装了，我们还需要编写 `.drone.yml` 配置文件来告诉 drone 我们要做什么，编写过程与 Github Action 类似。相关文档: [Pipeline | Drone](https://docs.drone.io/pipeline/overview/ 'Overview | Drone') + +### 部署前端项目 + +这里就选用 [antfu/vitesse](https://github.com/antfu/vitesse 'antfu/vitesse') 作为演示。这里省略 clone 仓库的步骤。进入到自己的 gitea 仓库，然后添加 `.drone.yml` 文件，内容如下： + +```yaml title='.drone.yml' icon='logos:drone-icon' +kind: pipeline +type: docker +name: ci + +steps: + - name: install & build + image: node + commands: + - npm config set registry http://mirrors.cloud.tencent.com/npm/ + - npm i -g pnpm + - pnpm i + - pnpm run build + + - name: upload + image: appleboy/drone-scp + settings: + host: + from_secret: host + username: + from_secret: username + password: + from_secret: password + port: 22 + command_timeout: 2m + target: /www/wwwroot/${DRONE_REPO_OWNER}/${DRONE_REPO_NAME} + source: + - ./dist +``` + +这里对 `.drone.yml` 配置进行详解： + +其中 build 这个不用多说，与 node 构建相关的，不过多介绍。 + +upload 则使用[appleboy/drone-scp](https://plugins.drone.io/plugins/scp 'appleboy/drone-scp')插件，可以将构建出来的文件通过发送到服务器指定位置。在这里 source 对应就是构建的文件，target 则是要移动的位置，这里的 `/www/wwwroot/${DRONE_REPO_OWNER}/${DRONE_REPO_NAME}` 对应本项目为 `/www/wwwroot/kuizuo/vitesse`。此外 ssh 的 host，username，password 或 key，都作为环境变量（私有变量的方式传递，这在 drone 的控制台中可以设置）。 + +由于每次构建可能需要删除原有的已部署的资源文件，那么可以使用 [appleboy/drone-ssh](https://plugins.drone.io/plugins/ssh) 插件来执行终端命令来删除，例如 + +```yaml title='.drone.yml' icon='logos:drone-icon' +kind: pipeline +name: default + +steps: + - name: deploy + image: appleboy/drone-ssh + environment: + DEPLOY_PATH: + from_secret: /www/wwwroot/${DRONE_REPO_OWNER}/${DRONE_REPO_NAME} + settings: + host: + from_secret: host + username: + from_secret: username + password: + from_secret: password + port: 22 + command_timeout: 2m + envs: [DEPLOY_PATH] + script: + - rm -rf $${DEPLOY_PATH} +``` + +具体就因人而异了，这里我仅作为演示。 + +大致介绍完毕（其实已经介绍差不多了），有关更多插件可以参阅 [drone 插件](https://plugins.drone.io 'drone 插件')。这里开始演示，进入 drone 页面，找到仓库，默认情况下，所有仓库都处于未激活状态。 + + + +点击 `ACTIVATE REPOSITORY` 根据选项选择，点击右上角的`NEW BUILD`选择分支，添加 drone 环境变量（私有变量），即上面的 from_secret 后面的内容（host，username，password），即可开始运行。 + + + +静等 PIPELINE 执行完毕，结果如下 + + + +此时打开宝塔，跳转到指定目录下，就可以看到构建的内容都已经放到指定位置了 + + + +这时候只需要配置下 nginx，就能将页面展示到公网上，这里就不在这里赘述。当完成上述配置完毕后，每次只需要 pull request，drone 就会自动拉取 gitea 的代码，并开始执行`.drone.yml`中的任务。 + +## 参考文章 + +[【CI/CD】搭建 drone 服务，构建前端 cicd 工作流，实现博客的自动化打包并部署 - 掘金 (juejin.cn)](https://juejin.cn/post/7073380337766072350 '【CI/CD】搭建drone服务，构建前端cicd工作流，实现博客的自动化打包并部署 - 掘金 (juejin.cn)') + +[单机部署 CI/CD 进阶版：宝塔+gitea+drone | Laravel China 社区 (learnku.com)](https://learnku.com/articles/71333) diff --git "a/blog/program/GraphQL\345\256\236\350\267\265.md" "b/blog/program/GraphQL\345\256\236\350\267\265.md" new file mode 100644 index 0000000..bcf5e3d --- /dev/null +++ "b/blog/program/GraphQL\345\256\236\350\267\265.md" @@ -0,0 +1,532 @@ +--- +slug: graphql-practice +title: GraphQL 实践与服务搭建 +date: 2022-11-24 +authors: kuizuo +tags: [api, graphql, nest, strapi] +keywords: [api, graphql, nest, strapi] +description: 有关 GraphQL 介绍及上手实践，并在 Nest.js 和 Strapi 中搭建 GraphQL 服务 +image: https://img.kuizuo.cn/320f3e5a66900d68e93de38154989948.png +--- + +> GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。 + +大概率你听说过 GraphQL，知道它是一种与 Rest API 架构属于 API 接口的查询语言。但大概率你也与我一样没有尝试过 GraphQL。 + +事实上从 2012 年 Facebook 首次将 GraphQL 应用于移动应用，到 GraphQL 规范于 2015 年实现开源。可如今现状是 GraphQL 不温不火，时不时又有新的文章介绍，不知道的还以为是什么新技术。 + +:::tip 目标 + +本文将上手使用 GraphQL，并用 Nestjs 与 Strapi 这两个 Node 框架搭建 GraphQL 服务。 + +::: + + + +关于 GraphQL 介绍，详见官网 [GraphQL | A query language for your API](https://graphql.cn/ 'GraphQL | A query language for your API') 或相关介绍视频 [GraphQL 速览：React/Vue 的最佳搭档](https://www.bilibili.com/video/BV1fM4y1A7U1/ 'GraphQL 速览：React/Vue 的最佳搭档') + +## GraphQL 与 Restful API 相比 + + + +### Restful API + +Restful 架构的设计范式侧重于分配 HTTP 请求方法（GET、POST、PUT、PA TCH、DELETE）和 URL 端点之间的关系。如下图 + + + +但是实际复杂的业务中，单靠 Restful 接口，需要发送多条请求，例如获取博客中某篇博文数据与作者数据 + +```http +GET /blog/1 + +GET /blog/1/author +``` + +要么单独另写一个接口，如`getBlogAndAuthor`，这样直接为调用方“定制”一个接口，请求一条就得到就调用方想要的数据。但是另写一个`getBlogAndAuthor` 就破坏了 Restful API 接口风格，并且在复杂的业务中，比如说还要获取博文的评论等等，后端就要额外提供一个接口，可以说非常繁琐了。 + +有没有这样一个功能，将这些接口做一下聚合，然后**将结果的集合返回给前端**呢？在目前比较流行微服务架构体系下，有一个专门的中间层专门来处理这个事情，这个中间层叫 BFF（Backend For Frontend）。可以参阅 [BFF——服务于前端的后端](https://blog.csdn.net/qianduan666a/article/details/107271974 'BFF——服务于前端的后端') + + + +但这些接口一般来说都比较重，里面有很多当前页面并不需要的字段，那还有没有一种请求：**客户端只需要发送一次请求就能获取所需要的字段** + +有，也就是接下来要说的 GraphQL + +### GraphQL + + + +REST API 构建在请求方法（method）和端点（endpoint）之间的连接上，而 GraphQL API 被设计为只通过一个端点，即 `/graphql`，始终使用 POST 请求进行查询，其集中的 API 如 http://localhost:3000/graphql，所有的操作都通过这个接口来执行，这会在后面的操作中在展示到。 + +:::info + +但是想要一条请求就能得到客户端想要的数据字段，那么服务端必然要做比较多的任务 😟（想想也是，后端啥都不干，前端就啥都能获取，怎么可能嘛）。 + +而服务端要做的就是搭建一个 GraphQL 服务，这在后面也会操作到，也算是本文的重点。 + +::: + +接下来便会在客户端中体验下 GraphQL，看看 GraphQL 究竟有多好用。 + +## **在线体验 GraphQL** + +可以到 [官网](https://graphql.cn/learn/ '官网') 中简单尝试入门一下，在 [Studio](https://studio.apollographql.com/sandbox/explorer 'Studio (apollographql.com)') 可在线体验 GraphQL，也可以到 [SWAPI GraphQL API](User id:{id}
+}
+
+export default User
+```
+
+此时访问 http://localhost:3000/user/1 便可得到 `User ID: 1`
+
+在 router 对象下没有 param 属性，都是存放在 query 参数中，例如访问 user/1?username=kuizuo，此时的 query 值为 `{username: 'kuizuo', id: '2'}`
+
+:::tip
+
+不过这里有个比较有意思的点，如果你在上方代码中使用 console.log 打印 query 的话，在 vscode 中会打印出空对象`{}`，而在浏览器中会打印一次空对象，一次真实的 query 对象（并且打印两遍）
+
+
+
+:::
+
+## 数据渲染
+
+如果你打开控制台，查看所返回的页面，你会发现响应中只有 User id:，这不就和 react 的 CSR(客户端)渲染没有区别吗，是的，确实是这样。因为上一部分的代码，并且从输出 query 也可以看的出来而不是 SSR(服务端)渲染。首先我要展示一下两者渲染的代码
+
+### CSR 客户端渲染
+
+```tsx title="[id].tsx"
+import { useEffect, useState } from 'react'
+import { useRouter } from 'next/router'
+
+const User = () => {
+ const router = useRouter()
+ const { id } = router.query
+
+ const [data, setData] = useState({
+ username: '',
+ email: '',
+ })
+
+ useEffect(() => {
+ fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
+ .then(res => res.json())
+ .then(data => {
+ setData(data)
+ })
+ .catch(err => {})
+ }, [id])
+
+ return (
+
+
+ )
+}
+
+export default User
+```
+
+经常写 react 的肯定对上面的代码不陌生，前端向后端发送数据请求，接受到数据后赋值给 data，然后渲染出来。因为请求数据是需要耗时的，所以在页面显示完之后，会停顿一会在显示出数据（主要是我这边没写 loadding），并且由于 id 并不是第一时间获取到的（从上面的 id）。
+
+
+
+从这里来看，客户端渲染不仅要获取页面组件，还要请求数据，最终再通过 js 渲染出来
+
+### SSR 服务端渲染
+
+next 中服务端渲染需要用到 getServerSideProps 函数，而后端的数据获取都是在该函数内来获取，并通过 prop 传入给前端组件中，来看实际代码
+
+```tsx title="[id].tsx"
+const User = ({ data }: { data: any }) => {
+ return (
+ username:{data.username}
+email:{data.email}
+
+
+ )
+}
+
+export default User
+
+export async function getServerSideProps(context: { query: { id: any } }) {
+ const { id } = context.query // 这里context.param也能获取到id
+
+ const res = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
+
+ const data = await res.json()
+
+ return {
+ props: {
+ data,
+ },
+ }
+}
+```
+
+如果从页面显示来看，确实没什么区别，但如果打开控制台就能发现诸多不同。
+
+首先就是请求的页面，是直接包含数据，相当于返回你一个页面，而在客户端渲染则是返回一个组件，需要自己去请求数据来展示。
+
+
+
+同时查看控制台中的 Fetch/XHR 的是看不到请求的数据，因为这些数据并不是由前端发送的,而是由后端发送的（故不受跨域请求的限制）。
+
+从这就能看出客户端渲染与服务端渲染的的区别了。
+
+### SSG 静态生成
+
+不过还没完，还有一个静态生成，先来看看代码。
+
+```tsx title="[id].tsx"
+const User = ({ data }: { data: any }) => {
+ return (
+ username:{data.username}
+email:{data.email}
+
+
+ )
+}
+
+export default User
+
+export async function getStaticProps(context: { params: { id: any } }) {
+ const { id } = context.params
+
+ const res = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
+
+ const data = await res.json()
+
+ return {
+ props: {
+ data,
+ },
+ }
+}
+
+export async function getStaticPaths() {
+ return {
+ paths: new Array(20).fill(0).map((a, i) => ({ params: { id: String(i + 1) } })),
+ fallback: 'blocking',
+ }
+}
+```
+
+主要是 getServerSideProps 替换成 getStaticProps，同时增加了一个 getStaticPaths 用于生成静态页面的，而上面的 getStaticPaths 表示生成 id 1 到 20 的页面，那假设如果我访问 id 为 21 的 user 呢？由于这里设置`fallback: 'blocking'`，所以还是会走服务端渲染的那一部分。但如果设置`fallback: fasle`，访问 user/21 就会提示 404。
+
+通俗点来说就就是生成一系列静态页面，不需要服务端处理，所以返回的速度更快，其缺点其实也比较明显，数据的任何更改都需要在服务端重新构建，而服务端渲染则是可以动态处理数据，不需要完全重建。
+
+### ISR 增量式静态生成
+
+不做过多介绍，详看文档 [Data Fetching: Incremental Static Regeneration | Next.js (nextjs.org)](https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration)
+
+## api 接口
+
+上面的数据都是调用 [JSONPlaceholder](http://jsonplaceholder.typicode.com/) 所提供的虚拟数据，在 next 中要提供数据接口的话，只需要在 pages/api 下编写即可，生成的路由规则和组件一样。例如 pages/api/hello.ts 映射为 api/hello，浏览器访问[http://localhost:3000/api/hello](http://localhost:3000/api/hello) 就可以得到`{"name": "John Doe"}`
+
+```tsx title="hello.ts"
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+ name: string
+}
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+ res.status(200).json({ name: 'John Doe' })
+}
+```
+
+这里的 req、res 就是同大部分 node 后端框架一样，而这里的写法与 serverless 一致（这里应该就是 serverless）。
+
+上述是 get 请求，那 post 请求呢？无论什么 http 请求方法都将在 handler 处理，通过 req.method 来获取请求方法，要区分的话可以通过如下代码。
+
+```tsx
+export default function handler(req, res) {
+ if (req.method === 'POST') {
+ // Process a POST request
+ } else {
+ // Handle any other HTTP method
+ }
+}
+```
+
+### 写一个简单的 CRUD
+
+既然知道了上述的一些作用，不妨来个熟悉的 CRUD。这里以文章 post 为例
+
+这里数据端使用的时 sqlite，配置不做展示，只展示主要核心功能
+
+```typescript title="api/post/index.ts"
+import type { NextApiRequest, NextApiResponse } from 'next'
+import db from '../../../lib/db'
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+ try {
+ switch (req.method) {
+ case 'GET':
+ db.all(`select * from post`, (err, rows) => {
+ res.status(200).json(rows)
+ })
+ break
+ case 'POST':
+ const { title, content } = req.body
+
+ db.get(`insert into post(title, content) values(?, ?)`, [title, content], (err, rows) => {
+ res.status(200).json(rows)
+ })
+ break
+ }
+ } catch (error) {
+ res.status(500).end()
+ }
+}
+```
+
+```typescript title="api/post/[id].ts"
+import type { NextApiRequest, NextApiResponse } from 'next'
+import db from '../../../lib/db'
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+ const { id } = req.query
+ const { title, content } = req.body
+
+ try {
+ switch (req.method) {
+ case 'GET':
+ db.get(`select * from post where id=$id`, { $id: id }, (err, rows) => {
+ res.status(200).json(rows)
+ })
+ break
+ case 'Put':
+ db.get(
+ `update post set title=?,content=? where id=?`,
+ [title, content, id],
+ (err, rows) => {
+ res.status(200).json(rows)
+ },
+ )
+ case 'DELETE':
+ db.get(`delete from post where id=$id`, { $id: id }, (err, rows) => {
+ res.status(200).json(rows)
+ })
+ }
+ } catch (error) {
+ res.status(500).end()
+ }
+}
+```
+
+这里为了符合 RESTFUL 风格，所以 post 下编写了两个文件，这时候请求[http://localhost:3000/api/post](http://localhost:3000/api/post/2) 就能获取到所有文章数据，基本的 CRUD 也就实现了。
+
+这里写 sql 是真滴繁琐，没使用 str 或是 typeorm 主要是不想把这个 demo 搞得太复杂，实际项目还是用上比较好。
+
+当然这里只是作为后端 api 接口的演示，至于前端的展示与编写就和普通前端开发没啥大的区别。基本后端框架能做的，next 能做后端很多事情，更多的使用还是作为接口转发，中间件等，毕竟 Next 主要的强项还是服务端渲染的能力。
+
+## 打包部署
+
+既然说到部署，那肯定离不开 nextjs 的母公司[Vercel](https://vercel.com)了，关于 Vercel 之前也写过相关文章，关于 Vercel 就不过多介绍。
+
+nextjs 部署到 vercel 实在简单，将项目推送到 github 仓库中，然后在 vercel 中 New Project，接着选择 nextjs 的仓库，点击 Deploy，静等部署即可。关于部署可以看这篇文章 [Vercel 部署个人博客](https://kuizuo.cn/develop/Vercel部署个人博客)
+
+现在你可以通过访问 [kz-next-app-demo.vercel.app](https://kz-next-app-demo.vercel.app/) 来访问该项目，并尝试访问`/api/post`，`user/1`来看看。
+
+只能说不愧是母公司。
+
+至于其他部署？既然都用 nextjs 了，还考虑自建服务器来部署吗？
+
+## 总结
+
+这次的整体过程比较简单，后续应该会使用 nextjs 编写一个完整的项目（~~也有可能是 nuxt.js~~)。
diff --git "a/blog/program/SpringBoot\351\241\271\347\233\256\347\273\223\346\236\204.md" "b/blog/program/SpringBoot\351\241\271\347\233\256\347\273\223\346\236\204.md"
new file mode 100644
index 0000000..0d7ab8d
--- /dev/null
+++ "b/blog/program/SpringBoot\351\241\271\347\233\256\347\273\223\346\236\204.md"
@@ -0,0 +1,267 @@
+---
+slug: springboot-project-structure
+title: SpringBoot项目结构
+date: 2022-01-08
+authors: kuizuo
+tags: [java, springboot, develop]
+keywords: [java, springboot, develop]
+---
+
+
+
+演示代码地址：[kuizuo/spring-boot-demo (github.com)](https://github.com/kuizuo/spring-boot-demo)
+
+## 目录结构展示图
+
+
+
+### controller
+
+controller 目录下对应的也就是控制器，用于接收用户的请求（get，post 等），如下面代码
+
+```java title="controller/UserController.java"
+@RestController
+@RequestMapping("/user")
+public class UserController {
+
+ @Resource
+ private UserService userService;
+
+ @GetMapping("list")
+ public Listusername:{data.username}
+email:{data.email}
+
+
+ {mutation.error &&
+ )
+}
+```
+
+:::danger
+
+这里需要注意 `mutate` 方法无法在外层直接调用，否则将会提示
+
+```typescript
+Unhandled Runtime Error
+Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
+```
+
+主要防止这个组件被其他组件调用，此时自动调用 mutate 函数，导致不可控且循环调用的情况，因此需要通过一个事件（比如点击事件）来触发。
+
+:::
+
+此时请求变为 post 请求，并且携带的参数也以 body 形式传递。
+
+
+
+
+
+通过 useQuery 和 useMutation 就能够用 tRPC 实现最基本的 CRUD。此外还有 useInfiniteQuery 可以用作类似无限下拉查询，类似 [SWR 无限加载](https://swr.bootcss.com/examples/infinite-loading)。useQueries 批量查询，使用 [Subscriptions](https://trpc.io/docs/subscriptions) 进行订阅 WebSocket 等等。
+
+tRPC 针对 react 项目的查询主要依赖于 [@tanstack/react-query](https://tanstack.com/query/v4/docs/react/adapters/react-query '@tanstack/react-query')，你也可以到 [tRPC React Query documentation](https://trpc.io/docs/react-query 'tRPC React Query documentation') 查看相关 hook。
+
+从上述例子中你就会发现，tRPC 将 http 请求给我们包装成了函数形式调用，即上文所说的，调用服务端接口的形式由 **发送 http 请求 ⇒ 调用本地函数**。
+
+### 不足
+
+不过也并非没有缺点（个人认为）。
+
+首先不如传统的 RESTFUL 来的直观，假设我现在在服务端定义了一个服务，那么我只能通过`@trpc/client` 创建客户端进行调用。虽然也能用 http 的形式，但调用的很不优雅。
+
+在我印象中，RPC 框架通常是可以跨语言进行调用的，比如 gRPC 框架，然而**tRPC 目前只能在 Typescript 项目中进行调用**，我倒是希望能向 gRPC 那个方向发展，不过不同语言间的类型安全又是个大麻烦。
+
+学习成本与项目成本偏高，tRPC 对整个全栈项目的技术要求比较高，并且限定于 typescript，如果你~~想~~将你的项目从传统的 Restful 迁移到 tRPC 上，无疑是个工程量大，且不讨好的事。
+
+## 创建工程
+
+这里选用 [Create T3 App](https://create.t3.gg/ 'Create T3 App') 用于创建应用（也可以选择 [trpc/examples-next-prisma-starter](https://github.com/trpc/examples-next-prisma-starter 'trpc/examples-next-prisma-starter')），Create T3 App 集成了诸多有关 TypeScript full-stack 相关的技术栈，其中就包括了本文所要介绍的几个技术栈。
+
+
+
+```bash
+pnpm create t3-app@latest
+```
+
+安装过程如下
+
+
+
+### prisma
+
+此时安装完先别急着 pnpm run dev 启动项目，首先执行
+
+```bash
+npx prisma db push
+```
+
+运行结果如下
+
+```bash
+Environment variables loaded from .env
+Prisma schema loaded from prisma schema.prisma
+Datasource "db": SQLite database "db.sqlite" at "file:./db.sqlite"
+
+SQLite database db.sqlite created at file:./db.sqlite
+
+Your database is now in sync with your Prisma schema. Done in 81ms
+```
+
+这会将数据库与 prisma 的 schema 同步，说人话就是将数据库的表与 `schema.prisma` 文件中的 model 对应。
+
+Something went wrong! {mutation.error.message}
} +
+
+
+
+create-t3-app 默认使用的 sqlite 数据库，优点就是你无需安装任何数据库的环境，将会在 prisma 目录下创建 `db.sqlite` 文件来存放数据。但是缺点很明显，性能与部署方面是远不如主流服务级别的数据库。尤其是部署，这在后面会说。
+
+将会创建 `Account` `Example` `Session` `User` `Verification Token` 表，这里需要教你一个命令
+
+```bash
+npx prisma studio
+```
+
+此时访问 localhost:5555 将会得到一个 prisma 面板，即项目的所有 model 。
+
+
+
+关于 prisma 更多命令请参考 [Prisma CLI Command Reference](https://www.prisma.io/docs/reference/api-reference/command-reference 'Prisma CLI Command Reference')
+
+prisma 在线体验：[Prisma Playground | Learn the Prisma ORM in your browser](https://playground.prisma.io/)
+
+由于 create-t3-app 已经封装好了[数据库的操作](https://create.t3.gg/en/usage/prisma)，并且导出 prisma 对象，所以你只需要配置好环境变量便可。
+
+主要代码如下
+
+```typescript title='server/db.ts'
+import { PrismaClient } from '@prisma/client'
+
+export const prisma = new PrismaClient()
+```
+
+#### 类型提示
+
+在上面所定义的 model，都会被 prisma client 创建对应的 typescript 类型（在`node_modules/.prisma/index.d.ts`），你就可以直接通过 prisma.modelName 来操作 model，例如 Example（这里就不做注释了）
+
+```typescript
+import { prisma } from '~/server/db'
+
+prisma.post.findUnique({ where: { id: 1 } })
+
+prisma.post.create({ data: {} })
+
+prisma.post.update(id, { data: {} })
+
+prisma.post.delete(id)
+
+prisma.post.count()
+```
+
+#### 数据迁移
+
+我之前如果做数据库备份的话，我通常会在数据库管理软件（Navicat）将整个数据库转储为 SQL 文件，然后要用的时候在运行该 SQL 文件。而这样做呢虽然方便，但是数据都比较死，而且版本多了 sql 文件也多，导入繁琐。
+
+此时就可以使用 [Migrate](https://www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch/relational-databases/using-prisma-migrate-typescript-postgres)，通过命令的方式自动为我们生成当前版本下的 sql 文件，而需要用到的也通过命令的形式运行 sql 文件。
+
+#### 数据生成
+
+你可以编写一个 [seed 脚本](https://www.prisma.io/docs/guides/database/seed-database#example-seed-scripts)，用于插种（生成）自定义数据。
+
+---
+
+prisma 不是本文重点，篇幅略少，但是作为 Typeorm 的长期使用者而言，我认为 prisma 会比 typeorm 友善一些，至少从文档上来说 prisma 大胜一筹，而且很多 node 的 web 框架都优先 prisma 作为 orm 框架（除了 nest.js），但不过这两个仓库的 issues 数量有点惨不忍睹。。。
+
+### next-auth
+
+我想先简单介绍一下 next-auth（背后由[Auth.js](https://authjs.dev/ 'Auth.js') 提供）。
+
+从名字来看也不难猜出，这是一个 next.js 的 auth 库。该库提供了多种身份验证策略，如基于密码的身份验证，OAuth 等等。并且你只需要简单的几行代码，提供好相关信息便可启用身份验证和授权功能。
+
+你可以到这个网站 [NextAuth.js Example](https://next-auth-example.vercel.app/ 'NextAuth.js Example')体验一番。下面是一些代码演示
+
+由于 create-t3-app 默认是 Discord OAuth，因此我这边替换成使用者更多的 Github。（至于如何创建 Github OAuth Apps，在我之前的文章以及外面诸多文章中都有介绍到，这里不在演示了，附上配置图）
+
+
+
+首先在
+
+server/auth.ts 中 导入
+
+```typescript title='server/auth.ts' icon='logos:nextjs-icon'
+import CredentialsProvider from 'next-auth/providers/credentials'
+import GithubProvider from 'next-auth/providers/github'
+```
+
+并在 options 中设置好 providers，如下
+
+```typescript title='server/auth.ts' icon='logos:nextjs-icon'
+export const authOptions: NextAuthOptions = {
+ callbacks: {
+ session({ session, user }) {
+ if (session.user) {
+ session.user.id = user.id
+ // session.user.role = user.role; <-- put other properties on the session here
+ }
+ return session
+ },
+ },
+ adapter: PrismaAdapter(prisma),
+ providers: [
+ CredentialsProvider({
+ name: 'Credentials',
+ credentials: {
+ username: { label: 'Username', type: 'text', placeholder: 'kuizuo' },
+ password: { label: 'Password', type: 'password' },
+ },
+ async authorize(credentials, req) {
+ // Add logic here to look up the user from the credentials supplied
+ const user = { id: '1', name: 'kuizuo', email: 'hi@kuizuo.cn' }
+
+ if (user) {
+ return user
+ } else {
+ return null
+ }
+ },
+ }),
+ GithubProvider({
+ clientId: env.GITHUB_CLIENT_ID,
+ clientSecret: env.GITHUB_CLIENT_SECRET,
+ }),
+ ],
+}
+```
+
+不过此时会提示 env 对象没有 GITHUB_CLIENT_ID 属性，需要在 env.mjs 定义好 GITHUB_CLIENT_ID 与 GITHUB_CLIENT_SECRET。类型安全嘛，你可不想 GITHUB 不小心输成 ~~GAYHUB~~ 导致找不到这个值把。
+
+当上述在设置完毕后，点击 Sign in 按钮便可跳转到 next-auth 所提供的简单登录表单。
+
+
+
+如果你想自定义修改登录页面，可以参考该视频[Create your own next-auth Login Pages - YouTube](https://www.youtube.com/watch?v=kB6YNYZ63fw 'Create your own next-auth Login Pages - YouTube')
+
+## 部署 tRPC
+
+通常来说 tRPC 会配合全栈框架使用，因此可以非常轻松的部署在 Vercel，Netlify 上。如今 Vercel 应该也已经家喻户晓了，因此这里就不演示如何部署，可到 [Vercel • Create T3 App](https://create.t3.gg/en/deployment/vercel 'Vercel • Create T3 App') 中查看相关步骤。
+
+:::warning
+
+不过要注意，Vercel 并不提供文件读写操作，即无法实现数据存储，因此你如果需要提供数据读取的操作，那么普通需要一个远程的数据库服务，将 DATABASE_URL 环境变量替换成线上地址。如
+
+```title='env'
+DATABASE_URL=postgresql://myuser:mypassword@localhost:5432/mydb
+```
+
+这里推荐 [railway](https://railway.app/ 'railway') 与 [supabase](https://supabase.com/ 'supabase') 都提供远程数据服务，且有免费额度。（不过我比较好奇为啥好多远程数据服务多数都是 postgresql）
+
+如果你执意要使用 vercel 部署，当你触发数据库服务时便会报错，以下是相关截图。
+
+
+
+:::
+
+至于说自行部署的话，create t3 app 提供了 docker 相关镜像，你可以直接使用 docker 部署，具体步骤可参考 [Docker • Create T3 App](https://create.t3.gg/en/deployment/docker)。
+
+## 示例
+
+这里我提供了一个简单的示例，你可以 [点我](https://trpc.kuizuo.cn) 访问体验一下（项目部署在 Vercel，而数据库服务在腾讯云，登录服务又依赖 Github，所以项目会稍微有那么慢）。整个项目结构大致如下
+
+
+
+你可以在 [Example Apps | tRPC](https://trpc.io/docs/example-apps 'Example Apps | tRPC') 查看 trpc 的示例应用。
+
+## 结语
+
+如果你是用 Next，Nuxt 等这样的全栈框架，并且你的后端服务使用 Typescript 编写，不妨试试 trpc，你会惊喜地发现，它颠覆了传统的 API 交互，使你的 typescript 全栈应用程序的开发变得更加高效和流畅。
+
+从 JavaScript 到 TypeScript 的演变，全栈应用的端到端类型安全，TypeScript 目前正在逐渐成为前端开发中不可或缺的一部分，也许未来的某一天当人们说起前端三件套时，不再是 HTML，CSS，JavaScript，而是 HTML，CSS，TypeScript。
+
+再说到我为何会去尝试 tRPC，有很大的原因是因为厌倦了传统后端开发，厌倦了 nest.js 开发。然而现实生活中，你所厌倦的，往往是能为你提供收入的。人们总是做着自己不愿做的事，但生活所迫，谁又愿意呢。
diff --git "a/blog/program/Vercel\351\203\250\347\275\262Serverless.md" "b/blog/program/Vercel\351\203\250\347\275\262Serverless.md"
new file mode 100644
index 0000000..5368ab6
--- /dev/null
+++ "b/blog/program/Vercel\351\203\250\347\275\262Serverless.md"
@@ -0,0 +1,191 @@
+---
+slug: vercel-deploy-serverless
+title: Vercel部署Serverless
+date: 2022-05-12
+authors: kuizuo
+tags: [vercel, serverless]
+keywords: [vercel, serverless]
+description: 使用 Vercel 部署 serverless 过程记录
+---
+
+Vercel 除了能部署静态站点外，还能运行 Serverless Functions，也是本次的主题
+
+
+
+## 创建接口
+
+> To deploy Serverless Functions without any additional configuration, you can put files with extensions matching [supported languages](https://vercel.com/docs/concepts/functions/supported-languages) and exported functions in the `/api` directory at your project's root.
+
+vercel 约定在目录下 api 下创建接口路径，这里创建 api/hello.js 文件，当然也支持 ts 以及 ESmodule 写法
+
+```javascript title='api/hello.js'
+export default function handler(request, response) {
+ const { name } = request.query
+ response.status(200).send(`Hello ${name}!`)
+}
+```
+
+此时通过`vc --prod`生产环境部署后，在浏览器请求 vercel 提供的二级域名/api/hello?name=vercel 便可得到文本`Hello vercel`，而其函数写法与 express 类似
+
+接口信息可以在 Functions 中查看
+
+
+
+### 使用 typescript
+
+不过上面是使用 js 写法，vercel 更推荐[使用 TypeScript](https://vercel.com/docs/concepts/functions/serverless-functions/supported-languages#using-typescript)
+
+安装 `@vercel/node`
+
+```
+npm i -D @vercel/node
+```
+
+将上面的 hello.js 改为 hello.ts，内容为
+
+```typescript title='api/hello.ts'
+import type { VercelRequest, VercelResponse } from '@vercel/node'
+
+export default (request: VercelRequest, response: VercelResponse) => {
+ const { name } = request.query
+ response.status(200).send(`Hello ${name}!`)
+}
+```
+
+此外还可以使用其他语言，这里为 Vercel 所支持的[语言](https://vercel.com/docs/concepts/functions/serverless-functions/supported-languages#supported-languages:)
+
+### 开发环境
+
+上面创建的例子是在生产环境下进行的，vercel 官方非常贴心的提供了 vercel dev 来用于开发环境（本地调试）。
+
+```
+vercel dev
+```
+
+执行后，将会默认开启 3000 端口来启动服务，此时访问 http://localhost:3000/api/hello 就可调用该接口
+
+## vercel.json
+
+在根目录创建[vercel.json](https://vercel.com/docs/project-configuration)，用于设置 Vercel 项目配置 ，其配置结构与 Nextjs 的 next.config.js 大体一致。
+
+### headers
+
+vercel 允许响应携带自定义的协议头，例如设置允许跨域的协议头。
+
+```json title='vercel.json' icon='logos:vercel-icon'
+{
+ "headers": [
+ {
+ "source": "/(.*)",
+ "headers": [
+ {
+ "key": "Access-Control-Allow-Origin",
+ "value": "*"
+ },
+ {
+ "key": "Access-Control-Allow-Headers",
+ "value": "content-type"
+ },
+ {
+ "key": "Access-Control-Allow-Methods",
+ "value": "DELETE,PUT,POST,GET,OPTIONS"
+ }
+ ]
+ }
+ ]
+}
+```
+
+### rewrites
+
+Vercel 支持路由重写功能，因此我们可以实现反向代理。
+
+例如将前缀为/proxy 的所有请求都代理到 ，其写法如下
+
+```json title='vercel.json' icon='logos:vercel-icon'
+{
+ "rewrites": [
+ {
+ "source": "/proxy/:match*",
+ "destination": "http://127.0.0.1:5000/:match*"
+ }
+ ]
+}
+```
+
+请求`/proxy/hello` 将会请求到 `http://127.0.0.1:5000/hello`（不带有`/proxy`）
+
+:::warning 注意：无法代理前缀为 `/api` 的接口，即使设置了也无效。
+
+:::
+
+#### redirects 和 rewrites 区别
+
+除了 rewrites 还有一个 redirects，也就是重定向，response 返回 3xx 的状态码和 location 头信息。
+
+而 rewrites 重写内部转发了请求，地址栏不会发生改变，并且状态码由转发的请求决定。
+
+并且 redirects 是先被调用的，而 rewrites 是后被调用的。
+
+### functions
+
+可以设置指定接口分配的内存以及最大执行时间。默认下
+
+- Memory: 1024 MB (1 GB)
+- Maximum Execution Duration: 5s (Hobby), 15s (Pro), or 30s (Enterprise)
+
+个人用户接口超时时间最长为 5 秒。
+
+## 部署 Node 项目
+
+可以使用 vercel.json 配置来覆盖 vercel 默认行为，也就能使用 Vercel 部署 Node 项目。
+
+假设要部署一个 Express 项目，则配置如下
+
+```json title='vercel.json' icon='logos:vercel-icon'
+{
+ "builds": [
+ {
+ "src": "app.js",
+ "use": "@vercel/node"
+ }
+ ]
+}
+```
+
+安装 `@vercel/node`包
+
+```bash
+npm i @vercel/node -D
+```
+
+然后运行 vercel，而不是~~vercel --prod~~
+
+### 部署 Nest.js
+
+这里有个部署 Nest.js 项目的教程 [基于 Vercel+Github Action 部署 Nest.js 项目 - 掘金 (juejin.cn)](https://juejin.cn/post/7023690214803505166)
+
+其 vercel.json 如下
+
+```json title='vercel.json' icon='logos:vercel-icon'
+{
+ "builds": [
+ {
+ "src": "dist/main.js",
+ "use": "@vercel/node"
+ }
+ ],
+ "routes": [
+ {
+ "src": "/(.*)",
+ "dest": "dist/main.js"
+ }
+ ]
+}
+```
+
+然后执行 vercel --prod（因为 nest 项目需要 build 打包）
+
+## 最后
+
+Vercel 十分良心，为个人用户提供了免费的爱好者计划，每个月提供 100G 流量，构建时间是 100 小时，50 个根域名绑定。
diff --git "a/blog/program/Vercel\351\203\250\347\275\262\344\270\252\344\272\272\345\215\232\345\256\242.md" "b/blog/program/Vercel\351\203\250\347\275\262\344\270\252\344\272\272\345\215\232\345\256\242.md"
new file mode 100644
index 0000000..2791c44
--- /dev/null
+++ "b/blog/program/Vercel\351\203\250\347\275\262\344\270\252\344\272\272\345\215\232\345\256\242.md"
@@ -0,0 +1,172 @@
+---
+slug: vercel-deploy-blog
+title: Vercel部署个人博客
+date: 2022-05-11
+authors: kuizuo
+tags: [vercel, blog]
+keywords: [vercel, blog]
+description: 使用 Vercel 部署个人博客过程记录，简单方便、访问快、免费部署。
+image: https://img.kuizuo.cn/image-20220511170700075.png
+---
+
+
+
+:::tip 观前提醒
+
+[Vercel](https://vercel.com/) 部署静态资源网站极其**简单方便**，并且有可观的**访问速度**，最主要的是**免费部署**。
+
+如果你还没有尝试的话，强烈建议去使用一下。
+
+:::
+
+[vercel 介绍](https://zhuanlan.zhihu.com/p/452654619)
+
+与之相似的产品 [Netfily](https://netlify.com)，如果你想部署私有化，推荐 [Coolify](https://coolify.io)
+
+如果你想搭建一个类似这样的站点，不妨参考我的 [Docusaurus 主题魔改](/docs/docusaurus-guides)
+
+:::danger DNS 污染
+
+由于某些原因，vercel.app 被 DNS 污染（即被墙），目前在国内已经无法打开，除非你有自己的域名，通过 CNAME 解析访问你的域名。
+
+**因此想要在国内访问，建议不要使用 Vercel 部署了，最好选用 Netlify。**
+
+:::
+
+
+
+## 注册账号
+
+进入 [Vercel](https://vercel.com) 官网，先去注册一个账号，建议注册一个 [Github](https://github.com/) 账号后，使用 Github 账号来登录 Vercel。
+
+## 部署网站
+
+进入 [Dashboard](https://vercel.com/dashboard)
+
+
+
+点击 [New Project](https://vercel.com/new)
+
+
+
+这里可以从已有的 git repository 中导入，也可以选择一个模板。
+
+这里登录我的 Github 账号选择仓库，然后点击 blog 仓库旁的 Import 即可。当然，你也可以直接拉取我的仓库，仓库地址：[kuizuo/blog](https://github.com/kuizuo/blog)
+
+
+
+点击 Deploy，然后静等网站安装依赖以及部署，稍后将会出现下方页面。
+
+
+
+此时网站已经成功搭建完毕了，点击图片即可跳转到 vercel 所提供的二级域名访问。
+
+是不是极其简单？**甚至不需要你输入任何命令，便可访问构建好的网站。**
+
+## 自定义域名
+
+如果有自己的域名，还可以在 vercel 中进行设置。
+
+首先进入 blog 的控制台，在 Settings -> Domains 添加域名。
+
+
+
+接着提示域名需要 DNS 解析到 vercel 提供的记录值
+
+
+
+登录所在的域名服务商，根据 Vercel 提供的记录值 cname.vercel-dns.com，添加两条记录
+
+
+
+此时回到 Vercel，可以看到记录值成功生效。
+
+
+
+此时访问自己的域名，同样也能访问到页面，同时还有可观的访问速度。
+
+### 自动颁发 SSL 证书
+
+默认状态下，Vercel 将会颁发并自动更新 SSL 证书。（着实方便，不用自己手动去申请证书，配置证书）
+
+
+
+## 持续集成（CI）/持续部署（CD）
+
+> To update your Production Deployment, push to the "main" branch.
+
+当主分支有代码被推送，Vercel 将会重新拉取代码，并重新构建进行单元测试与部署（构建速度可观）
+
+
+
+## Serverless
+
+同时 vercel 还支持 serverless，也就是说，不仅能部署静态站点，还能部署后端服务，不过肯定有一定的限制。
+
+[Vercel 部署 Serverless](/blog/vercel-deploy-serverless)
+
+## Edge Functions
+
+翻译过来叫边缘函数，你可以理解为在 Vercel 的 CDN 上运行的函数，可以在 Vercel 的 CDN 上运行代码，而不需要在服务器上运行。
+
+由于这类函数和静态资源一样，都通过 CDN 分发，因此它们的执行速度非常快。
+
+官网介绍：[Edge Functions](https://vercel.com/docs/concepts/functions/edge-functions)
+
+## Vercel CLI
+
+有时候并不想登录网页，然后新建项目，选择仓库，拉取部署，而是希望直接在项目下输入命令来完成部署。vercel 自然肯定提供相对应的脚手架 **[CLI](https://vercel.com/docs/cli)** 供开发者使用。
+
+安装
+
+```
+npm i -g vercel
+```
+
+在项目根目录中输入
+
+```
+vercel --prod
+```
+
+第一次将进行登录授权，选择对应平台，将会自动打开浏览器完成授权，接着将会确认一些信息，一般默认回车即可，下为执行结果
+
+```
+Vercel CLI 24.2.1
+? Set up and deploy “F:\Project\React\online-tools”? [Y/n] y
+? Which scope do you want to deploy to? kuizuo
+? Link to existing project? [y/N] n
+? What’s your project’s name? online-tools
+? In which directory is your code located? ./
+Auto-detected Project Settings (Create React App):
+- Build Command: react-scripts build
+- Output Directory: build
+- Development Command: react-scripts start
+? Want to override the settings? [y/N] n
+🔗 Linked to kuizuo12/online-tools (created .vercel and added it to .gitignore)
+🔍 Inspect: https://vercel.com/kuizuo12/online-tools/6t8Vt8rG3waGVHTKU7ZzJuGc6Hoq [2s]
+✅ Production: https://online-tools-phi.vercel.app [copied to clipboard] [2m]
+📝 Deployed to production. Run `vercel --prod` to overwrite later (https://vercel.link/2F).
+💡 To change the domain or build command, go to https://vercel.com/kuizuo12/online-tools/settings
+```
+
+执行完毕后，将会在根目录创建.vercel 文件夹，其中 project.json 中存放 orgId 和 projectId，下面将会用到。此时在[dashboard](https://vercel.com/dashboard)中也能看到该项目被部署了。
+
+不过这样部署上去的代码，并不会连接 git 仓库，需要到控制台中选择仓库即可。
+
+如果想在 github actions 中使用，则新建一个 steps，设置好对应的变量。
+
+```
+ - name: Deploy to Vercel
+ run: npx vercel --token ${{VERCEL_TOKEN}} --prod
+ env:
+ VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+ VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+ VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+```
+
+还有一个 VERCEL_TOKEN 需要到 [Vercel Settings Tokens](https://vercel.com/account/tokens) 新建一个 Token。
+
+## 总结
+
+没什么好总结，直接上手使用，相信你会爱上 Vercel，以及他旗下的产品，[Next.js](https://github.com/vercel/next.js) 和 [Turbo](https://github.com/vercel/turbo) 等等。
diff --git "a/blog/program/vite+vue3\346\220\255\345\273\272uniapp\345\274\200\345\217\221\347\216\257\345\242\203.md" "b/blog/program/vite+vue3\346\220\255\345\273\272uniapp\345\274\200\345\217\221\347\216\257\345\242\203.md"
new file mode 100644
index 0000000..9d5c76b
--- /dev/null
+++ "b/blog/program/vite+vue3\346\220\255\345\273\272uniapp\345\274\200\345\217\221\347\216\257\345\242\203.md"
@@ -0,0 +1,196 @@
+---
+slug: vite-vue3-build-uniapp-environment
+title: vite+vue3搭建uniapp开发环境
+date: 2022-03-27
+authors: kuizuo
+tags: [vue, vite, uniapp, develop]
+keywords: [vue, vite, uniapp, develop]
+description: 使用 vite vue3 搭建 uniapp 开发环境
+---
+
+
+
+最近想搞个移动端或小程序的 Vue3 项目，所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台，Taro 与 uniapp，但 uniapp 貌似对 vue3 的支持不是特别友好。所以让我在 Taro 和 uniapp 之间抉择了一段时间，最终还是尝试选择相对熟悉的 uniapp 来进行开发。
+
+:::warning 前排提醒：目前 uniapp 对 Vue3 的支持还处于 alpha 版，即开发阶段，大概率是会遇到很多问题的。
+
+:::
+
+
+
+## 开发环境搭建
+
+建议安装 HBuilderX，主要是 uni cli 在 APP 平台仅支持生成离线打包的 wgt 资源包，不支持云端打包生成 apk/ipa，并且也不便配置一些打包后的参数。
+
+这里建议安装 Alpha 版，后文会说明缘由。
+
+:::warning 注意
+
+在 HBuilderX 正式版中是无法直接创建 Vue3 项目的，而 Alpha 版有 Vue2 和 3 可供选择，但创建的自带的模板大部分的写法还是 vue2 的写法（无 setup 语法糖），所以这时候要么改代码自建，要么使用官方所提供的 [Vue3 模板](https://uniapp.dcloud.io/worktile/CLI.html#%E5%88%9B%E5%BB%BA%E5%B7%A5%E7%A8%8B)
+
+
+
+:::
+
+```bash
+# 创建以 javascript 开发的工程
+npx degit dcloudio/uni-preset-vue#vite my-vue3-project
+
+# 创建以 typescript 开发的工程
+npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
+```
+
+当然，有可能会下载失败，可以直接访问 [gitee](https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip)下载模板。
+
+## 项目结构
+
+```
+|-- src
+ |-- App.vue
+ |-- env.d.ts
+ |-- main.ts
+ |-- manifest.json
+ |-- pages.json
+ |-- uni.scss
+ |-- pages
+ | |-- index
+ | |-- index.vue
+ |-- static
+ |-- logo.png
+|-- index.html
+|-- package-lock.json
+|-- package.json
+|-- postcss.config.js
+|-- tsconfig.json
+|-- vite.config.ts
+```
+
+下载完毕，开始安装依赖，接着就可以开始测试了。
+
+## 运行编译
+
+在运行之前，首先将**vuex**包给移除，不然将会有如下提示，总之就是不推荐使用的意思，而且要使用状态管理也推荐使用 pinia。所以执行 `yarn remove vuex` 吧
+
+```
+(node:26968) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at F:\Uniapp\my-vue3-project1\node_modules\vuex\package.json.
+Update this package.json to use a subpath pattern like "./*".
+```
+
+### H5
+
+运行编译都正常
+
+### APP
+
+使用`npm run dev:app`后就会发现，终端一直卡在如下界面无法继续。（后面测试发现，除了 H5 能正常运行，其他都会卡住）
+
+```
+编译器版本：3.4.3（vue3）
+请注意运行模式下，因日志输出、sourcemap 以及未压缩源码等原因，性能和包体积，均不及发行模式
+。
+正在编译中...
+vite v2.8.6 building for development...
+DONE Build complete. Watching for changes...
+ready in 1554ms.
+```
+
+然后呢？？？
+
+算了，就用 HBuilderX 的 cli 先运行到手机或模拟器，然后后打开 app 的时候提示如下错误，点击忽略后发现应用无法正常运行。
+
+
+
+查看了下我本地的 HBuilderX 版本是正式版 v3.3.13，而该 Vue3 的模板的 Alpha 版 v3.4.3
+
+
+
+好家伙，官方提供的模板都直接使用 Alpha 版，无奈只好点击 [查看详情](https://ask.dcloud.net.cn/article/35627) 后问题解决办法。最终测试后，建议是使用最新版，即 Alpha 版本，于是替换了本地正式版的 HbuilderX，应用便能正常运行了。
+
+既然开发环境下能正常运行，那就试下打包。由于 uniapp 打包安卓应用只能打包成 APP 资源，要打包成 apk，要么创建一个 Android Studio 工程，然后将 APP 资源放入并打包成 apk，要么使用云打包（而云打包又是只有 HBuilder 才有的功能）。如果本地没有 Android Studio 相关环境，建议还是使用云打包（简单方便），这里就不演示下打包过程了。
+
+### 小程序
+
+这里只测试了微信小程序，在上面 app 的处理完之后，微信小程序也是正常运行，不过至于与上面 Vue3 模板和 HbuilderX 正式版有无关系我就不得而知了，也懒得重装测试了。不过猜测应该与上面无关，毕竟是与手机的 SDK 有关。
+
+## 组件库
+
+uniapp 官方中提供了一个 uni-ui 的组件库，但有一个 uniapp 相对知名的组件库 uview，并且相对前者来说更易上手实用，但当我尝试用 HBuilderX 导入时，却出现下方提示。
+
+
+
+很显然，uview 并不支持 vue3，但在社区中找到了份同时支持 Vue3.0 和 Vue2.0 的[uView](https://ext.dcloud.net.cn/plugin?name=vk-uview-ui)，但测试后最终已失败告终。
+
+在社区中也搜到了 [ThorUI 组件库](https://ext.dcloud.net.cn/plugin?id=556) 但貌似需要会员收费，果断放弃且没有测试。
+
+然后想到 Taro 中还有 nutui，于是我便开始尝试了一下，不出所料，支持 Vue3 组件库，肯定是支持的。演示如下
+
+
+
+但很遗憾，这里的支持也只是局限于 h5 开发。官方也有声明只能开发 h5
+
+> @nutui/nutui@next 基于 Vue3 视觉风格 JD APP 10.0 规范 ，只能开发 h5 @nutui/nutui-taro 基于 Vue3 视觉风格 JD APP 10.0 规范 ，必须基于 taro + vue3 框架 进行开发多端（多端指一套代码 部署多端环境 微信小程序 h5、等第三方小程序）
+
+而且想要多端开发，也必须基于 taro + vue3 框架，所以在 uniapp 上的 app 与小程序上自然无法运行（已测试）
+
+所以说一开始在 uniapp 和 taro 中的选择中，为啥不使用 Taro 呢？而且还支持 Vue3（相比 uniapp 而言）？
+
+最终组件库的选择是 uniapp 官方的 uni-ui。
+
+## 使用 VSCode 开发
+
+HBuilder 给我代码编写体验并不友好，所以将 uniapp 的项目转 vscode 进行开发，并且使用到 npm 包。
+
+首先创建一个 vite+vue3 项目（或者使用一开始介绍的官方提供的 Vue3 模板，主要是有 cli，需要自行在安装），然后将原 src 目录给删除，替换成 uniapp 创建的项目根目录。但还需要做以下操作
+
+### 安装 sass
+
+vite 要支持 sass 只需要安装 sass 的依赖即可
+
+```bash
+npm install sass
+```
+
+### 允许 js 文件
+
+由于使用了 ts，如果项目中存在 js 文件，将会警告，可以在 tsconfig.json 中添加`"allowJs": true`即可
+
+### 组件语法提示
+
+```bash
+npm i @dcloudio/uni-helper-json @types/uni-app @types/html5plus -D
+```
+
+但发现对于 uni-ui 组件库的代码提示并不友好，大概率是需要局部引用组件，我这里并未使用[npm 包](https://www.npmjs.com/package/@dcloudio/uni-ui)的方式导入，而是采用官方的 uni_modules，不过组件库的代码提示的问题不是很大，查阅文档即可解决。
+
+### 导入代码块
+
+[uni-app 代码块（vscode） (github.com)](https://github.com/zhetengbiji/uniapp-snippets-vscode)
+
+### 找不到模块“./App.vue”或其相应的类型声明
+
+在 src 目录下创建`env.d.ts`文件，填入以下内容即可
+
+```typescript
+/// schema.prisma
+ +```prisma title='prisma/schema.prisma' +generator client { + provider = "prisma-client-js" +} + +datasource db { + provider = "sqlite" + url = env("DATABASE_URL") +} + +model Example { + id String @id @default(cuid()) + createdAt DateTime @default(now()) + updatedAt DateTime @updatedAt +} + +// Necessary for Next auth +model Account { + id String @id @default(cuid()) + userId String + type String + provider String + providerAccountId String + refresh_token String? // @db.Text + access_token String? // @db.Text + expires_at Int? + token_type String? + scope String? + id_token String? // @db.Text + session_state String? + user User @relation(fields: [userId], references: [id], onDelete: Cascade) + + @@unique([provider, providerAccountId]) +} + +model Session { + id String @id @default(cuid()) + sessionToken String @unique + userId String + expires DateTime + user User @relation(fields: [userId], references: [id], onDelete: Cascade) +} + +model User { + id String @id @default(cuid()) + name String? + email String? @unique + emailVerified DateTime? + image String? + accounts Account[] + sessions Session[] +} + +model VerificationToken { + identifier String + token String @unique + expires DateTime + + @@unique([identifier, token]) +} + +``` + +
+
+
+因为只能在 js 中编写 vue 组件，所以得用 template 模板，同时使用了 directives，给组件添加了拖拽的功能（尤其是`window.onmousemove`，如果是元素绑定他自身的鼠标移动事件，那么拖拽鼠标将会十分卡顿），还使用了 transition 来进行缓慢动画效果其中注入的 css 代码如下
+
+```css
+.float-page {
+ width: 400px;
+ border-radius: 8px;
+ position: fixed;
+ left: 50%;
+ top: 25%;
+ z-index: 1000001;
+}
+
+.el-card__header {
+ padding: 10px 15px !important;
+}
+
+.ul-box {
+ height: 200px;
+ overflow: hidden;
+}
+
+.ul-enter-active,
+.ul-leave-active {
+ transition: all 0.5s;
+}
+.ul-enter,
+.ul-leave-to {
+ height: 0;
+}
+```
+
+相关逻辑可自行观看，这里不在赘述了，并不复杂。
+
+也顺带是复习一下 HTML 中鼠标事件和 vue 自定义命令了
+
+### 功能实现
+
+主要功能
+
+- 检测视频页面，输出对应 up 主，关注数以及视频标题播放（参数过多就不一一显示了）
+
+- 监控关键词根据内容判断是否点赞，例如文本出现了下次一定，那么就点赞。
+
+#### 输出相关信息
+
+这个其实只要接触过一丢丢爬虫的肯定都会知道如何实现，通过右键审查元素，像这样
+
+
+
+然后使用 dom 操作，选择对应的元素，输出便可
+
+```js
+> document.querySelector("#v_upinfo > div.up-info_right > div.name > a.username").innerText
+< '老番茄'
+```
+
+当然使用 JQuery 效果也是一样的。后续我都会使用 JQuery 来进行操作
+
+在 src/content-script/bilibili.js 中写下如下代码
+
+```js
+window.onload = function () {
+ console.log('加载完毕')
+
+ function getInfo() {
+ let username = $('#v_upinfo > div.up-info_right > div.name > a.username').text()
+ let follow = $(
+ `#v_upinfo > div.up-info_right > div.btn-panel > div.default-btn.follow-btn.btn-transition.b-gz.following > span > span > span`,
+ ).text()
+ let title = $(`#viewbox_report > h1 > span`).text()
+ let view = $('#viewbox_report > div > span.view').attr('title')
+
+ console.log(username, follow, title, view)
+ }
+
+ getInfo()
+}
+```
+
+重新加载插件，然后输出查看结果
+
+```
+加载完毕
+bilibili.js:19 老番茄 1606.0万 顶级画质 总播放数2368406
+```
+
+这些数据肯定单纯的输出肯定是没什么作用的，要能显示到内嵌悬浮窗口，或者是 popup 页面上（甚至发送 ajax 请求到远程服务器上保存）
+
+对上面代码微改一下
+
+```js
+window.onload = function () {
+ console.log('加载完毕')
+
+ function getInfo() {
+ let username = $('#v_upinfo > div.up-info_right > div.name > a.username').text().trim()
+ let follow = $(
+ `#v_upinfo > div.up-info_right > div.btn-panel > div.default-btn.follow-btn.btn-transition.b-gz.following > span > span > span`,
+ ).text()
+ let title = $(`#viewbox_report > h1 > span`).text()
+ let view = $('#viewbox_report > div > span.view').attr('title')
+
+ //console.log(username, follow, title, view);
+ window.kz_vm.user = {
+ username,
+ follow,
+ title,
+ view,
+ }
+ }
+ getInfo()
+}
+```
+
+其中`window.kz_vm`是通过`window.kz_vm = new Vue()` 初始化的，方便我们操作 vm 对象，就需要通过 jquery 选择元素在添加属性了。如果你想的话也可以直接在 content-script.js 上编写代码，这样就无需使用 window 对象，但这样导致一些业务逻辑都堆在一个文件里，所以我习惯分成 bilibili.js 然后注入方式为 document_end，然后在操作 dom 元素吗，实现效果如下
+
+
+
+如果像显示到 popup 页面只需要通过页面通信就行了，不过前提得先 popup 打开才行，所以一般都是通过 background 来进行中转，一般来说很少 content –> popup（因为操作 popup 的前提都是 popup 要打开），相对更多的是 content –> background 或 popup –> content
+
+[content-script 主动发消息给后台 我是小茗同学 - 博客园 (cnblogs.com)](https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#content-script主动发消息给后台)
+
+#### 实现评论
+
+这边简单编写了一下页面，通过 popup 给 content，让 content 输入评论内容，与点击发送，先看效果
+
+
+
+同样的，找到对应元素位置
+
+```js
+// 评论文本框
+$('#comment > div > div.comment > div > div.comment-send > div.textarea-container > textarea').val(
+ '要回复的内容',
+)
+// 评论按钮
+$('#comment > div > div.comment > div > div.comment-send > div.textarea-container > button').click()
+```
+
+接着就是写页面通信的了，可以看到是 popup 向 content 发送请求
+
+```js title="src/content-script/bilibili.js"
+window.onload = function () {
+ console.log('content加载完毕')
+
+ function comment() {
+ chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
+ let { cmd, message } = request
+ if (cmd === 'addComment') {
+ $(
+ '#comment > div > div.comment > div > div.comment-send > div.textarea-container > textarea',
+ ).val(message)
+ $(
+ '#comment > div > div.comment > div > div.comment-send > div.textarea-container > button',
+ ).click()
+ }
+
+ sendResponse('我收到了你的消息！')
+ })
+ }
+
+ comment()
+}
+```
+
+```html title="src/popup/App.vue"
+
+ 完整代码
+ +```js title="content-script.js" +// 注意，这里引入的vue是运行时的模块，因为content是插入到目标页面，对组件的渲染需要运行时的vue， 而不是编译环境的vue （我也不知道我在说啥，反正大概意思就是这样） +import Vue from 'vue/dist/vue.esm.js' +import ElementUI, { Message } from 'element-ui' +Vue.use(ElementUI) + +// 注意，必须设置了run_at=document_start此段代码才会生效 +document.addEventListener('DOMContentLoaded', function () { + console.log('vue-chrome扩展已载入') + + insertFloat() +}) + +// 在target页面中新建一个带有id的dom元素，将vue对象挂载到这个dom上。 +function insertFloat() { + let element = document.createElement('div') + let attr = document.createAttribute('id') + attr.value = 'appPlugin' + element.setAttributeNode(attr) + document.getElementsByTagName('body')[0].appendChild(element) + + let link = document.createElement('link') + let linkAttr = document.createAttribute('rel') + linkAttr.value = 'stylesheet' + let linkHref = document.createAttribute('href') + linkHref.value = 'https://unpkg.com/element-ui/lib/theme-chalk/index.css' + link.setAttributeNode(linkAttr) + link.setAttributeNode(linkHref) + document.getElementsByTagName('head')[0].appendChild(link) + + let left = 0 + let top = 0 + let mx = 0 + let my = 0 + let onDrag = false + + var drag = { + inserted: function (el) { + ;(el.onmousedown = function (e) { + left = el.offsetLeft + top = el.offsetTop + mx = e.clientX + my = e.clientY + if (my - top > 40) return + + onDrag = true + }), + (window.onmousemove = function (e) { + if (onDrag) { + let nx = e.clientX - mx + left + let ny = e.clientY - my + top + let width = el.clientWidth + let height = el.clientHeight + let bodyWidth = window.document.body.clientWidth + let bodyHeight = window.document.body.clientHeight + + if (nx < 0) nx = 0 + if (ny < 0) ny = 0 + + if (ny > bodyHeight - height && bodyHeight - height > 0) { + ny = bodyHeight - height + } + + if (nx > bodyWidth - width) { + nx = bodyWidth - width + } + + el.style.left = nx + 'px' + el.style.top = ny + 'px' + } + }), + (el.onmouseup = function (e) { + if (onDrag) { + onDrag = false + } + }) + }, + } + + window.kz_vm = new Vue({ + el: '#appPlugin', + directives: { + drag: drag, + }, + template: ` +
+
+
+
+
+
+ `,
+ data: function () {
+ return {
+ show: true,
+ list: [],
+ user: {
+ username: '',
+ follow: 0,
+ title: '',
+ view: 0,
+ },
+ }
+ },
+ mounted() {},
+ methods: {
+ toggle() {
+ this.show = !this.show
+ },
+ },
+ })
+}
+```
+
+
+ 悬浮窗
+ {{ show ? '收起' : '展开'}}
+
+
+ {{user}}
+
+
+
+ B站小工具
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+代码就不解读了，调用 sendMessageToContentScript 方法即可。相关源码可自行下载查看
+
+实现类似点赞功能也是同理的。
+
+## 相关模板
+
+[vitesse-webext](https://github.com/antfu/vitesse-webext)
+
+[plasmo](https://www.plasmo.com/)
+
+## 整体体验
+
+当时写 Chrome 插件的效率不能说慢，反正不快就是了，像一些 tips，都得自行封装。用过 Vue 的都知道写网页很方便，写 Chrome 插件未尝不是编写一个网页，当时的我在接触了 Vue 后就萌发了使用 vue 来编写 Chrome 的想法，当然肯定不止我一个这么想过，所以我在 github 上就能搜索到相应的源码，于是就有了这篇文章。
+
+如果有涉及到爬取数据相关的，我肯定是首选使用 HTTP 协议，如果在搞不定我会选择使用 puppeteerjs，不过 Chrome 插件主要还是增强页面功能的，可以实现原本页面不具备的功能。
+
+本文仅仅只是初步体验，简单编写了个小项目，后期有可能会实现一个百度网盘一键填写提取码，Js 自吐 Hooke 相关的。（原本是打算做 pdd 商家自动回复的，客户说要用客户端而不是网页端（客户端可以多号登陆），无奈，这篇博客就拿 B 站来演示了）
diff --git "a/blog/program/\345\260\206 Supabase \344\275\234\344\270\272\344\270\213\344\270\200\344\270\252\345\220\216\347\253\257\346\234\215\345\212\241.md" "b/blog/program/\345\260\206 Supabase \344\275\234\344\270\272\344\270\213\344\270\200\344\270\252\345\220\216\347\253\257\346\234\215\345\212\241.md"
new file mode 100644
index 0000000..778a9c6
--- /dev/null
+++ "b/blog/program/\345\260\206 Supabase \344\275\234\344\270\272\344\270\213\344\270\200\344\270\252\345\220\216\347\253\257\346\234\215\345\212\241.md"
@@ -0,0 +1,262 @@
+---
+slug: use-supabase-as-backend-service
+title: 将 Supabase 作为下一个后端服务
+date: 2023-02-18
+authors: kuizuo
+tags: [supabase, nuxt, project]
+keywords: [supabase, nuxt, project]
+description: 本文介绍了如何使用 Supabase 作为后端服务，使开发人员可以更快地构建和部署应用程序，无需配置数据库或编写复杂的身份验证代码。将使用 Nuxt.js 和 Supabase，以实现一个图床网站为例，来演示如何在前端中使用 Supabase API 和 Storage 服务。
+image: https://img.kuizuo.cn/213727234-cda046d6-28c6-491a-b284-b86c5cede25d.png
+toc_max_heading_level: 3
+---
+
+对于想快速实现一个产品而言，如果使用传统开发，又要兼顾前端开发，同时又要花费时间构建后端服务。然而有这么一个平台（Baas Backend as a service）后端即服务，能够让开发人员可以专注于前端开发，而无需花费大量时间和精力来构建和维护后端基础设施。
+
+对于只会前端的人来说，这是一个非常好的选择。后端即服务的平台使得开发人员能够快速构建应用程序，更快地将其推向市场。当然了，你可以将你的后端应用接入 Baas，这样你就无需配置数据库，编写复杂的身份效验。
+
+如果你想了解 Baas，我想这篇文章或许对你有所帮助。
+
+
+
+## 什么是 [Supabase](https://supabase.com/ 'Supabase')?
+
+在摘要部分也介绍到名词 BaaS (Backend as a Service) ，意思为**后端即服务**。这个概念是在我接触 Serverless 的时候了解到的，更准确来说是腾讯云开发。当时在编写小程序的时候，只需要专注与应用业务逻辑，而不用编写数据存储，身份验证，文件存储等后端服务，这些统统由 BaaS 平台所提供。 通常会配合 Serverless 函数使用，通常也叫 FaaS（Function as a Service）。通常来说，FaaS 会依赖于 BaaS 平台。
+
+而 Supabase 便是 BaaS 的平台之一。Supabase 是一个开源的 Firebase 替代品。使用 Postgres 数据库、身份验证、即时 API、边缘函数、实时订阅和存储启动项目。
+
+你也许听过 Firebase，由 Google 提供的私有云服务，但开发者无法修改和扩展其底层代码。而 Supabase 是开源的，提供了类似 Firebase 的功能，且定价灵活，并且官方自称为 [Firebase](https://link.juejin.cn/?target=https://firebase.google.com/ 'Firebase')的替代品。
+
+## BaaS 与 CMS 有何不同？
+
+BaaS 通常只专注于应用的后端服务，而 CMS 则是专注与内容管理。不过 BaaS 比较依赖云服务，而 CMS 通常只依赖于 web 后端技术。如果你想搭建一个内容站点（视频，音频，文章），并且作为网站管理员，那么 CMS 就是一个很好的选择，并且有相当多的主题模板。反之，不想搭建后端服务，减少运营程序，那么毫不犹豫的选择 BaaS。
+
+## 注册 Supabase
+
+进入 [supabase 登录界面](https://app.supabase.com/sign-in) 选择 Continue With Github
+
+
+
+输入 Github 账号密码进入[主页面](https://app.supabase.com/projects '主页面')，新建一个项目
+
+
+
+为该项目起名，设置数据库密码，以及分配地区。
+
+:::warning
+
+创建 supabase 项目对密码要求非常严格，像 a123456 这种根本无法通过，像 ●●●●●●●●●● 密码就可以。
+
+地区方面优先就近原则，而最近的也就是日本与韩国，很无奈 supabase 在大陆和港澳台并未设立服务器。
+
+:::
+
+
+
+等待片刻，你将拥有一个免费的后端服务！
+
+
+
+supabase 会提供一个二级域名供开发者访问，也就是这里 Project Configuration 的 URL，对应的这个二级域名 azlbliyjwcxxxxx 也就是你这个项目的唯一标识 Reference ID（下文称 项目 id）。你可以到 [https://app.supabase.com/project/你的项目 id/settings/api](https://app.supabase.com/project/azlbliyjwcemojkwazto/settings/api 'https://app.supabase.com/project/你的项目id/settings/api') 中查看相关配置。
+
+## 体验一下
+
+这里参考到了官方文档 [Serverless APIs](https://supabase.com/docs/guides/database/api 'Serverless APIs')。
+
+首先，创建一个 todos 表，并新增字段（列）task 为 varchar 类型，Save 保存。
+
+
+
+Insert row 添加一行记录，id 为 1，task 为 code。
+
+
+
+
+
+现在有了数据后，正常来说我们应该做什么？请求一下数据看看？不不不，应该是设置数据的权限。
+
+打开到下图界面，我们要为 todos 数据新增一个 policy 策略。
+
+
+
+
+
+supabase 针对不同的场景提供了相应的策略方案模板，你也可以根据你的需求进行设置，这里作为演示不考虑太复杂，选择第一个允许任何人都可以请求到 todos 数据。
+
+
+
+接着下一步即可
+
+
+
+此时就新增了一个所有用户都可查询的 todo 的策略，同样的你还可以添加只有授权用户才能够创建更新删除 todo，更新与删除只能操作属于自己的 todo 资源。
+
+这时候设置好了数据的权限后，就可以尝试去请求了，打开下图页面，将 URL 与 apikey 复制下来。
+
+
+
+选择你一个 http 请求工具，这里我选用 [hoppscotch](https://hoppscotch.io/ 'hoppscotch')，将信息填写上去，请求将会得到一开始所创建的 todo 数据。
+
+
+
+除了 restful api 风格，还支持 graphql 风格，可查阅文档 [Using the API](https://supabase.com/docs/guides/database/api#using-the-api 'Using the API')
+
+
+
+### 使用类库
+
+正常情况肯定不会像上面那样去使用，而是通过代码的方式进行登录，CRUD。这里使用 [Javascript Client Library](https://supabase.com/docs/reference/javascript/installing 'Javascript Client Library')，替我们封装好了 supabase 的功能。
+
+首先，安装依赖
+
+```bash
+npm install @supabase/supabase-js
+```
+
+创建 客户端实例
+
+```typescript
+import { createClient } from '@supabase/supabase-js'
+```
+
+此时准备好上述的 URL 与 apikey，用于创建 supabase 实例，不过 supabase 还提供 [type 类型支持](https://supabase.com/docs/reference/javascript/typescript-support)，可以将生成的 `database.types.ts` 导入到实例中，如
+
+```typescript
+import { createClient } from '@supabase/supabase-js'
+import { Database } from 'lib/database.types'
+
+const supabase = createClient
+ 评论
+
+
+
+
+```
+
+### 打包与部署
+
+传统的 node 后端框架，通常需要将原文件或者打包后的文件放到服务器上，执行 `npm i` 下载 `package.json` 里的依赖文件，然后执行运行命令启动。这一步骤的下载依赖就尤为致命，因为通常下载依赖将会特别耗时。
+
+但 Nuxt3 则是会将前后端的资源文件，打包到 `.output` 文件夹下，以本项目为例，打包的大小为 14.6MB,gzip 压缩为 3.11MB（写本章时的记录），如果不使用[Content](https://content.nuxtjs.org/) 模块体积将会更小。打包完成提示如下
+
+```bash
+Σ Total size: 14.6 MB (3.11 MB gzip)
+√ You can preview this build using node .output/server/index.mjs
+```
+
+然后你只需要将 `.output` 整个文件夹放到服务器上，并且安装好 node 环境，输入 `node .output/server/index.mjs` 即可启动项目，默认端口为 3000。当然也可以通过 pm2 的配置文件来启动，配置文件如下
+
+```javascript title='ecosystem.config.js' icon="logos:pm2-icon"
+module.exports = {
+ apps: [
+ {
+ name: 'Protocol',
+ exec_mode: 'cluster',
+ instances: '1',
+ env: {
+ NITRO_PORT: 8010,
+ NITRO_HOST: 'localhost',
+ NODE_ENV: 'production',
+ },
+ script: './.output/server/index.mjs',
+ },
+ ],
+}
+```
+
+接着执行 `pm2 start ecosystem.config.js --env production` 即可运行。相比传统需要手动下载依赖的方式，Nuxt3 则是直接将 web 项目实际所需要的依赖都打包在一起，只需要在有 node 环境下机器中就可以立马运行，无需等待依赖下载。
+
+如果部署在 Vercel 或 Netlify 就更轻松了，根据官方的步骤即可做到一键部署。
+
+## **开发流程（形态）**
+
+介绍完工具库，如果不介绍下开发流程，很多人都不知道该如何起手，这里我会用 Github 的 api 作为案例演示，也就是模板源代码中所演示的那样。当然，后续我会根据一些实战项目考虑弄个案例展示（在写中），以来方便使用与完善该模板。毕竟如果开发者自己都不愿意用，又怎么去说服他人来使用呢。
+
+### 修改内容
+
+如何修改某文字内容或某图标，这里就不再赘述了，Ctrl + Shift + F 搜索你想修改的内容并修改即可。大部分能修改的配置都写在了 `app.config.ts` 下。
+
+```javascript title='app.config.ts' icon="logos:nuxt-icon"
+export default defineAppConfig({
+ title: 'Protocol',
+ description: '一个用于快速复现请求协议的Web开发模板。',
+ author: {
+ name: 'kuizuo',
+ link: 'https://github.com/kuizuo',
+ qq: 'https://im.qq.com/',
+ wx: 'https://wx.qq.com/',
+ },
+})
+```
+
+通过 `const appConfig = useAppConfig()` 获取配置对象数据。
+
+### **定义协议复现逻辑代码（重要）**
+
+这里以调用 Github 的 api 为例，因为业务相对简单，所以使用的是静态方法来调用，简单展示一下代码
+
+```javascript title='server/protocol/github/index.ts'
+import { AHttp } from '@kuizuo/http'
+
+const http = new AHttp({ baseURL: 'https://api.github.com' })
+
+export class Github {
+
+ static async getUser(username: string) {
+ const { data } = await http.get-
+
+
- + + + + + + +
- + + +
+
+
+
+```
+
+所以，POST 请求最主要的之一，就是拼接参数，去模拟请求，在说到这里的加密 enc，先看看原文本长啥样
+
+```
+[34189060][157041903][1595816983931186][34ad66ae9778a00c6bfde810f12431ac][935000][d_yHJ!$pdA~5][935000][0_935]
+
+将上面这段数据通过MD5加密即可获取enc为
+f26c618c0e0af1147fe2f4ce7b5e8f95
+
+通过易语言拼接如下
+web参.enc ＝ 取数据摘要 (到字节集 (“[” ＋ web参.classId ＋ “]” ＋ “[” ＋ web参.userid ＋ “]” ＋ “[” ＋ web参.jobid ＋ “]” ＋ “[” ＋ web参.objectId ＋ “]” ＋ “[” ＋ 到文本 (web参.playingTime × 1000) ＋ “]” ＋ “[d_yHJ!$pdA~5]” ＋ “[” ＋ web参.duration ＋ “000]” ＋ “[0_” ＋ web参.duration ＋ “]”))
+```
+
+至于我怎么知道加密点的，就涉及到 JS 逆向，就需要看网页内的 JS 文件，这里就不在赘述了。
+
+然后我们每提交一次视频的请求，只要将 playingTime 播放时长，改为视频时长，就能实现秒刷，原理就是通过协议发送请求。但也有问题所在，我提交一次，服务端记录一次，并且间隔为 1 分钟，我 1 分钟内在提交一次视频完成的请求都将不会记录时长，所以这里的秒刷也只是将视频章节内的视频秒刷了，实际上要挂时长，还得每隔一分钟提交一次才行。（学习通是这样的）
+
+顺便抓个提交测验的请求的包，看看模拟请求有多烦躁。
+
+```
+// url (请求地址)
+https://mooc1-2.chaoxing.com/work/addStudentWorkNewWeb?_classId=34189060&courseid=215403857&token=5219a574b7571639ea6b9770bbc23da2&totalQuestionNum=cd8c29480d9c16f5a675e8c2c459245c&ua=pc&formType=post&saveStatus=1&pos=841bf6c56a6d8179e801f5743b&rd=0.5328632906746906&value=(285|546)&wid=11020928&_edt=1609545107317285&version=1
+
+// post的data数据(拼接题号,选项,课程id,班级id,测验id等等......)
+pyFlag=&courseId=215403857&classId=34189060&api=1&workAnswerId=50407707&totalQuestionNum=cd8c29480d9c16f5a675e8c2c459245c&fullScore=100.0&knowledgeid=349140316&oldSchoolId=&oldWorkId=62df20e345ff464d9bbe4ea021025cc5&jobid=work-62df20e345ff464d9bbe4ea021025cc5&workRelationId=11020928&enc=&enc_work=5219a574b7571639ea6b9770bbc23da2&userId=157041903&answercheck209790637=A&answercheck209790637=B&answer209790637=AB&answertype209790637=1&answer209790638=false&answertype209790638=3&answer209790639=true&answertype209790639=3&answerwqbid=209790637%2C209790638%2C209790639%2C
+
+// 最后提交请求的响应文本(根据status 是否为true来判断是否提交成功,msg为返回结果文本)
+{"msg":"success!","stuStatus":4,"backUrl":"","url":"/api/work?courseid=215403857&workId=ca62b882b279427b9d24876daba4e2ba&clazzId=34189060&knowledgeid=349140316&ut=s&type=&submit=true&jobid=work-62df20e345ff464d9bbe4ea021025cc5&enc=061df255135b657c3aef35c5afc711c4&ktoken=c09603936670a079289c0d1488ab0f63","status":true}
+```
+
+想这样的自动完成任务软件（协议），要做的就是抓包（截包），分析数据，模拟数据，然后在通过代码方式生成出来，最终提交给服务器。
+
+通过这样的流程，就能实现自动刷视频，类似的章节测验与考试无非也就是判断，然后执行发送请求。对这个软件而言，就封装了好几个方法了
+
+
+
+而这还只是超星提交的操作，软件界面相关的我就不多演示了。总之，整体执行的流程就是像上面那样，软件怎么编写，就看开发人员了。
+
+## 关于协议与脚本
+
+上面说了一大堆，相信还是有大多数人迷迷糊糊的，正常，不过听不听得懂无所谓，了解即可，这里我需要说一下，协议与脚本的一些区别，实际上，简单比较下也能很明显的感受到两者的区别，甚至可以说，这两者的本质毫不相干。
+
+- 脚本
+
+需要依托在宿主上（浏览器），不然也无法执行代码（js 或填表），来实现点击提交操作。脚本要做的，也就是将人手动操作的，通过自动化方式来操作。
+
+- 协议
+
+则是基于 HTTP，只需要发送请求，就可以做到脱机（浏览器），以达到高效执行，而这是脚本做不到的，同时编写难度也是高于脚本。
+
+发送完成视频的请求，就能绕过浏览器内置的拖拽视频进度条，倍数等限制，而浏览器本身也是基于协议来实现的，也就是将这些提交请求的代码（JS）放在浏览器客户端，然后判断执行。而你的所有操作最终都将通过 HTTP 请求来发送，来达到数据交互的目的。
+
+实际上协议能做的远非如此，我这里简单举几个例子吧，例如抢购，机器人，等等，而这些用脚本都是执行不了，要么执行效率贼差。
+
+实际上在一开始写这款软件时（学易语言和 JS 三个月左右），我是知道脚本与协议的区别，并且一开始想使用脚本来写，奈何，那时候的技术，只停留在使用按键精灵或大漠插件，来实现 PC 端操作，而要操作浏览器内置 DOM 元素，则需要网页填表以及一些前端基础，也正是因为不会这些相关的，但又想写个练手项目，于是就选择使用协议去完成，并且最终成功写成。
+
+现在想想，也正应该感谢这款软件的开发经历，对我技术提升以及后续的学习兴趣至关重要。可以说没有这个软件给我带来的成就感，也许就不会有这篇文章了。（貌似有点提早感慨了)
+
+## 关于风险
+
+这也是很多人可能会担心的，毕竟软件自动执行嘛，我咋知道安全不安全，会不会导致我账号异常等等。不过这实际上要看情况的。
+
+就先这么说，你在 10 秒内，同时请求了 20 条视频，而后端是知道你请求了 20 条视频，因为你获取了后端的资源，然后后端一看，这丫的不对劲啊，手速这么快，有可能吗？后端不会觉得你手速快，而只会觉得，你像上面代码那样来短时间内批量提交视频的。所以就会给记录异常
+
+而且这也要看平台的
+
+- 学习通
+
+学习通目前提交过快，就会出现验证码，并未有使账号异常冻结等操作。
+
+- 职教云
+
+视频提交间隔要在 5 秒以上（我目前测试情况下是这样），课件等无限制。
+
+- 其他平台（没具体了解过，目前手头就写了这两个）
+
+那如果是正常速度提交，尽可能的模拟人为的操作呢，那也未必就没风险，只要他们后端想，修改一下接口，就能知道你操作是否异常了，比如我更改了加密算法，导致了你提交请求中和服务端效验失败，那我就可以认为你是通过外来手段篡改了请求数据，也就非法操作，就认为你不是非人为（非浏览器）操作。
+
+然而这种情况很少，一般来说，网站部署运行了，除非特别大的改动，基本上是不会频繁的更换源码，需要不断测试。基本上也就是看平台了
+
+我一开始只写了刷视频的，后面对接了题库，就开始写刷题的，然后有验证码就开始过验证码，最终还为软件添加一个网络验证，这每一步的过程都是深夜在电脑前，望着别人完全看不懂的代码，想，改，不过我庆幸我学了这些技术，因为它确实让我目前能写很多能用的项目。从这个超星学习通助手还学到的其他技术，下面一一列举
+
+## 一些相关技术
+
+### 完美验证系统
+
+这个是用于验证码识别的，我当初为了解决超星的登录与提交题目时出现的验证码，就必须要识别出该验证码，于是我找到了完美验证码系统，我先放一张图
+
+首先说下识别的实现原理：获取到验证码的图片，比如下面这张
+
+
+
+那么我先把干扰线去掉，并且二值化处理一下，变成下面这样
+
+
+
+然后这时候开始抠图，抠出 A，B，C，W，F 字符，比如抠出 A 字符
+
+
+
+接着，做几百张这样的抠图图片，如
+
+
+
+然后交给系统识别就行了，他会比对你做的字模，然后进行图片相似度比对，最终将识别结果返回给你，看似很简单，的确也很简单，但是我扣这些图，扣了一周，最终识别效果也就只有百分之 50 这样，真的吐了。但是没办法，那时候学的浅，哪里还知道深度学习和 ocr 的识别，就这样坚持硬着头皮扣了一周，然后将这些字模全部导出置识别库用于调用。最终整体识别效果,如下图
+
+
+
+甚至还看了一个图象识别的教程手写一个类似这样的识别系统，最终效果如下图。
+
+
+
+我要是当时会深度识别和调用 OCR，我用的着这么麻烦吗，这个是真的浪费我太多没用的时间。
+
+### 自写网络验证
+
+作为软件开发商，肯定不希望自己的辛辛苦苦写的软件，给别人一破解，修改了版权，并借此牟利，于是就不得不对软件进行一个操作，一般来说外面都有专门的对软件进行保护的厂商，但要钱的嘛，与其如此不如自己写一个，虽然防御上面可能没别人好，但至少一些破解小白肯定没那么轻松搞定。
+
+一般的网络验证，你会看到如下界面
+
+
+
+你需要注册一个账号使用，如果时间到期了就需要充值卡密使用，但你如果不注册的话，你就无法使用这个软件，能有效的防止破解者，提高破解门槛（该破解都能破解，就看想不想了），这是一个客户端，对应的肯定有服务端
+
+
+
+这里只记录了一些用的上的，实际上可以记录更多，只是我懒得再记录了，通过这个网络验证，可以有效的防止软件被篡改，同时也能利用这个来获取用户引流等等，至于网络验证相关代码就不提及了。
+
+实际上我防破解意识很浅，原因也很简单，这个软件都不收费，别人闲着没事破解啥，原本是加了网络验证，但是由于太麻烦，我就懒得加了。
+
+实际上超星这个软件从头到尾就没主动收取用户费用。那时候也是本着写来自用，并未想过去接单，帮别人啥的，对我来说没必要。软件写来不就是分享给更多的用户吗，话说的绝对，并不是所有开发者都有时间和精力去免费维护一个软件，我之所以能免费分享，主要还是我学校正好就是超星学习通的，加上也是我的练手项目，于是不分享白不分享，到时候一些其他相关软件的合作者也能找我（已经在合作了），所以这个软件对我来说有必要收费吗，反正我是没打算过。但后续平台发展了，就不得不停了该软件，没办法，为了平台而着想。
+
+### 浏览器插件
+
+我在搜索的超星刷课源码的同时也搜索到一个浏览器插件，油猴插件。相信学校是超星的肯定被同学安利过这样的一款插件，在这个插件你能看到很多脚本，其中你一搜就能搜到有关超星学习通和其他的，并且免费使用，也就是这个原因，我就没打算在我自写的超星学习通助手上进行收费。但实际上它们只是脚本，我当初准备写超星刷课的时候一开始是想写网页自动操作脚本的，但是随便一搜就有了相关的，并且别人的还有一些打码收费什么的，于是就放弃用脚本，而是通过 POST 请求（其实就是我那时候压根就不会浏览器的脚本，搜了一些网页填表的没学明白，而 js 那时候只会分析算法，ES6 语法都不会，于是就选择了协议），然后就有了上面的超星学习通助手，在疫情期间深入学习 web 方面就接触到了两个浏览器脚本，一个是 Puppeteer 与 selenium，另一个是 Chrome 插件开发，而这里的油猴插件就是基于 Chrome 插件开发出来的。
+
+但我没学过油猴插件，而是直接学了 Chrome 插件开发，有关 Chrome 插件开发可以看我写过一篇 Chrome 插件开发的文章，这里的话我就放一个网络上开源的插件 [超星慕课小工具](https://cx.icodef.com/) 毕竟我的调用题库接口还是基于这个插件的。（现转储为我自己的服务器）
+
+## 总结
+
+作为作者，能看到更多的人使用自己所写的软件，非常欣慰，估计认识我的一部分也是因为这个软件原因，由于要搞平台，所以就要停滞该项目了。
+
+在一开始编写时，都未曾想到能写的出来，并且优化成这样，在经历了这段编写过程，让我感受的编程的强大，也正是如此，让我会去尝试新鲜的技术，去编写新鲜的项目。不过还要说一些相关的问题
+
+### 说说这软件一些问题
+
+- 报毒 ：易语言的自身的原因
+- 无法做到适配：有的 win7 系统是获取不到课程，别问，问就是易语言。
+- 无法热更新：每次更新都需要在对应的下载链接下载，到现在我还不会热更新，哭了哭了。
+- 题库不全：有概率是搜不到题目的，所以提供了随机选项。
+
+从写这个软件开始，我能感受到易语言带来的便携，但也看到了易语言的不足之处。以至于我曾最喜欢的编程语言，也渐渐的开始放弃。（补: 我已不再从事易语言开发）
+
+### 不断更新，维护
+
+没有软件一上来就是完美无瑕的，都是经过多次的修改，更新，最终展现给用户，这个也不例外，从我 去年 10 月 10 号开始一直到现在，中间陆陆续续修改了几十遍，从 1.0 版本更新到 4.1.0（最终版，已不再更新）
+
+### 感慨
+
+因为这款软件，因为易语言让我感觉到编程是多么无敌的感觉，算是我目前为止还能拿的出手的软件之一，真的完全可以说，没有易语言，我也写不出来这样软件，更别说接下来的学习了。成就感与自信心油然而生，随后的学习更是得心应手。
+
+网络上也很少有类似这种文章，道理想必都懂，最后还是要说下
+
+**本文仅作为技术交流，希望更多的人利用技术去方便自己，而不是利用技术从事违规行为**
+
+**请勿利用本文相关技术与软件从事违法行为，否则后果自负！**
diff --git "a/blog/project/\351\242\230\345\260\217\344\276\240.md" "b/blog/project/\351\242\230\345\260\217\344\276\240.md"
new file mode 100644
index 0000000..d2c0d8b
--- /dev/null
+++ "b/blog/project/\351\242\230\345\260\217\344\276\240.md"
@@ -0,0 +1,332 @@
+---
+slug: question-man
+title: 题小侠
+date: 2022-04-06
+authors: kuizuo
+tags: [project, vue, miniprogram]
+keywords: [project, vue, miniprogram]
+description: 作者通过Taro + Vue3 + NutUI技术栈开发了一个搜题小程序，并记录了开发和发布过程。总体评价Taro开发体验较好，但小程序的发布并不是一件容易的事情。
+---
+
+很早就了解与学习过微信小程序开发相关的技术栈与框架，小程序的账号也都已经申请过。但写过的 demo 项目也迟迟没有发布到小程序上。这主要的原因还是觉得不值得发布，加上各种审核相关的。而这次准备写一个搜题相关的小程序，也是时候实战发布一下，顺带记录下整个开发与发布过程。
+
+在线体验：扫下图小程序二维码
+
+
+
+小程序的源码地址：[https://github.com/kuizuo/question-man](https://github.com/kuizuo/question-man)
+
+
+
+## 技术栈
+
+小程序所采用的是 Taro + Vue3 + NutUI，之所以选这套技术栈，主要是想上 Vue3，而 uniapp 对 Vue3 的支持并不友好，在我的上篇文章中也有说明到，同时支持 uniapp 的 vue3 屈指可数。所以便选用了这套技术栈来进行开发。
+
+## 页面设计
+
+
+
+## 项目配置
+
+### 项目搭建
+
+[安装及使用 | Taro 文档 (jd.com)](https://taro-docs.jd.com/taro/docs/GETTING-STARTED)
+
+```
+taro init myApp
+```
+
+配置如下
+
+
+
+安装完依赖，使用`npm run dev:weapp`，在打开微信开发者工具，导入项目即可。
+
+### axios 封装
+
+web 端 http 请求使用最多的库就是 axios 了，但是在小程序中使用 axios 会提示 adapter 未定义，原因是小程序不能解析 package.json 中的 browser module 等字段。
+
+要使用 axios 的话可以安装 axios-miniprogram 或者 taro-axios 库（我选择后者，但前者稍小 5kb），也就是会适配小程序的 axios 的 adapter，引入和使用与 axios 并不特别大的差异。以下是我封装后的代码
+
+```typescript title=“utils/http.ts”
+import axios from 'taro-axios'
+import Taro from '@tarojs/taro'
+import { useAuthStore } from '@/stores/modules/auth'
+
+const showErrorToast = msg => {
+ Taro.showToast({
+ title: msg,
+ icon: 'none',
+ })
+}
+
+const instance = axios.create({
+ baseURL: process.env.BASE_URL,
+})
+
+instance.interceptors.request.use(
+ config => {
+ Taro.showLoading({
+ title: '加载中',
+ mask: true,
+ })
+ let token = Taro.getStorageSync('token')
+ if (typeof token == 'undefined') {
+ token = ''
+ }
+ config.headers = {
+ 'Content-Type': 'application/json;charset=utf-8',
+ Authorization: token,
+ }
+ return config
+ },
+ error => {
+ console.log(error)
+ return Promise.reject(error)
+ },
+)
+
+// respone拦截器
+instance.interceptors.response.use(
+ (response: any) => {
+ Taro.hideLoading()
+ if (response.data.isError) {
+ showErrorToast(response.data.error.message)
+ } else {
+ return response
+ }
+ },
+ error => {
+ if (error.response) {
+ Taro.hideLoading()
+ console.log('err', error)
+
+ let res = error.response.data
+ switch (res.code) {
+ case 400:
+ showErrorToast(res.message || '非法请求')
+ break
+ case 401:
+ const authStore = useAuthStore()
+ authStore.login()
+ // showErrorToast(res.message || '当前登录已过期，请重新登录')
+ // Taro.navigateTo({
+ // url: '/pages/login/index'
+ // })
+ break
+ case 403:
+ showErrorToast(res.message || '非法请求')
+ break
+ case 404:
+ showErrorToast(res.message || '请求资源不存在')
+ break
+ case 500:
+ case 502:
+ showErrorToast(res.message || '服务器开小差啦')
+ break
+ default:
+ showErrorToast(res.message || res.statusText)
+ }
+ } else {
+ console.log(error)
+ showErrorToast('请检查网络连接状态')
+ }
+
+ return Promise.reject(error)
+ },
+)
+
+export default instance
+```
+
+没什么好说的，和网页端基本一致。主要是加了个 wx 的 Loading 与 Toast。然后在 token 失效的时候，应该是要跳转到登录页面，但我并没有编写登录页面，而是重新调用一遍 login，达到静默登录的效果。
+
+### 获取用户唯一标识（openid）
+
+借助微信小程序能十分方便的获取到微信用户。在微信中，为了识别用户，每个用户针对每个公众号或小程序等应用会产生一个安全的 openid，开发者可以通过这个标识识别出用户。
+
+要获取 openid 有以下几种方法(这里以 Taro 为例子，而为 wx 官方文档)，具体代码可在官方文档中查看到。
+
+[Taro.login(option) | Taro 文档 (jd.com)](https://taro-docs.jd.com/taro/docs/apis/open-api/login/)
+
+首先调用`Taro.login()` 获取 5 分钟时长的 code，然向 api.weixin.qq.com 获取 openid 代码如下
+
+```javascript
+Taro.login({
+ success(res) {
+ let code = res.code
+ let appId = '小程序->开发管理->开发设置->开发者ID获取'
+ let appSecret = '小程序->开发管理->开发设置->开发者ID获取'
+ Taro.request({
+ url: 'https://api.weixin.qq.com/sns/jscode2session',
+ data: {
+ appid: appId,
+ secret: appSecret,
+ js_code: res.code,
+ grant_type: 'authorization_code',
+ },
+ method: 'GET',
+ success(res) {
+ console.log('openid', res.data.openid) // 得到openid
+ console.log('session_key', res.data.session_key) // 得到 session_key
+ },
+ })
+ },
+})
+```
+
+但现在小程序是无法添加 api.weixin.qq.com 域名，所以上面的方案在小程序端失效，只能转到后端上。小程序官方有张实践图
+
+
+
+整个步骤
+
+1、调用**wx.login 获取 code**，此时也可调用 wx.getUserInfo 来获取用户数据（昵称，头像）
+
+2、由于**小程序后台授权域名无法授权微信的域名**，所以需要**将 code 与用户数据传入到自己的服务器**上。
+
+3、服务器后台接收到 code，**后台将 appid+appsecret+code 向微信 api 服务获取用户的登录态信息（openid 与 session_key）**，服务器对这些登录态信息进行封装，如 session 或者 jwt 的 token 都可以（这里以 token 为例），返回给小程序端
+
+4、小程序接收到 token 时，将其保存到本地存储上（wx.setStorage），每次携带该 token 请求向服务器发送请求。
+
+不过如果使用云开发可以免去很多鉴权相关的，但由于数据库存储相关的，所以我是采用自建后台服务器，而后端暂不考虑开源，故具体逻辑代码就不演示了（考虑安全为主），自行编写后端 login 接口。
+
+### 获取手机号
+
+**注意：只有企业小程序才可以获取用户手机号，个人小程序没有办法获取的。**
+
+在这篇文章中有说明到如何获取 [5 行代码获取小程序用户手机号 | 微信开放社区 (qq.com)](https://developers.weixin.qq.com/community/develop/article/doc/000c462925c610ecc899b11d751013)
+
+[获取手机号 | 微信开放文档 (qq.com)](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html)
+
+所以就没有然后了（因为我肯定是个人账号）。
+
+### 获取用户信息
+
+要获取用户信息的需要调用 getUserProfile，演示代码如下
+
+```javascript
+Taro.getUserProfile({
+ desc: '获取用户个人信息',
+ success: function(res) {
+ const userInfo = res.userInfo
+ console.log(res.userInfo)
+ }
+}
+```
+
+要注意的是 getUserProfile 必须通过按钮来触发，而不能通过生命周期的形式，弹出授权窗口，用户可接受与拒绝。说白了就是开发者无法在用户不知情的情况下获取到用户信息（考虑到用户隐私相关的）
+
+同时有一个小坑，getUserInfo 获取到微信用户与灰色头像
+
+由于小程序官方调整了接口，导致 getUserInfo 无法获取正确的用户信息。详情可看 [小程序登录、用户信息相关接口调整说明 | 微信开放社区 (qq.com)](https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801?highLine=login)
+
+一个正常的登录流程:
+
+按理来说一般是要提供一个专门的登录页面，哪怕登录页面只有一个按钮，按钮名为一键登录。然后用户点击触发 getUserProfile 获取用户信息，如果用户拒绝则不允许使用软件，允许则进入主页，然后将用户信息保存置服务器上，以便下次用户访问时无需再次调用 getUserProfile 接口，直接从服务器上取。
+
+而我的做法相对比较粗略，我是直接允许用户进入首页，但当他**使用搜索功能时**，则判断服务器是否存有该用户的信息，如果没有，调用 getUserProfile，弹出授权框给用户选择。同时在首页的时候通过 checkSession 来判断 session 是否过期，过期则调用 wx.login 静默登录，更新登录态。（不过如果后端不判断该用户信息是否完善的话，那么是有办法直接绕过这种方式来进行调用接口了）。
+
+### 数据库搭建
+
+实际上这个小程序最主要的依赖就是数据库了，而这个数据库与传统的关系型（Mysql）和文档型（MongoDB）不同，要做到搜索引擎式的搜索。举个例子，搜索“李白”，能得到 【李白的诗风是】【李白的称呼】有关李白的字样，并且要求返回的速度快。像上面举到的两种数据库实现起来不方便，如果涉及到千万级别的数据库，将是按秒，甚至数十秒的响应速度。
+
+而我所选择的数据库是[Elasticsearch](https://www.elastic.co/cn/elasticsearch/)，能很轻松的实现上面的效果，并且有个很客观的响应速度。（具体实现自行了解，后端代码暂不考虑开源）
+
+## 上传发布
+
+当本地开发完毕时，点击右上角的上传，填写版本号相关以及项目备注，然后上传成功如下图
+
+
+
+在版本管理中的开发版本可以看到刚刚上传的代码
+
+
+
+点击提交审核后，会提示确保项目不是测试版与 Demo（否则将受到相应处罚）如下图
+
+
+
+### 测试版
+
+或者选择体验版（只有管理员与体验者的账号才可以访问），扫描体验版的二维码，即可使用微信访问项目。
+
+### 审核版本
+
+如果是要发布正式版的话，还需要填写如下表格，接着静等 1-7 天即可（可选择加急，一年一次）
+
+
+
+等待审核完毕，实测一天内，审核版本如下
+
+
+
+### 线上版本
+
+最终提交发布，线上版本如下
+
+
+
+至此，用户即可打开微信，通过小程序访问到该应用。
+
+### 关于改名
+
+可能有些人（这个人就是我）会担心自己上线小程序后，期间能否改名，有何影响。
+
+首先是可以改名的，小程序的标识是 APPID，而不是一个名称。但**改名会直接影响到用户对小程序的认知，从而影响小程序用户流失**。同时改名要求很苛刻，会检索是否有相似同名小程序，以及是否有商标证明等等，并且一年只能修改两次名字，所以起名与改名都要慎重。
+
+## 一些开发时的注意事项（坑）
+
+### request:fail url not in domain list（跨域）
+
+浏览器最烦躁之一跨域，在小程序上也不一意外，但小程序更加苛刻，即便后端允许跨域，小程序请求也会提示标题所示错误。这时候一般就如下几种做法。
+
+[网络 | 微信开放文档 (qq.com)](https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html)
+
+首先要确保是 https，同时开发时为了方便调试，一般会在本地设置中勾选，不效验合法域名选项，如下
+
+
+
+这时候开发环境下就能正常发送请求相关了（我这里后端是直接允许跨域了，不然需要在 config/index.js 中设置 devServer.proxy 的反向代理）。
+
+但在生成环境下就需要在[小程序](https://mp.weixin.qq.com)中的开发管理中配置服务器域名了
+
+
+
+点击开始配置会提示身份认证相关，扫完码后将会到如下配置
+
+
+
+这里就是填写生产环境下要请求资源的域名了，并且是需要开启 https 的。
+
+设置完毕，重启微信开发者工具或刷新项目配置，这里需使用小程序账号的 AppID 进行登录，测试号无效，然后项目配置就会设置好 request 合法域名，再次请求便能正常响应。
+
+
+
+### pinia 持久化
+
+pinia 有个插件`pinia-plugin-persist`，可以对 store 状态进行持久化操作，在小程序中引入时则会提示 sessionStorage is not defined，原因是小程序中并无 sessionStorage 与 localStorag。所以还是得使用原生的数据缓存方法（getStorage，setStorage）来解决，或者将数据存至后端。
+
+### 第三方组件修改样式
+
+在 vue3 中要修改第三方组件库中的组件样式的话，需要使用 `:deep(css选择器)`，同时一般会在 style 加上 scoped，但如果在小程序中使用会发现子组件并不生效，而编译成 h5 却生效。我在这个 issues [taro 3.0 + Vue 中 scoped 在 h5 下生效，在微信小程序中无效](https://github.com/NervJS/taro/issues/6662) 下找到了解决问题
+
+在 h5 模式下 scoped 会生成**[data-v-xxx]** 的属性，但是在小程序下则不会有，所以使用 scopd 在小程序中是无用的。就可以使用 cssModules，前提是需要在 config/index.js 中添加 cssModules 的支持，在上面 issues 中提到过，具体也就这样。
+
+然后在 style 中添加 module 即可生效，都不用使用`:deep` 。
+
+### invalid code, rid: 6249d588-48af462b-xxxxxxx
+
+服务器将 wx.login 获取到的 code 向小程序 API 获取 openid 的时候，如果提示该错误，那么大概率是 APPID 有问题，使用了测试号或者填写了错误 APPID。
+
+## 总结
+
+由于小程序(h5 手机端)应用写的少，所以在页面布局方便写的相对简陋，但本质与前端开发无特别大致区别，无非就是自定义了些相关的标签与 api，遇到时在查阅即可。
+
+但相比传统 Web 开发而言，网站是无需审核只需要有个公网服务器就能访问，而小程序必须要经过审核才可发布，同时对小程序名称有严格的审核。主要方便在于微信用户的获取，同时提供完备的开发以及部署环境（开发者工具，云开发），加上用户数据分析等等。
+
+在我发布完以及写完本文章后，我的建议是：
+
+> 如非必要，不建议上传小程序供他人访问，尤其对于个人开发者而言，网页版也许是个更好的选择。
+
+在回到开发者的角度，Taro 对 Vue3 的体验远比 Uniapp 来的好（至少目前是这样的，个人感受），Uniapp 太依赖于自家的 Hbuilder，但目前 Taro 的 Vue3 无法编译成安卓（React Native），所以如果考虑安卓端与小程序的话，还是 Uniapp 略胜一筹，H5 两者区别不大。但如果只是写小程序，我还是会毫不犹豫使用的使用 Taro。
diff --git "a/blog/reference/2020 \302\267 \347\274\226\347\250\213\344\271\213\346\227\205-\350\265\267\347\202\271.md" "b/blog/reference/2020 \302\267 \347\274\226\347\250\213\344\271\213\346\227\205-\350\265\267\347\202\271.md"
new file mode 100644
index 0000000..bc96ad3
--- /dev/null
+++ "b/blog/reference/2020 \302\267 \347\274\226\347\250\213\344\271\213\346\227\205-\350\265\267\347\202\271.md"
@@ -0,0 +1,356 @@
+---
+slug: 2020-year-end-summary
+title: 2020 · 编程之旅-起点
+date: 2020-12-30
+authors: kuizuo
+tags: [年终总结]
+keywords: [年终总结]
+---
+
+写篇年记，记录一下自己这一年的所学。
+
+能有幸在这个行业有两个关键因素
+
+1. QQ 永久冻结
+
+2. 易语言
+
+
+
+### QQ 永久冻结
+
+有些认识我的人可能会知道我的 QQ804493238 给永久冻结了，可以说这个号码是不可能再搞回来的。一个幸幸苦苦养了十年的 QQ ，说没就没的那种，与之相对应的就是游戏账号没了，没了游戏能干嘛，当然不能干嘛，生活还是得过的，但又要有个东西来打发时间，没错就是编程。于是高中毕业后的暑假，就开始了学习编程。不过这里要先介绍一下易语言，作为我的第一门编程语言。
+
+### 初识易语言
+
+初识易语言的时候还是在初中，那时候有个同学给我讲诉了他用易语言刷 CF 永久枪，用易语言写游戏外挂的故事，也是那时候我也才刚接触网络游戏，一把永久枪 888 还免费刷，别说有多牛逼了好吧。可以说从那时候开始，下了个目标，以后有时间一定要学易语言！（不过那时候没条件学或者说是给游戏耽搁了）果不其然，在高中毕业后，就开始了易语言的学习（最主要的原因就是号没了，完全没有心思再玩游戏）。
+
+有关易语言的详细介绍我划分在另一篇文章 [易语言](/blog/easy-language)
+
+### HTTP 请求
+
+这里我需要简单说一下这门技术，就是因为这门技术才能让我能写上软件，并且是有实质性用处的。有关这个介绍可以点击文章 [浅谈 HTTP](/blog/brief-talk-http/)
+
+在开学军训一个月期间，也没有放弃学习易语言，不过那一个月应该不算学易语言这个语言，而是在学一个网络协议 HTTP，在这行的术语应该叫 POST 与 JS 逆向（基于易语言），这里我需要放一个我当时学习的链接 [零基础易语言 POST 入门到精通](https://www.zygx8.com/thread-7162-1-6.html)，导师教的非常好，是真心推荐，我从他的课程学到了非常多的知识，就凭我听了他的这一期课，就能自行写出超星刷课软件，我觉得这就足够我去报他的班。
+
+### qq 机器人
+
+非常可惜之前写了一段时间的 qq 机器人代码无法使用了，相关文章 [纪念 QQ 机器人业黑暗的一天](https://www.bilibili.com/read/mobile/7009209?share_medium=iphone&share_plat=ios&share_source=QQ&share_tag=s_i×tamp=1596387202&unique_k=vdFqN2)
+
+我用的是酷 Q 框架，用易语言写的代码，花了也有半个月的时间去写
+
+那时候封装了好几个功能，最终就因为腾讯的封杀，导致自己辛辛苦苦写了半个月的代码灰飞烟灭。这时候的心情与当初 QQ 被永久冻结一样，不过现在也看淡了，就算回来说实话也高兴不到哪里去，也就在以前群在多吹吹牛逼罢了。（泽宇是我之前玩网的一个艺名）
+
+这个 qq 机器人算是我手机端和电脑端一个变通的交互方式，以下是一些相关的菜单图，有些功能不方便展示，仅作为个人使用。
+
+
+
+1. 对接网络验证服务端，购买卡密，实现购买卡密
+
+
+
+2. 实现一些注册，例如一些软件注册给新用户多少时间使用，就不必在通过电脑，而是直接通过机器人发送命令来注册即可。
+3. 群监控，监控群里的一些不良信息进行撤回，监控刷屏进行禁言操作。
+
+只要你想，然后给上对应的代码就行了，那时候也是沉迷于 qq 机器人花了很多时间写这些接口。这里的话我说说那时候我用机器人来写一个学校的用手机进行超星线下考试。
+
+事情是这样的，这个考试是**用手机考试**的，但只能带一部手机，同时老师提供了题库，**允许带资料**，差不多就是开卷考。而且用于考试的软件（超星学习通）是**不允许切换的后台**来进行搜题的（或者说切换到后台会扣分），有些手机是无法分屏的（但是有悬浮窗）。这时候该怎么办，难不成真的去把题库打印一遍？还真有，十几张来着，先不说好不好，找一题都要找半天，有没有更有效的办法，有，我那时候就是通过机器人。
+
+首先，将老师发的题库，存入文件（那时候的我还不会数据库，就只好读文件），然后通过则匹配，将对应的题目，将答案全部都记录到数组里面去。接着在通过给机器人发送对应的命令如 查题+关键词即可搜到相关的题目。这里就放一个我当初录制的一个视频，（其他人操作也就是通过悬浮窗来）
+
+
+
+即便眼睛再也好，也比不过可靠的搜索，搜索可靠也不及关键词筛选，当初考试就是通过这样方式来通过这场用手机的考试，但是也有缺点，只能说当初写软意识不好，没考虑周全，像这个搜题我还要再打一遍【查题】这个关键词，很傻，而不是发送【搜题模式】，然后直接发送题目获取就行，再发送【退出搜题】（那时候花了一天时间去写）。并且对于这样的搜题还要切换特别麻烦，好一点的办法，有，自写安卓悬浮窗，不过现在也没这样的考试了，也是我后面学了点安卓后随手写的，悬浮窗大致如下。
+
+
+
+qq 机器人算是我特别想写的一个东西，但很可惜腾讯封杀外面大部分 qq 机器人框架，我使用的同样框架无疑避免，同时腾讯自己的机器人又不给开发者提供合适的开发接口，这就是腾讯吗，这本来就是腾讯的作风。
+
+至于后续如果有时间，或者要发展 qq 群的话，肯定会重新再写一份 qq 机器人，到时候想要实现功能可就多了。
+
+## 疫情期间，也是进步最快的时候
+
+上一阶段学习期间，从 7 月到下半年 1 个月，这一阶段主要就是易语言与脚本开发，相关也就是上述了，而下一阶段，也就是从 1 月中旬到开学（5 月 23 号），也就是差不多这期间，开始了逆向初步学习和 Web 开发方面，而这段时间，可以说除了编程，就只有编程了。
+
+先说下生物钟，晚上 6 点左右起来，然后早上 9 点左右睡觉，没错，这 4 个月基本上是这么熬过来的。（其中期间调整了两次作息习惯），因为疫情的因素，开不了学，又不方便出去，加上我本来也不喜欢出去，所以这阶段对我来说无疑是最好不过的，而这一阶段，也是我学习最多的时候，见识最多的时候，让我再一次感觉到编程的魅力，但同时让我感受到真正的编程和难。下面则会按时间顺序简单介绍下我学了什么。
+
+### 资源共享吧
+
+首先要提一个这个学习论坛，因为我在这个论坛上找到的很多教程，可以说没有这个论坛，我视频教程都不好找，先放个论坛链接 [资源共享吧](https://www.zygx8.com/forum.php)，首先这个论坛从名字上应该可以知道是资源共享的，是关于编程相关技术方面的资源，可不是那啥，我先放一张图片，看看到底都有啥资源。
+
+
+
+别说，基本上有关编程的你在这都能看到，当然肯定不是免费了，是需要交 VIP 的，但只要 199 元，终身高级 VIP 会员，别提有多值了，你知道外面一套培训有多贵吗，这我就不提了，自己搜一搜就知道了，我在写超星刷课不是提过一个讲师，我报了它的班，4000 安卓 VIP+3000 网页逆向 VIP 来着，而这里你只需要 199 元，并且在该论坛你也能看到他的一些相关课程。当然，和培训相比还是有一定的区别，但在这里的教程真不差。
+
+关于付费学习，可能有些人不解，为啥要收费，没为啥，就是你听付费的课程，能比别人学的快，能少走点坑路，很多免费课程要么就是为了推荐他的付费课程，要么就是为了推荐他写的书，总之，免费之中必有付费，单纯的免费课程能学，但想要走个捷径，付费应该是最快捷的方法。
+
+是真心推荐这个论坛，一点广告费都没收，因为在这个论坛上我下载了特别多有关编程相关的知识，奈何时间不允许，不然我真的都学了。正是因为我在这个论坛上学习到特别多的知识，这就是我推荐的理由之一。
+
+下面的大多数学习都是基于这个论坛上的视频教程。
+
+### 安卓逆向
+
+这上半年，我也只会网页端的数据分析与 JS 逆向，很多时候并没有网页版的，只有安卓应用，这时候想要偷其中的 api 接口，找到对应的加密点，该咋办，学呗。就必须要会安卓逆向，并且这个不比网页端简单。
+
+在我开始提笔写的时候，已经有半年没怎么碰过安卓方面的了，我都快忘记了我安卓逆向的好多知识，而且当初还没有写笔记的习惯，就连我一开始怎么入门的都没什么印象了，总之就是看了教程，然后一步步照抄，视频教程怎做就怎么仿，就完事了。
+
+同时也正是因为安卓，花了 10 天左右用 2.5 倍速度把毕向东的 java25 天速成教程看完了，而 java 才算是我真正第一门主流的编程语言，之前的 javascript 我是连 ES6 语法都不会的，甚至很多基本的语法我都不知道。但学完了 Java 的基础语法，但对于安卓逆向或者开发来说还是差太多了，虽说对于当时的我看的明白，但实际上整个安卓的项目结构我依旧不明白，不会点开发去搞逆向是真的折腾。
+
+合理来说我安卓逆向压根就没学完，或者说我只学到了 java 层的源码分析（java 是真的好反编译了），我还没什么能拿的出手的东西，没有破解过安卓软件，只是分析了跟网页端差不多的 HTTP 请求，差不多的加密算法，在这方面我还真的不知道该说写什么，即使说了，很多没了解过安卓逆向人也不懂，后续的话会再学安卓这方面，从开发到逆向，到时候会这方面的知识在进行一个分类总结。（主要是我真的忘了太多了）
+
+### Auto.js
+
+我先简单介绍一下这个是什么，这个也就是专门针对安卓端的无 root 脚本操作，看到后缀名你应该能想到 js，正是用 JavaScript 作为脚本语言。可以说用这个开发工具也能开发些安卓软件，但主要还是针对脚本操作，比如做一个 qq 自动点赞的， 贴吧签到脚本，抖音自动刷视频，双十一用过淘宝叠过猫猫吧，用 Auto.js 也能写个自动浏览商品，刷金币的，此外有太多例子了。
+
+在之前的脚本操作，我也只会电脑端的，而对手机端无奈只好投屏到电脑，通过电脑的鼠标操作来实现脚本，而现在有了这个软件，则就不用在连接电脑，直接将写好的脚本打包成安装包安装，点击运行即可。但对比原生安卓开发，这个开发工具还是略显下风，不过对于安卓的自动化操作已经足够了，我也只说说我用这个写了个什么软件。
+
+#### 钉钉签到脚本
+
+像抖音自动刷视频和贴吧签到这些我就不多举例，主要还是这个软件，听名字就知道是钉钉签到的，有些在疫情期间，学校老师又要求同学使用钉钉，并且签到，但是有的同学就是会忘记签到或者没起来（说的是我），怎么办，记旷课？这不写个脚挂在那边时间到了自动签到呗。
+
+
+
+这是我当时写的页面，只需要填写对应的课程名和开始的时间即可，时间一到，手机自动亮屏，开始签到。主要的代码就下面这一个函数
+
+```js
+function ddSign(courseName) {
+ launchApp('钉钉')
+ waitForActivity('android.widget.FrameLayout')
+
+ let course = text(courseName).findOne()
+ if (course.parent() != null) {
+ course.parent().parent().click()
+ }
+
+ let sign = text('群签到').findOne()
+ if (sign.parent() != null) {
+ sign.parent().parent().click()
+ }
+ sleep(3000)
+
+ if (desc('群签到')) {
+ sleep(3000)
+ let btn_sign = className('android.view.View').desc('签到').findOne()
+ let result = btn_sign.click()
+ Log('签到结果' + result)
+ } else {
+ toastLog('不在群签到页面')
+ }
+}
+```
+
+启动钉钉，等待钉钉启动完毕，找到对应的课程名，点击课程名，找到群签到按钮，点击群签到按钮，进入群签到找签到按钮，点击签到，签到成功。就这么完事了，脚本就是这样的。
+
+不过最终有个缺点，对于一些没有 root 的手机，需要每次运行就要不断的打开无障碍服务，特别繁琐，但没办法，这是安卓的机制问题。
+
+这里要提及的一句是为啥不用 HTTP 发送请求要来签到，而是要这种脚本方式，对比一下你就会发现，用脚本写基本无压力，就是简单判断一些字或者图在哪，然后点击对应的坐标，而通过 HTTP 请求的话，一是要过钉钉登录，二是要处理各种加密算法。不过钉钉登录算法难不难我就不知道了，我也懒得分析，加上正好学了 Auto.js，索性就写一个这样的签到脚本得了。但说实话签到就不应该这样用这种定时脚本，而是应该选择协议更好。
+
+### 深度学习之图像识别
+
+可以去了解一些深度学习，颠覆我对机器的认知，至少让我又觉得编程的强大，重拾学下去的信心。首先，先看张图片
+
+
+
+看图也能看明白，这个就是识别一个缺口的图片软件，可能对没接触过这行业的人觉得这并没有什么软用，这个滑块的意义主要还是防止人为操作和机器操作。对于人而已，自然而然知道缺口的位置，但是对于机器而言要怎么知道这个缺口的位置，就针对上面这类图片，可以通过图片颜色深度来定位到缺口的地方，同时也可以使用深度学习，简单来说深度学习就是 AI，不过这里的 AI 是用来让它识别这个缺口，至于怎么让它识别和对应的算法我就没过多了解了，我接触这个主要还是用现成的模型来训练识别的。说一下我是怎么让机器训练的。
+
+这个过程其实就跟教小孩一样，现在有一个小孩，他不知道这个缺口的位置，这时候我告诉它缺口的位置在那，对应的操作也就是标注，如下
+
+
+
+我把缺口的地方标注一下，并记录对应的坐标，然后告诉这个小孩，缺口是我标注的地方，你下次遇到的时候记得是缺口这样的，但是小孩毕竟是小孩，这是我换一张类似的图片，这时候他可能就蒙了，所以就需要不断的给他标注好的缺口图片，让这个小孩一直看，一直记，直到下一次看到一张陌生的图片，但是它已经把之前训练的给记住了，很快他就能找到缺口的位置，这整个过程其实就是告诉小孩，然后让小孩一直训练，这就达到了我们想要的目的，这个小孩也会知道缺口的位置了。现在把这个小孩换成机器，那么这就是深度学习，并且机器是机器，可以封装的“记忆”远比人类可比，人是会感到疲惫的，而机器不会。再比如下面这张图片
+
+
+
+对于我们来说显示屏，键盘等等这些在常见不过了，深度学习就可以做到识别图片对应的物体分别是什么，不过这要的训练量就比上面那个滑块大多了。我这里简单说说主要的通途，现在我想拍一张人脸照，还有风景照，但是时间旧了，我想找可能就要一定的时间，这时候就可以通过识别图片，进行分类，例如头像照，风景照，食物照等等，现在大多数相册都有上述图片分类的功能，不止如此，通过训练还可以识别文字，快递单号，车牌号，识别人脸等等，总之想训练的东西，都能训练，不过就是吃训练量和显卡，一般来说都是用现成的模型直接用就完事了。对我目前而言，我深度学习学的是非常浅了，也只会用用模型，跑个显卡训练训练。
+
+此外，既然图片训练是这样的，能不能训练其他的，当然，语音识别，模拟一些明星的声音，游戏 AI，甚至让机器自己去学习怎么打游戏，游戏内的人机也就如此，通过训练满分作文，实现写一篇条理清晰的作文等等，太多例子都能看到人工智能。
+
+关于这方面我也不敢做过多讲述，毕竟也还没开始从事这方面的真正学习。但确实，惊艳到我了，也让我想去学习这方面的知识。想自己写一个属于自己的语音 AI 助手，训练出一个能自己玩小游戏的模型，总之想学的太多了。
+
+### Chrome 扩展开发
+
+关于这个的话可以查看我写过的一篇文章 [Chrome 插件开发](/blog/chrome-plugin-development)，我总结了一下我那时候学习的插件，和自写的一些模板，不在这做过多赘述了。
+
+疫情这期间说句闭关学习应该不成问题，不过学的东西远不止于此，主要其他的没写出啥玩意，而且学的很浅很浅，比如汇编基础（不过应该已经忘得差不多了），又深入学习了编写游戏外挂，TCP 协议（和 HTTP 一样），还有就是一些开发工具的使用。期间也写过一些东西，例如疫情填表，网课签到等等，不过都是临时写来自用的，也懒得放图了，原理基本和超星刷课一样，有时间再整理一下。
+
+## Web 开发
+
+在进入了这个阶段，我就很久没再用易语言开发新的软件了。到目前为止也真的快半年没怎么动易语言的代码了（也快半年没怎么写项目了），就那个超星刷课而言，没想到半年后还能用。而这一阶段主要接触的也就是 Web 开发方面。
+
+实际上，我在接触易语言就已经接触了一些 Web 方面，因为要针对网页的一些操作就不得不接触这些，比如 HTTP 协议，DOM 解析，CSS 选择器，JS。不过那时候这对真正的 Web 开发远远不够。当然要说一下为什么会想学习 Web，在学 Web 之前，实际上还接触了一些 js 高端操作，例如 AST 语法树（混淆 js 代码），WebSocket，但发现有点没学明白，用都有点没用明白，然后就是想搞明白这些操作，于是进阶学习 js。
+
+其实决定性的也就是一门编程语言——JavaScript，那时候感觉到易语言的不足，恰好手头在学的一门编程也就是 JavaScript，于是就开始了 JavaScript 的学习，可以说不是 JavaScript，Web 想都没带想的。js 作为我目前的主力语言，就目前而言，基本屏幕上，必有 vscode 的痕迹，而且还是 js。js 吸引我的一个地方就是其他语言都能调用，加上语法清晰，不过要我硬说 js 哪里好，我也说不清楚，可能这就是对一件事物的热爱吧。
+
+于是改变了当初原有的想法——搞安卓开发与深度学习，转行到 Web 开发去了，和学习其他技术一样，找教程，跟教程做一遍，自己在举一反三一波才不多就明了。
+
+Web 学习确实比逆向轻松，并且学完 Web 能写的东西也算比较多。也算可以自己动手设计出一个界面或者功能出来，上手特别容易。这里我就不献丑了，之前前端写的那些代码真没脸丢出来。就连当初的笔记我都不敢看，写的是什么玩意，竟然还是在 js 文件上用注释来记录笔记。
+
+就这样学习了几周，然后收到了开学通知，没错是开学通知，疫情的时候，开学一个月，于是就停滞了学习近一个月了，前面也说到，生物钟的问题，开学了就不得不强行调整生物钟，把我学习节奏给打乱了。其次突然开学，心态是真崩了，开学各种繁琐的事情搞得压根学不进去。原本不出意外在保持这样的学习状态一直学下去，暑假结束前就能把 Web 大部分知识都能搞完，然而却拖到现在。
+
+不过也不能说开学不好，从 1 月 10 号放假，到 5 月 23 号开学，在家好像也就出门了 2 次，要是再这样拖到暑假估计身体可真要出问题。停滞了学习，但保住了身体，是赚是亏，对我来说血亏吧。
+
+然而暑假由于学车的因素，加上外出玩了一波，整个暑假并没有像去年那样全身心投入去学习，不过业余时间会去摄取有关这行的知识与科普，也就是刷刷知乎，公众号，博客文章等等。而也就是在这段了解到了 Nodejs 与 Vue，暑假开始学习。
+
+### Nodejs
+
+不过学前端，Nodejs 基本是必接触，基本可以说只要是个前端开发者，就肯定会 Nodejs，关于 Nodejs 不做过多介绍，我能推荐的也只是一些 npm 包，总之在这期间 也就是只学了点 Nodejs 的基本使用，还有 npm (Node 包管理器)。
+
+主要接触两个 Web 框架 Puppeteer 与 Express，关于这两个我在 Node 的那个目录内有简单说明到，这里也就不放链接了。这里简单说说 Express
+
+### Express
+
+学 node 大多数就是为了搞服务端，那么肯定也有对应的服务端框架，Express 就是其中之一。
+
+在此之前，我是写过点后端的，也就是一个网络验证的系统，不过那时候是基于易语言和 HP-Socket 的库，但有一个很大缺陷，就是我这个后端服务器编译出来的是 exe 文件，也就是只能在 windows 上运行，这对 Linux 系统服务器很不友好，于是乎就想搞一个基于 Express 的网络验证服务端。
+
+而这期间才算学会用 Mysql，之前易语言写的网络验证时连 Sql 语句都不会，还都是用易语言自带命令帮我封装好来进行增删改查。也简单的将易语言写的网络验证接口全都搬运至 Express 中，然而有个问题来了，我要怎么查看数据？难不成直接打开数据库查，怎么可能，而这就开始了 vue-element-admin 开发，后文会说到，因为这里要涉及到一个新的技能——Vue。
+
+### Vue
+
+可以说没有 Vue，我多半不会去继续学习前端（怎么感觉这句话好像说过了），和大多数人学 Web 一样，都是从基本的 HTML CSS JS 这前端三件套开始学起，然而在学到一半的时候，想写一写 Web 小项目的时候，就需要在一个 HTML 上写上大量代码，并且页面还不好设计，并且在用了 Express 一段时间后，发现如果要做动态网站的时候，就需要将数据渲染到对应的模板语言上（如 ejs），于是想知道有没有啥能解决这上述问题，于是便开始搜索有关前端的一些相关知识扩展，果不其然，困惑了我一段时间是否继续学习前端，因 Vue 而解惑。
+
+如果要我评价一句 Vue，我只能说后悔学 Vue，后悔学晚了。我花了挺多时间在原生的前端开发，在了解到 Vue 时，还在用着 Jquery。Vue 让我继续学前端并不是数据交互方面，而是模块化，在我接触原生前端开发的时候，这个问题尤为困扰我，每次写一个页面都需要重复大量相同代码，即便是复制粘贴也觉得烦躁，而 Vue 组件化就不一样。例如我当前的博客页面，你会看到导航栏，侧边栏，与正文，评论系统，乃至打赏按钮都是一个个组件拼接而成，只需要在单个 Vue 文件中，引入对应的组件，然后想 html 标签那样直接写在视图层上即可显示，当然，相关代码也展示了，有关 Vue 的我也都放在 Vue 这个目录下。
+
+然后就是基于 Vue 而开发的组件库，在 Web 开发难免不了页面设计，然而并非所有程序员又兼设计师，想要设计出一个好看的按钮或其他组件并非容易的事情，而组件库便提供了一个好看的组件供开发者使用，例如通过引入 element 的样式与组件库
+
+```html
+
+
+
+
+```
+
+然后在官网中找到需要的组件，如下按钮
+
+标题: {{ title }}
+``` + +只要接收到后端发送来的标题，即可渲染在`{{title}}`内，此外还有数据的双向绑定，关于这些等等不在这细说了，需要的话可以自行翻阅 Vue 文档。 + +而且就这么说吧，前端框架如果不学 Vue 和 React 其中之一，面试都不给你面试的。甚至可以说，Vue 和 React 是前端开发必学之一，不学就跟不学前端没两样。 + +同时 Vue 还是国人尤大大（尤雨溪）开发的，在国内生态好，社区活跃高。基本上目前国内的大部分 Web 项目都有 Vue 的身影，同时 Vue 不止于前端，小程序的开发等等也有它的身影，如 uniapp 就是使用 Vue.js 所开发的。 + +Vue 能做的太多了，如果你恰好准备学 Web 方面，尤其是前端，毫不犹豫，直接学 Vue，Vue 在 github 上排名第三，star 高达 175k，凭这，就足以去学习一番。 + +### Vuepress + +Vuepress 一个 Vue 驱动的静态网站生成器，可以用 Vuepress 来写文档，写博客，而我目前这个博客便是通过 Vuepress 实现而成。关于这个博客搭建过程就不在这花费口舌了。我有一篇文章专门讲述这个博客的搭建过程。 + +### 对 Web 开发做个小总结 + +可以说没有前半年易语言学习所接触到的 Web 知识，就别说 Web 开发了，JS 估计都不会了解到，也因 JS，误打误撞闯进了 Web 开发的坑，让我领略到更多知识。 + +我算是作为 JS 语言的粉丝，听说过一句名言：凡是能用 JS 实现的最终都将用 JS 实现。即便不理解这句话的意思，但依旧这句话很喜欢，也许这就是对 JS 语言的一种爱吧。 + + + +写到这，其实 Web 开发真就要告一段落了，实在是不想在折腾 Web 了，主要就两点 + +- 不会设计，不知道该设计什么，实现什么功能 +- 后端数据接口写的非常痛苦，Express 折磨了我一个月 + +在页面设计方面，有组件库很方便，但是不知道要写什么好，就那个网络验证而言，我已经绞尽脑汁想添加写功能，但是奈何后端写的折磨，很多我都写不下去，就比如用户-角色-权限 这三者关系，我只写了用户-角色 还有权限没写，还有积分，与 nodejs 模拟数据这些写的都特别鸡肋，实在是写不动了（甚至说实在不想写了）。想转型写点其他的，后续有时间才把这个在做过多优化。 + +目前把博客和网络验证基本搭建好，现在脑子只想好好写写博客，把这一年要学过的东西好好巩固一番，尤其是这一段 Vue 的学习，收获到太多知识，都有点来不及消化。后续会将这些都部署在该博客上（不妨点个收藏收藏个书签呗） + +不过我目前的 Web 开发还有很多没学到，而关于 Web 后续的学习的话，以目前的话应该是不会在花费大量时间去学了，学了也有半年了，自我感觉 Web 这方面还是不适合我，但确实这半年的 Web 学习挺充实的，不会接着深入学习,会用已学过的知识去写一些东西出来。（主要还是太想学习其他技术了） + +## 总结这一年学习经历 + +这一年学的确实多，相比于刚接触这行一年的人来说的话，我挺知足这一年能花费大量心思在这上面，同时还能坚持学下去，并爱上编程，于是乎从数学系转到了计算机系，但学还是自己学自己的，在我看来学校老师能教的，不如我课下自己学习的，况且编程单靠别人教是教不出什么玩意的，还真没听说过什么大神是另一个大神教出来了。 + +不过正是因为这种心态，也导致如今我连学校的课基本也都不会去上，能旷的课尽可能旷，旷课补觉，或者是宅在宿舍，坐在电脑前，盯着这赏心悦目的代码，和平时分相比它不香吗。既然旷课，那怎么能不挂科，虽然都是公共课，不过挺无所谓了。说件好玩事情，我大学英语挂了，没错，我英语说实在话就是不行，甚至我都没打算过四级考试，但这影响编写代码吗？不言而喻。 + +专业课的话，有的老师一般会认可我的能力，允许不去上课只考试就行，或者是不去也不会记名字，甚至和老师说一声不去就完事了。至少在我看来有时间在学校拿个文凭，不如直接用自己写过的项目去面试，至于看学历还是看能力，面试官一般都不看，因为只看简历呗。目前的话除了有关编程的事啥也不想干，估摸着在学一段时间就说不定真就辍学了呗，不，说不准还是给学校开除。 + +### 身体状态 + +早已习惯了凌晨晚睡晚起，早上的课基本也都是旷了的那种，就已经习惯了旷课。再看看下午的课，不出意外的话，一般就是坐在电脑前到，到点了吃个饭，接着到凌晨 3,4 点，每天反复这样。我都不敢说我在这方面有天赋，我只觉得我每天花费在这方面的时间是别人的几倍罢了。 + +**哪有什么天生，一切不过是摧残出来罢了。** + +说实在话，挺享受整天在电脑前办公的生活（相比于躺在床上玩游戏而言），不过熬夜，久坐，与长时间盯着屏幕，甚至是掉发，身体难免有些遭不住，并且我是能感受到，身体一天不如一天了。但它改变了我原有枯燥的生活，成天的游戏与娱乐，迷茫到不知所措， 如果没有 QQ 冻结，还有易语言，JS 这些，说真的，我现在极有可能还在某个床角玩着游戏，还对着屏幕傻笑（现在就特别想笑）。即使都是宅在家的生活，但编程能成为我养家糊口的资本，而游戏，它不行！甚至还可能成为我颓废的资本。 + +### 事实告诉我，我还有很多要学 + +就在 9 月初，参加了一场网络安防（CTF）的比赛，真的是小巫见大巫，瞬间觉得自己还有很多要学的，虽然其他选手都很强，但也印衬了自己在这方面就是技不如人。说白就是自己菜，就是学的不够多，要是能在多学一点，说不定就多解一道题，多拿一点分，说不准就苟一波，吃个烂分。而事实是这是场没拿奖的比赛，而我是这场比赛的失败者。 + +不过有参与必有收获，确实让我学到了 Web 的一些渗透知识与一些工具的使用，也让我更加觉得外面的大佬是真的多，自己离他们还需要更加努力一把，这场比赛值了。 + +### 给别人的一些建议 + +我也仅能给别人一些我学习上的建议，也仅仅是当前，毕竟我接触这样也才一年多。我其实都不推荐去学编程这玩意，但我常常和别人说多花点时间在这上面，能写出些东西来。话是这么说，但真正肯去学的又有几个，即便学了坚持下去的又有几个，即便花费口舌去和他们介绍，但多数觉得难，但你说这个东西难吗，很难，但你说学不进去吗，也不至于，如今网络上生态这么好，学习编程的人越来越多，相互帮助的人也多，只要肯学，肯下功夫，随便一百度就有的结果，怎么可能学不会。 + +#### 多搜索，少问人 + +我这一年学习中，基本上就是看视频跟着视频教程一步一步照做，我一开始学习的时候也会在群里问过别人，也私下问过别人，但是有用吗？压根就没用，基本就没什么人会去鸟你的。百度它解决不了吗，如今强大搜索引擎会是你解决问题的最好选择（甚至我帮别人解决问题还是我将百度结果链接给别人）。有两句话，百度 5 分钟，问人 2 小时。百度能解决你百分之 99 的问题，但问人并不一定解决其中的百分之 1。 + + + +**没点自行解决问题的能力真心劝别碰这行。** + +我现在都有点反感那些没自行尝试，就直接问人的那种，有什么好问的，要么你学的不够多看不懂呗，要么就是你那里少做了什么步骤，大不了重新卸载安装重启来一遍嘛。主要没点自行解决问题的能力，到时候项目一来，出了一个 bug，或者开发环境与生产环境有问题，你问谁去？问了会回复你吗？能不能先自行看看是不是哪里少改的，或者版本的问题。说太多就是想强调一点，自行解决很重要，决定你适不适合干这行。 + +话也不能说的这么绝对，有时候搜索引擎确实不能有效的给到你想要的答案，比如我所用过的一个博客主题，是有交流群的，但有时候我百度了半天就是得不到我想要的结果，然后一问群，**可能**会一些**热心伙伴**会给你**正确**的答案，但往往是在你**实在解决不了**的情况问。毕竟，问了不一定答，但是不问一定不答。 + +#### 复制粘贴也是一门技术 + +别觉得偷别人代码有什么丢脸了，有的人甚至连偷都不会偷，而你早早就把项目给搞定了，别人会认可你的过程还是认可你的结果，必定是结果好吧，而且干这行的，基本上你见不到一个程序员是真的每一行每一行开始写起，而用的最多的三个键 Ctrl C V，不会真有程序员一行一行的敲吧，不会吧，不会吧。 + + + +当然，上面也只是说笑了，只是现在都是模块化编程，什么意思呢，就比如我要实现一个自动发送邮件的功能，怎么办，直接搜索，比如 nodejs 中实现发送邮箱，于是就搜索到了 nodemailer 这个模块，二话不说，直接运行官方的 demo 案例，发现可以运行，能达到我想要的目的，接着就是自己简单的封装一下，直接给项目来使用，这不就成了吗？ + +然而要从 0 开始写一个发送邮件的服务端，别有这种想法，大概率不会想写的。就我目前而言吧，除了一开始学习新的技术外，会跟着敲一遍磨磨手感，到后面基本上都是从网络上偷各种源码，然后自己看一遍主要的地方是怎么实现的，然后对源码进行修改来达到我需要的目的。如今网络环境这么好，想要的功能随便一搜就有了，如果你能做到改别人的代码，那么别人这份代码你肯定也学进去了不少。为啥还要自己造轮子，尽可能利用别人已经写好的代码，而不是自己在手动写一份类似功能。 + +## 定一下明年的目标 + +到目前为止，我还有好多想写的东西没写，好多好多都写了一半由于一些某某原因没继续写下去。同时还有好多想学的技术，好多都是之前学到一半卡着就没接着学下去了。至于能学多少，尽力而为吧，希望明年的这个时候，在回头看看自己所写的一些代码，都能感到一些惬意。 + +### 进阶 Web 开发 + +Vue 才学了点皮毛，很多 HTML5 特性都没玩明白，CSS 也只会基本样式，就别说设计网页特效啥的，能看的过去就不错了，如果有时间的话一定会去接触写 React，毕竟和 Vue 一样，都属于人气爆棚的前端框架，很多大厂都使用 React 作为前端框架使用。 + +像 Webpack，Eslint 等等前端工具库，再如 JavaScript 的超集 Typescript，这些肯定都会去学习一番。 + +### 进阶 Python + +学过点 Python，但并非精通，有特别多的库都还没用过。主要说说为什么想学 Python，最主要的就是深度学习这方面，在前面我也写过，深度识别之图象识别，其次就是模拟数据请求这些，如果知道 Python，说到爬虫自然不陌生，不过爬虫对我来说并不敢兴趣，主要是 Python 好做模拟请求，http 协议这些，在易语言这些操作都是乱写，基本没啥难度，当然，http 协议难得不是模拟数据请求，而是在逆向分析数据加密，风控算法，所以网页逆向的基本功还是要有的。 + +当然，如果有可能还会接触一些 Python 的后端框架 Djongo 和 Flask，看看会不会符合自己的编程风格，再考虑是否要重写一些后端接口，当然最主要的还是想学习 tensorflow，我本地环境都搭建好了，然而却没有花大量时间去在这方面学习！ + +### 安卓逆向与安卓开发 + +干这行前，我就是个重度手机使用者，或者说是玩机者。对于手机特别感兴趣，刷过机，拆修过手机，手头目前就有 5 台手机，对于电子设备可以说是又爱又恨了。用过的 APP 多，然而有些 APP 并不能达到我想要的目的，或者说有限制，于是就想尝试利用逆向技术去修改，奈何那时学了皮毛的安装逆向，根本不够用，也感到困难，于是就没继续学习，一开始的本心还是想搞安卓这方面。 + +如果可以的话，我更希望的是当一个安卓开发人员或者逆向分析工程师，而不是一个 Web 开发人员或者网络安全工程师。至于最后能如何，谁又能说的准呢。 + +### github + +就目前而言，git 还有很多没玩明白，主要手头也没啥好开源的玩意，明年，一定多刷 github，当然最想的还是搞一个开源项目，还能在 github 上小有知名，那干这行真就无悔了。有点小野心，但以目前能力估计是够呛，想想就好，到时候技术上来的指不定就真成了呢。 + +这不才学了一年，才 20 出头，留给我的时间还多着很，在学个十年不成问题吧。但话是这么说，自己心里很清楚，已经有点学不进去了，就我写 Web 项目的这段时间，写着写着就去搞其他东西去了，实在是写的憋屈。总之已经没有一开始那么想学，那么有想法与灵感，那么肯于去学习新的技术，估摸着在学几年也许就会停滞于学习。 + +本以为年轻有的是精力，还曾妄想把好几门技术都学进去，但事实告诉我，能精通一个就不错了，学那么多意义又在哪，只是为了满足当初高中不认真学习的而又渴望学习的心吧。 + +总之，能学就尽量学，明年，理应更强。 + +## 感谢 + +最后还是要感谢互联网的前辈们，与当下互联网的环境，不然的话我还可能在迷茫中四处摸索人生的真正意图，耗费着年轻所带来的资本。往着曾经写过的代码，眼角不禁也会湿润起来（绝不是熬夜太困），感叹当初为啥会去学这东西呢，也许这就是编程所带来的魅力吧。 + +写于2020年11月18日 By 愧怍
diff --git "a/blog/reference/2021 \302\267 \344\274\221\345\255\246\344\270\200\345\271\264.md" "b/blog/reference/2021 \302\267 \344\274\221\345\255\246\344\270\200\345\271\264.md" new file mode 100644 index 0000000..30d8160 --- /dev/null +++ "b/blog/reference/2021 \302\267 \344\274\221\345\255\246\344\270\200\345\271\264.md" @@ -0,0 +1,214 @@ +--- +slug: 2021-year-end-summary +title: 2021 · 休学一年 +date: 2021-12-31 +authors: kuizuo +tags: [年终总结] +keywords: [年终总结] +toc_max_heading_level: 3 +--- + +当写这篇年终时，都已过于数月了。今年 (2021 年)休学出去工作(创业)；加上 2022 年 1 月闭关安卓逆向学习，所以便没有抽出时间来完善年终总结。 + +所以说要写年终前一定要趁早，平常也要时刻保持记录的习惯，这样年终总结的时候思路才清醒，看到平时记录的点滴就能一时刻地回忆起所有细节。 + +每次写年终总结时不时也会潸然泪下，写的时候就需要不断的回忆过去，而往往过去的某些时刻的做法会让自己觉得是不是有个更优解？常常会回忆起过去这一年所经历的往往，难以忘怀，不知从何写起。 + + + +## Web 开发 + +在这过去的中时间内，我已经从一位逆向爱好者的转到 Web 开发行业上。在上次的记录中我也仅仅只是搭建了一个博客，还是基于 [Vuepress](https://vuepress.vuejs.org/zh/)，不过由于拖更过久，于是就索性使用 [Docusaurus](https://docusaurus.io/) 做为未来的博客。像一些主流前端框架 [Vue](https://v3.cn.vuejs.org/),[React](https://reactjs.org/) 以及 [Vite](https://cn.vitejs.dev/) 和 [webpack](https://webpack.js.org/) 构建工具使用过，期间也不断尝试新的技术栈，了解其新特性，所以实现些基本的前端页面或功能倒是不成问题。 + +但 Web 开发可不仅仅只是由前端页面构成的，虽然对于上面静态站点的博客而言，那确实够。不过想要做到一些页面阅读量，以及评论相关的，就必须涉及到数据交互，也就是后端服务。后端服务所选用的语言可就多了，例如 nodejs、java、php、python、go 等等，虽说都有接触过(尝试搭建过后端服务与部署)，但 node 还是我的后端开发首选， JavaScript/TypeScript 是我目前用的最多的编程语言，这其中就使用到[Nest.js](https://nestjs.com/)这类 Node.js 版的 Spring 框架，同时也接触到 [TypeORM](https://typeorm.io/) 这个 ORM 框架，操作数据就如操作对象一样，可以不用写 sql 就能完成基本的 CRUD。同时也接触到 Java 的 [Spring](https://spring.io/)、Php 的 [ThinkPHP](https://www.thinkphp.cn/)、Go 的 [Gin](https://gin-gonic.com/zh-cn/)、Python 的 [FastAPI](https://fastapi.tiangolo.com/zh/)，这些语言中的后端框架。同时数据库方面也学习与使用到 [Mysql](https://www.mysql.com/)、[MongoDB](https://www.mongodb.com/)、[Redis](https://redis.io/)、[Elasticsearch](https://www.elastic.co/cn/elasticsearch/)，这些 SQL 与 NoSQL 数据库以及搜索和数据分析引擎。 + +可以肯定是的未来的编程日子里有一大段时间估计也与 Web 开发息息相关。 + +不过在年终这并不想介绍在学习期间所涉及的项目，因为这太啰嗦了，导致有挺大一部分时间都是在介绍，而不是在总结，违背年终总结的意义。**(学习的)过程往往不是人们所在意的，人们往往在意的是所导致的结果。** + +## 看书 + +也是在今天开始去看书/看文章，加固对已有技术的理解，基本上每天凌晨 0-2 点的时间段都在看技术相关的书籍。主要都是针对 JS 相关的书籍与一些其他书籍，以下是我今年看过的书 + +- 《JavaScript 高级程序设计》（第 4 版，简称红宝书） +- 《重构 改善既有代码的设计》（第 2 版，JS） +- 《JavaScript 设计模式与开发实践》 +- 《深入浅出 Node.js》 +- 《Visual Studio Code 权威指南》 +- 《深入浅出 Vue.js》 +- 《Vue.js 设计与实现》 + +## 经历总结 + +相比学习记录而言，我反倒是想总结个人初入社会中的一些机遇与所做（缺点与不足），以及未来遇到这类情景能否有改进的地方。 + +### 深思熟虑 + +反思我当时面对这种情况，我当时的做法是否合理？是否为最优解？是否有考虑他人感受？是否有考虑这么做未来有什么不利？是否...? + +事情发生后能否做到不后悔？能否想过如何挽回？能否总结下次遇到这种情况又该如何做？...(语塞片刻) 还能有下一次吗？ + +很显然，在这一年当中我并没有很好的反思与总结，而是直到出现一些严重性的结果，我才会开始考虑此后果与弥补。 + +而休学便是我当时面对情景中的做法之一。 + +当时的我没有思考我休学后所会给我带来的不利，如后续学校课程的变化能否顺便完成毕业，是否想过休学后的生活，复学手续的办理，等等太多要思考的了，然而当时的我只思考到学校课程的无聊，不如出去工作闯闯，这可不比学校每天枯燥的生活来的丰富。我甚至还幻想着我休学出去，技术特别厉害，是不是回去就能直接免修课程，直接当大三来读。然而这种想法的天真程度不亚于一个三岁小孩问父母我为什么不能像鸟儿一样在天空中遨游，而现实生活是你只能在地面上爬行。 + +在学校跟着校方的课程，修满学分，遵守学校规定，完成日常内务卫生，方可毕业。而休学就是休学，休学期间学校只保留你的学籍，你在休学期间外面所发生的一切都与学校无关，如果在休学期结束后还未办理休学手续，则视为退学处理。 + +到了复学的日子，当时的早上我回到学校办理复学手续，准备重归校园生活。但由于疫情的缘故，学校是不让正常进出，需要使用学校 app 上申报进出码，在当时的我无论怎么申请都无法通过，提示找不到辅导员，因为我休学期间的又重新分配了新的辅导员，也就导致我无法申报进出码，当时的保安无论如何都要学生凭进出码才可进出学校，哪怕我把学生证，以及我休学时的手续，保安与辅导员的沟通，都不允许我进去学校。即便我家属陪同的情况下，依旧等了越 10 来分钟才方可放我进入学校。 + +现在回想当时如果我的家属没有陪同，也许这一天这个保安都可能不放我进去，保安估计是因为不希望家属在门口等候太久，同时也因为我复学的情况，所以破例放我进入学校，办理复学手续。 + +扯了这么多，也该说说休学的原因了。 + +当时（2020 年 12 月），我写了一个软件，并将其发布到我的 QQ 空间上供他人免费使用。有人加了我微信，简单咨询下，机缘很巧，他们的工作地点离我学校仅有 5 公里，于是线下交谈了下，问我有没有兴趣开发一个软件，并提供了一些想法和规划，当然，功能和需求与我所编写的大致。加之那段时间我已经厌烦学校所教的课程，与他们不谋而合，于是伴着辍学的心态办理休学手续，在 2021 这一整年“大展身手”。 + +这也就是为什么我 2021 年上半年没继续学习前端，没写博客的原因。在这期间，我基本上都是在忙着对该软件的更新维护。至于说为何要休学，明明离校那么近，可以边远程边线下办公。这主要还是与我的生活态度有关，我不希望我在做任何事情的时候，突然有其他的事情来打断我现有的阶段任务，哪怕只是一点小事，都有可能导致我难以进入工作状态。我忌惮的是在同时兼顾学业与工作，到头来很有可能两者都干得一塌糊涂（不过最主要我当时的内心是非常不情愿在上课的）。于是在学业与工作上两者无法兼顾到于是就休学专心工作。 + +说这么多，最主要是当时的我确实不是很想在校园里呆在，与其听着学校老师教的，不如自己出去社会闯荡一番来的实在。但最终的事实告诉我，还是出来太早了，社会的经验是不断磨练学习，而不是凭自己短暂实践与猜想的，只有**切身体会才能悟出真谛**。 + +又有点扯远了，总之简单交代下休学的缘由。而在今后的未来也会有一大堆这样的例子，而所发生过的甚至能写一天。**能做的仅有是保持一颗善良的心，与权衡自己内心的真实** + +#### 如何考虑诸多结果 + +有很多种结果，并不是由自己所能考虑到的，哪有该如何是好。 + +如果之前的话，我确实不知道该如何，但现在我多半会把我所遇到的情况告诉身边的人(父母、朋友)，让他们帮我出谋划策。 + +他们所能给的也是建议，最终的决定权还是归咎于自己。事情的最终发展走向，也是看自己的表现。 + +### 人情世故 + +在没休学前，我的情商可以说是低的离谱，一点人情世故都不会有的那种。遇到一些情况我都很直面的揭穿，没有留有一定的台阶给他人下，没有思考这样做的情况对长期利益下的影响。这里我有一个亲身例子。 + +当时在工作中有位用户 A 反馈了一个网站的充值系统的 bug，这个 bug 可以导致随意给任意用户充值任意金额（没听错，这个 bug 的严重程度就是如此。不过当然不是我写的，这部分核心是由当时的一个外包公司搞得）。用户 A 交代了这个 bug 是由其他用户 B 告诉他的，并没有指名 B 的真实身份，原本 B 是想告诉 A 一起薅这个网站的漏洞，但 A 觉得不妥，想和我们长期合作，并将这个 bug 反馈给了我们。如果换做你的话，你又该如何处理这种事情。 + +当时的我第一想法就是找到漏洞，并将该漏洞修复了，但是是否有想过，在 B 告诉 A 没多久后，网站就把这个漏洞修复了，这不就明摆告诉 B，A 把这个 bug 反馈给了网站所有者，并且出卖了他。到时候 A 和 B 的关系又会如何发展？A 是否又会认为这个网站很没有格局？最终不打算长期合作？ + +而这些显然不是我当时所能想到的，而是我的同事所告诉我的。接着再来说说最终这件事情是如何处理的。首先我们第一时间肯定不是修复这个 bug，而是尝试去查询一些异常数据，例如大额充值，余额异常，对比真实流水与网站流水，尽快的确保找到这个 B 用户。不过这个 B 用户做事非常小心，这些数据与真实的几乎难以排查。于是我们尝试给这个 bug 加个暗桩，只要有用户触发这个 bug 就会将数据上报，最终找到 B 用户，也就是在赌这个 B 用户还会利用这个漏洞来进行充值。 + +果不其然，这个 B 用户还是抱着侥幸心理触发了这个 bug，然后项目的负责人直接联系到 B，然后暗示 B 用户，说他最近账号的活跃度这么高，金额有点异常。人总是有做贼心虚的时候，和 B 用户说了一大堆道理啥的，也说明 B 的这种行为是直接利用网站漏洞来盈利，其行为是有可能构成犯罪的。可能是把 B 说怕了，也是让 B 自己说出自己利用过 Bug，也说自己把这个 Bug 告诉了几个同伙 A，C 等人。最终，修复了这个 Bug，并一一联系这些并将其获利的金额给补齐，也就没在追究。（但实际上是有一定的损失的，只要这个 bug 被发现，能做的也只有弥补损失） + +现在一回想，如果不是 A 主动告诉我们，也许这 Bug 可能在长时间都无法发现。最终这个 A 也成为了我们网站的合伙人。如果当时直接修复这个 bug，失去的金额是有可能找的回来的，但 A 这个用户却再也成为不了合作伙伴。但要说 B 会知道是 A 说的吗，他也许不知道，因为自始至终都未提及过 A，但他们之间的关系会有影响吗？与直接修复 bug 的相比，我看微不足道。 + +身边有太多为人处世的方法、道理和经验。 + +- 麻烦他人签字盖个凭证，如果态度不是很友好，并且无感激之言，会让签字的人所感厌烦，下次的签字是否会顺利？ +- 遇到他人能否做到打个招呼，即便不是那么熟的情况下？ +- 如果麻烦他人帮忙处理点事情，顺带带点吃的、送点礼物，那么他是否就会帮忙处理一下？ +- 学会聆听长辈的建议，长辈所经历的远非后辈可言，都有长辈一定的道理，如果你只会觉得厌烦这些道理，那么很有可能一些长辈的经验只有自己吃过亏了才懂。 +- 人都爱听赞美之词，能否在别人取得一定成果的时，给予一定的夸奖，对于他的心情是否也会变好？ +- …… + +有些人说他不想拘泥于生活的小节，想活得无拘无束。然而绝大多数情况下是不可能的，就像上面所举的例子而言，很多小节就有很大程度决定事情最终的发展。 + +**人活着务必要懂的人情世故，合理的为人处世往往会名利兼收，而不是狼狈不堪。** + +### 行事低调 + +人在外面，要尽可能保持低调，不要展现自己过多的储备与能力。 + +就当我而言，我复学回学校正常上课的期间，很多学校老师所教的与所问的我都悉知，但我并不会第一时间回答，甚至是不回答。因为我知道如果我一旦回答，就会显得我很专业，他人会认为我的知识面比较广，可能就会来问我问题，交流技术。这本质是好的，一是能给同学一个相对好的印象，二是对班级同学学习氛围都有一定影响。但如果我不回答，对我有害吗？并不会。但回答就有优吗？也不见得。因为随着越来越多人询问，就可能会导致本该属于我的时间，却因为这些问答所耽搁。 + +至于是否回答与导致的结果，就需要权衡自身当下的言语行为是否对你有利，就比如对于新室友而言，我反倒第一时间说明自己有一定的技术水平，也在外面工作过，并给他们展示一些个人项目。因为我知道他们身边有个大佬，一些技术问题就有个大腿可抱，对于人际关系与求人办事来说都是对我非常有利。 + +不要泄露自身的“底”，这里的“底”对于上面的例子就是技术而言，而实际生活中，“底”有可能财富，背景，智慧等等。要知道社会处处是勾心斗角，越是让他人知道你的情况，往往是对自己不利。即便此刻的他对你所述的并无兴趣，但当他需要的时候，第一时间想到的就很有可能就是你。 + +“财不外露”是古人总结的经验教训，低调就是最好的自我保护。这是社会上的生存法则。 + +**一时的得意洋洋会换来以后的肠子悔青，一时的众星捧月会招来以后的众人愤恨。** + +### 言多必失 + +我是属于那种说几句话，就容易滔滔不绝的那种。平常聊天中，也许对方只是想问下我银行卡号是多少，而我可能已经把银行卡密码告诉他（夸张点）。直白点意思就是话很多，非常容易说出一些本不应该说的东西。像以前如果有个人偷偷告诉我一个秘密，叫我千万不要说出去，而有时候不经意间就成为了告密者。然而我本意并不想泄密，但就是因为交际中，过度不必要的话语就往往。 + +当然，如果说的是自己的一些事情的话，对于他人来说，可能就听听就忘了。但有很多时候说着说着就说到他人去了，这时候一些过多的言语，就可能导致一些不恰当的词语加在他人身上。 + +我也许做不到**沉默是金**的实践，但我一定明白存在的意义。不善言，那就不必言。我之前就很喜欢给别人安利些东西，具体点如技术框架这些，但大部分情况下没成功安利，哪怕我对他当下的情况进行一定的分析，并告诉他使用了对自己的提升等等。而结果往往是将我的话语当做耳边风一般，也许是我的言语没有那么说服力，又或者是他不愿尝试新事物。所以这也就是为什么我现在不喜欢安利，不想多说些什么。即便说得再多，对我来说几乎没有任何利益可言，反倒是不说，没有任何亏损。 + +**能沉默寡言就不必口若悬河** + +### 得意忘形 + +当一个人突然对你特别好，那么这时候就需要谨慎了，很有可能自己**沉浸在好处之中**，而**忘记所在的风险**。 + +就比如陌生人给小孩子糖果的例子，小孩子往往容易沉浸在得到甜味之中，而不会去想陌生人会将自己处于何种地步，当然这也和小孩子没有明确的自我辨别善恶的能力有关。但换到成人年身上不妨是同一道理，只是将这里的糖果换成了其他的好处而已。 + +这里我想强调的是，人一旦处于高兴的状态下就容易忘记一些行为。就如酒后吐真言，在喝酒兴奋的状态，是难以有任何的危险警觉，在喝醉的情况下，可能会把自己的一切说出去，而醒后根本难以想到当时兴奋的时候竟说过这般话语。 + +而多数人往往容易处于这种状态，对我来说可能就是别人夸我几句，我感觉非常得意，然后又和对方说起无关该话题的内容。然后这就回到上一个口若悬河话题。 + +也许可能会说，为啥要如此盯防这些潜在危险，因为坏人多数都是利用这种得意忘形的状态去坑害受害者。而能做的只有时刻预防危险，因为你永远不清楚危险的来临，当危险真正来临之时，就以措手不及。 + +### 急于求成 + +就如这次休学，我就巴不得早点工作，早点实现财富自由。但**过早的发育，往往会迷失方向**。 + +我日常编写代码的时候也是如此，有时候就是为了快点实现功能需求，就会去寻找相关功能库，就容易忽视底层实现逻辑。久而久之就成为了 CV（复制粘贴）工程师，导致一些学习本该了解的知识点，就因此忽视，直到别人的库无法实现自己的功能的，到自己实现起来可谓是愁眉苦脸的。 + +所以我现在心态也相对以前平坦了许多，没有之前的那种激情劲，或者说更加稳重，走一步都要稳一步。 + +有时候有些东西就应该顺从时间的发展，强行去改变它的发展方向有可能就得不偿失。还有，为何要急于去创造成功，而不是成功去找寻你呢？ + +**顺其自然，不失一个生活态度。** + +### 虚假欺诈 + +[楚门的世界](https://movie.douban.com/subject/1292064/)中有一句台词对我印象特别深刻。 + +**外面的世界跟我给你的世界一样的虚假，有一样的谎言一样的欺诈**。 + +外面的世界即现实，亦或者是社会。确实，这里存在太多虚伪的内容，多数人对他人的表现与自身内心存在极大差异。举个例子，一个非常普通的人，面对领导时展现积极主动，面对朋友时展现情同手足，面对亲人时展现情同骨肉，对不同的人，都有不同的表现形式，而真实的他却只有自己最清楚。可以说人本就是很虚伪的，只是这种形式在交际中被放大。 + +除了虚伪外，很多的还是谎言。这里举一个不那么黑暗的谎言，多数人都喜欢装逼，吹嘘自己如何如何的。将自己包装得有多么厉害，地位多么显赫。其目的也只有自己最清楚，在被这种表面所影响下，就认为他事情都相对可靠，不然的。 + +所以言语上，并不能以百分之百的确信。再好比目前互联网的新闻内容或者是短视频，我都不会去对其真实性保持绝对，至少肯定不会是完整的。因为太清楚这些内容多数是以博人眼球为目的，也许会歪曲一定的事实，营造一个绝对火爆的效果。没置身于此地，又怎敢下一断言呢。 + +**俗话说得好眼见为实，不要轻信传闻，看到的才是事实。** + +不要轻易的他言，越是真诚的人，越是容易被欺骗。 + +## 自我保护 + +这些就是我这一年的大部分社会感悟，然而事实上这仅仅只是皮毛中的皮毛，有很多不是那么友好的面我并没有用言语去展现，也难以展示。 + +但最终想说的是出门在外，保护好自己才是最重要的。无论是身体还是精力，起码活着是为自己而活。 + +同时时刻**当心**生活中的风险，无论大火小火最终都有可能酿成不可挽回的伤害。能做的也只有提防，警惕。 + +与社会相比，校园生活也确实安全多了。与你相龄的同学，很多都没有经过社会，做事处事都不会搞得如此复杂，但或多或少肯定还是存在的，只是相比社会而言没那么复杂。倒是可以说大学校园就是步入社会的一个缓冲区，缓冲区有多大，就决定在社会中你的发展效率。 + +## 回到校园 + +办理完复学手续，接触了新室友，新班级，依旧还是熟悉的校园，但此时此刻却感受不到校园的气息。内心也许还停留在休学一年的风光，可身体可却要老老实实在待上两年。 + +每日起床，打开屏幕，查看邮件信息，吃饭，能旷的课就旷，不能旷的课就尽量去，坐下敲代码，一天的日子就这样过去了。这半年里至少有百分之 80 的日子是处于这种状态。 + +要说枯燥，也有一些乐趣，要说充实，也会摸点鱼。不过，这不就是大部分人的生活方式吗？以混日子的方式做着重复的事，在重复中寻求一丝不同。 + +在学校也没啥特殊的要求，别挂科，在读两年拿到毕业证与学位证即可。还有两年的时间发展，也许这两年是程序生涯中仅存可自由分配的时间。 + +## 总结 + +要说我这一年的总结，**一切行为都一定要留后路**。 + +人生要做太多的后退路，才能够走出自己的路。过去的自己的很多决定都是不留活路，可以说是大部分的情况连后悔的机会都没有。当时的我为何要做得如此绝呢？仅仅只是鲁莽吗。不，所突显的是一个真诚的态度。如果做得任何事情都留有后路，只能说你是一个警惕的人，但不是一个真诚的人。但这个社会往往就是不需要真诚老实的人，在结果面前，这些都一文不值。越是真诚，越容易被欺骗。到头来，伤的还是真诚的人。 + +我高中因为一些特殊原因换过班，换完之后有一段时间非常后悔，失去(永别)日常课上课下与要好的同学。可结果已经发生了，很多东西就难以还原成最初的模样。上了大学第一学期结束，我就从数学专业转到软件工程专业，只为毕业时有个科班的资格，而现在科班在我看来一文不值，还要面临补修原专业没有的课程。但相关手续都已经办理完毕，即便撕毁手续，也无济于事。每一次的选择，都总让我觉得不值，失去的远比得到的多。 + +不过话也不能说的这么绝对，我高中换班让我远离那些特意”针对”我的老师（我高中学习表现特别差，属于那种差生不爱学习的，虽然现在也差不多）。我转专业也认识到一些志同道合都热爱编程的伙伴，我要是不转专业也许在这个学校里可能都难以有交集。同样的休学也让我收获了不少，社会经验与做人处事有了个质的提升。 + +所以高中的我特别渴求大学，在大学里不断的提升自我，也就是为什么高考一结束，我就沉浸在电脑面前，不是游戏电影，而是可创造一切的代码上。在上一学期后，想去软件工程软件。并且当我有了一定的代码基础水平，我觉得有能力去应付实际任务需求，也就办理休学手续，去完成一番“事业”。现在回到校园，同样的，我也非常渴求毕业，只为能够更早做出一番事情来。 + +如果有个选择让你在 40 岁前平平无奇，但在 40 岁后一鸣惊人成就一番事业，我想我肯定不会选择。我已经经历了比同龄人多的多的经历，我完全认为 30 岁就能达到 40 岁时的目标。有一个梦想叫别人 30 岁有的东西我 20 岁就要，这也是我的梦想。 + +为什么会休学，想必已经有了一个很明确的答案。而且我也很清楚，谁都劝不动当年的我。即便休学让我晚毕业的一年，同时还带来了各种琐事。在明知道结果的前提我依然还是会决定。 + +做技术写程序的不应该只有技术上的进步，更应该在友好的交互方面，这里的交互不单单是人与机的交互，而是生活中人与人，人与事之间的交互。 + +一个应用程序的实用性如何，很大一部分取决于交互。生活中圈子同样与他人的交互有很大牵连。代码写的再好，功能再强大，但是没有一个好的交互，用户同样不会使用。生活中，即使能力再强大，但对他人不友好、对工作不上进，也难被认可。 + +愿来年提升自我的同时，能够辨别是非，待人处世。修正自身缺点，发挥自有特长。不要高傲自大，不要妄自菲薄。不要只沉浸做事，而不去做人。保持原有的心态，不被大起大落所失衡。不断经历，不断收获。 + +愿一切安好，愿前程似锦。 diff --git "a/blog/reference/2022 \302\267 \351\200\206\345\220\221\345\210\260Web\345\274\200\345\217\221.md" "b/blog/reference/2022 \302\267 \351\200\206\345\220\221\345\210\260Web\345\274\200\345\217\221.md" new file mode 100644 index 0000000..1545b8a --- /dev/null +++ "b/blog/reference/2022 \302\267 \351\200\206\345\220\221\345\210\260Web\345\274\200\345\217\221.md" @@ -0,0 +1,247 @@ +--- +slug: 2022-year-end-summary +title: 2022 · 逆向到Web开发 +date: 2022-12-22 +authors: kuizuo +tags: [年终总结] +keywords: [年终总结] +toc_max_heading_level: 3 +--- + +距离上一篇博文有一个月之久，距离上次编写代码也有一周之久，由于疫情封控全面放开，加上福建省教育厅通知的提前返乡，反而让我感到有些不适。往常这个时间点我忙于期末考试，会把代码的事情放一边，等到彻底放假后，开始闭关潜心学习。然而剩余的半个月变成了线上形式，课还是要上，考试还是要考，虽说身在家乡，但心不在焉的。 + +12 月已过半，也是时候该写年终总结了。迄今为止，我已学习了 3 年半的编程（还好不是两年半）。当下的技术不再是当初只会易语言的小伙了。只是当下已没有当初如此强烈的热情与精力了，我称之为老了。 + +今年主要总结我为何从逆向转 Web 开发，并明确我未来所要走的方向，也是本文的主题。**仅作为个人感悟，不作为建议参考。** + + + +## 为什么要写年终总结？ + +我从高中开始，每年都会记录这一年所发生的比较有印象的事情并写下自己的感悟。所以写年终算是个人习惯，并且我希望能够一直坚持下去，写到不能写为止。 + +写年终总结是个非常好的自我总结与反思的方式，总结这一年自身的变化，有哪些精彩与满足，有哪些遗憾和不足。同时定制明年的规划，以该目标不断前行，而不是漫无目的地活着，就失去了很多人生的意义。 + +同时也算是自我评价与建议，很多时候我们会收到很多别人有关自己的评价与建议，可人总会对他人有莫名的排斥感，就难以虚心听从他人的建议，从而犯错许多（说的是我就对了）。年终总结还有个作用就是弥补自己对某件事情未来可能要发生的情况，要如何做到不犯错，预先有个明确的预防意识。 + +即便可能要花数天的周期去回顾与总结，我也很愿意去总结，我常说回顾过去，就是在仰望未来。写年终所做的也就是这个过程。 + +写年终总结也算是种分享，分享自己的开发经历，当他人阅读时或许有所启发。 + +**过去的，就过去了，别将当下的遗憾留到未来，这就是年终的最大意义。** + +## 为什么是 Web 开发？而不是逆向 + +今年大部分的开发时间都花在 Web 开发上，在此期间也接触到许多技术，并通过博客笔记的方式记录下来。 + +我很庆幸我的 Web 开发从一个 Beginner 到 Intermediate，现在回忆整个学习路程，一路学得都很野很随意，从未系统学习过，总是学到一半，就自认为已经掌握了，便开始进行实战项目，可以说很多知识都是在实战探索中了解的。 + +虽然很多人都直称我为大佬，但我离 Advanced 还有一大段的路途要走，而这段路途是无比的艰难与漫长。不过好在路不歪，只要肯走终会到达终点。 + +而带我入门的逆向技术，在今年没有丝毫的长进，说得过分点，就是弃坑了。也正如标题所说，至于缘由，细看下文。 + +### 逆向 + +熟悉我的人应该知道我之前是做爬虫与逆向分析，但是为何今年的技术栈彻底转型到 Web 开发上。 + +我常常和别人说起我的技术栈转型（从逆向转到开发），不过比较多的都会比较好奇我为什么不继续深造下去。 + +在此我也回顾了我**从逆向转变到 Web 开发**的过程，顺带也回答这个问题。不过在这里先说说我个人对逆向的看法： + +#### 逆向需要的技术知识面比较广。 + +就我接触逆向的过程来说，接触了易语言，JavaScript，Python，Java，Php 等等编程语言。 + +使用过了一堆的逆向工具，如 Frida、IDA、JEB、jadx 等等（我目前能想到比较有名的）。此外还有一堆知识，包括但不限于以下技术：自动化脚本、TCP/HTTP 协议、抓包、爬虫、加密学、图像识别（验证码、滑块位置）、汇编、反编译、AST 反混淆。 + +**要我说我在逆向中学到的不是如何使用这些工具或掌握某个技能，而是锻炼出一定的阅读与分析代码能力。**工具与技能总是瞬息万变，但阅读与分析代码能力却是实实在在，一成不变的，也是逆向中最值得学习的。 + +有接触过 [CTF](https://baike.baidu.com/item/ctf/9548546) 想必再熟悉不过逆向工程的技术面广了。 + +#### 越来越多的网站或应用程序不断加强安全防护，未来只会越来越难逆向。 + +逆向分析，说白话就是去看别人的代码，进行一些修改手段，达到自己想要的目的。比如修改某个软件的标题或作者信息、将别人的代码“偷”过来用、爬取某些网站或软件的数据。 + +但是随着现在越来越多潜在的安全问题，很多框架底层，服务厂商，都会对一些可能有安全问题的代码进行警告或者底层处理。比如使用 ORM 框架能够有效防止 SQL 注入，前端框架中涉及 XSS 攻击也会有相应的错误提示与处理，再如浏览器跨域以及跨站点 cookie 不共享，都是为了用户的安全而去考虑的。这样的例子有太多了。 + +简单说说安卓逆向的过程：拿到一个 Apk，发现有加壳（给代码加固让逆向者不易于看到源代码），这时候就需要通过脱壳才能查看到源代码；此时就算脱完了壳，接下来可能将面对经过混淆过的代码，这份代码难以用人眼去阅读，不调试运行，单靠静态分析很难分析出东西，这时候可能就要借助 AST 对代码进行还原；还原完了配合动静分析将代码给扣出来，而在分析的时候可能又有各种检测，比如抓包，反调试以阻碍逆向进度；最后就算逆向工作都做完了，代码也扣下来了，还要尝试运行扣完的代码，这时候极大可能还不一定能运行，然后又要回头看看到底那一步做错了。 + +可以说逆向的工作就是不断地调试，不断分析，最终拿到想要的结果。整个过程可以说非常耗时且折磨人，心智如果不够强大，真的容易劝退（我当下耐心也早不如当初了）。但是得到最终的目的，将非常爽，成就感爆棚，相当于一个解了几小时的题，最终被攻克的感觉。 + +前阵子在逆向圈中，看到过一张图，大致也把我的逆向学习流程也表达了出来，最终我的逆向学习也确实止步在 Flutter 上。 + + + +上面所说到的逆向技术中，例如加壳，代码混淆，反调试，风控等等，都是阻碍逆向手段。同样对于爬虫而已，通常会采取反爬措施，包括但不限于封 IP、封账号、JS 参数加密、代码混淆、浏览器指纹、TLS 指纹、验证等。而且防护手段可以说是越来越多，逆向的难度也就越来越大。并且在服务开发那边只需要修改一点东西，逆向可能就需要从头再来一遍。 + +**未来逆向的难度只增不减，但薪资可不一定保证这趋势。** + +#### 风险 + +从上面也不难看出逆向常常与安全挂钩，如果一个网站或软件不是那么好被逆向，那么间接说明安全性是比较高的。可一旦涉及到安全，同时又是互联网，就免不了网络安全与法律相关的风险。 + +在大多数逆向的对象（网站，软件）中，多数都是他人的劳动产物，当你未经他人允许的情况下，去爬取他人的数据，或是修改一些版权信息再次发布出来，就属于非法行为。本质和未经他人允许，偷人家的东西性质是一个样的。并且在有防护措施的情况下，绕过网站防护措施获取数据属于违背权利人意愿读取、收集数据，将有较大可能被认定为对计算机信息系统的 “侵入”。 + +要知道在逆向的行业中，有很多都是擦边灰产，至少我所在的逆向圈是这样的，抱着【仅供学习为参考，请勿用于非法用途】的想法做逆向工程。路子极易走歪，很少能够正常去走安全岗位的。相信你应该能看到许多类似的案件，如【某某程序员因非法侵入 xx 网站，获刑 x 年】。这不是危言耸听，目前国家对网络安全以及非法数据获取的打击力度，也将决定了这些案件将会越来越多，爬虫逆向也将会越来越邢。 + +### 自身因素 + +简单介绍完我认为爬虫和逆向的看法后，再来说说自身因素。 + +#### 更想写代码，而不是看代码 + +我是很享受写代码的过程，一份高质量的代码会让人赏心悦目。我为此特意学习下设计模式、重构技巧以及 TDD 测试。这些在逆向中基本难以涉及，但是这些对开发的体验和代码的健壮性都是非常重要的，也是让我个人觉得技术有所提升的技能点。 + +在逆向分析中，大部分时间都不是在写代码而是在看（分析）代码，而反编译出来的代码，很有可能是带有混淆过的代码，而你想要分析这一块代码的作用，只能去一步步调试，将代码啃下来，从而推断运行时某变量的值，或是某个函数的作用。 + +虽然说开发岗位中，有很多情况下也是在看代码的日子中度过的，但相比反编译阅读代码而言，至少不至于那么晦涩难懂。 + +#### 更想碰新技术，而不是旧技术 + +其次，在逆向分析中，遇到的网站或软件所用的技术一般都是较为稳定成熟的技术，而这些技术往往不是很新，因此需要去了解很多旧的技术，但这些旧技术仅仅只对逆向分析有用，甚至过段时间很有可能就会遗忘。并且要了解的旧技术还不少，学得将会特别杂。 + +而我又是一个喜新厌旧的人，对任何新鲜事物都抱有好奇尝试的态度。我终将认为旧的技术被淘汰是迟早的问题，新技术的出现肯定不是无缘无故的出现，必然是为了解决某些问题而诞生的，如性能，开发体验，安全等等。 + +这里有篇我对[新技术的看法](https://kuizuo.cn/talk-new-technologies-opinion)，推荐阅读一番。 + +#### 更想开源，而不是闭源 + +在逆向开发，不，是在灰产开发中，有很多代码是别指望开源出来的，这背后会涉及到商业利益或是版权等问题。一旦代码放出来，将意味着你的代码将有很大的可能被别人利用做坏事，最终甚至祸及到自己。所以大多数情况下，你多半只能将自己的应用发布出去，而不是将源码开源，通常也就带有商业化的性质。 + +我想任何开发者肯定是希望自己的代码走的更远，走的正规，而不是被拿来做违背自身意愿的事情。 + +开源不仅能为自己提升一些技术知名度，展现自身技术的一面，同时代码被他人使用与认可，这番成就感就足够继续坚持开源下去。因为我有很多技术都是通过开源项目中学到的，所以我能感受到开源带来的魅力，也是对于前人的崇拜，想走开源的原因。 + +**因为淋过雨，所以很想为别人撑把伞** + +### 小结 + +其实在今年出头我还特意复习了一波安卓逆向，为了更深入了解了更底层的知识与工具（当然现在忘得也差不多了），因一些特殊原因我的电子设备不在了，别问，问就是坏了到现在还没修好。就导致我的编程语言环境，逆向工具，虚拟机配置，代码等数据直接灰飞烟灭，也让我停滞了 1 个月的学习。 + +我想这才是我从逆向转 Web 开发的最重要的理由了。 + +逆向的学习对我开发有很大的帮助。例如开发中的安全问题，我在开发中都会时刻考虑去考虑该问题。如加壳、SQL 注入、代码混淆、接口限流、接口幂等性（Fiddle R 包）等等安全性问题。 + +我庆幸我学过逆向，让我学到很多在开发中比较难学到的技能，如调试，阅读源码，而这些也是绝大多数 Web 开发者都欠缺的能力。 + +逆向应该就暂以告终，未来会有很长的一段时间，甚至以后不再接触深入专研逆向。 + +每当回想，【当时那么难的加密算法都能搞得定，开发一个功能还能有多难】，保持着这种心态，也让我保持着开发。 + +也是逆向激起我对编程的兴趣，可以说没有接触逆向开发，我也不太可能会接触到 Web 开发。 + +## 但 Web 开发就一定好吗？ + +上面对逆向的看法仅个人分析而言，但是 Web 开发就一定好吗？我不敢下绝对的肯定，不同人不一定适合相同的技术，**但是我特别看好 Web 技术（尤其是 JavaScript，偏前端向）**，以下是我看好的点。 + +### 应用性广 + +目前仍有很多人还停留在 JavaScript 只能编写前端页面的水平，自从 Node.js 问世，目前绝大多数的应用都可以使用 JavaScript 进行编写。 + +换句话说，只要你会 JavaScript 就可以编写很多应用了。有个在国外经常被应用的一条和 JavaScript 有关系的著名定律： + +**Atwood 定律：任何可以用 JavaScript 编写的应用程序，最终都会用 JavaScript 编写** + +Web 前端开发不用多说，目前还得用 JavaScript 来编写。而后端开发通过 Node.js 也有一己之力。近几年特别流行跨平台开发，也就是一份代码，多端运行。 + +使用 React Native 或是 Uniapp 这样的前端应用框架，顺带去了解一下相应平台的 API，就能够编写出安卓或 IOS 应用，做过小程序开发肯定知道小程序的技术栈就使用到前端开发的技术栈，如果你会前端开发，就能很轻松的上手小程序开发了。 + +并且越来越多的软件都是网页版优先，然后再通过 Electron 这样的跨平台解决方案，实现不同平台间的程序。诸如 Vscode，Typeorm 等等便是其中的佼佼者。 + +不过本质上都是在不同应用的平台上套浏览器的壳，然后接入一些该平台的接口，因此普遍应用的体积与内存都相对比较大，与原生相比自然是略逊与原生，不过这点性能上的差异在如今硬件升级如此普遍的物质生活也显得微不足道了。 + +但借助浏览器自带的跨平台性，你所编写的应用能够非常轻松的让他人访问，只需要用户有个浏览器，并且通过上述跨平台的解决方案，也能够有效的将你的 web 应用转成其他平台的应用，而不是在耗费时间与精力去编写另一套代码。 + +在一些技术文档上，会有 API/SDK 的支持，而绝大多数都支持使用 JavaScript/Node.js，也许该功能本身并不是使用 JavaScript 来编写的，但完全可以通过 JavaScript 来轻松调用该功能。并且如今 JavaScript 生态如此庞大，你不必担心库/包的问题，npm 作为世界上最大的开放源代码的生态系统（包管理器），在这里你几乎找得到你所想要的库/包。 + +此外有越来越多的第三方服务平台（通常称 Fass，函数即服务），专门提供数据接口与用户鉴权，如 firebase/supabase 或是国产的云开发产品（如小程序）。前端程序员只需要专注与业务代码，借助第三方开发平台，就能够编写一个高可用的应用。反而也映衬了，Web 开发好像可以没有后端，但必须要有前端的观念。 + +### 工作量将越来越多 + +这句话的意思可能有点加班那味道，但我所要表明的是可以做的事情多了，意味着你的工作量增加了，同时你的编码价值也就提升了，不过实际价值（工资）的话不一定提升，因为这主要看老板和地区。 + +怎么理解呢，我举几个例子。 + +现在大部分的 web 应用都采用前后端分离的形式，但在曾经则是由后端通过模板语言渲染成 HTML 直接返回，通过前后端分离的形式，前端只需要专注页面交互的编写，而后端只需要保证接口可靠性。并且前后端分离也有一个特别显著的特点，能非常有效的节省服务器的资源，原本服务器的渲染动作迁移至客户端来做。也许有人会说，那这样 SEO 优化该怎么办，这不就有了 Next.js、Nuxt.js 这样的 SSR（服务端渲染） 框架，而这些工作，也是前端要做的。 + +并且越到后面你越能感觉到客户端（前端）远比服务端（后端）做的东西来的多，比如开发阶段的数据 Mock，前端国际化，设计原型等等。之所以会有这种感觉，也许是因为我的大部分开发都是前端，这里你也可以回想当下的工作量与往年相比是多了还是不变。 + +### 技术更新快 + +前端真的是每隔一段时间，必定会出一些新的技术，也不由让不少前端学习者感叹真的学不动。但伴随着新的技术出现，必然会有新的岗位与机会，这也是我看好前端的一个点。 + +**不过这种机会在国内不太多见，反而在国外特别普遍。** 多的不说，自行体会。 + +忘记从哪看到的一句话：“前端工程师的一大焦虑：永远能（且必须要）看到大量前沿的技术，但自己手上的活儿跟不上，导致眼高手低。” + +不只是前端，做技术这行的，必须要跟着技术发展的角度，并且要时刻关注最新，主流的技术。 + +--- + +有关 Web 开发的一些想法与感悟就写到这，其实还有蛮多可写的，比如选择 Vue 与 React？为什么是 JavaScript？有太多自我审问的话题了，不过由于当下时间相对紧迫，有机会的话再续写吧。 + +综上，也就是我看好 Web 技术的几个点，也回答了我未来的方向。希望这些能够帮助一些不知抉择方向的伙伴。 + +## 在实践中学习 + +回顾整个技术栈，基本都是在项目实践中不断学习。也许是因为逆向的缘故，因为逆向基本上都是靠实战出来的，导致我的学习路线也趋于实践。 + +不过在我看来，写项目是最直接能体现出所想学的技术。我在学习一门新技术时，我通常会用项目或者博文的形式来总结我的学习过程。我也乐意花时间在这上面，并将其分享出来。当有其他人也在学习这门技术时，看到该项目或博文，我就认为非常有意义。 + +**我在学任何一门技术，会使用该技术写点东西；换言之是为了写点东西，而去学点不一样技术。** + +## 技术心态的变化 + +如今来看，确实没那么想写代码，尤其是那种工作量大，重复性强的代码，而编写这些代码，其实与搬砖无任何区别，本质也是重复性与劳动性的任务。 + +曾经可能是因为接触得比较少，对于很多软件背后的原理及实现一概不知，所以看到啥就都想写写看，最终很多项目都成为半成品。 + +而随着越深入的学习，反而自己所想实现的东西，前人都已经帮我们实现好了。完全可以借用前人的代码，在此基础上学习与使用，而不必从头再来，耗费很多不必要的时间。 + +到最后为了实现一开始所想实现的东西，不用再费尽心思，去开源社区搜寻一番，总能找到与自己所要实现的类似的产品，此时只需要会看，会改，总能达到自己最终要实现的东西，有时候自己也称为了别人口中的 CV 工程师。 + +也正因如此，写代码的欲望就不再那么强烈。很多自认为无意义的代码或者是以后都不一定用得上的代码就少写了许多。于是乎缺少了很多自我思考与专研的时间，虽说也确实节省了很多不必要的时间，加快最终功能的实现，但这就是自己想要的编程生活吗？或者说这就是绝大多数人的编程生活。 + +## 何来的自驱力 + +现在回想，是什么驱使我学习，我心中的答案是无能。 + +当你什么都不会时，或者是目前的能力还不足够将某件事情做好，你就会不断地焦虑，犹如热锅上的蚂蚁，想做但又怕做不好。 + +我有很多社会技能是欠缺的，比如人际交往，谈话技巧，合作行为等等，并且我本身也不愿去学习这些技能。正因如此，只有不断发挥自身长处，用自己所擅长的领域弥补自己的短板，以提升自我在社会的竞争力，以至于不那么容易被淘汰。 + +要让自己保持每天都处于学习状态真的太难了 😩，生活总有源源不断的琐事打扰着你。在忙碌的时候总是感觉时间不够用，哪怕有时一天花费了数十个小时，也总感觉做的事情太少了；哪怕每天计划都规划得好好的，但总是有一半还未完成。生活中大量的碎片化时间，而编程学习最不需要的就是这些碎片化时间。 + +回顾整个编程生涯有太多可感慨的，整个旅途几乎是一个人走完的，期间遇到的坎坷就只得依靠搜索引擎来解决，搜索引擎是我再生父母都不为过。没有人给我指引明确的道路，只依靠心中对技术的憧憬不断前行。走过低谷，登过山峰，而如今站稳身子就足矣。 + +## 返校的一年 + +今年也是我重归学校的一年，倘若，去年没有休学一年的话，如今我可能已经在外实习了，转瞬一年就过去了，如今的我还沉浸在当初休学和别人创业工作的日子。 + +也是因为当时休学急迫，后事做得并未完善，学校的一些课程并未申请缓考，最终视为缺考，即挂科。然后此前对大学的课程也是抱着可有可无的心态，也挂了几门课程，如果不是辅导员告知，我还有 34 学分要补（20 学分为严重预警，40 学分为退学或降级处理），我都不曾了解自己在学校挂了这么多科 😂。最离谱的是有个同班同学正好就被降级处理了，不过好在今年上半年并未挂科，加上下半年也重修了一些课程，还不至于离本科毕业证书越走越远。 + +回到学校后，就感觉如同坐牢一般，只不过环境相对舒适一番，尤其是在疫情当下更是如此，我这一年出校玩乐的次数好像不超过 10 次。当我仔细回想一下大学的真正意义是什么？貌似就是混个日子，混个证书。我也想不出大学能够有什么实质性的作用，也许是因为我所处的学校不行，换个好一点的大学或许都不是这样了。 + +不过今年回学校反而去参加了曾经都不怎么看上的社团（虽然现在也差不了多少），给社团写了些项目，主要也为了给自己重返学校带点个人知名度。但因为学校不是那么有名（臭名可能有），所以这里就不便放上相关信息。 + +### 考研 + +明年的话我就大三下了，面对我的有条熟知的考研路。说实话，从目前来看，我对考研不抱有太大的希望，我是属于实践派的那种，我坚信没有什么是试不出来。背理论，刷八股，我很反感。 + +不知道由于什么原因，总感觉一段时间不写代码，真的就不会写代码。仿佛与自己写的代码成为了陌生人一般（所以写注释的重要性就体现出来了） + +倘若读研的话，必然将会有数个月的时间重心不在代码上，到时候回来编写代码时，又发现自己好像又重新学了一遍似的。加之万一上岸失败的心理落差，会让自我觉得这几个月的努力都白费。而我又恰好是一位结果论者，即只在意结果，不在意过程如何。在别人的眼中，是难以看到你考研备战努力的过程，只会在意你上没上岸。这便是我不想考研因素之一。 + +但今年在互联网上所认识伙伴中挺多给我过于高的评价，都认为我作为一个学生，能有这水平是不是在某某牛逼的高校读书。然而并不是，我甚至都不好意思述说自己的高校，说是我的污点也不为过。也正因此身份上，这不得让我萌生读研或是留学的一丝丝想法，也不至于死绝。 + +自我认为离真正的大佬还差很长的一段距离，我只是靠着三分钟热度才维系下去，而那些真正的大佬是肯花费大量时间去编写他们所认为有意义的代码。 + +## 结语 + +今年的年终就告一段落，与之前的年终总结相比，篇幅缩减了许多，主要感觉之前写的挺多流水账的，废话挺多的。也有一点是因为时间相对紧迫，其实 12 月我还没放假，都处于线上上课，线上考试的状态，而线上考试的方式我就不得吐槽了，提前打印给定的答题纸，题目以电脑的方式展示，最终将答案手写到答题纸上并通过手机扫描（扫描全能王）成 PDF 的格式提交，当然摄像头必然也是有的。总之麻烦事还是有的，还没到彻底闲下来闭关学习的时候。 + +按往常可能还有明年的规划，但我现在认为很多时候都难以依照自身意愿做事，而规划正好自己所设想美好的计划，很容易事与愿违。因为回顾过往的规划，有太多美好的计划，但在实际分析下也将变得不堪一击。不止项目需要可行性分析，人生计划同样需要，一些天马行空幻想，其实就不再有意义去记录了。 + +**坚持做自己想做的事情，而不是逼自己做不愿做的事情**。这是我编程学习中座右铭，也是给予他人编程学习的建议。 + +写于2022年12月22日 By 愧怍
diff --git "a/blog/reference/2023 \302\267 \350\260\210\350\260\210\350\201\214\344\270\232\350\247\204\345\210\222.md" "b/blog/reference/2023 \302\267 \350\260\210\350\260\210\350\201\214\344\270\232\350\247\204\345\210\222.md" new file mode 100644 index 0000000..ea17fea --- /dev/null +++ "b/blog/reference/2023 \302\267 \350\260\210\350\260\210\350\201\214\344\270\232\350\247\204\345\210\222.md" @@ -0,0 +1,180 @@ +--- +slug: 2023-year-end-summary +title: 2023 · 谈谈职业规划 +date: 2023-12-25 +authors: kuizuo +tags: [年终总结] +keywords: [年终总结] +--- + +又到了年底写年终总结的时候了，说实话今年感觉没什么内容可写。上半年我已经写了 [叙一名转专业+休学的大学生经历](/blog/narrate-a-college-student)，而下半年我忙于学校课程 + 课程重修，加上处于“监视”下，过得其实还有点浑浑噩噩。 + +不过如今都大四了，也确实是要考虑实习的事了。我想结合我自身情况，谈谈我是怎么看待工作或者往远点说职业规划方面的想法。 + + + +## 一些经历 + +### 工作经历 + +我目前一共有 3 段工作经历 + +1. 休学一年在厦门本地某工作室(共4人)与他人创业。 2021.1 ~ 2022.1 +2. 在北京的一家公司(规模不大)远程实习。 2022.8 ~ 2022.10 +3. 在 [3R 教室](https://3rcd.com) 兼任助教与开发组成员。 2023.1 ~ 2023.12 + +事实上，对我而言也仅有休学的那一段才能算是工作，而其他两者从年限与工作性质来看不能算是一份真正的工作。但也不能说不是，至少也替别人做过事、签过合同、领过工资的。 + +不过我想稍微提提我是怎么找到这三个工作的，或者说这三份工作是怎么找到我的 -> **全靠分享** + +我不止说过一次分享的重要性，我的第一份工作就是在网络分享了[一个大学生自动完成视频、作业的程序](/blog/chaoxing-helper)，恰好被我当地一个工作室的同事看到，寻求我能否改进功能一同合作，于是一拍即可，便开始[休学](/blog/narrate-a-college-student#休学)。 + +剩余的两个工作同样也是，一个契机是我当时正好在研究 [Strapi](https://strapi.io) 编写了一篇文章，这家公司恰好用到这门技术；而 3R教室则是因为创始人所用的与我博客相同的网站生成器 [Docusaurus](https://docusaurus.io/zh-CN) 在这个机缘下认识的，后来创始人创业开了3R教室，我也就利用业余时间在其中扮演助教身份，赚个零花钱。（其实我很热心肠的，哪怕我不当助教，只要时间允许的情况下，你有问题问我也会尽数回答） + +### 接单经历 + +同样的，分享也能很大程度上提升你接单的资本。 + +我并非想要炫耀什么，而是分享实实在在给我带来了很多好处，我希望你能够分享一些内容，一些见解心得，哪怕是一些笔记、对他人问题的回复，都可能给你带来一些意想不到的好处。 + +我就有一个同学将自己的笔记、课设以及每次专业课期末考试的文档放到 CSDN 上（没错就是那个 IT 界的毒瘤），现在这不到期末了嘛，他的私信就有一堆人找他写课设啥的。 + +回归到正题，我接过单不多也不少，绝大多数是那种对我而言挺简单的问题，但对于一些人而言就比较困难。例如前几天一个例子，我编写过 [js-deobfuscator](https://github.com/kuizuo/js-deobfuscator) 一个 js 混淆还原的工具，正好有人需要将一份混淆代码还原出来，于是寻求我的帮助，发了个红包给我。有时哪怕只是回答别人一个问题，甚至都可能会收到来自他人的红包。想想看，你在技术群里是不是有过这个现象。 + +还有一个网站的单子我印象很深，是一个用于销售流量、虚拟会员等商品的网站，不同与普通的商城系统，充值是通过卡密，使用卡密到特定的网站上使用。当时一个网站全套 5000，客户也算熟人了，还帮我推荐几个人购买，相当于这一套网站(模版)，帮我赚了几 w，还省去我很多开发成本，后续我都无偿给他提供技术服务。 + +事实上至少现在为止我并不是很喜欢接单，也很少主动接单。小的单（也可叫零活）通常以一顿夜宵作为回报或是看在人情的份上；而大的单（通常为外包单），通常要求交付时间快，很多时候只为了更快的完成功能，而不考虑代码质量。并且通常没有维护性可言，就更别说写测试和重构了。写久了，代码虽然写的是快了，但堆屎山的速度都堪比屎壳郎了。代码能力的提升反而不是很大。 + +在我看来当因某种目的收了他的钱财时，往往就要花费时间精力去完成这个目的，而从我内心上很难平衡这点。所以只要我不收钱，我就可以不做事了（bushi + +### 赚钱经历 + +我赚的第一桶金其实还不是我工作，在上大学前我已经赚过对我两桶金了，还全都是依靠网络上的资源，而非现实打工。一次是初三当时向别人学习如何刷钻以及购买钻卡来接单帮别人刷钻，另一个是作为线报群群主（现如今更多的称之为羊毛群，但我更愿称撸界），发布一些活动和教程通过拉人头引流赚钱。而也是再次契机之下，学会了开发(定制)软件。 + +这并非本文重点，因此我并不想过多介绍，但或许这会作为后面的铺垫。 + +不过我还是想说：**赚钱不易**。我现在回看我过去的一些经历，只能说运气成分很大，而又恰好在风口之中。在如今的互联网环境下，想要复刻曾经的路, 无疑是死路一条。 + +## 为何不实习？ + +背景介绍完了，那就来说说实习的事情，为何我都大四了，还不找实习？ + +不是不找，而是很难找到满意的。我在今年暑期的时候有尝试找过，投过几家大厂，无一例外，了无音讯。这对我当时而言，打击还蛮大的。因为三流学校出身，确实很难过（双关），加之没人内推，海投基本上是没希望的。 + +如今前端的职位卷之又卷，僧多粥少，在厦门一些中小公司所提供的前端实习待遇（薪资大约在 3k~4k），况且对自身的提升并不是特别大，在我不是一笔性价比划得来的买卖。 + +反观学校的情况那可就更头疼了，你敢相信在大四上最该实习的时候，极为不合理的教案却还要给学生安排课程，还是专业课的那种，以下我的课表。 + + + +此外，我还需要重修当初因休学而没去考试的几门课程（还挺多的，重修费还交了我不少😢），导致我最后一场考试时间是在 12月中旬。还是强调那一点，我不希望工作与学业这两者同时进行。关于这学校的诸多不满，待我毕业后我一定要说说，感受什么叫中国的私立大学。 + +此外还有一点，也是我不想提及的一点，这段期间我是处于“监视”状态，内心总悬着一个不知何时爆炸的炸弹，生怕突然爆炸将会打乱我的行程。 + + + +好在如今期限已到，心里悬着的一块石头终于放下来了，如释重负。 + +于是在上述的因素下，今年下半年我就不想找实习了。 + +## 为何又想实习了？ + +最主要的一点就是以我目前学生(应届生)的身份，是可以有机会争取到一份好的实习的，乃至是大厂的实习。 + +其次是我并没有一个很好的项目演进经历，看完我的一些工作经历不难发现我所待的公司/工作室的体量都不大，甚至我到现在都没真正体验过打卡上班（当然我也希望不要有）。而这就是小厂或者初创公司的同病，各个流程所要负责的任务很模糊。我当时休学和他人创业工作，基本上都是我一人负责项目开发（当时说我是技术 Leader 都不为过）；第二个远程实习也是我当时主动退出的，因为工作形式与接单无疑；第三个就不用多说了。 + +尤其是在技术层面的团队协作之中，还缺乏相当多的实践经验。所以在自我分析下，为了学习某些只在公司才能学到的东西，就非常有必要到大公司去一趟。 + +我大概率以后是不太可能再考虑坐班，所以这或许是我仅有为数不多的上班经历了。不过我想既便真正要开始打卡上班，要开始适应国内 996，未来我铁定会后悔有过这段历程。 + + + +### 那么该怎么找呢？ + +那么在如今就业形势如此严峻的时代，我又该如何找工作？ + +关于这点我其实并没有什么很好的经验分享，这也算是我首次主动找工作。不过我可以肯定的一点是，只单靠海投与某些招聘软件，想要拿到一份心意的 offer 很难。若是能通过一些关系，牵一条线（走内推），才是最佳选择，所以多积攒人脉交际圈是很有必要的。 + +这一部分我想待我后续找到工作后，再来做个心得分享也不为迟。（不说了，我去准备项目与简历去了） + +## 远程工作 + +[电鸭](https://eleduck.com/)的sologen：**只工作，不上班**。很好表明远程工作的意图。 + +远程工作（remote work）是我当下认为最具性价比的工作形式，你可以过着四五线城市的生活水平而不用考虑一线城市的房租与消费，却赚取一线城市的薪资。往大点说就是挣美元花人民币。 + +但是远程工作并非多数人想的那么轻松的，很多人对远程工作有个误区，就是可以自由决定上班时间，很自由。其实不是的，不用上下班通勤，那就把通勤的时间拿来工作。没有额外房补开销，那就拿来压低工资。而该开的会还是得开，说白了就是换个地方上班，懒床是睡不了一点的，好一点的是冬天起来不用遭受寒风的洗礼罢了。 + +有的远程工作还会要求你记录每个时间段(细到每小时)你都做了哪些工作，我暑期的就有一份我老师推荐的远程工作(实习)就是这样，我就没干了。要论自由，接单/自由职业是最自由的，项目进度、时间都由你自己把握。 + +此外还有一点就是技术栈的因素。我并没有跟随国内的主流的 Web 开发技术栈去学习什么 Java，也庆幸还好当初认为 Java 这门语言繁琐的要死，让我转变使用 JS/TS 来进行 Web 全栈的开发，而如今的重心也是在 JS/TS。 + +而这套技术栈在国外的远程工作的岗位占比很大，一些初创公司也会采用这套技术栈。而我本身学的就是 JS/TS，自身优势反而更能体现出来。但反观在国内绝大多数公司我也就是老老实实做前端的那种。况且如果只想靠国内的主流传统的技术栈而去争取一个远程岗位，我认为当下还是很难实现的。就国内的职场环境下，如今工作都难找了，就别说本身岗位就少的远程工作了。 + +## 正常坐班 + +退而其次，那就正常上下班通勤，而这又有的抉择了。就以我自身举例把，我老家福建宁德且我在厦门某三流大学读书，意味着我只要在福建本地找工作，就可以过的相对来说舒服，人脉资源、衣食住行都不用过多考虑。但倘若选择在外打拼，意味着可能要适应陌生的城市生活，建立起新的人际网络，面对未知的困难和挑战。而这其中所能利用的、所要遭受的，都得由自个儿来承担。 + +今年冬至的时候我与家里人商讨过这个问题，家里人的意见更多偏向于留在本省，只求我稳稳当当，脚踏实地。因为我从小到大独立性很差，加上我确实有那么亿点宅，到外面恐怕是吃不消。所以在他们眼里哪怕在本省薪资不是令我那么满意，但至少可以过一种相对舒适的生活。而我自己则认为有必要去外面见见世面，有时候很多苦只有自己吃过才知道有苦。 + +不过最终如何选择，还得取决于我自己。这对于多数人也是值得花时间思考的。 + +最终如果选择重归故里，那么一开始就身在其中是否会更好？又何必在外漂泊，独自承受着一切。 + +### 我对打工/上班的看法 + +我经常拿我高考结束的那个暑假来做例子，我的一些高中同学去当外卖骑手、餐厅服务员，将他们的假期时间拿来打工赚钱，而我却埋头苦干的[学习编程(易语言)](/blog/2020-year-end-summary)，以兴趣驱使我学习一门技术。 + +或许是因为有过几段[赚钱经历](#赚钱经历)，加上家境和个人意愿，所以至今为止我都不可能会去从事这种回报率不高，或者说没有“未来”的工作。与其打工/上班，尤其是耗费大量时间与体力劳动的，不如将时间拿来提升自己综合能力。（个人观点，或许有些极端） + +可能是由于受自由的影响加上年轻有精力折腾，同时自己又是那么不走”寻常路“、不遵循“规则”的人。所以像那种安稳平淡，重复劳动的工作，如体制/编制内的职业就不太那么感冒。 + +但从现实是没人想打工/上班，却依旧有人从事这些工作。绝大多数打工人别无选择，因生活所迫，只得忍受和抱怨打工/上班的痛苦，却又寄人篱下。 + +## 期望的工作 + +要说不工作是不可能的（但打工是不可能的），或许是因为这几年的一些工作经历有关，导致我有点习惯了远程，加上网间传闻 996 的压力下，我现在对坐班甚至还有些厌恶。对我最理想的工作环境就是能够自我在决定在某个时间点是否工作，例如在工作日放假，在节假日上班。 + +接单虽说也是，那这毕竟不是一份正经的工作，更多意义上来说是份兼职。更多是作为一时之需，接单又不可能接一辈子（搞得工作能工作一辈子似得）。 + +而我想说的是做个自由职业者，在细一点也就是独立开发者。但是现在来看这并非易事，不仅需要一定的技术能力和营销水平，最关键的想法就已经让绝大多数人对这份职业扼杀在摇篮中。 + +## 现状 + +首先我对自己的生活方式定义是：**偏向于自发的能量爆发，而不是有条理的持续努力。** + +今年我的 github contributions 出现过了几次长时间的空缺，那段期间我基本上没有在写代码，而是将心思用在其他事情上。例如只打游戏（好在游戏如今也是戒了）、只想摆烂（好在是摆的有点多了）、只想复习（好在该考的试都已经考了）。**这就导致很多时候我会将全部精力专注在某件事情上，而抛弃其他与之无关的事情**。 + +这也就导致了我很难养成一个良好的习惯，我的生物钟也因此而发生巨变。贴一张极为离谱的作息 + + + +总之持之以恒在我这还不存在过，**多数的开始是因一腔热血，而最后结束时却草草了事**。 + +我想是是过度的自由造就了这般现状，想要解决这个问题，坐班可能还真可以。 + +--- + +或许是因为比同龄人提前踏入过社会，有过几段工作经验，所以在就业形势严峻的时代，其实我反倒不是那么慌张。 + +何况目前经济状态也还算正常，哪怕不找工作也足够养活我自己好一整子。至少相比同龄人下，我已经挺富裕了。也没必要搞个打赏在自己的网站或项目上放置收款二维码等无关项目信息。对我而言，编写这些的目的不是为了接某个单，赚个打赏费，更多是一时兴起，分享给有需要的人，希望让其更为纯粹一些，仅此而已。 + +我对赚钱的态度也很简单，悦己便可（做点让自己愉悦的事情），数额能够维持自身生存便足够了。不过现在我还没开始到还贷的境地，或许只有压迫感来临时，才会让我激起对金钱的渴望，改变对金钱的态度。 + +**取悦自己，生活最好的心态。** + +## 感慨 + +接触 web 开发算下整整两年半的时间，在这期间我并没有很好地扩张自己的技术面。在折腾方面确实不如以往，学习主动性也欠缺许多。不同于一开始所学习那样，喜欢瞎捣鼓，看到某个东西就会想尝试安装。 + +明年也就 24 岁了，面对即将到来的本命年，下一个阶段的走向其实很迷茫，面对我的是留学还是工作，我到现在都没有定数… + +虽说我现在大四还在读，但其实我已经比同龄人晚毕业 1-2 年了（此时怀着感慨的泪水不禁流下）。心智上还保留着校园少年的青雉 ，同时也多了份成熟的稳重。 + +有过这些经历让我收获了更为珍贵的经验和独特的成长路径，我想未来的日子必定是丰富多彩的。 + +## 往年回顾 + +- [2022 · 逆向到Web开发](/blog/2022-year-end-summary) +- [2021 · 休学一年](/blog/2021-year-end-summary) +- [2020 · 编程之旅-起点](/blog/2020-year-end-summary) diff --git "a/blog/reference/\345\217\231\344\270\200\345\220\215\350\275\254\344\270\223\344\270\232+\344\274\221\345\255\246\347\232\204\345\244\247\345\255\246\347\224\237\347\273\217\345\216\206.md" "b/blog/reference/\345\217\231\344\270\200\345\220\215\350\275\254\344\270\223\344\270\232+\344\274\221\345\255\246\347\232\204\345\244\247\345\255\246\347\224\237\347\273\217\345\216\206.md" new file mode 100644 index 0000000..a165579 --- /dev/null +++ "b/blog/reference/\345\217\231\344\270\200\345\220\215\350\275\254\344\270\223\344\270\232+\344\274\221\345\255\246\347\232\204\345\244\247\345\255\246\347\224\237\347\273\217\345\216\206.md" @@ -0,0 +1,286 @@ +--- +slug: narrate-a-college-student +title: 叙一名转专业+休学的大学生经历 +date: 2023-07-11 +authors: kuizuo +tags: [年中总结, 人生感悟] +keywords: [年中总结, 人生感悟] +description: 叙述一名转专业+休学的大学生经历 +image: https://img.kuizuo.cn/202312270109542.png +--- + +我一般很少做年中总结，但是这上半年发生在我事情比较多，加上毕业季，万千感慨涌上心头。 + +过得很快，本该在这个时间段毕业的我，因一意孤行申请休学一年，导致我比原同一届的人晚毕业一年。也正是这个决定改变了我的人生轨迹，让我成长了许多。 + +如今的我作为一名准大四的大学生 👨🎓，且经历过转专业和休学的大学生，来叙述自己的经历。 + + + +## 前言 + +如果你有注意到我的 [github contributions](https://github.com/kuizuo?tab=overview&from=2023-07-01&to=2023-07-19)，你会发现我有整整一段时间（约 2 个月）没怎么编写代码和记录博客了。在这期间整个人的状态很差，十分消沉，迟迟到现在为止。 + +因为在这期间我被**公安传唤**了。说难听点，我当时的身份是犯罪嫌疑人。当然现在应该也算，处于取保候审状态，除了不能出国外，目前还算自由。 + +:::info 补充: 暑假期间还想去香港旅游，去办理港澳通行证的时候被拒绝了 🤡。还想着去尝试办理 visa 卡（可境外金额交易），现在看样子结果已经毋庸置疑了 😔。 + +::: + +至于案情我不方便细说，总之与互联网（技术）相关且在我休学期间出的事情。一开始关于这个话题我并不想提及，毕竟说出来肯定对自身有所不好，因此本文便迟迟都处于草稿状态。但结合自身经历，我认为非常有必要把这些内容记录下来，避免重蹈覆辙。 + +## 转专业+休学 + +我想大学内有这两项经历的人应该是在少数，我会把缘由交代明细。 + +### 转专业 + +我大一时的专业是 《信息与科学计算》，所属数学系，这个并不是计算机专业（虽然涉及到一些计算机相关的课程，但本质还是理学，不是工学），所以我转专业的原因很简单，就是要**科班出身**。当时就我看来科班出身能为我以后工作带来很大的帮助（当时的想法很天真，没有考虑转专业后所要付出的代价），但在这些年的经历以及行内的各个大神的能力告诉我，实际上并不会带来多大的优势。 + +我转专业并不难，因为我暑假就已经接触编程，并且在大一的时候，每天不是在写代码，就是在看代码，那段时间可谓是我人生编程学习最快乐的时光。所以转专业的考试对我来说特别轻松加上我数学天赋还不错，原专业的成绩也 OK，屁颠屁颠地将转专业填报单提交了上去，下学期便分配到新的班级中修学新专业——软件工程。 + +然而就在我转完专业，我便开始后悔转专业了。我发现学校老师所教的是什么牛马？真的就是会念 PPT 就便会教课，而且所教的多数内容，所发放的题材都是相对过时甚至被淘汰的东西。难怪说学生会对编程失去兴趣，要是我一开始跟着老师这么学，现在那有愧怍二字。 + +课程教学质量差也就算了，课程设计的要求还与学生课堂的内容还不同，我很难想象这学期只教 Web 前端（ES5 时代），却要求课程设计实现一个带后端接口服务以及数据库服务的程序。要不是我当时的基础还算好，恐怕连项目买来都不知道怎么跑起来。 + +不过这也是国内绝大多数高校现状，课程内容老旧，教案设计不合理，在越垃圾的大学中，这种情况反而更明显，恰好我就读于垃圾中的垃圾。与其抱怨教学质量，不如自己潜心学习，也正是因如此，自我学习能力才能有所大提升。 + +也不能说转专业对我没有一点帮助，毕竟自身有了一定的编程基础知识，在专业课上回答问题上我还是能说上一点的。并且每次课程设计与考试的时候总有人会找我来报个大腿，老师也见识到我的专业能力，我这一小组成员都能轻松通过课设答辩。（主要还是归功于我吹牛逼的能力） + +关于转专业，还有一点就是补修。比如我大一是数学系的，当时的课是叫数学分析，而在软件工程专业就是传统的高等数学，运气还算好，这两门类别相同，可以做学分替换。但往往没那么幸运，就需要额外花时间去修之前的软件工程大一的课程，在跨度较大的转专业中甚至还会更多。 + +:::warning 警示 + +最后我想告诫一些有想转专业的同学，如果你能接受转专业的麻烦，并且真的认为转专业对你带来帮助，那可以转。但如果只是为了换个班级换个室友什么的，转后的代价或许比你与同学间不友好相处四年还要负重。**总之，转与不转，最终目的是以最快捷轻松的方式拿毕业证为主。** + +::: + +### 休学 + +然后在我大二上的时候发生了一个契机，我当时编写过一个易语言软件能够自动完成大学生网课视频、作业的[程序](/blog/chaoxing-helper)，并将其发布在网络上免费使用。 + +挺巧的是不久后，厦门当地（距离我学校也就 5 公里）的一个工作室（算我有 4 个人）恰好看到了这个软件，问我能否在此基础上实现的一些功能，也说明了他们的目的，想要一同合作，我主要负责技术，他们负责销售推广。我思考了下可行性，于是结合转专业的懊悔之下，我义无反顾地办理休学手续，开始了我的休学之旅，准备大干一场！ + +[](https://img.kuizuo.cn/202312250425022.jpeg) + +现在回想当时我的做法太过于任性，当时是 12 月份的时候，也就是临近考试周时，我便不在宿舍复习，甚至考试我都是直接没去的，而是直接到工作室里开始改写我的程序。以下是我当时学期的成绩单（有点惨不忍睹） + + + +我当时的想法特别天真，认为只要技术在身，天下我有。~~甚至当时都考虑花点时间学习渗透技术来入侵教务系统来改分（好在目前为止我都没真正接触过渗透技术，不然就真的是太刑啦）~~ + +还有就是我本想的是休学带辍学，也就是休学一年期间 搞的好就辍学，搞不好就复学，当然前者是比较多的，不然也不至于连考试都没去考。（现在回想太亏了，因为这些课程缺课就相当于挂科，我还要办理重修，但没办法，当时的我可不想着以后的事情） + +至于说为何有辍学的想法，甚至对本科证都抱着一脸嫌弃。一部分来源于技术成就的膨胀，还有一部分来自校园生活。反观学校和身边的同学，基本处于无所事事的状态（混日子），不是打游戏就是刷短视频，虽说很听规矩，要上课去上课，要开会就开会，无一缺席，日复一日，年复一年，可没点规划，就想着如何不劳而获。说真的，就这种 B 状态，谁毕业不失业？谁毕业不打工？ + +**什么样的环境造就什么样的人**。一个地方的土壤会决定植物生长的是枝繁叶茂还是弱不禁风。至少现在我知道为何那些大厂都会优先面向 985 和 211 的学生。 + +因此我要办理休学的决心非常强烈，我父母与我姐不断给我劝告，告诉我要赚钱，要工作什么时候都来的级的以后都来得及，然而这并不是赚钱和工作的原因，而是受身边人的因素。如果要我与其同那些大学的同学这样混四年，那我不如出来实打实的干一年。（这话说的会难听，但当时我就是这么想的）父母犟不过我，我也和父母表明我肯定会拿毕业证。既然孩子有想法，那就让孩子试试。 + +--- + +在确定好正式合作之后，我便到工作室布置好自己工位，以下是我曾经的一张正在跑项目的图 + + + +现在回想，当时动不动就加班到半夜，但是我对此没有怨言，甚至很享受这段时间。做自己愿意做的事情，我认为这就足够有意义了。不过这段时间持续不长，主要开发阶段也就是上半年的事情，而下半年由于本地疫情原因加上我身处老家，迟迟未能回到工位。而平常更多的任务是维护，兴致也没有一开始从 0 到 1 的热情。要知道维护是件非常枯燥且重复的事情，运营人员一有问题，就反馈到我这边，而当时写的项目又是协议项目，基本上每隔一阵子，我就要重新抓包，重新分析参数，重新部署。加上当时易语言的项目又没有 CI/CD，于是我维护完之后，就又要将易语言的项目丢到这些服务器上，我当时非常想写一个脚本，奈何我们的做单服务器基本上隔一段时间换一批，而这些服务器又是物理机（一台真实的远程机子），而非腾讯云、阿里云这种服务器，更没有批量备份，系统镜像这一功能。因此在安装环境和部署上可以说花费了我很多没必要的时间。（也可以说因此契机我彻彻底底的放弃了易语言，对于一个大型应用而言，它有数不清的缺点） + +不过最终我还是复学了，因为在这个项目上，我只看到不断重复的日子，且项目并不是一个长久项目，在未来的某个时刻必定会被制裁（只是我没想到会这么快），最终随着一年的休学期限到来，在做了项目移交后，我便退出了该团队。在此期间自然挣了点小钱（不多，也就相当于阿里 P6 级别薪酬），足够我快活潇洒好些年了。 + +可好景不长，往往一个人在巅峰后的一段时间，必然要经历一次落差。 + +### 复学 + +办理休学手续非常容易，只需要家长知情并和学校说一下，学生提交材料，学校会给你保留学籍等待复学（期限为休学期间）。但办理复学手续可就不那么容易了，首先当时处于疫情下，学校是没那么容易进出了，需要通过学校的某个软件来申请，可由于我休学了，学院那边并没有将我的信息录入进去，导致软件压根无法证明我的身份。门口的保安可不管你进出校门做的事情，没证明就别指望进出学校。无奈，我只好联系我当时的辅导员，可保安也不认老师(真实情况就是这样)，就这样耗了 10 来分钟，保安看不下我母亲与我姐在旁边等候，才肯让我进去处理完手续。说真的，假设当天没有我家属陪同，复学恐怕就变成了辍学了。 + +进出大门的事情解决了，复学找老师签字可又没那么顺利了，具体细节我就不细说了，总之就是各种找老师签字，而有的老师今天在，有的不在，来来回回折腾了 3、4 天才把整个手续处理完，最终学是复了，书是也可继续读了，此刻的心还处在小孩子不愿上学的时代。 + +但仅仅只是一年，却正好让我赶上了学费和教案的变化。 + +休学是保留你当前的学籍，在你复学的时候，给你降级处理，将你插入到新的班级里，我原本是 2019 级的，我复学后变成了 2020 级。比较不幸的是，2020 级比 2019 级的学费还贵上 1000，我认了，毕竟这学校还有啥事情做不出来，涨点学费算什么（又不得不吐槽现在 2023 级的新生学费竟然还更贵！也确实，现在多数大学学费都上涨了）。这还不算啥，最主要是我们系的教授正好换人了，人换了也就算了，教案也跟着换，这就导致也就是我要比 19 级的学生还要多上几门课，并且有些课我还需要重新补修。妈的，什么坏事都让我遇上是吧。唉，谁叫我要休学呢。 + +而复学后学校发生的一些变数也是在我休学前未曾考虑到的，变相的让我毕业的难度增加。 + +:::info 补充 + +你可能会比较好奇，为何不边上学边工作，而是要休学。我当时有两种想法，一种前面也说了，就是抱着辍学的心态，这里也就不在赘述。另一种就和我个人做事比较有关了，我做任何一件事情的前提就是不希望有其他事物来打扰，尤其是学校的因素，我学校是比较极端，规定的特别死，你想要实习只能在大四这个阶段(并且大四上还得上半个学期的课)，需要将课程修完才可。因此就有了休学。 + +::: + +**如果仅仅是转专业+休学的话，`其实`就没什么好看的了，不过需要这些的铺垫才有后面一言难尽的故事。** + +## 事件之 👮🔍💧 + +在复学的第一个学期，在 2022 年 5 月 x 号的 22 点时，我工作室负责其他业务的同事突然打电话告诉我（语气还略带急促，我猜测是因为项目与他无关就放了），说我原先待的工作室的人都被抓了，说和我之前写的项目有关，叫我把相关代码全都删除了，这段时间不要联系他们。挂断电话后，我二话不说直接把我台式电脑搬到了其他宿舍，然后把我的另一台备用笔记本电脑放在桌上，我生怕 👮♂️ 第二天直接来我寝室来拿电脑。就这样提心吊胆几天，我内心暗自窃喜以为没事，毕竟我已经金盆洗手不做了，应该不会再追究吧，果不其然，越担心的事越会发生。就在几天后的周六中午突然来了一通电话，我一看 0xxxxx110 显示 xxx 公安局，完了看来是逃不掉了，但我还是抱着侥幸的心理，我选择了拒接就当我睡觉没看见（我当时确实因为这个电话而醒）。打了两通后没回应，又过了一段时间后，突然我姐给我打了电话，说我学校当地的派出所打电话给她，说联系不上我，然后叫我姐联系我看能不能联系上，顺便问我发生了什么事，我并没有告诉他，然而我心里很清楚，就是和我原本工作室的同伴有关。（至于说为什么 👮♂️ 有我姐的联系方式，我只能说我傻逼，每次学校填写什么表格的时候，有个家长联系人，我都是填写我姐的电话。也就是从这一阶段开始，所有要我填报的信息都是虚的） + +然后我就回了公安局一个电话，和我确认完身份后，叫我带上 🆔 和 📱 叫我到学校门口，有 🚓 接~~送~~。我一上车后，就直接夺走了我的 📱（真），在车上就问我：”知道我们找你来是干什么的吗？“ 我默不作声，一直到了公安局后，接下来的安排懂的都懂，从中午做 📝 一直到晚上 8 点，从醒来到回校的期间别说吃东西了，连 💧 都 tm 没得喝。这一整个阶段就是要我交代当时写这个项目的负责了什么、盈利了多少、收款方式有什么，然后打开我手机的支付宝，微信，银行卡查我账户里的 💰，总之先把我号里的 💰 转到他们的卡里先，我当时和他们说微信里的 💰 我父母给我的生活费，也是我平常主要的消费方式，我也把相关的账单记录给他们看，确信后才没有将我微信的 💰 转过去。（这么一说似乎还挺良心） + +然后 📝 做完之后，👮♂️ 说他们局长本来应该把我带到他们当地公安局一趟，可由于疫情的因素，就为我进行取保候审，（当然，这句话肯定是有吓唬成分），接着身份信息采集，打印账单记录，签字就不在话下了。至此在这个案件没结束之前，我都将作为一个嫌疑人处理。整个过程弄完之后叫我过几天再来一趟，主要就是二次笔录，在进一步确认哪些是“非法所得”。恰好我回去的时候还下起来大雨，还得用身体去遮挡着 👮♂️ 给我的那几份回执单，通知书。 + + + +:::note + +你可能会好奇 👮♂️ 为何没有没收我的”作案工具“，首先我很明确的一点是我已经半年没碰这个项目了，其次我的“同伙”已经做好了相关笔录，也把大致的流程交代完毕，那么 👮♂️ 大概是已经掌握我做的部分了，再者我不像我的”同伙“第一时间被“逮捕”，距离第一时间已经过去了几天，我该处理的数据也都处理的差不多了，这时候再没收的意义也不大，得不到实质信息。 + +::: + +这也是我第一次体验到被任人处置的感觉，很不是滋味，这与学生时代被老师批评罚站或者被家长训斥不同，讲不清楚的感觉。在这期间，到目前现在印象还非常深刻的一句话：**不如实交代的话，让你连书都读不了！** + +不过现在回想都是吓唬话，一种侦查的手段，只为了不择目的的获取更多的信息。因为 👮♂️ 从头到尾都没有直接通知我校，而是直接联系我本人，假设人家真的想让我读不了，直接联系学校，说明这个学生的行为，那么我必定会被开除（用开除学籍来保留学校的声誉）。不过最终学校还是知道了这件事，放到后面再说。 + +回到宿舍我便将台式搬回到原本的宿舍，坐在椅子上沉思了许久，殊不知我已经一天没吃饭了，然而此时的我毫无饿意，复杂的心绪让我发了条朋友圈： + + + +至此，事实告诉我白白浪费了一整年的时间，并且此后还将给我带来了诸多麻烦。 + +但如今我回想这个事件，我都已经退出这个团伙近半年了，已经金盆洗手了，却依旧有所关联。👮♂️ 可不管你的解释，只要你参与了，获利了，势必要追究下来。如果我当时能够劝阻他们不做，或许如今就没有这么多麻烦事，可这仅存在于如果。 + + + +回到这个项目而言，本质上确实不是很正规很传统，但也不至于黑产那种，更多的称呼是灰色产业。👮♂️ 给定性为 “**提供侵入、非法控制计算机信息系统程序、工具罪”**，但事实上这个程序并没有非法侵入服务器，我只是将用户的正常操作转变为电脑程序操作，将正常的数据包给模拟出来，可以省去人为操作的一个过程，而不是入侵对方的服务器，通过数据库的方式直接修改。在笔录期间，我还特意举例了游戏外挂和游戏脚本的区别，前者是实实在在的篡改数据，后者则是程序来模拟人为的情况，而我所做的部分就是游戏脚本的部分，根本不能算作非法控制。但 👮♂️ 不会按照我的理解，更别说检察院了，他们都只会认为这是在”破坏公平性“，那么就归属同一“恶劣”性质，就可以归属这个罪。总之我说的再多，说的再好，也都不及别人的一句反对。 + +### 时隔一年 + +这件事情过去快一年后，也就是取保时间要到之际（前段时间），👮♂️ 传唤几个当事人去他们当地的派出所一趟。对我而言，这段期间正好在读书阶段，此次之行大概率短时间内是回不来的，无奈之举，只能把自身的情况和辅导员说明清楚后，便踏上了不知用何形容词修饰的路。 + +在外地待了整整两周，住了整个两周的酒店。至于说过程也没啥特别的，**一切都以流程为主**，再次用 📝 核实了一下情况，从公安阶段移交到检察院阶段（此时一般就没 👮♂️ 的事情了），将材料都归递到检察院，等待公安这边解除取保状态(钱保)，再到检察院这边开具监视居住书，然后告诉我们可以回去等通知了。 + +所以情况就是这么个情况，抛开公安这边，回到学校的第一时间我就与辅导员汇报了情况，此时就不得不向学院解释我的情况了。 + +事实上学校是知道我这个事情的，因为当时当地的公安局的一位 👮♂️ 在与外地的 👮♂️ 配合，而这个当地的 👮♂️ 正好和我校学安处的老师比较熟，没过多久就找我谈了话喝 🍵（真），我将情况和他们汇报，但当时认为还没审判阶段，还只是嫌疑状态，所以就暂时不做处理。 + +直到了这次传唤之后，等我再次回到学校后，没过几天就被辅导员叫去和院长谈话了，在这谈话期间，我都一五一十的交代清楚，但听完我的叙述后，院长给我的态度其实并不友好。因为在他眼里可能也认为我编写的程序也不至于被公安传唤，再到检察院的阶段，便觉得我没有如实交代，说话的语气都带有警告之意，总之各种吓唬的口吻，院长也和 👮♂️ 说了几乎同样的话：“如果被我们查到事实和你所说的不符，那么我们这边会直接开除你”。最搞笑的是他还提了一下，如果被开除的话，也不要想不开什么的。就让我很无语，到底是安慰呢，还是警告。 + + + +至于为何要这么说，我想有很大原因是因为学生的负面因素会影响学校的名誉（挣钱），我想读过大学的人应该很清楚。但在谈话的期间，我表明了我是在休学期间做的事情，只是在校读书期间被叫去了（在校期间都没接触这项目），并且 👮♂️ 是没有直接通过校方来找我（我想是 👮♂️ 也不想麻烦学校），可以这么说，如果当地的 👮♂️ 与我校老师没有交识，校方可能都不知道我这个情况。但无论我如何解释，校方还是会以你是这个学校的学生身份来对你进行处理。 + + + +当然，我可以比较肯定的是，辅导员也不希望我出事，毕竟现在大学生如果出事，辅导员也是要背点锅的，但院长的话我就不清楚了，但从与他的谈话中，总感觉他不见得我好的样子。 + +不过要说学生身份是否对我有利的话，那答案是肯定有的。比如说开具学生在校证明，酌情处理等等。但不是说大学生就是免死金牌，这要是换成未成年人，那还说不准真是。 + +## 我对此事件的看法 + +我想大致的剧情就交代了差不多，至于这一年期间找律师询问，找关系，操作什么的，我就不细说了，篇幅来的太长，且谈话内容很复杂，现实很残酷。我不想将这些负面，非正能量的东西传递下去，我本还是相信会社会会变得越来越善良的。但惟有一点我明白的是，没有办不成的事，只有到不到位是事。自我领悟这段话的意思。 + +回到这件事情，在来说说我的看法（补充）。 + +### 利益 + +因为当时这个项目的收益都不是以公司的名义，而是通过多个下级使用私下转账到某个总账号（个人号），如果金额不是很大，那大概率也没什么事情，但金额一旦大，又没有缴税，这种做法无法就是非法经营。只不过项目涉及网络因素，且又有点灰产的性质，所以嘛。。。 + +从一开始这个收入形式就已经决定了 💰 的合法性，再加之利益摆在那，自然而然就被盯上。假设这个项目都没产生任何利益，没有破坏他人的利益，哪怕只是个灰产项目（开源），我认为 👮♂️ 不会折腾到去找你的麻烦。可以说没有利益与负面影响，就不会这么多麻烦事祸降到头上。 + +### 不一定什么都要交代 + +在笔录阶段，👮♂️ 的手段都会比较极端，希望当事人能够积极配合，透露出更多的信息，还告诉你能够酌情处理。但很多情况下，交代的越多反而不是什么好处，尤其在诱导性提问会让你偏向本不是你本意的回答。举个例子（算是真实例子，我听别人说的）： + +某人 A 入职一个普通公司，就当 A 做了半年员工时，突然有一天警察突击这个公司，叫所有人双手抱头蹲下，A 不知道发送了什么，到了做笔录的时候，👮♂️ 告诉 A ，这家公司是一家诈骗公司，这时 A 开始思考，在一开始入职的时候确实不知道是诈骗公司，但 A 做了有半年的事情，慢慢也**意识**到自己做的就是诈骗相关的，但待遇不错，他也不当回事，也没有离职退出什么的。接着 👮♂️ 问他，你知不知道你做的是诈骗，这里假设 A 有几种说法： + +1. A 是个老实人回答道直接回答道：我知道。 +2. A 心里知道，且在与 👮♂️ 多次回答中交代自己的行为在他的认知下不是诈骗。 +3. A 心里知道，可 A 嘴比较硬，死活不承认，甚至连诈骗字样都没说，一副装死的样子。且有一段这么回答：什么？这是诈骗？你要说是诈骗的话我肯定不干，谁会去干这东西。 + +假设你是 👮♂️ 你会抓谁，毫无疑问，1、2 是肯定要抓的，因为从回答和行为上都已经承认了是诈骗，哪怕只是一点都算。即便 A 想要翻供，可警察却说以第一次笔录上说准，说 A 当时已经都回答了，可 A 不知要如何反驳，甚至无法反驳。 + +但 3 的情况也许就不一定了，因为从 A 的笔录证词上，确实表明 A 主观不认为是诈骗，且是员工身份，雇佣关系，即便事实发生，只要诈骗的 💰A 没拿多少，而是工资形式，除非 👮♂️ 真的有 A 的诈骗实质性证据，那么 A 大概率是无事发生。 + +例子可能不是很好懂，但我想要表达的是：不要被 👮♂️ 的话语所带入，一切回答都要以不是、不知道为主，且不要模棱两可、含糊不清，这种回答在 👮♂️ 认为就是”肯定“，意味着是知法犯法。一定把自己装的什么都不懂，哪怕自己内心什么都知道，也要装成哑巴一般。 + +这就不禁让我想说出但不记得是从哪里看到的一句话: **坦白从宽，牢底坐穿；抗拒从严，回家过年。** + +### 技术岗位或许是个高危职业 + +试想一下，在上面的案例中，这个诈骗公司的技术人员与客服人员对比，你认为那么最后的结局会比较惨。再比如某技术人员不小心写错了代码，并且将其部署到线上环境，导致公司损失重大，你说责任在谁？ + +这样例子有太多了，很多情况下出了事情，技术人员要占据非常大的责任。但伴随这份责任的风险，也伴随着巨大的收益，风浪越大，鱼越贵。 + +## 后悔？ + +如果说没有这些变故，那我毫无疑问是无悔的，因为挣到了本不属于我这年龄段所拥有的资本。 + +论事实，这些资本化为乌有，同时耗费了一年的时间的情况下呢？那必然是会后悔一部分，我后悔的是没有听从我父母的劝导，在合适的时间做合适的事情，给家里人带来了许多的麻烦；而不后悔的是这段经历，让我成长了太多，让我如此膨胀的内心收敛的甚许，也让我在做任何事情都要三思而后虑，而不再一意孤行，固执己见。 + +提前发现自身的错误，及时纠正，以免重蹈覆辙。有很多道理也是在我经历之后才深刻明白的，只不过这次学习的“学费”比较贵重。 + +**年轻难免犯错，但也正是从错误中成长。** + +故事的经历就告一段落，未来的路还很长，要考虑的事还有很多，有机会在慢慢叙述。 + +## 一些题外话 + +我想听完上面的叙述应该能解释的通这近两个月的状态情况。 + +我本以为奖励自己搞台 MacBook 能够将状态调整回来，然而不到 1 周的时间变又开始萎靡不振，对一切新鲜事物失去了好奇感。已没有当初纯粹的兴趣，留有的是对生活的无奈。找寻不到花费一晚上解决一个 bug 的成就感，留有的只剩错中复杂的需求与枯燥乏味的工单。 + +我开始思考问题的所在，如何长期保持某种状态。最关键的因素莫过于情绪，曾经的我能够保持不断学习的状态正是因为内心无忧无虑。可时至今日，伴随我的是焦虑、压力、不安、迷茫，**总觉得心里悬着什么东西放不下**，可至今我也没能找到很好的解决方案，也许等案子结束，一切都将会从容自如。 + +我曾收到一本书，名为《谁的青春不迷茫》，到现在为止我也没看过，为什么呢？就书名而言，在我收到这本书时，我不认为我有何迷茫的地方。可现在我又想重新拾起这本书，却不知这本书被我放置何处。 + +### 对我来说的本科 + +在对这个社会没有认知的前提下（即休学前），我自认为能力是完全能够胜过一本的证书。外界都说没有本科不好找工作，现如今怕是本科都不好找工作咯。就我事实而说，我的几份工作都不是本科给我的，而是我的项目经验，所以也因此我更加坚信我自己对本科证的蔑视看法。 + +但有两段经历(谈话)，改变了我对此的看法。 + +1. 在我与一位 40 岁的技术人询问过一些问题，其中一个问题是问国内读研还有必要吗，人家没有直接否定，而是直接告诉我，很多公司现在阅读简历会更偏重于看第一学历(本科的学历)，也就是看你本科学校好不好再看你其他学历，至于为何想必不用多说，高考考进清华和研究生考进清华的难度便知。 + + 而另一个问题就是问他本科有没有必要，而就举了他曾经项目投资的例子，说如果投资人发现要投资的项目的负责人没有本科学历，人家可能就不会投资了，大致意思是这样。 + +2. 一位国外华人的 hr，看到我写的一个作品，并且他公司正好急招一名相关的开发者（远程开发），便于我交谈了起来，然而他没想到的是我竟还未毕业，而他们招聘的最低要求便是本科生。然后又进行了一番简单交谈下，得出的结论是：以我目前的身份只能开实习生或高中学历的薪资（薪资差距在 4 倍左右，国外的待遇我不说具体的薪资你大概也能猜出有多少），hr 给的建议是对我来说就是拿着点薪资就有点浪费时间，于是便错过了这个 offer。 + +我觉得没有什么能比收益更具有说服力，因此也确确实实改变了我的看法，至少在中国是这样的。 + +就单从社会展示的数据上也可以知道，自考成人本科的人是越来越多，很多公司招聘都是本科起步。没经历只看数据对我而言是意识不到其重要性的。 + +本科固然重要，可反观现在中国的大学还是用来学知识培养人才的吗？我更倾向于说是用金钱消耗时光最终换来一本证书，至于这笔交易值不值这个价，我想多数大学生的内心已经有了答案。 + +如果要说大学对我来说最大的作用的一件事，无非就是白嫖各种大学生认证优惠（如苹果的教育优惠，github 学生认证，学生票等等），确实给我省下了不少的钱。除此之外，我很难再说出第二个实质性的作用，对我而言是更多的负面作用，例如高学费、断电断网以及学校一些系列蛮不讲理的行为，这种作风会在私立大学之间不断扩大。 + +### 感悟 + +在之前我是比较浮躁的，总想着如何一步登天，并且我与很多平常人不同，我是不走”寻常路“，不遵循“规则”的人。绝大多数人愿安安稳稳，但我可不，我宁可去冒险一番，却又不曾思考过失败的后果。 + +我很讨厌被安排，**被安排的人生，活着有什么意义？** 没有自己的主见想法，不断被灌输他人的思想，这便失去了我对生活的意义。不能做自己想做的事情，那真的是一件极其可悲的事！ + +但现在让我重新做一个选择我肯定和我原先的同学一样是安安稳稳（混日子）拿个毕业证，求稳已经变为了我当下一个很重要的标识，只要主观上有风险的事，哪怕利润再高，我也不会尝试一番，我经不起风险，至少在我没有绝对”保险”的前提下。 + +可如今的现状又怎么走的了宽敞，平坦的道路。也许生来就不应该平淡度过，最终要身处何处才能对的自己颠沛流离的一生。 + +--- + +人总是不愿听闻他人的建议，尤其这个建议还是长辈给予的。可多数人总会认为自己就是最正确的，自己的做法就是最优解，过度的自信很难看清自己几斤几两。长辈的建议是用他的人生阅历换来的，而你的想法是凭空而造，不切实际。（说的便是我自己） + +很多建议仅仅只是传达给他人，他人即便意识到有道理，但也通常不会有所改变。只有自己亲身经历过后，回想起他人的建议是多么的宝贵。所以我也渐渐不怎么再给别人安利，反而是一种浪费口舌的行为。 + +--- + +曾经我是一个特别念旧的人，时常会怀念过去的巅峰、美好。因为在落魄之时，也能想起曾经所拥有的，让我重拾信心。能让自己不断前行的事物只有自己所经历的过去，而记录便成了我仅有回忆方式。 + +可现实却是不断打击我曾有的美好，好像上天就巴不得我好的样子。可没有什么上帝，任何事物所发展的结果都将有始有终，自己做的事情没有人比自己清楚，我曾怪罪自己运气不好，现在我意识到是努力不足。没有不幸之人，只有懒惰之徒。在绝对的实力面前，运气再差的非酋都能化身变为欧皇。 + +曾经有个人告诉我，凡事都要往前看，**只迷恋于过去只会让自己活得越加困难**。可当时的我怎么可能懂得这个道理，活在过去的美好之中，忘却了当下的目标。 + +不知道自己当下要做什么，是因为不知道未来要干什么，没有目标的未来，犹如没有罗盘的航行，在茫茫大海之中无处漂泊。 + +借阿甘正传的一句名言： + +> _You got to put the past behind before you can move on._(你得把过去抛在脑后才能向前看。) + +## 四年的编程 + +```jsx +const timeline = ['易语言', '逆向', 'JavaScript/TypeScript', 'Web 全栈'] + +timeline.forEach(time => console.log(time)) +``` + +回到技术角度，随着我的 4 年编程经历就这么过去了，和曾所预期的技术要求还差之甚远，没能给自己一个很好的技术交代，没能在这四年结束之际进行编码，没能给这段经历一个完美的句号。 + +倘若没有编程，我甚至都不知道自己应当从事何种职业，可以说编程是我的再生父母，没有 4 年前那场偶遇，便没有如今的我。 + +**道阻且长，行则将至；行而不辍，未来可期。** diff --git a/data/features.tsx b/data/features.tsx new file mode 100644 index 0000000..c7822f4 --- /dev/null +++ b/data/features.tsx @@ -0,0 +1,52 @@ +import WebDeveloperSvg from '@site/static/svg/undraw_web_developer.svg' +import OpenSourceSvg from '@site/static/svg/undraw_open_source.svg' +import SpiderSvg from '@site/static/svg/undraw_spider.svg' +import Translate, { translate } from '@docusaurus/Translate' + +export type FeatureItem = { + title: string + text: JSX.Element + Svg: React.ComponentType{{.title}}
+ +``` + +接着在 main.go 中配置 Html 模板文件，如下 + +```go title="main.go" +r := gin.Default() +r.LoadHTMLFiles("templates/*") +``` + +重启下服务，然后就可以在路由中返回 HTML 文件，如 + +```go title="main.go" +r.GET("/html", func(c *gin.Context) { + + c.HTML(200, "test.html", gin.H{ + "title": "一个标题而已", + }) +}) +``` + +结果就不放图了，就是将`一个标题而已`填入至 h2 标签处 + +### 配置静态 Web 目录 + +和配置 html 模板一样，先在根目录下创建一个静态 web 目录 static，然后添加 + +```go title="main.go" +r.Static("/static", "./static") +``` + +访问 `http://127.0.0.1:8080/static` 就能访问静态文件夹下的资源 + +### 获取 Query 参数 + +```go title="main.go" +r.GET("/query", func(c *gin.Context) { + username := c.Query("username") + page := c.DefaultQuery("page", "1") + + c.String(200, username+page) +}) +``` + +浏览器请求 `http://127.0.0.1:8080/query?username=kuizuo` 便可输出 `kuizuo1` + +### 获取 Post 数据 + +```go title="main.go" +r.POST("/add", func(c *gin.Context) { + username := c.PostForm("username") + password := c.PostForm("password") + + c.String(200, username+password) +}) +``` + +使用 api 请求工具发送 post 数据便可输出相应数据 + +### Post 传值绑定到结构体 + +```go title="main.go" +type UserInfo struct { + Username string `json:"username" form:"username"` + Password string `json:"password" form:"password"` +} + +r.POST("/add1", func(c *gin.Context) { + user := &UserInfo{} + + if err := c.ShouldBind(&user); err == nil { + c.JSON(200, user) + } else { + c.JSON(400,gin.H{ + "err":err.Error() + }) + } +}) +``` + +同样使用 api 请求工具，发送 post 数据，就可直接通过 user 获取信息 + +### 动态路由传值 + +```go title="main.go" +r.GET("/list/:id", func(c *gin.Context) { + id := c.Param("id") + c.String(200, id) +}) +``` + +浏览器请求http://127.0.0.1:8080/list/123 id 便可赋值为 123 + +### 路由分组 + +在根目录下创建文件夹`routers`，里面创建路由文件，如`apiRouters.go`，内容如下 + +```go title="/routers/apiRouters.go" +package routers + +import "github.com/gin-gonic/gin" + +func ApiRoutersInit(r *gin.Engine) { + apiRouters := r.Group("/api") + { + apiRouters.GET("/json", func(c *gin.Context) { + c.JSON(200, gin.H{ + "code": 200, + "msg": "成功", + }) + }) + } +} +``` + +接着在`main.go`文件中，导入 routers + +```go title="main.go" +import ( + "GinTest/routers" + "github.com/gin-gonic/gin" +) +``` + +同时输入 + +```go title="main.go" +r := gin.Default() + +routers.ApiRoutersInit(r) +``` + +访问 [http://127.0.0.1:8080/api/json](http://127.0.0.1:8080/api/json)，显示`{"code":200,"msg":"成功"}` + +### 控制器 + +在根目录下创建文件夹`controllers`，里面创建控制器文件，如`userController.go`，内容如下 + +```go title="/controllers/user/userController.go" +package user + +import "github.com/gin-gonic/gin" + +type UserController + +func UserList(c *gin.Context) { + c.String(200, "用户列表") +} + +func UserAdd(c *gin.Context) { + c.String(200, "添加用户") +} + +func UserEdit(c *gin.Context) { + c.String(200, "编辑用户") +} +``` + +```go title="/routers/userRouters.go" +package routers + +import ( + "GinTest/controllers/user" + "github.com/gin-gonic/gin" +) + +func UserRoutersInit(r *gin.Engine) { + userRouters := r.Group("/user") + { + userRouters.GET("/list", user.UserList) + userRouters.GET("/add", user.UserAdd) + userRouters.GET("/edit", user.UserEdit) + } +} +``` + +分别访问对应三个路由，都可得到对应结果 + +也可以通过控制器结构体优化成如下 + +```go title="/controllers/user/userController.go" +package user + +import "github.com/gin-gonic/gin" + +type UserController struct { +} + +func (con UserController) List(c *gin.Context) { + c.String(200, "用户列表") +} + +func (con UserController) Add(c *gin.Context) { + c.String(200, "添加用户") +} + +func (con UserController) Edit(c *gin.Context) { + c.String(200, "编辑用户") +} +``` + +```go title="/routers/userRouters.go" +package routers + +import ( + "GinTest/controllers/user" + + "github.com/gin-gonic/gin" +) + +func UserRoutersInit(r *gin.Engine) { + userRouters := r.Group("/user") + { + userRouters.GET("/list", user.UserController{}.List) + userRouters.GET("/add", user.UserController{}.Add) + userRouters.GET("/edit", user.UserController{}.Edit) + } +} +``` + +### 中间件 + +中间件本质上就是一个函数，路由执行的时候可以在对应的地方添加中间件执行，如 + +#### 局部中间件 + +```go title="main.go" +func initMiddleware(c *gin.Context) { + fmt.Println("1-中间件") + + c.Next() + + fmt.Println("2-中间件") +} + +r.GET("/", initMiddleware, func(c *gin.Context) { + c.String(200, "你好,gin") +}) +``` + +访问[http://127.0.0.1:8080](http://127.0.0.1:8080) 便会输出 `1-中间件` `2-中间件` + +#### 全局中间件 + +```go title="main.go" +r.Use(initMiddleware) +``` + +这样就需要给每个路由添加中间件配置，所有路由请求后都将会输出。 + +#### 分组中间件 + +与全局中间件使用一样，如 + +```go title="/routers/apiRouters.go" +apiRouters := r.Group("/api",initMiddleware) + +// 或 +apiRouters := r.Group("/api") +apiRouters.Use(initMiddleware) +``` + +可以创建中间件目录`middlewares`，创建文件`init.go`，内容 + +```go title="/middleware/init.go" +package middlewares + +import ( + "fmt" + "github.com/gin-gonic/gin" +) + +func InitMiddleware(c *gin.Context) { + fmt.Println("1-中间件") + + c.Next() + + fmt.Println("2-中间件") +} +``` + +使用如下（前提需要导入中间件的包） + +```go title="/routers/apiRouters.go" +apiRouters.Use(middlewares.InitMiddleware) +``` + +#### 取消默认中间件 + +gin.Default()默认使用了 Logger 和 Recovery 中间件 + +```go +// Default returns an Engine instance with the Logger and Recovery middleware already attached. +func Default() *Engine { + debugPrintWARNINGDefault() + engine := New() + engine.Use(Logger(), Recovery()) + return engine +} +``` + +如果需要上面两个默认的中间件，可以使用 gin.New()新建一个没有任何中间件的路由 + +#### 中间件中使用 goroutine 协程 + +```go title="/middleware/init.go" +func InitMiddleware(c *gin.Context) { + fmt.Println("1-中间件") + + cCp := c.Copy() + go func() { + time.Sleep(2 * time.Second) + fmt.Println("path: " + cCp.Request.URL.Path) + }() + + c.Next() + + fmt.Println("2-中间件") +} +``` + +请求完成两秒后，将会打印`path /` + +### 文件上传 + +```go title="main.go" +r.MaxMultipartMemory = 8 << 20 // 8 MiB +r.POST("/upload", func(c *gin.Context) { + // 单文件 + file, _ := c.FormFile("file") + log.Println(file.Filename) + + // 上传文件至指定目录 + dst := path.Join("./static/upload", file.Filename) + c.SaveUploadedFile(file, dst) + + c.String(200, fmt.Sprintf("'%s' uploaded!", file.Filename)) +}) +``` + +使用 curl，即可上传文件 + +```bash +curl -X POST http://localhost:8080/upload \ + -F "file=@/Users/appleboy/test.zip" \ + -H "Content-Type: multipart/form-data" +``` + +## 最终项目结构 + + + +## 整体感受 + +说实话，我已经快一年没真正接触一门新的语言了，写 Js 和 Ts 代码也写了快一年了，初次体验 Gin 框架整体感受还算不错，大部分的后端框架路由基本都是这么写的，体验过 Express，Flask 路由写法大致相同。 + +仅仅只是初步体验，后续估计会考虑尝试上手 gin-vue-admin 项目 + +[自动化全栈后台管理系统 | Gin-Vue-Admin](https://www.gin-vue-admin.com/) diff --git "a/docs/skill/programming-languages/go/Go\345\217\221\351\200\201http\350\257\267\346\261\202.md" "b/docs/skill/programming-languages/go/Go\345\217\221\351\200\201http\350\257\267\346\261\202.md" new file mode 100644 index 0000000..f4f1a84 --- /dev/null +++ "b/docs/skill/programming-languages/go/Go\345\217\221\351\200\201http\350\257\267\346\261\202.md" @@ -0,0 +1,216 @@ +--- +id: go-send-http-request +slug: /go-send-http-request +title: Go发送http请求 +date: 2022-05-22 +authors: kuizuo +tags: [go, http] +keywords: [go, http] +--- + + + +## Get 请求 + +```go +import ( + "fmt" + "io/ioutil" + "net/http" +) + +func main() { + resp, err := http.Get("http://127.0.0.1:5000/api/test") + + if err != nil { + panic(err) + + } + defer resp.Body.Close() + + s, _ := ioutil.ReadAll(resp.Body) + + fmt.Println(resp.StatusCode) + fmt.Println(string(s)) +} +``` + +可以发现上面的例子中还需要对**响应体**进行读取，如果每条请求都需要如此操作的话，代码逻辑将会十分臃肿，一般都需要自行封装。而事实上大部分的编程语言的 http 请求库(包)都不会过度封装，一般都需要用户自行封装或使用第三方请求库。 + +当然这里肯定毫不犹豫的选择第三方库，后文会推荐几个，以及一些使用代码，这里还需要使用原生 http 库发送 Post 请求 + +## Post 请求 + +### 发送 querystring + +```go +import ( + "fmt" + "io/ioutil" + "net/http" + "strings" +) + +func main() { + payload := strings.NewReader("foo=1&bar=2") + + resp, err := http.Post("http://127.0.0.1:5000/api/test", "application/x-www-form-urlencoded", payload) + + if err != nil { + panic(err) + } + defer resp.Body.Close() + + s, _ := ioutil.ReadAll(resp.Body) + + fmt.Println(resp.StatusCode) + fmt.Println(string(s)) +} + +``` + +此外还可以使用 http.PostForm（省略读取响应代码） + +```go +import ( + "net/http" + "net/url" +) + +func main() { + payload := url.Values{"foo": {"1"}, "bar": {"2"}} + + resp, err := http.PostForm("http://127.0.0.1:5000/api/test", payload) +} + +``` + +### 发送 json + +```go +import ( + "fmt" + "net/http" + "strings" +) + +func main() { + payload := strings.NewReader(`{"name":"kuizuo"}`) + + req, _ := http.NewRequest("POST", "http://127.0.0.1:5000/api/test", payload) + + req.Header.Add("Content-Type", "application/json") + + res, _ := http.DefaultClient.Do(req) + fmt.Println(res) +} + +``` + +至于其他方法就不做演示，不对其封装将十分难用，日常开发主要还是使用第三方 http 请求库。 + +## HTTP 请求库 + +[valyala/fasthttp: Fast HTTP package for Go. Tuned for high performance. Zero memory allocations in hot paths. Up to 10x faster than net/http (github.com)](https://github.com/valyala/fasthttp) + +[go-resty/resty: Simple HTTP and REST client library for Go (github.com)](https://github.com/go-resty/resty) + +[imroc/req: Simple Go HTTP client with Black Magic (github.com)](https://github.com/imroc/req) + +[levigross/grequests: A Go "clone" of the great and famous Requests library (github.com)](https://github.com/levigross/grequests) + +整合了几个 Github 上所开源的 http 请求库，更多 http 库可在[http-client · GitHub Topics](https://github.com/topics/http-client?l=go)上查看 ，这里对其进行简单优点介绍，以及个人的选择。 + +- [fasthttp](https://github.com/valyala/fasthttp) 号称比 net/http 快 10 倍的 http 包，并且 star 数最多的。 +- [resty](https://github.com/go-resty/resty#usage) 一个链式调用的请求库。 +- [Req](https://req.cool/) 与 resty 使用相似，并且提供非常友好的使用文档（有中文）。 +- [grequests](https://github.com/levigross/grequests) go 语言版的 python requests。 + +如果使用过 python requests 库，那么可以毫不犹豫的选择 grequests。很显然，我使用过 requests，所以也就毫不犹豫的选择 grequests。 + +## grequests + +这里写一个模拟登录的例子 + +```go + +import ( + "fmt" + + "github.com/levigross/grequests" +) + +type Demo struct { + Session *grequests.Session + User User +} + +type User struct { + Username string + Password string +} + +type Result struct { + Code int `json:"code"` + Msg string `json:"msg"` +} + +func (dm *Demo) login() string { + + resp, err := dm.Session.Post("http://127.0.0.1:5000/api/login", + &grequests.RequestOptions{ + Data: map[string]string{ + "username": dm.User.Username, + "password": dm.User.Password, + }, + Headers: map[string]string{ + "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8", + "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36", + }, + }) + + var result Result + resp.JSON(&result) + + if err == nil && result.Code == 200 { + return "登录成功" + } + + return result.Msg +} + +func main() { + var session = grequests.NewSession(nil) + dm := Demo{ + Session: session, + User: User{ + Username: "kuizuo", + Password: "a123456", + }, + } + loginResult := dm.login() + fmt.Println(loginResult) + // TODO: +} + +``` + +因为 go 中没有类的概念，所以想要实现“类”，就得在 `func` 和方法名之间添加方法所属的类型声明（有的地方将其称之为接收者声明） + +也就是`func (dm *Demo) login() string {` 中的`(dm *Demo)` 其中这里的 Demo 根据实际需求进行更换，并且前面的 dm 无法更名为 this 或 self。 + +如果想发送 json 请求的话，grequests 写法也挺简单的，只需要将 Data 替换为 JSON（协议头会自动添加 Content-Type: application/json），如下 + +```go + resp, err := dm.Session.Post("http://127.0.0.1:5000/api/login", + &grequests.RequestOptions{ + JSON: map[string]string{ + "username": dm.User.Username, + "password": dm.User.Password, + }, + }) +``` + +## 总结 + +相比 js 和 python 来写 http 请求，由于 go 中没有类的概念（即无 class 关键字），所以只能利用**自定义结构体**来实现这样功能，并且在代码写法上也不算优雅。综合考虑的情况下，还是优选 js 和 python 来复现 http 协议。 diff --git "a/docs/skill/programming-languages/go/Go\345\271\266\345\217\221.md" "b/docs/skill/programming-languages/go/Go\345\271\266\345\217\221.md" new file mode 100644 index 0000000..2fe425c --- /dev/null +++ "b/docs/skill/programming-languages/go/Go\345\271\266\345\217\221.md" @@ -0,0 +1,257 @@ +--- +id: go-concurrent +slug: /go-concurrent +title: Go并发 +date: 2022-05-22 +authors: kuizuo +tags: [go] +keywords: [go] +--- + +Go 语言的并发是基于 `goroutine` 的，`goroutine` 类似于线程，但并非线程。可以将 `goroutine` 理解为一种虚拟线程。Go 语言运行时会参与调度 `goroutine`，并将 `goroutine` 合理地分配到每个 CPU 中，最大限度地使用 CPU 性能。开启一个 goroutine 的消耗非常小（大约 2KB 的内存），你可以轻松创建数百万个`goroutine`。 + + + +## goroutine + +goroutine 语法格式： + +```text +go 函数名( 参数列表 ) +``` + +演示代码如下 + +```go +import ( + "fmt" + "time" +) + +func say(s string) { + for i := 0; i < 3; i++ { + time.Sleep(100 * time.Millisecond) + fmt.Println(s) + } +} + +func main() { + go say("world") + say("hello") + fmt.Println("over!") +} +``` + +执行上面代码将会输出 + +```go +hello +world +world +hello +hello +over! +``` + +其中 hello 与 world 每次执行顺序都不一致，甚至有时候 world 会少输出一遍，或是 world 将会在 over! 后输出。因为此时的`go say("world")` 不在是主线程中执行，而是创建一个 goroutine 去执行。可以认为`go say("world")`就相当于 js 中的`await say("world")` 但 js 是单线程基于事件循环机制来实现的，所以两者还是有着一定的区别。 + +## 等待 goroutine 执行完成 + +可以发现 say("hello") 实际上也是在等待执行，如果将 say("hello")注释掉，再次执行，将只会输出 over!。原因很简单，因为主线程已经结束了，程序自然就结束了，goroutine 的执行也就不是程序的重点。 + +所以有时候需要等待 goroutine 执行完成，最直接的方法就是通过 time.Sleep 函数，或执行时间较长的函数来等待，但实际执行中并不知道应该等待多长时间，很显然这种方式并不是特别好。 + +## sync 包 + +Golang 官方在 sync 包中提供了 WaitGroup 类型来解决这个问题，下面是其简单的演示例子。 + +```go +import ( + "fmt" + "sync" + "time" +) + +func say(s string, wg *sync.WaitGroup) { + defer wg.Done() + + for i := 0; i < 3; i++ { + time.Sleep(100 * time.Millisecond) + fmt.Println(s) + } +} + +func main() { + var wg sync.WaitGroup + wg.Add(2) + say("hello", &wg) + say("world", &wg) + + wg.Wait() + fmt.Println("over!") +} +``` + +将会像同步输出一样，输出结果 + +```go +hello +hello +hello +world +world +world +over! +``` + +使用方法可以总结为下面几点： + +1. 创建一个 WaitGroup 实例，比如名称为：wg +2. 调用 wg.Add(n)，其中 n 是等待的 goroutine 的数量 +3. 在每个 goroutine 运行的函数中执行 defer wg.Done() +4. 调用 wg.Wait() 阻塞主逻辑 + +## 通道（channel） + +如果说 goroutine 是 Go 语言程序的并发体的话，那么 channels 则是它们之间的通信机制。一个 channel 是一个通信机制，它可以让一个 goroutine 通过它给另一个 goroutine 发送值信息。每个 channel 都有一个特殊的类型，也就是 channels 可发送数据的类型。一个可以发送 int 类型数据的 channel 一般写为 chan int。 + +使用内置的 make 函数，我们可以创建一个 channel： + +```go +ch := make(chan 元素类型, [缓冲大小]) +``` + +先展示一个简单的代码例子 + +```go +import "fmt" + +func sum(s []int, c chan int) { + sum := 0 + for _, v := range s { + sum += v + } + c <- sum // 把 sum 发送到通道 c +} + +func main() { + s := []int{1, 2, 3, 4, 5} + + c := make(chan int) + go sum(s[:len(s)/2], c) + go sum(s[len(s)/2:], c) + x, y := <-c, <-c // 从通道 c 中接收 + + close(c) // 关闭通道 + + fmt.Println(x, y, x+y) +} +``` + +将会输出 12 3 15 + +关闭通道不是必须的，但关闭后的通道有以下特点： + +1.对一个关闭的通道再发送值就会导致 panic。 + +2.对一个关闭的通道进行接收会一直获取值直到通道为空。 + +3.对一个关闭的并且没有值的通道执行接收操作会得到对应类型的零值。 + +4.关闭一个已经关闭的通道会导致 panic。 + +## 实例 + +一个深度遍历的代码例子，具体可看 [示例: 并发的 Web 爬虫 · Go 语言圣经 (studygolang.com)](https://books.studygolang.com/gopl-zh/ch8/ch8-06.html) + +```go +import ( + "fmt" + "log" + "net/http" + + "golang.org/x/net/html" +) + +func crawl(url string) []string { + fmt.Println(url) + list, err := Extract(url) + if err != nil { + log.Print(err) + } + return list +} + +func Extract(url string) ([]string, error) { + resp, err := http.Get(url) + if err != nil { + return nil, err + } + if resp.StatusCode != http.StatusOK { + resp.Body.Close() + return nil, fmt.Errorf("getting %s: %s", url, resp.Status) + } + + doc, err := html.Parse(resp.Body) + resp.Body.Close() + if err != nil { + return nil, fmt.Errorf("parsing %s as HTML: %v", url, err) + } + + var links []string + visitNode := func(n *html.Node) { + if n.Type == html.ElementNode && n.Data == "a" { + for _, a := range n.Attr { + if a.Key != "href" { + continue + } + link, err := resp.Request.URL.Parse(a.Val) + if err != nil { + continue // ignore bad URLs + } + links = append(links, link.String()) + } + } + } + forEachNode(doc, visitNode, nil) + return links, nil +} + +func forEachNode(n *html.Node, pre, post func(n *html.Node)) { + if pre != nil { + pre(n) + } + for c := n.FirstChild; c != nil; c = c.NextSibling { + forEachNode(c, pre, post) + } + if post != nil { + post(n) + } +} + +func main() { + worklist := make(chan []string) + + go func() { worklist <- []string{"http://gopl.io/"} }() + + // Crawl the web concurrently. + seen := make(map[string]bool) + for list := range worklist { + for _, link := range list { + if !seen[link] { + seen[link] = true + go func(link string) { + worklist <- crawl(link) + }(link) + } + } + } +} + +``` + +## 参考文章 + +[Goroutines 和 Channels · Go 语言圣经 (studygolang.com)](https://books.studygolang.com/gopl-zh/ch8/ch8.html) + +[https://www.cnblogs.com/sparkdev/p/10917536.html](https://www.cnblogs.com/sparkdev/p/10917536.html) diff --git "a/docs/skill/programming-languages/go/Go\347\216\257\345\242\203\345\256\211\350\243\205.md" "b/docs/skill/programming-languages/go/Go\347\216\257\345\242\203\345\256\211\350\243\205.md" new file mode 100644 index 0000000..facbfca --- /dev/null +++ "b/docs/skill/programming-languages/go/Go\347\216\257\345\242\203\345\256\211\350\243\205.md" @@ -0,0 +1,97 @@ +--- +id: go-environment-install +slug: /go-environment-install +title: Go环境安装 +date: 2021-09-01 +authors: kuizuo +tags: [go] +keywords: [go] +--- + + + +## 安装 Go + +[golang.org](https://golang.org/) + +[go 下载地址](https://studygolang.com/dl) + +[GoLand](https://www.jetbrains.com/go/download/download-thanks.html) + +下载安装包，选择路径，默认下一步即可 + +## 配置环境变量 + +**GOROOT 即为 GO 的安装目录。**设置为 `E:\Go` + +**GOPATH 即为存储 Go 工具依赖的路径**，可以自己进行设值，我放在了 GoWorks 自己建的，里面需要包含 src、pkg、bin 三个目录。 设置为 `E:\GoWork` + +## 配置 Go 代理 + +[GOPROXY.IO - 一个全球代理 为 Go 模块而生](https://goproxy.io/zh/) + +windows + +```bash +# 设置goproxy.io代理 +go env -w GOPROXY="https://proxy.golang.com.cn,direct" +# 设置GO111MOUDLE +go env -w GO111MODULE="on" + +``` + +临时设置(不推荐) + +```bash +# 配置 GOPROXY 环境变量 +$env:GOPROXY = "https://proxy.golang.com.cn,direct" +# 还可以设置不走 proxy 的私有仓库或组，多个用逗号相隔（可选） +$env:GOPRIVATE = "git.mycompany.com,github.com/my/private" +``` + +mac/linux 下 + +```bash +# 配置 GOPROXY 环境变量 +export GOPROXY=https://proxy.golang.com.cn,direct +# 还可以设置不走 proxy 的私有仓库或组，多个用逗号相隔（可选） +export GOPRIVATE=git.mycompany.com,github.com/my/private +``` + +### 常用的 go 代理 + +- goproxy [https://goproxy.io/zh/](https://goproxy.io/zh/) +- 阿里云 [https://mirrors.aliyun.com/goproxy/](https://mirrors.aliyun.com/goproxy/) +- 七牛云 [https://goproxy.cn](https://goproxy.cn) + +可输出 go env 查看环境 + +## 配置 VSCode 开发环境 + +[VsCode 中 Golang Tools 使用 · 语雀 (yuque.com)](https://www.yuque.com/flipped-aurora/gqbcfk/lidsv6) + +这里使用的是 VSCode 进行开发，在扩展程序中安装 Go 插件，输入 + +- `command` + `shift` + `p` 输入 Go:Show All Commands 选择 Go:Install/Update Tools，选择所有工具，并确定安装。 + + + +控制台输出安装结果 + + + +或者打开命令提示符（以管理员身份打开）输入 + +```bash +go get -v github.com/mdempsky/gocode +go get -v github.com/uudashr/gopkgs/v2/cmd/gopkgs +go get -v github.com/rogpeppe/godef +go get -u github.com/ramya-rao-a/go-outline +go get -v github.com/sqs/goreturns +``` + +安装 go 的开发依赖，比如语法提示，包提示等等。安装完成后，就此配置完成 Vscode 的 Go 开发环境。 + +## Goland + +没什么好说的，大部分配置无需操作即可使用，不过个人还是倾向于使用 VSCode。 diff --git "a/docs/skill/programming-languages/go/Go\350\257\255\350\250\200\344\271\213json\344\275\277\347\224\250.md" "b/docs/skill/programming-languages/go/Go\350\257\255\350\250\200\344\271\213json\344\275\277\347\224\250.md" new file mode 100644 index 0000000..e0aec1f --- /dev/null +++ "b/docs/skill/programming-languages/go/Go\350\257\255\350\250\200\344\271\213json\344\275\277\347\224\250.md" @@ -0,0 +1,223 @@ +--- +id: go-json-usage +slug: /go-json-usage +title: Go语言之json使用 +date: 2022-05-20 +authors: kuizuo +tags: [go, json] +keywords: [go, json] +--- + + + +Go 语言中，官方提供了一个专门的包 `encoding/json` + +## json 反序列（解析） + +假设有这样一个 json 数据，我要将其解析为 go 结构体 + +```json +{ "name": "kuizuo", "age": 20 } +``` + +首先需要定义结构体，通常可以使用 json 转 go 结构体的[在线工具](https://mholt.github.io/json-to-go/)，如下图 + + + +其转化代码如下 + +```go +import ( + "encoding/json" + "fmt" +) + +type Person struct { + Name string `json:"name"` + Age int `json:"age"` +} + +func main() { + var p Person + + jsonString := `{"name": "kuizuo", "age" : 20}` + + err := json.Unmarshal([]byte(jsonString), &p) + + if err == nil { + fmt.Println(p.Name) + fmt.Println(p.Age) + } else { + fmt.Println(err) + } +} + +``` + +**主要步骤** + +- 定义结构体（一般结构体的每个字段第一个字母大写），并新建**结构体变量** +- 核心代码`err := json.Unmarshal([]byte(jsonString), &p)`，如果解析有效那么 err 为 nil，并将 p 赋值其 json 数据。 +- 访问结构体 p 的成员 + +### 解析 json 数组 + +如果要解析 json 数组，其步骤同上，演示代码如下 + +```go +import ( + "encoding/json" + "fmt" +) + +type Person struct { + Name string `json:"name"` + Age int `json:"age"` +} + +func main() { + var persons []Person + + jsonString := `[{"name": "kuizuo", "age" : 20},{"name": "愧怍", "age" : 22}]` + + err := json.Unmarshal([]byte(jsonString), &persons) + + if err == nil { + for _, p := range persons { + fmt.Print("\t\n", p.Name) + fmt.Print("\t", p.Age) + } + } else { + fmt.Println(err) + } +} + +``` + +哪怕对于再复杂的 json 数据，都要先将 json 转为 go 结构体，然后执行`json.Unmarshal`。 + +### 自定义属性名称的映射 + +假设 json 的 key 值存在空格（一般情况下不可能，以我多年读写 json 的经历都没看到过），由于 go 中无法将空格做为变量标识符（貌似没有语言支持空格当标识符），而 json-to-go 工具会将空格清楚，并将下个单词首字母大写。 + +```json +{ + "user name": "kuizuo" +} +``` + +```go +type AutoGenerated struct { + UserName string `json:"user name"` +} +``` + +当然，这里的 UserName 可以随便命名 go 变量规范的名字，只要`json:"user name"`不变，结构体映射的还是`user name`属性。 + +### map[string]interface{} + +对于未知属性，并且不想定义结构体的话，go 有个很典型的解决方法是采用 `map[string]interface{}` ，在一些情况（仅一层 json 数据）下确实会比较方便，但也会存在 json 属性不存在导致读取错误的情况。 + +```go +import ( + "encoding/json" + "fmt" +) + +func main() { + jsonString := ` + { + "code": 200, + "data": { + "username": "kuizuo", + "age": 20 + } + }` + + var result map[string]interface{} + err := json.Unmarshal([]byte(jsonString), &result) + if err == nil { + fmt.Println(result["code"]) + username := result["data"].(map[string]interface{})["username"] + fmt.Println(username) + } else { + fmt.Println(err) + } +} +``` + +:::tip + +在 Go1.18 更新中，any 作为一个新的关键字出现。**any 本质上是 interface{} 的别名** + +```go +type any = interface{} +``` + +`map[string]interface{}` 也可写为 `map[string]any` + +::: + +## json 序列化 + +既然前面是 json 转 go 结构体，那这肯定是将 go 结构体转为 json。 + +同样的，既然想要生成 json 数据，那么也可将要生成的 json 数据放到 json-to-go 里转为 go 结构体。如 + +```json +{ + "id": 1, + "username": "kuizuo", + "hobby": ["敲代码", "吃饭", "睡觉"] +} +``` + +```go +type AutoGenerated struct { + ID int `json:"id"` + Username string `json:"username"` + Hobby []string `json:"hobby"` +} +``` + +对应的 go 代码如下 + +```go +import ( + "encoding/json" + "fmt" +) + +type User struct { + ID int `json:"id"` + Username string `json:"username"` + Hobby []string `json:"hobby"` +} + +func main() { + user := &User{ + ID: 1, + Username: "kuizuo", + Hobby: []string{"敲代码", "吃饭", "睡觉"}, + } + + result, _ := json.Marshal(user) + fmt.Println(string(result)) +} +``` + +**主要步骤** + +- 定义结构体，并新建**结构体指针**，同时赋值 +- 调用`result, _ := json.Marshal(user)`，此时的 result 为字节数组。 +- `string(result)` 将其转为 json 字符串 + +json 序列化没什么过多补充的，上面这里例子实际中已经足够使用了。 + +## 相关 json 库 + +[tidwall/gjson: Get JSON values quickly - JSON parser for Go (github.com)](https://github.com/tidwall/gjson) 强烈推荐（还支持 jsonpath 语法） + +## 总结 + +和 js 相比，go 对 json 的操作可以说是比较繁琐，但这并不是只有 go 这样，静态类型的语言都相对繁琐。在 go 是定义结构体，而在 java 则是定义类，每种语言都有数据格式的规范。不过 json 序列化与反序列化还是 js 最为方便，毕竟 json（JavaScript Object Notation）本身就作为 js 的对象数据表达形式。 diff --git "a/docs/skill/programming-languages/go/Go\350\260\203\347\224\250js\344\273\243\347\240\201.md" "b/docs/skill/programming-languages/go/Go\350\260\203\347\224\250js\344\273\243\347\240\201.md" new file mode 100644 index 0000000..28b4292 --- /dev/null +++ "b/docs/skill/programming-languages/go/Go\350\260\203\347\224\250js\344\273\243\347\240\201.md" @@ -0,0 +1,97 @@ +--- +id: go-call-js +slug: /go-call-js +title: Go调用js代码 +date: 2022-05-22 +authors: kuizuo +tags: [go, javascript] +keywords: [go, javascript] +--- + + + +## 运行 js 代码 + +```go +import ( + "fmt" + + "github.com/robertkrimen/otto" +) + +func main() { + vm := otto.New() + result, _ := vm.Run(` + foo = 1 + 2 + console.log(foo) + result = foo; + `) + fmt.Println(result) // 4 +} +``` + +## 调用函数 + +```go +func main() { + vm := otto.New() + vm.Run(` + function hello(name){ + console.log('hello ' + name) + return 'OK' + } +`) + + ret, _ := vm.Call("hello", nil, "kuizuo") + fmt.Println(ret) +} + +``` + +这里以 go 调用 js 的 CryptoJS 来实现加密演示。 + +```go +func main() { + bytes, _ := ioutil.ReadFile("md5.js") + vm := otto.New() + vm.Run(string(bytes)) + + ret, _ := vm.Call("MD5", nil, "a123456") + fmt.Println(ret) +} +``` + +## 封装成 go 函数 + +不过这样写法不方便，可以将其封装为一个 go 函数来调用。 + +```go +import ( + "fmt" + "io/ioutil" + + "github.com/robertkrimen/otto" +) + +var vm = otto.New() + +func initJs() { + bytes, _ := ioutil.ReadFile("md5.js") + vm.Run(string(bytes)) +} + +func md5(content string) string { + ret, err := vm.Call("MD5", nil, content) + if err != nil { + return "" + } + return ret.String() +} + +func main() { + initJs() + result := md5("a123456") + fmt.Println(result) +} + +``` diff --git "a/docs/skill/programming-languages/java/Java\345\217\215\345\260\204.md" "b/docs/skill/programming-languages/java/Java\345\217\215\345\260\204.md" new file mode 100644 index 0000000..b0e7c55 --- /dev/null +++ "b/docs/skill/programming-languages/java/Java\345\217\215\345\260\204.md" @@ -0,0 +1,225 @@ +--- +slug: java-reflect +title: java反射 +date: 2022-01-16 +authors: kuizuo +tags: [java] +keywords: [java] +--- + + + +## 什么是反射？ + +Java 反射（Reflection）就是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意方法和属性；并且能改变它的属性。（摘自网络） + +## 反射能做什么？ + +由于我们能够知道这个类的所有属性和方法，并且可以调用其方法与属性，那么我们就可以在外部，不通过修改类的形式来给类增加额外自定义功能。 + +在一些框架开发中，可以更灵活的编写代码，在运行时装配无需针对原类进行大幅度改动，降低代码耦合度。 + +在安卓逆向中，反射的主要作用就是寻找到某个类，去注入我们的代码，以便查看调用前后的参数与结果，也称之为 hook。 + +## 反射常用 API + +### 获取 Class 对象 + +在反射中，要获取一个类或调用一个类的方法，我们首先需要获取到该类的 Class 对象，获取 Class 类对象以下方法： + +**1、使用 Class.forName 静态方法。当你知道该类的全路径名时，你可以使用该方法获取 Class 类对象。** + +```java +Class cls = Class.forName("java.lang.String"); +``` + +**2、使用 .class 方法。** + +这种方法只适合在编译前就知道操作的 Class。 + +```java +Class cls = String.class; +``` + +**3、使用类对象的 getClass() 方法。** + +```java +String str = new String("Hello"); +Class cls = str.getClass(); +``` + +**4、ClassLoader.loadClass()** + +前提：已经获取到 ClassLoader 的情况下（Person 是定义好的类，其中`String.class.getClassLoader()`获取到得为 null） + +```java +ClassLoader clsl = Person.class.getClassLoader(); +Class cls = clsl.loadClass("Person"); +``` + +基本数据类型的类对象获取 `int.class` `Integer.TYPE` 得到`int` + +包装类的 Class 类对象获取 `Integer.class` 得到 `class java.lang.Integer` + +#### 哪些有 Class 对象 + +并非所有 java 对象都有 Class 对象，获取方式如上 + +- 外部类 +- 内部类 + +内部类的获取方式通过$连接外部类与内部类，多个内部类也可通过$1，$2 依次获取 + +```java +Class cls1 = Class.forName("OutClass$InnerClass"); +Class cls2 = Class.forName("OutClass$1"); +``` + +- 接口 =>`interface DemoI` +- 数组 => `class [Ljava.lang.String;` +- 枚举 enum +- Thread.State +- 注解 anntation +- 基本数据类型 +- 包装类 +- void + +### 创建类对象（与获取构造函数） + +**1、通过 Class 对象的 newInstance 方法**（无法传参） + +```java +Person p = Person.class.newInstance(); +// 相当于 Person p = new Person(); +``` + +**2、通过 Constructor 对象的 newInstance() 方法** （可传参数） + +可以传参数，但需要知道传入参数类型，以确定哪个构造函数。 + +```java +Constructorhello react
+}
+
+ReactDOM.render(
+ hello react
+
+ )
+}
+```
+
+CSS 的`font-size`属性要写成`fontSize`，这是 JavaScript 操作 CSS 属性的[约定](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference)。
+
+其实{ } 可传入表达式，比方这里传入的就是`{ fontSize: "32px",textAlign: "center" }` 对象，也可以将其定义为一个变量传入。
+
+但是写内联样式显得组丑陋影响阅读，并且样式不易于复用，同时伪元素与媒体查询无法实现，但是封装成类样式，又会影响到全局作用域，所以便有了局部样式`styles.module.css` 。
+
+## 局部样式 CSS Modules
+
+Css Modules 并不是 React 专用解决方法，适用于所有使用 webpack 等打包工具的开发环境。以 webpack 为例，在 css-loader 的 options 里打开`modules：true` 选项即可使用 Css Modules。一般配置如下
+
+```js
+{
+ loader: "css-loader",
+ options: {
+ importLoaders: 1,
+ modules: true,
+ localIdentName: "[name]__[local]___[hash:base64:5]" // 为了生成类名不是纯随机
+ },
+},
+
+```
+
+然后通过 import 引入
+
+```jsx
+import styles from './styles.module.css'
+
+function Hello() {
+ return hello react
+}
+```
+
+但如果是有多个局部样式，直接拼接是无效的（毕竟是个无效的表达式）
+
+```jsx
+// 错误
+
+
+// 正确
+
+
+
+
+ {typeof icon === 'string' ?
+ )
+}
+
+export default function SocialLinks({ ...prop }) {
+ return (
+ (null)
+ const [popperElement, setPopperElement] = useState(null)
+ const [arrowElement, setArrowElement] = useState(null)
+ const [container, setContainer] = useState(null)
+ const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {
+ modifiers: [
+ {
+ name: 'arrow',
+ options: {
+ element: arrowElement,
+ },
+ },
+ {
+ name: 'offset',
+ options: {
+ offset: [0, 8],
+ },
+ },
+ ],
+ })
+
+ const timeout = useRef(null)
+ const tooltipId = `${id}_tooltip`
+
+ useEffect(() => {
+ if (anchorEl) {
+ if (typeof anchorEl === 'string') {
+ setContainer(document.querySelector(anchorEl))
+ } else {
+ setContainer(anchorEl)
+ }
+ } else {
+ setContainer(document.body)
+ }
+ }, [container, anchorEl])
+
+ useEffect(() => {
+ const showEvents = ['mouseenter', 'focus']
+ const hideEvents = ['mouseleave', 'blur']
+
+ const handleOpen = () => {
+ // There is no point in displaying an empty tooltip.
+ if (text === '') {
+ return
+ }
+
+ // Remove the title ahead of time to avoid displaying
+ // two tooltips at the same time (native + this one).
+ referenceElement?.removeAttribute('title')
+
+ timeout.current = window.setTimeout(() => {
+ setOpen(true)
+ }, delay || 300)
+ }
+
+ const handleClose = () => {
+ clearInterval(timeout.current!)
+ setOpen(false)
+ }
+
+ if (referenceElement) {
+ showEvents.forEach(event => {
+ referenceElement.addEventListener(event, handleOpen)
+ })
+
+ hideEvents.forEach(event => {
+ referenceElement.addEventListener(event, handleClose)
+ })
+ }
+
+ return () => {
+ if (referenceElement) {
+ showEvents.forEach(event => {
+ referenceElement.removeEventListener(event, handleOpen)
+ })
+
+ hideEvents.forEach(event => {
+ referenceElement.removeEventListener(event, handleClose)
+ })
+ }
+ }
+ }, [referenceElement, text, delay])
+
+ return (
+ <>
+ {React.cloneElement(children, {
+ ref: setReferenceElement,
+ 'aria-describedby': open ? tooltipId : undefined,
+ })}
+ {container
+ ? ReactDOM.createPortal(
+ open && (
+ ,
+): JSX.Element {
+ return (
+
+ )
+}
diff --git a/src/css/custom.scss b/src/css/custom.scss
new file mode 100644
index 0000000..189ae2c
--- /dev/null
+++ b/src/css/custom.scss
@@ -0,0 +1,335 @@
+:root {
+ --ifm-color-primary: #3cad6e;
+ --ifm-color-primary-dark: #359962;
+ --ifm-color-primary-darker: #33925d;
+ --ifm-color-primary-darkest: #2e8555;
+ --ifm-color-primary-light: #29784c;
+ --ifm-color-primary-lighter: #277148;
+ --ifm-color-primary-lightest: #205d3b;
+ --ifm-code-font-size: 95%;
+ --ifm-font-family-base: misans, ui-sans-serif, system-ui, -apple-system;
+
+ --ifm-heading-font-family: ui-sans-serif, system-ui, -apple-system;
+
+ --ifm-navbar-shadow: 0 4px 28px rgb(0 0 0 / 10%);
+
+ --ifm-menu-color: #0d203a;
+
+ /* 代码块背景 */
+ --ifm-code-background: #12affa1a;
+ --ifm-code-color: var(--ifm-color-primary);
+ --prism-background-color: #f6f8fa;
+
+ --ifm-text-color: #333;
+ --ifm-secondary-text-color: #555;
+
+ --site-primary-hue-saturation: 167 68%;
+ --site-primary-hue-saturation-light: 167 56%;
+
+ --site-color-favorite-background: #f6fdfd;
+ --site-color-tooltip: #fff;
+ --site-color-tooltip-background: #353738;
+ --site-color-svg-icon-favorite: #e9669e;
+ --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
+
+ --ifm-container-width: 1024px;
+
+ --ifm-heading-color: hsl(214deg 78% 17%);
+ --ifm-heading-font-weight: 500;
+ --ifm-font-weight-bold: 520;
+ --ifm-toc-border-color: #f1f5f9;
+
+ --content-background-color: #f8fafc;
+
+ --blog-item-background-color: linear-gradient(180deg, #fcfcfc, #fff);
+ --blog-item-shadow: 0 10px 20px #f1f5f9dd, 0 0 10px 0 #e4e4e7dd;
+ --blog-item-shade: #f4f4f5;
+
+ -webkit-font-smoothing: unset;
+
+ color: hsl(214deg 37% 25%);
+
+ --docusaurus-highlighted-code-line-bg: #d1d5db;
+}
+
+html[data-theme='dark'] {
+ --ifm-color-primary: hsl(214deg 100% 60%);
+ --ifm-color-primary-light: hsl(214deg 100% 75%);
+ --ifm-heading-color: hsl(0deg 0% 100%);
+ --ifm-menu-color: #eceef1;
+ --ifm-text-color: var(--ifm-menu-color);
+ --ifm-secondary-text-color: #eee;
+ --ifm-toc-border-color: #313131;
+
+ --content-background-color: #18181b;
+ --blog-item-background-color: linear-gradient(180deg, #171717, #18181b);
+ --blog-item-shadow: 0 12px 24px rgb(37 55 72 / 20%), 0 0 8px rgb(37 55 72 / 40%);
+ --blog-item-shade: #27272a;
+
+ color: hsl(214deg 15% 85%);
+
+ --docusaurus-highlighted-code-line-bg: #4b5563;
+}
+
+body {
+ font-family:
+ misans,
+ system-ui,
+ -apple-system,
+ 'PingFang SC',
+ 'Microsoft YaHei';
+}
+
+html,
+body {
+ scroll-behavior: smooth;
+}
+
+.theme-code-block {
+ --prism-background-color: #f6f8fa !important;
+}
+
+html[data-theme='dark'] .theme-code-block {
+ --prism-background-color: #1e1e1e !important;
+}
+
+article {
+ .markdown {
+ a:not(.hash-link) {
+ text-decoration: none;
+ font-weight: inherit;
+ border-bottom: 1px solid rgb(125 125 125 / 30%);
+ transition: border 0.3s ease-in-out;
+
+ &:hover,
+ &:focus {
+ border-bottom: 1px solid var(--ifm-color-primary-light);
+ }
+ }
+
+ code {
+ border: 0.1rem solid transparent;
+ }
+
+ .alert {
+ border: 2px solid var(--ifm-alert-border-color);
+ }
+
+ img {
+ border-radius: 10px;
+ display: flex;
+ margin: 0 auto;
+
+ // box-shadow: 0 0 25px rgb(132 167 156 / 10%);
+ }
+
+ > h2 {
+ font-size: 1.8em;
+ }
+
+ > h3 {
+ font-size: 1.5em;
+ }
+
+ > h4 {
+ font-size: 1.2em;
+ }
+
+ .markdown-body a:hover::before {
+ width: 100%;
+ }
+
+ .a-icon {
+ display: none;
+ }
+
+ p > span {
+ > .a-icon {
+ display: block;
+ }
+
+ > a {
+ line-height: 1.5rem;
+ }
+ }
+ }
+}
+
+:where(html[data-theme='dark']) article .markdown strong {
+ color: #fff;
+}
+
+.navbar {
+ box-shadow: none;
+ background-color: transparent;
+
+ // background-image: radial-gradient(transparent 1px, #fff 1px);
+ // background-size: 3px 3px;
+ // backdrop-filter: saturate(50%) blur(4px);
+
+ .navbar__title {
+ margin-left: 12px;
+ color: var(--ifm-color-primary);
+ font-family: var(--ifm-font-family-name);
+ }
+}
+
+.navbar__link,
+.dropdown,
+.navbar__title,
+.menu {
+ font-weight: 400;
+}
+
+.pagination-nav__link {
+ border: 2px solid var(--ifm-link-color);
+
+ &:hover {
+ background-color: #a1d8f71b;
+ }
+}
+
+@media (width <= 570px) {
+ h1 {
+ font-size: 1.6em;
+ }
+
+ .markdown {
+ > h2 {
+ font-size: 1.4em;
+ }
+
+ > h3 {
+ font-size: 1.2em;
+ }
+ }
+}
+
+/* 导航收缩相应尺寸调大 */
+@media (width <= 1100px) {
+ .navbar > .container,
+ .navbar > .container-fluid {
+ padding: 0;
+ }
+
+ .navbar__toggle {
+ display: inherit;
+ }
+
+ .navbar__item {
+ display: none;
+ }
+
+ .navbar__search-input {
+ width: 9rem;
+ }
+
+ .navbar-sidebar {
+ display: block;
+ }
+}
+
+code {
+ color: var(--ifm-code-color);
+}
+
+div[class^='announcementBar_'] {
+ background: repeating-linear-gradient(
+ -35deg,
+ var(--ifm-color-primary-lighter),
+ var(--ifm-color-primary-lighter) 20px,
+ var(--ifm-color-primary-lightest) 10px,
+ var(--ifm-color-primary-lightest) 40px
+ );
+ font-weight: 700;
+}
+
+.screen-reader-only {
+ border: 0;
+ clip: rect(0 0 0 0);
+ clip-path: polygon(0 0, 0 0, 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ white-space: nowrap;
+}
+
+.code-block-error-line {
+ background-color: #ff000020;
+ display: block;
+ margin: 0 calc(-1 * var(--ifm-pre-padding));
+ padding: 0 var(--ifm-pre-padding);
+ border-left: 3px solid #ff000080;
+}
+
+.readMore {
+ display: flex;
+ flex: 1 1 auto;
+ justify-content: flex-end;
+ align-items: center;
+ gap: 2px;
+
+ opacity: 0;
+
+ transition: 0.2s;
+
+ color: var(--ifm-link-color);
+ font-weight: 500;
+
+ a:hover {
+ text-decoration: none;
+ }
+}
+
+.blog-card {
+ border-radius: var(--ifm-pagination-nav-border-radius);
+ margin-top: 0;
+
+ background: var(--blog-item-background-color);
+ box-shadow: var(--blog-item-shadow);
+ padding: 1em 1.25em 0.75em;
+
+ &:hover .readMore {
+ opacity: 1;
+ }
+}
+
+.container-wrapper {
+ background: var(--content-background-color);
+}
+
+.gsc-comments textarea {
+ background: var(--content-background-color);
+}
+
+.tag {
+ &:hover {
+ color: currentColor !important;
+ }
+
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 2px;
+ background: var(--ifm-color-primary);
+ visibility: hidden;
+ transition: all 0.3s linear;
+ }
+
+ &:hover::after {
+ visibility: visible;
+ width: 100%;
+ }
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
diff --git a/src/hooks/useReadPercent.ts b/src/hooks/useReadPercent.ts
new file mode 100644
index 0000000..c6fe126
--- /dev/null
+++ b/src/hooks/useReadPercent.ts
@@ -0,0 +1,24 @@
+import { useMotionValueEvent, useScroll } from 'framer-motion'
+import { useLayoutEffect, useMemo, useRef, useState } from 'react'
+
+export const useReadPercent = () => {
+ const [scrollProgress, setScrollProgress] = useState(0)
+ const postRef = useRef(null)
+ const { scrollYProgress } = useScroll({ container: postRef })
+
+ useLayoutEffect(() => {
+ postRef.current = document.getElementById('__blog-post-container')
+ }, [])
+
+ useMotionValueEvent(scrollYProgress, 'change', latest => {
+ setScrollProgress(latest)
+ })
+
+ const readPercent = useMemo(() => {
+ return Math.round(scrollProgress * 100)
+ }, [scrollProgress])
+
+ return {
+ readPercent,
+ }
+}
diff --git a/src/hooks/useViewType.ts b/src/hooks/useViewType.ts
new file mode 100644
index 0000000..933faa1
--- /dev/null
+++ b/src/hooks/useViewType.ts
@@ -0,0 +1,21 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+
+export type ViewType = 'list' | 'grid'
+
+export function useViewType() {
+ const [viewType, setViewType] = useState('list')
+
+ useEffect(() => {
+ setViewType((localStorage.getItem('viewType') as ViewType) || 'list')
+ }, [])
+
+ const toggleViewType = useCallback((newViewType: ViewType) => {
+ setViewType(newViewType)
+ localStorage.setItem('viewType', newViewType)
+ }, [])
+
+ return {
+ viewType,
+ toggleViewType,
+ }
+}
diff --git a/src/hooks/useWindowSize.ts b/src/hooks/useWindowSize.ts
new file mode 100644
index 0000000..8112507
--- /dev/null
+++ b/src/hooks/useWindowSize.ts
@@ -0,0 +1,26 @@
+import React, { useState, useEffect } from 'react'
+
+export function useWindowSize() {
+ const [windowSize, setWindowSize] = useState({
+ width: window.innerWidth,
+ height: window.innerHeight,
+ })
+
+ useEffect(() => {
+ function handleResize() {
+ setWindowSize({
+ width: window.innerWidth,
+ height: window.innerHeight,
+ })
+ }
+
+ window.addEventListener('resize', handleResize)
+
+ // 清理函数，在组件卸载时移除事件监听
+ return () => {
+ window.removeEventListener('resize', handleResize)
+ }
+ }, []) // 空数组作为第二个参数，只在组件挂载和卸载时执行一次
+
+ return windowSize
+}
diff --git a/src/pages/_components/BlogRecommend/index.tsx b/src/pages/_components/BlogRecommend/index.tsx
new file mode 100644
index 0000000..1b8c023
--- /dev/null
+++ b/src/pages/_components/BlogRecommend/index.tsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import clsx from 'clsx'
+import { motion } from 'framer-motion'
+import { BlogPost } from '@docusaurus/plugin-content-blog'
+import { usePluginData } from '@docusaurus/useGlobalData'
+import Translate from '@docusaurus/Translate'
+import Link from '@docusaurus/Link'
+import Image from '@theme/IdealImage'
+
+import styles from './styles.module.scss'
+
+export default function BlogRecommend(): JSX.Element {
+ const blogData = usePluginData('docusaurus-plugin-content-blog') as {
+ posts: BlogPost[]
+ postNum: number
+ tagNum: number
+ }
+ const recommendedPosts = blogData.posts
+ .filter(b => (b.metadata.frontMatter.sticky as number) > 0)
+ .map(b => b.metadata)
+ .sort((a, b) => (a.frontMatter.sticky as number) - (b.frontMatter.sticky as number))
+ .slice(0, 8)
+
+ if (recommendedPosts.length === 0) {
+ return <>
+ }
+
+ return (
+
+ {frontMatter.image && (
+
+
+ )
+}
+
+export default function BlogSection(): JSX.Element {
+ const blogData = usePluginData('docusaurus-plugin-content-blog') as {
+ posts: BlogPost[]
+ postNum: number
+ tagNum: number
+ }
+
+ const posts = chunk(blogData.posts.slice(0, BLOG_POSTS_COUNT), BLOG_POSTS_PER_ROW)
+
+ const ref = React.useRef(null)
+
+ const { scrollYProgress } = useScroll()
+ const y = useTransform(scrollYProgress, [0, 0.5, 1], [20, 0, -20], {
+ clamp: false,
+ })
+
+ if (blogData.postNum === 0) {
+ return <>作者还没有写过博客哦
+ }
+
+ return (
+
+
+ 近期博客
+
+
+ )
+}
diff --git a/src/pages/_components/BlogSection/styles.module.scss b/src/pages/_components/BlogSection/styles.module.scss
new file mode 100644
index 0000000..83a2ea8
--- /dev/null
+++ b/src/pages/_components/BlogSection/styles.module.scss
@@ -0,0 +1,55 @@
+.blogContainer {
+ max-width: 1280px;
+}
+
+.list {
+ margin: 0;
+ padding: 0.5rem 0;
+ overflow: hidden;
+ max-height: 640px;
+ border-radius: var(--ifm-card-border-radius);
+
+ li {
+ display: flex;
+ width: 100%;
+ background: var(--blog-item-background-color);
+ box-shadow: var(--blog-item-shadow);
+ }
+
+ .image {
+ overflow: hidden;
+ object-fit: cover;
+ max-height: 240px;
+ cursor: pointer;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ p {
+ font-size: smaller;
+ }
+
+ h4 {
+ font-size: 1rem;
+
+ a {
+ position: relative;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+ }
+}
+
+@media (width <= 996px) {
+ .blogContainer {
+ max-width: 768px;
+ }
+
+ .list {
+ max-height: none;
+ }
+}
diff --git a/src/pages/_components/FeaturesSection/index.tsx b/src/pages/_components/FeaturesSection/index.tsx
new file mode 100644
index 0000000..ba757f2
--- /dev/null
+++ b/src/pages/_components/FeaturesSection/index.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import clsx from 'clsx'
+import Translate from '@docusaurus/Translate'
+
+import styles from './styles.module.scss'
+import features, { type FeatureItem } from '@site/data/features'
+import SectionTitle from '../SectionTitle'
+
+function Feature({ title, Svg, text }: FeatureItem) {
+ return (
+
+
+ 个人特点
+
+
+ )
+}
diff --git a/src/pages/_components/FeaturesSection/styles.module.scss b/src/pages/_components/FeaturesSection/styles.module.scss
new file mode 100644
index 0000000..da6ddb4
--- /dev/null
+++ b/src/pages/_components/FeaturesSection/styles.module.scss
@@ -0,0 +1,44 @@
+.featureContainer {
+ max-width: 1280px;
+ padding: 2rem 1rem;
+}
+
+.features {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(260px, 1fr));
+ gap: 1.5rem;
+ margin: 0;
+ padding: 0.5rem 0;
+}
+
+.feature {
+ position: relative;
+ background: transparent;
+ border-radius: 0.375rem;
+ width: 100%;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ transition: all 0.3s linear;
+}
+
+.featureSvg {
+ height: 150px;
+ width: 100%;
+}
+
+.feature:hover {
+ box-shadow: 0 0 10px 10px rgb(221 221 221 / 20%);
+}
+
+html[data-theme='dark'] .feature:hover {
+ box-shadow: 0 0 10px 10px rgb(71 71 71 / 20%);
+}
+
+@media (width <= 768px) {
+ .features {
+ grid-template-columns: repeat(1, 1fr);
+ gap: 0.75rem;
+ }
+}
diff --git a/src/pages/_components/Hero/img/hero_main.svg b/src/pages/_components/Hero/img/hero_main.svg
new file mode 100644
index 0000000..4f1cceb
--- /dev/null
+++ b/src/pages/_components/Hero/img/hero_main.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/pages/_components/Hero/img/hero_main1.svg b/src/pages/_components/Hero/img/hero_main1.svg
new file mode 100644
index 0000000..2423634
--- /dev/null
+++ b/src/pages/_components/Hero/img/hero_main1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/pages/_components/Hero/index.tsx b/src/pages/_components/Hero/index.tsx
new file mode 100644
index 0000000..bd077d6
--- /dev/null
+++ b/src/pages/_components/Hero/index.tsx
@@ -0,0 +1,139 @@
+import React from 'react'
+import { Variants, motion, useScroll, useTransform } from 'framer-motion' // Import motion from framer-motion
+
+import Translate from '@docusaurus/Translate'
+
+import HeroMain from './img/hero_main.svg'
+
+import styles from './styles.module.scss'
+import SocialLinks from '@site/src/components/SocialLinks'
+import skills from '@site/data/skills'
+
+import { Icon } from '@iconify/react'
+
+const variants: Variants = {
+ visible: i => ({
+ opacity: 1,
+ y: 0,
+ transition: {
+ type: 'spring',
+ damping: 25,
+ stiffness: 100,
+ duration: 0.3,
+ delay: i * 0.3,
+ },
+ }),
+ hidden: { opacity: 0, y: 30 },
+}
+
+function Skills() {
+ const { scrollYProgress } = useScroll()
+
+ // 往下滚动 元素向上移动
+ const y1 = useTransform(scrollYProgress, [0, 1], ['0%', '-500%'], {
+ clamp: false,
+ })
+
+ // 往下滚动 元素向下移动
+ const y2 = useTransform(scrollYProgress, [0, 1], ['0%', '500%'], {
+ clamp: false,
+ })
+
+ return (
+ <>
+ {skills.map((skill, index) => {
+ const yValue = index % 2 === 0 ? y1 : y2
+
+ return (
+
+
+ )
+ })}
+
+ )
+}
+
+function Circle() {
+ return
+}
+
+function Name() {
+ return (
+ {
+ e.currentTarget.style.setProperty('--x', `${e.clientX}px`)
+ e.currentTarget.style.setProperty('--y', `${e.clientY}px`)
+ }}
+ >
+ 你好! 我是
+ {
+ const bounding = e.currentTarget.getBoundingClientRect()
+ e.currentTarget.style.setProperty('--mouse-x', `${bounding.x}px`)
+ e.currentTarget.style.setProperty('--mouse-y', `${bounding.y}px`)
+ }}
+ >
+ 贾添植
+
+ 👋
+
+ )
+}
+
+export default function Hero() {
+ return (
+
+
+
+
+
+ )
+}
diff --git a/src/pages/_components/Hero/styles.module.scss b/src/pages/_components/Hero/styles.module.scss
new file mode 100644
index 0000000..65b7ad6
--- /dev/null
+++ b/src/pages/_components/Hero/styles.module.scss
@@ -0,0 +1,289 @@
+/* hero */
+.hero {
+ height: calc(100vh - 60px);
+ width: 100vw;
+ max-width: 100%;
+ margin: 0;
+ display: grid;
+ grid-template-columns: 8fr 11fr;
+ align-items: center;
+ position: relative;
+
+ letter-spacing: 0.04em;
+ padding: 0;
+}
+
+.intro {
+ padding: 1em;
+ padding-left: 4em;
+ position: relative;
+ z-index: 10;
+}
+
+.intro > p {
+ margin: 24px 0;
+ color: hsl(215deg 19% 48%);
+ text-shadow: 0 0 #8c99ab;
+ font-size: 1rem;
+ text-align: justify;
+ letter-spacing: -0.04em;
+ line-height: 32px;
+}
+
+.hero_text {
+ font-size: calc(1.5em + 1.2vw);
+}
+
+.name {
+ --lighting-size: 300px;
+ --lighting-color: var(--ifm-color-primary);
+ --lighting-highlight-color: var(--ifm-color-primary-lightest);
+
+ background-image: radial-gradient(
+ var(--lighting-highlight-color),
+ var(--lighting-color),
+ var(--lighting-color)
+ );
+ background-size: var(--lighting-size) var(--lighting-size);
+ background-repeat: no-repeat;
+
+ background-position-x: calc(var(--x) - var(--mouse-x) - calc(var(--lighting-size) / 2));
+ background-position-y: calc(var(--y) - var(--mouse-y) - calc(var(--lighting-size) / 2));
+
+ background-color: var(--lighting-color);
+
+ color: transparent;
+ background-clip: text;
+}
+
+.wave {
+ margin-left: 2px;
+}
+
+.background {
+ position: relative;
+
+ width: 100%;
+ height: 90%;
+ z-index: 5;
+ place-items: center center;
+ align-self: flex-start;
+}
+
+.background svg {
+ width: 100%;
+ height: auto;
+}
+
+.circle {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(90deg, rgb(150 255 244 / 81.3%) 0%, rgb(0 71 252 / 80.6%) 100%);
+ border-radius: 50%;
+ opacity: 0.3;
+
+ // animation: heartbeat 10s infinite;
+ filter: blur(80px);
+ z-index: -1;
+}
+
+.box {
+ position: absolute;
+
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ background-color: transparent;
+ color: transparent;
+
+ backdrop-filter: blur(2px);
+
+ box-shadow:
+ inset 1px 1px 5px rgb(255 255 255 / 30%),
+ 0 0 5px rgb(0 0 0 / 20%);
+
+ border-radius: 8px;
+
+ padding: 0.5rem;
+ width: 3.5rem;
+ height: 3.5rem;
+}
+
+@keyframes surround {
+ 0% {
+ transform: translateY(-25%) translateX(40%) rotate(0deg);
+ }
+
+ 30% {
+ transform: translateY(0) translateX(0) rotate(90deg) scaleX(0.7);
+ }
+
+ 50% {
+ transform: translateY(-25%) translateX(-40%) rotate(180deg);
+ }
+
+ 70% {
+ transform: translateY(0) translateX(0) rotate(270deg) scaleX(0.7);
+ }
+
+ 100% {
+ transform: translateY(-25%) translateX(40%) rotate(1turn);
+ }
+}
+
+@keyframes heartbeat {
+ 0% {
+ transform: rotate(45deg);
+ opacity: 0.1;
+ }
+
+ 50% {
+ transform: rotate(45deg);
+ opacity: 0.3;
+ }
+
+ 100% {
+ transform: rotate(45deg);
+ opacity: 0.1;
+ }
+}
+
+.buttonGroup {
+ display: flex;
+ gap: 0.5rem;
+
+ margin-top: 1rem;
+}
+
+.outer {
+ position: relative;
+ overflow: hidden;
+ padding: 2px;
+ width: max-content;
+ border-radius: 16px;
+
+ transform: translateZ(0);
+}
+
+.gradient {
+ position: absolute;
+ inset: 0;
+ height: 100%;
+ border-radius: 16px;
+ animation: surround -0.64s linear 4s infinite;
+ background: conic-gradient(
+ transparent 50deg,
+ var(--ifm-color-primary-light) 80deg,
+ transparent 100deg
+ );
+
+ filter: blur(8px);
+ transform-origin: center;
+ will-change: transform;
+}
+
+.button {
+ position: relative;
+ z-index: 1;
+ align-items: center;
+
+ text-align: center;
+ display: inline-block;
+ padding: 0.75em 1.5em;
+ font-weight: 600;
+ border: 1px solid hsl(0deg 0% 16% / 10%);
+
+ background-color: #f9fafb;
+ border-radius: 16px;
+
+ &:hover {
+ text-decoration: none;
+ }
+}
+
+html[data-theme='dark'] {
+ .gradient {
+ background: conic-gradient(
+ transparent 50deg,
+ var(--ifm-color-primary-darker) 80deg,
+ transparent 100deg
+ );
+ }
+
+ .button {
+ border: 1px solid hsl(0deg 0% 100% / 10%);
+ background-color: #262626;
+ }
+}
+
+@media (width <= 1000px) {
+ .hero {
+ grid-template-columns: 1fr;
+ grid-template-rows: max-content minmax(0, max-content);
+ align-items: start;
+ height: auto;
+ /* background-position: center bottom;
+ background-size: 70vh; */
+ }
+
+ .intro {
+ padding: 0 var(--ifm-spacing-horizontal);
+ padding-top: 4em;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .background {
+ width: 100%;
+ justify-self: center;
+ padding-top: 4em;
+ height: 100%;
+ display: grid;
+ place-items: center;
+ }
+
+ .background svg {
+ width: 90%;
+ height: auto;
+ }
+
+ .box {
+ width: 3rem;
+ height: 3rem;
+ }
+
+ .outer {
+ width: 200px;
+ }
+
+ .button {
+ width: 100%;
+ }
+}
+
+@media (width <= 570px) {
+ .hero {
+ height: auto;
+ }
+
+ .background {
+ padding-top: 2em;
+ }
+
+ .background svg {
+ width: 100%;
+ height: auto;
+ }
+
+ .box {
+ width: 2rem;
+ height: 2rem;
+ }
+
+ .intro {
+ padding-top: 2em;
+ }
+}
diff --git a/src/pages/_components/ProjectSection/index.tsx b/src/pages/_components/ProjectSection/index.tsx
new file mode 100644
index 0000000..095b848
--- /dev/null
+++ b/src/pages/_components/ProjectSection/index.tsx
@@ -0,0 +1,117 @@
+import React, { useLayoutEffect, useRef } from 'react'
+import clsx from 'clsx'
+import { Project, projects } from '@site/data/projects'
+import Translate from '@docusaurus/Translate'
+import styles from './styles.module.scss'
+import {
+ motion,
+ useAnimationFrame,
+ useMotionValue,
+ useScroll,
+ useSpring,
+ useTransform,
+ useVelocity,
+ wrap,
+} from 'framer-motion'
+import SectionTitle from '../SectionTitle'
+
+const removeHttp = (url: string) => {
+ return url.replace(/(^\w+:|^)\/\//, '')
+}
+
+const defaultVelocity = 0.4
+const showProjects = projects.filter(i => i.preview)
+
+const Slider = ({ items }: { items: Project[] }) => {
+ // 初始速度
+ let baseVelocity = -defaultVelocity
+ // 移动方向
+ const directionFactor = useRef(1)
+
+ const baseX = useMotionValue(0)
+ const { scrollY } = useScroll()
+ const scrollVelocity = useVelocity(scrollY)
+ const smoothVelocity = useSpring(scrollVelocity, {
+ damping: 50,
+ stiffness: 400,
+ })
+ const velocityFactor = useTransform(smoothVelocity, [0, 1000], [0, 6], {
+ clamp: false,
+ })
+
+ useLayoutEffect(() => {
+ baseX.set(6)
+ })
+
+ const x = useTransform(baseX, v => `${wrap(10, -3 * showProjects.length, v)}%`)
+
+ useAnimationFrame((time, delta) => {
+ let moveBy = directionFactor.current * baseVelocity * (delta / 1000)
+
+ // if (velocityFactor.get() < 0) {
+ // directionFactor.current = -1
+ // } else if (velocityFactor.get() > 0) {
+ // directionFactor.current = 1
+ // }
+
+ moveBy += directionFactor.current * moveBy * velocityFactor.get()
+
+ // 重置进度
+ if (baseX.get() <= -3 * showProjects.length) {
+ baseX.set(11)
+ }
+
+ baseX.set(baseX.get() + moveBy)
+ })
+
+ const handleHoverStart = () => {
+ baseX.stop()
+ baseVelocity = 0
+ }
+
+ const handleHoverEnd = () => {
+ baseVelocity = -defaultVelocity
+ }
+
+ return (
+
+
+ 项目展示
+
+
+ )
+}
diff --git a/src/pages/_components/ProjectSection/styles.module.scss b/src/pages/_components/ProjectSection/styles.module.scss
new file mode 100644
index 0000000..cc36ff0
--- /dev/null
+++ b/src/pages/_components/ProjectSection/styles.module.scss
@@ -0,0 +1,139 @@
+.projectContainer {
+ max-width: 1280px;
+}
+
+.content {
+ position: relative;
+ border-radius: var(--ifm-card-border-radius);
+}
+
+.slider {
+ height: 180px;
+ margin: auto;
+ padding: 0.5rem 0;
+ position: relative;
+}
+
+.slide-track {
+ display: flex;
+ width: 100%;
+ margin-bottom: 0.5rem;
+}
+
+.slide {
+ height: 100px;
+ width: 200px;
+ margin: 0 0.5rem;
+
+ .image {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 1rem;
+ padding: 0 1rem;
+ }
+
+ a:hover {
+ text-decoration: none;
+ }
+}
+
+.slideBody {
+ padding: 0.5rem 0;
+ text-align: center;
+ width: 100%;
+
+ .title {
+ font-weight: 400;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-size: 1.25rem;
+ margin: 0;
+ }
+
+ .website {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: var(--ifm-color-primary);
+ margin: 0;
+ }
+}
+
+@keyframes scroll {
+ 0% {
+ transform: translate(0);
+ }
+
+ 100% {
+ transform: translate(-20%);
+ }
+}
+
+/* Gradient Boxes */
+.gradientBox {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ height: 100%;
+ width: 20px;
+ z-index: 1;
+ margin-right: -1px;
+ margin-left: -1px;
+}
+
+.leftBox {
+ left: 0;
+ background-image: linear-gradient(to right, var(--content-background-color), transparent);
+}
+
+.rightBox {
+ right: 0;
+ background-image: linear-gradient(to left, var(--content-background-color), transparent);
+}
+
+html[data-theme='dark'] .leftBox {
+ background-image: linear-gradient(to right, #18181baa, transparent);
+}
+
+html[data-theme='dark'] .rightBox {
+ background-image: linear-gradient(to left, #18181baa, transparent);
+}
+
+/* Media Queries */
+@media (width >= 640px) {
+ .slider {
+ height: 250px;
+ }
+
+ .slide {
+ height: 200px;
+ width: 300px;
+ }
+
+ .gradientBox {
+ width: 50px;
+ }
+}
+
+@media (width >= 768px) {
+ .gradientBox {
+ width: 100px;
+ }
+}
+
+@media (width >= 1024px) {
+ .slider {
+ height: 280px;
+ }
+
+ .slide {
+ height: 200px;
+ width: 400px;
+ }
+
+ .gradientBox {
+ width: 200px;
+ }
+}
diff --git a/src/pages/_components/SectionTitle/index.tsx b/src/pages/_components/SectionTitle/index.tsx
new file mode 100644
index 0000000..b048852
--- /dev/null
+++ b/src/pages/_components/SectionTitle/index.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Icon } from '@iconify/react'
+import Link from '@docusaurus/Link'
+import Translate from '@docusaurus/Translate'
+
+import styles from './styles.module.scss'
+
+interface Props {
+ icon?: string
+ href?: string
+ children: React.ReactNode
+}
+
+export default function SectionTitle({ children, icon, href }: Props) {
+ return (
+
+ 
+
+))
+
+export default FriendCard
diff --git a/src/pages/friends/_components/FriendCard/styles.module.css b/src/pages/friends/_components/FriendCard/styles.module.css
new file mode 100644
index 0000000..1fb135e
--- /dev/null
+++ b/src/pages/friends/_components/FriendCard/styles.module.css
@@ -0,0 +1,68 @@
+.friendCard {
+ background-color: var(--ifm-card-background-color);
+ border-radius: var(--ifm-card-border-radius);
+ display: flex;
+ flex-direction: row;
+ overflow: hidden;
+
+ transition: all 0.3s;
+}
+
+.friendCard:hover {
+ transform: translateY(-5px) scale(1.01, 1.01);
+ box-shadow: 0px 3px 10px 0 rgba(164, 190, 217, 0.3);
+ background-color: rgb(229, 231, 235, 0.3);
+}
+
+.friendCardImage {
+ width: 100px;
+ height: 100px;
+ min-width: 100px;
+ border-radius: 50%;
+ object-fit: contain;
+ transition: all 0.3s;
+}
+
+.friendCard:hover .friendCardImage {
+ border-radius: 30%;
+}
+
+.friendCardHeader {
+ display: flex;
+ align-items: center;
+ margin-bottom: 4px;
+}
+
+.friendCardTitle {
+ margin-bottom: 0;
+ flex: 1 1 auto;
+}
+
+.friendCardTitle a {
+ text-decoration: none;
+ background: linear-gradient(
+ var(--ifm-color-primary),
+ var(--ifm-color-primary)
+ )
+ 0% 100% / 0% 1px no-repeat;
+ transition: background-size ease-out 200ms;
+}
+
+.friendCardTitle a:not(:focus):hover {
+ background-size: 100% 1px;
+}
+
+.friendCardBody {
+ padding: 0.5rem var(--ifm-card-horizontal-spacing);
+}
+
+.friendCardDesc {
+ font-size: smaller;
+ line-height: 1.66;
+ width: 100%;
+ margin: 0;
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
diff --git a/src/pages/friends/index.tsx b/src/pages/friends/index.tsx
new file mode 100644
index 0000000..da672ac
--- /dev/null
+++ b/src/pages/friends/index.tsx
@@ -0,0 +1,73 @@
+import React from 'react'
+import Layout from '@theme/Layout'
+import CodeBlock from '@theme/CodeBlock'
+
+import FriendCard from './_components/FriendCard'
+import { Friends } from '@site/data/friends'
+
+import styles from './styles.module.css'
+import { motion } from 'framer-motion'
+
+const TITLE = '友链'
+const DESCRIPTION = '有很多良友，胜于有很多财富。'
+const ADD_FRIEND_URL = 'https://github.com/kuizuo/blog/edit/main/data/friends.tsx'
+const SITE_INFO = `
+title: '贾添植'
+description: '锦衣未加身，独在夜中行。'
+website: 'https://jiatianzhi.xyz'
+avatar: 'https://jiatianzhi.xyz/img/logo.png'
+`
+
+function SiteInfo() {
+ return (
+
+
+ )
+}
+
+function FriendCards() {
+ const friends = Friends
+
+ return (
+
+
+ )
+}
+
+export default function FriendLink(): JSX.Element {
+ const ref = React.useRef(null)
+
+ return (
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/friends/styles.module.css b/src/pages/friends/styles.module.css
new file mode 100644
index 0000000..9f76eeb
--- /dev/null
+++ b/src/pages/friends/styles.module.css
@@ -0,0 +1,34 @@
+.friendContainer {
+ max-width: 1024px;
+ margin: 0 auto;
+ padding: 0.5rem 1rem;
+}
+
+.friendList {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+ gap: 24px;
+}
+
+.dragBox {
+ position: sticky;
+ bottom: 1rem;
+ left: 1rem;
+
+ display: inline-flex;
+ text-align: right;
+ cursor: move;
+}
+
+.siteInfo {
+ text-align: left;
+ width: 400px;
+ font-size: 0.9rem;
+ border-radius: var(--ifm-pre-border-radius);
+ border: 0.1rem solid rgba(0, 0, 0, 0.1);
+ --ifm-leading: 0;
+}
+
+.siteInfo code {
+ --ifm-pre-padding: 0 1rem;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..449b063
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import Layout from '@theme/Layout'
+import Hero from './_components/Hero'
+import BlogSection from './_components/BlogSection'
+import FeaturesSection from './_components/FeaturesSection'
+import HomepageProject from './_components/ProjectSection'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+
+export default function Home(): JSX.Element {
+ const {
+ siteConfig: { customFields, tagline },
+ } = useDocusaurusContext()
+ const { description } = customFields as { description: string }
+
+ return (
+
+
+
+
+ )
+}
diff --git a/src/pages/project/_components/ShowcaseCard/index.tsx b/src/pages/project/_components/ShowcaseCard/index.tsx
new file mode 100644
index 0000000..73fa2db
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseCard/index.tsx
@@ -0,0 +1,76 @@
+import React, { memo } from 'react'
+import clsx from 'clsx'
+import Image from '@theme/IdealImage'
+import Link from '@docusaurus/Link'
+import Translate from '@docusaurus/Translate'
+import styles from './styles.module.css'
+import FavoriteIcon from '@site/src/components/svgIcons/FavoriteIcon'
+import Tooltip from '@site/src/components/Tooltip'
+import { Tags, TagList, type TagType, type Project, type Tag } from '@site/data/projects'
+import { sortBy } from '@site/src/utils/jsUtils'
+
+const TagComp = React.forwardRef(({ label, color, description }, ref) => (
+
+ {label.toLowerCase()}
+
+
+))
+
+function ShowcaseCardTag({ tags }: { tags: TagType[] }) {
+ const tagObjects = tags.map(tag => ({ tag, ...Tags[tag] }))
+
+ // Keep same order for all tags
+ const tagObjectsSorted = sortBy(tagObjects, tagObject => TagList.indexOf(tagObject.tag))
+
+ return (
+ <>
+ {tagObjectsSorted.map((tagObject, index) => {
+ const id = `showcase_card_tag_${tagObject.tag}`
+
+ return (
+
+
+ )
+ })}
+
+ )
+}
+
+const ShowcaseCard = memo(({ project }: { project: Project }) => {
+ return (
+ >
+ label: ReactNode
+ tag: TagType
+}
+
+const TagQueryStringKey = 'tags'
+
+export function readSearchTags(search: string): TagType[] {
+ return new URLSearchParams(search).getAll(TagQueryStringKey) as TagType[]
+}
+
+function replaceSearchTags(search: string, newTags: TagType[]) {
+ const searchParams = new URLSearchParams(search)
+ searchParams.delete(TagQueryStringKey)
+ newTags.forEach(tag => searchParams.append(TagQueryStringKey, tag))
+ return searchParams.toString()
+}
+
+const ShowcaseTagSelect = React.forwardRef(
+ ({ id, icon, label, tag, ...rest }, ref) => {
+ const location = useLocation()
+ const history = useHistory()
+ const [selected, setSelected] = useState(false)
+ useEffect(() => {
+ const tags = readSearchTags(location.search)
+ setSelected(tags.includes(tag))
+ }, [tag, location])
+ const toggleTag = useCallback(() => {
+ const tags = readSearchTags(location.search)
+ const newTags = toggleListItem(tags, tag)
+ const newSearch = replaceSearchTags(location.search, newTags)
+ history.push({
+ ...location,
+ search: newSearch,
+ state: prepareUserState(),
+ })
+ }, [tag, location, history])
+ return (
+ <>
+ {
+ if (e.key === 'Enter') {
+ toggleTag()
+ }
+ }}
+ onFocus={e => {
+ if (e.relatedTarget) {
+ e.target.nextElementSibling?.dispatchEvent(
+ new KeyboardEvent('focus'),
+ )
+ }
+ }}
+ onBlur={e => {
+ e.target.nextElementSibling?.dispatchEvent(
+ new KeyboardEvent('blur'),
+ )
+ }}
+ onChange={toggleTag}
+ checked={selected}
+ {...rest}
+ />
+
+
+ )
+ },
+)
+
+export default ShowcaseTagSelect
diff --git a/src/pages/project/_components/ShowcaseTagSelect/styles.module.css b/src/pages/project/_components/ShowcaseTagSelect/styles.module.css
new file mode 100644
index 0000000..91a6adb
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseTagSelect/styles.module.css
@@ -0,0 +1,31 @@
+.checkboxLabel:hover {
+ opacity: 1;
+ box-shadow: 0 0 2px 1px var(--ifm-color-secondary-darkest);
+}
+
+input[type='checkbox'] + .checkboxLabel {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ line-height: 1.5;
+ border-radius: 4px;
+ padding: 0.275rem 0.8rem;
+ opacity: 0.85;
+ transition: opacity 200ms ease-out;
+ border: 2px solid var(--ifm-color-secondary-darkest);
+}
+
+input:focus-visible + .checkboxLabel {
+ outline: 2px solid currentColor;
+}
+
+input:checked + .checkboxLabel {
+ opacity: 0.9;
+ background-color: var(--site-color-checkbox-checked-bg);
+ border: 2px solid var(--ifm-color-primary-darkest);
+}
+
+input:checked + .checkboxLabel:hover {
+ opacity: 0.75;
+ box-shadow: 0 0 2px 1px var(--ifm-color-primary-dark);
+}
diff --git a/src/pages/project/index.tsx b/src/pages/project/index.tsx
new file mode 100644
index 0000000..ebd867d
--- /dev/null
+++ b/src/pages/project/index.tsx
@@ -0,0 +1,109 @@
+import React from 'react'
+import clsx from 'clsx'
+import { translate } from '@docusaurus/Translate'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+import ShowcaseCard from './_components/ShowcaseCard'
+import { projects, groupByProjects, projectTypeMap } from '@site/data/projects'
+
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment'
+
+import styles from './styles.module.css'
+import MyLayout from '@site/src/theme/MyLayout'
+import { upperFirst } from '@site/src/utils/jsUtils'
+
+const TITLE = translate({
+ id: 'theme.project.title',
+ message: '项目',
+})
+const DESCRIPTION = translate({
+ id: 'theme.project.description',
+ message: '学而无用，不如学而用之。这里是我在技术领域中努力实践和应用的最佳证明。',
+})
+
+// const GITHUB_URL = 'https://github.com/kuizuo'
+
+type ProjectState = {
+ scrollTopPosition: number
+ focusedElementId: string | undefined
+}
+
+export function prepareUserState(): ProjectState | undefined {
+ if (ExecutionEnvironment.canUseDOM) {
+ return {
+ scrollTopPosition: window.scrollY,
+ focusedElementId: document.activeElement?.id,
+ }
+ }
+
+ return undefined
+}
+
+function ShowcaseHeader() {
+ return (
+
+ 前往 Github 克隆项目
+ */}
+
+ )
+}
+
+function ShowcaseCards() {
+ const { i18n } = useDocusaurusContext()
+ const lang = i18n.currentLocale
+
+ if (projects.length === 0) {
+ return (
+
+
+ )
+ }
+
+ return (
+
+ <>
+
+ )
+}
+
+function Showcase(): JSX.Element {
+ return (
+
+
+
+
+ )
+}
+
+export default Showcase
diff --git a/src/pages/project/styles.module.css b/src/pages/project/styles.module.css
new file mode 100644
index 0000000..19b7cdd
--- /dev/null
+++ b/src/pages/project/styles.module.css
@@ -0,0 +1,95 @@
+.filterCheckbox {
+ justify-content: space-between;
+}
+
+.filterCheckbox,
+.checkboxList {
+ display: flex;
+ align-items: center;
+}
+
+.filterCheckbox > div:first-child {
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+}
+
+.filterCheckbox > div > * {
+ margin-bottom: 0;
+ margin-right: 8px;
+}
+
+.checkboxList {
+ flex-wrap: wrap;
+}
+
+.checkboxList,
+.showcaseList {
+ padding: 0;
+ list-style: none;
+}
+
+.checkboxListItem {
+ user-select: none;
+ white-space: nowrap;
+ height: 32px;
+ font-size: 0.8rem;
+ margin-top: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.checkboxListItem:last-child {
+ margin-right: 0;
+}
+
+.searchContainer {
+ margin-left: auto;
+}
+
+.searchContainer input {
+ height: 30px;
+ border-radius: 15px;
+ padding: 10px;
+ border: 1px solid gray;
+}
+
+.showcaseList {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+ gap: 24px;
+}
+
+.showcaseFavorite {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ background-color: var(--site-color-favorite-background);
+}
+
+.showcaseFavoriteHeader {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.showcaseFavoriteHeader > h2 {
+ margin-bottom: 0;
+}
+
+.showcaseFavoriteHeader > svg {
+ width: 30px;
+ height: 30px;
+}
+
+.svgIconFavoriteXs,
+.svgIconFavorite {
+ color: var(--site-color-svg-icon-favorite);
+}
+
+.svgIconFavoriteXs {
+ margin-left: 0.625rem;
+ font-size: 1rem;
+}
+
+.svgIconFavorite {
+ margin-left: 1rem;
+}
diff --git a/src/pages/resources/_components/ResourceCard/index.tsx b/src/pages/resources/_components/ResourceCard/index.tsx
new file mode 100644
index 0000000..0c04a84
--- /dev/null
+++ b/src/pages/resources/_components/ResourceCard/index.tsx
@@ -0,0 +1,43 @@
+import React, { memo } from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+
+import styles from './styles.module.css'
+import { type Resource } from '@site/data/resources'
+import Tooltip from '@site/src/components/Tooltip'
+
+const ResourceCard = memo(({ resource }: { resource: Resource }) => (
+
+ 
+
+))
+
+export default ResourceCard
diff --git a/src/pages/resources/_components/ResourceCard/styles.module.css b/src/pages/resources/_components/ResourceCard/styles.module.css
new file mode 100644
index 0000000..cc2b5f2
--- /dev/null
+++ b/src/pages/resources/_components/ResourceCard/styles.module.css
@@ -0,0 +1,70 @@
+.resourceCard {
+ background-color: var(--ifm-card-background-color);
+ border-radius: 8px;
+ border: 1px solid var(--ifm-toc-border-color);
+ height: 100%;
+ display: flex;
+ flex-direction: row;
+ overflow: hidden;
+ transition: all 0.3s ease-in-out;
+}
+
+.resourceCard:hover {
+ box-shadow: 0 10px 20px -10px rgb(0 0 0 / 20%);
+ transform: translateY(-5px);
+}
+
+html[data-theme='dark'] .resourceCard:hover {
+ box-shadow: 0 10px 20px -10px rgb(255 255 255 / 20%);
+ transform: translateY(-5px);
+}
+
+.resourceCardImage {
+ align-self: center;
+ width: 64px;
+ height: 64px;
+ min-width: 64px;
+ object-fit: contain;
+}
+
+.resourceCardHeader {
+ display: flex;
+ align-items: center;
+ margin-bottom: 4px;
+}
+
+.resourceCardTitle {
+ margin-bottom: 0;
+ flex: 1 1 auto;
+}
+
+.resourceCardTitle a {
+ text-decoration: none;
+ background: linear-gradient(
+ var(--ifm-color-primary),
+ var(--ifm-color-primary)
+ )
+ 0% 100% / 0% 1px no-repeat;
+ transition: background-size ease-out 200ms;
+}
+
+.resourceCardTitle a:not(:focus):hover {
+ background-size: 100% 1px;
+}
+
+.resourceCardBody {
+ padding: 0.2rem 0 0 var(--ifm-card-horizontal-spacing);
+}
+
+.resourceCardDesc {
+ cursor: pointer;
+ font-size: smaller;
+ line-height: 1.66;
+ width: 100%;
+ margin: 0;
+ /* stylelint-disable-next-line value-no-vendor-prefix */
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
diff --git a/src/pages/resources/index.tsx b/src/pages/resources/index.tsx
new file mode 100644
index 0000000..a92bab5
--- /dev/null
+++ b/src/pages/resources/index.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+import { PageMetadata, HtmlClassNameProvider, ThemeClassNames } from '@docusaurus/theme-common'
+import Layout from '@theme/Layout'
+import ResourceCard from './_components/ResourceCard'
+import BackToTopButton from '@theme/BackToTopButton'
+import { resourceData } from '@site/data/resources'
+import styles from './resource.module.css'
+
+function CategorySidebar() {
+ const sidebar = {
+ title: '',
+ items: resourceData.map(w => ({ title: w.name, permalink: `#${w.name}` })),
+ }
+
+ return (
+
+ )
+}
+
+function CategoryList() {
+ return (
+
+
+
+
+ )
+}
diff --git a/src/pages/resources/resource.module.css b/src/pages/resources/resource.module.css
new file mode 100644
index 0000000..747ce5c
--- /dev/null
+++ b/src/pages/resources/resource.module.css
@@ -0,0 +1,80 @@
+.sidebar {
+ max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
+ overflow-y: auto;
+ overflow-x: hidden;
+ position: sticky;
+ top: calc(var(--ifm-navbar-height) + 2rem);
+}
+
+.sidebarItemTitle {
+ font-size: var(--ifm-h3-font-size);
+ font-weight: var(--ifm-font-weight-bold);
+ font-family: var(--ifm-heading-font-family);
+}
+
+.sidebarItemList {
+ font-size: 0.9rem;
+}
+
+.sidebarItem {
+ margin-top: 0.7rem;
+}
+
+.sidebarItemLink {
+ color: var(--ifm-font-color-base);
+ display: block;
+}
+
+.sidebarItemLink:hover {
+ text-decoration: none;
+}
+
+.sidebarItemLinkActive {
+ color: var(--ifm-color-primary) !important;
+}
+
+@media (max-width: 996px) {
+ .sidebar {
+ display: none;
+ }
+}
+
+.hero {
+ align-items: center;
+ background-color: var(--ifm-color-primary);
+ color: var(--ifm-font-color-base-inverse);
+ display: flex;
+ padding: 2rem 2rem;
+}
+
+.heroTitle {
+ font-size: 2rem !important;
+ font-weight: 700;
+ line-height: 2rem;
+ color: #fff;
+}
+
+.heroDesc {
+ margin-bottom: 0;
+}
+
+.cateHeader {
+ font-size: 1rem;
+ font-weight: 600;
+}
+
+.cateHeader > h2 {
+ font-family: sans-serif;
+}
+
+.cateBody {
+ display: flex;
+ padding: 0 1rem;
+}
+
+.resourceList {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ gap: 16px;
+ padding: 0;
+}
diff --git a/src/plugin/plugin-content-blog/index.js b/src/plugin/plugin-content-blog/index.js
new file mode 100644
index 0000000..5dfb22a
--- /dev/null
+++ b/src/plugin/plugin-content-blog/index.js
@@ -0,0 +1,27 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const blogPluginExports = require('@docusaurus/plugin-content-blog');
+const { default: blogPlugin } = blogPluginExports;
+
+async function blogPluginEnhanced(context, options) {
+ const blogPluginInstance = await blogPlugin(context, options);
+
+ return {
+ ...blogPluginInstance,
+ async contentLoaded({ content, allContent, actions }) {
+ // Create default plugin pages
+ await blogPluginInstance.contentLoaded({ content, allContent, actions });
+
+ // Create your additional pages
+ const { blogPosts, blogTags } = content;
+ const { setGlobalData } = actions;
+
+ setGlobalData({
+ posts: blogPosts.slice(0, 10), // Only store 10 posts
+ postNum: blogPosts.length,
+ tagNum: Object.keys(blogTags).length,
+ });
+ },
+ };
+}
+
+module.exports = Object.assign({}, blogPluginExports, { default: blogPluginEnhanced });
diff --git a/src/style.d.ts b/src/style.d.ts
new file mode 100644
index 0000000..a73d4ed
--- /dev/null
+++ b/src/style.d.ts
@@ -0,0 +1,9 @@
+declare module '*.module.scss' {
+ const classes: { readonly [key: string]: string }
+ export default classes
+}
+
+declare module '*.scss' {
+ const src: string
+ export default src
+}
diff --git a/src/sw.js b/src/sw.js
new file mode 100644
index 0000000..077a8aa
--- /dev/null
+++ b/src/sw.js
@@ -0,0 +1,19 @@
+import { registerRoute } from 'workbox-routing'
+import { StaleWhileRevalidate } from 'workbox-strategies'
+
+export default function swCustom(params) {
+ if (params.debug) {
+ console.log('[Docusaurus-PWA][SW]: running swCustom code', params)
+ }
+
+ // Cache responses from external resources
+ registerRoute(
+ context =>
+ [
+ /graph\.facebook\.com\/.*\/picture/,
+ /netlify\.com\/img/,
+ /avatars1\.githubusercontent/,
+ ].some(regex => context.url.href.match(regex)),
+ new StaleWhileRevalidate(),
+ )
+}
diff --git a/src/theme/BlogArchivePage/index.tsx b/src/theme/BlogArchivePage/index.tsx
new file mode 100644
index 0000000..6583120
--- /dev/null
+++ b/src/theme/BlogArchivePage/index.tsx
@@ -0,0 +1,143 @@
+import React from 'react'
+import Link from '@docusaurus/Link'
+import Translate, { translate } from '@docusaurus/Translate'
+import clsx from 'clsx'
+import {
+ PageMetadata,
+ HtmlClassNameProvider,
+ ThemeClassNames,
+} from '@docusaurus/theme-common'
+import type { ArchiveBlogPost, Props } from '@theme/BlogArchivePage'
+import { Icon } from '@iconify/react'
+import styles from './styles.module.css'
+
+import { motion, Variants } from 'framer-motion'
+
+import dayjs from 'dayjs'
+import MyLayout from '../MyLayout'
+
+type YearProp = {
+ year: string
+ posts: ArchiveBlogPost[]
+}
+
+const variants: Variants = {
+ from: { opacity: 0.01, y: 50 },
+ to: i => ({
+ opacity: 1,
+ y: 0,
+ transition: {
+ type: 'spring',
+ damping: 25,
+ stiffness: 100,
+ bounce: 0.2,
+ duration: 0.3,
+ delay: i * 0.1,
+ },
+ }),
+}
+
+function Year({ posts }: YearProp) {
+ return (
+ <>
+ ())
+
+ return Array.from(postsByYear, ([year, posts]) => ({
+ year,
+ posts,
+ })).reverse()
+}
+
+export default function BlogArchive({ archive }: Props) {
+ const title = translate({
+ id: 'theme.blog.archive.title',
+ message: 'Archive',
+ description: 'The page & hero title of the blog archive page',
+ })
+ const description = translate({
+ id: 'theme.blog.archive.description',
+ message: 'Archive',
+ description: 'The page & hero description of the blog archive page',
+ })
+
+ const years = listPostsByYears(archive.blogPosts)
+ return (
+
+
+
+
+
+
+ )
+}
diff --git a/src/theme/BlogArchivePage/styles.module.css b/src/theme/BlogArchivePage/styles.module.css
new file mode 100644
index 0000000..8a6aba4
--- /dev/null
+++ b/src/theme/BlogArchivePage/styles.module.css
@@ -0,0 +1,127 @@
+.archiveTitle {
+ display: inline-flex;
+ align-items: center;
+}
+
+.archiveCount {
+ text-align: right;
+ margin-top: -2.5rem;
+ font-size: 0.85rem;
+ opacity: 0.8;
+}
+
+.archiveYear {
+ position: relative;
+ display: inline-flex;
+ justify-content: space-between;
+ align-items: flex-end;
+ margin: 1rem 0;
+ width: 100%;
+ font-weight: 400;
+ font-size: 1.4rem;
+}
+
+.archiveYear span {
+ font-size: 0.85rem;
+ font-weight: 300;
+ color: var(--ifm-secondary-text-color);
+}
+
+.archiveYearTitle {
+ display: inline-flex;
+ margin: 0;
+ font-size: 1.4rem;
+ font-weight: 400;
+ margin-right: 0.5rem;
+ color: var(--ifm-text-color);
+}
+
+.archiveYearTitle::before {
+ margin-right: 0.5em;
+ width: 0.3em;
+ display: inline-block;
+ background: var(--ifm-color-primary);
+ color: transparent;
+ content: '.';
+}
+
+.archiveList {
+ padding: 0;
+ margin: 0;
+}
+
+.archiveItem {
+ position: relative;
+ display: flex;
+ list-style: none;
+}
+
+.archiveItem::before {
+ content: '';
+ position: absolute;
+ width: 2px;
+ top: 0;
+ left: 0.1rem;
+ height: 100%;
+ background: var(--ifm-color-primary-lighter);
+}
+
+.archiveItem:first-child::before {
+ height: 50%;
+ transform: translateY(100%);
+}
+
+.archiveItem:last-child::before {
+ height: 50%;
+}
+
+.archiveItem a {
+ display: flex;
+ align-items: center;
+ color: var(--ifm-text-color);
+ padding: 0.2rem 1rem;
+ font-size: 1.2rem;
+ font-weight: 500;
+ font-family: var(--ifm-font-family-base);
+
+ text-decoration: none;
+ white-space: nowrap;
+ transition: padding 0.3s;
+}
+
+.archiveItem a::before {
+ content: '';
+ position: absolute;
+ left: 0.1rem;
+ top: 0.9rem;
+ width: 0.5rem;
+ height: 0.5rem;
+ margin-left: -4px;
+ border-radius: 50%;
+ border: 1px solid var(--ifm-color-primary);
+ background-color: rgb(255 255 255);
+ z-index: 1;
+ transition-duration: 0.3s;
+ transition-delay: 0s;
+ transition-property: background;
+}
+
+.archiveItem a:hover::before {
+ background: var(--ifm-color-primary);
+}
+
+.archiveTime {
+ opacity: 0.6;
+ font-size: 0.85rem;
+ font-weight: 400;
+ margin-right: 0.5rem;
+ width: 3rem;
+ position: relative;
+ color: var(--hty-secondary-text-color);
+
+ font-family: 'Source Code Pro', Consolas, Monaco, SFMono-Regular, 'Ubuntu Mono', Menlo, monospace;
+}
+
+.archiveItem a > span:hover {
+ color: var(--ifm-color-primary);
+}
diff --git a/src/theme/BlogLayout/index.tsx b/src/theme/BlogLayout/index.tsx
new file mode 100644
index 0000000..14bee8b
--- /dev/null
+++ b/src/theme/BlogLayout/index.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import clsx from 'clsx'
+import Layout from '@theme/Layout'
+import BlogSidebar from '@theme/BlogSidebar'
+
+import type { Props } from '@theme/BlogLayout'
+
+export default function BlogLayout(props: Props): JSX.Element {
+ const { sidebar, toc, children, ...layoutProps } = props
+ const hasSidebar = sidebar && sidebar.items.length > 0
+
+ return (
+
+
+ )
+}
diff --git a/src/theme/BlogListPage/index.tsx b/src/theme/BlogListPage/index.tsx
new file mode 100644
index 0000000..6eadfde
--- /dev/null
+++ b/src/theme/BlogListPage/index.tsx
@@ -0,0 +1,99 @@
+import clsx from 'clsx'
+import React from 'react'
+import { HtmlClassNameProvider, PageMetadata, ThemeClassNames } from '@docusaurus/theme-common'
+import BackToTopButton from '@theme/BackToTopButton'
+import type { Props } from '@theme/BlogListPage'
+import BlogListPaginator from '@theme/BlogListPaginator'
+import BlogPostItems from '@theme/BlogPostItems'
+import SearchMetadata from '@theme/SearchMetadata'
+
+import { ViewType, useViewType } from '@site/src/hooks/useViewType'
+import Translate from '@docusaurus/Translate'
+import { Icon } from '@iconify/react'
+import BlogPostGridItems from '../BlogPostGridItems'
+
+import styles from './styles.module.scss'
+import MyLayout from '../MyLayout'
+
+function BlogListPageMetadata(props: Props): JSX.Element {
+ const { metadata } = props
+ const { blogDescription } = metadata
+
+ return (
+ <>
+
+
+
+
+ )
+}
+
+export default function BlogListPage(props: Props): JSX.Element {
+ return (
+
+
+ )
+}
diff --git a/src/theme/BlogListPage/styles.module.scss b/src/theme/BlogListPage/styles.module.scss
new file mode 100644
index 0000000..41b646a
--- /dev/null
+++ b/src/theme/BlogListPage/styles.module.scss
@@ -0,0 +1,32 @@
+.blogTitle {
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 1rem;
+}
+
+.blogDescription {
+ text-align: center;
+ margin-bottom: 1rem;
+}
+
+.blogList {
+ margin-bottom: 1rem;
+}
+
+.blogSwithView {
+ text-align: center;
+ margin: 0 0 1em;
+
+ svg {
+ cursor: pointer;
+ transition: 0.6s;
+ }
+}
+
+@media (width <= 570px) {
+ h2 {
+ font-size: 1.3rem;
+ }
+}
diff --git a/src/theme/BlogPostGridItems/index.tsx b/src/theme/BlogPostGridItems/index.tsx
new file mode 100644
index 0000000..60318e8
--- /dev/null
+++ b/src/theme/BlogPostGridItems/index.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import { Variants, motion, useMotionValue } from 'framer-motion'
+import Link from '@docusaurus/Link'
+import type { Props as BlogPostItemsProps } from '@theme/BlogPostItems'
+import Tag from '@theme/Tag'
+
+import styles from './styles.module.scss'
+
+const container = {
+ hidden: { opacity: 1, scale: 0 },
+ visible: {
+ opacity: 1,
+ scale: 1,
+ transition: {
+ delayChildren: 0.3,
+ staggerChildren: 0.2,
+ },
+ },
+}
+
+const item = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ },
+}
+
+export default function BlogPostGridItems({ items }: BlogPostItemsProps): JSX.Element {
+ return (
+
+ {items.map(({ content: BlogPostContent }, i) => {
+ const { metadata: blogMetaData, frontMatter } = BlogPostContent
+ const { title } = frontMatter
+ const { permalink, date, tags } = blogMetaData
+ const dateObj = new Date(date)
+ const dateString = `${dateObj.getFullYear()}-${('0' + (dateObj.getMonth() + 1)).slice(
+ -2,
+ )}-${('0' + dateObj.getDate()).slice(-2)}`
+
+ return (
+ {
+ e.currentTarget.style.setProperty('--mouse-x', `${e.clientX}px`)
+ e.currentTarget.style.setProperty('--mouse-y', `${e.clientY}px`)
+ }}
+ >
+
+ {title}
+
+
+ )
+ })}
+
+ )
+}
diff --git a/src/theme/BlogPostGridItems/styles.module.scss b/src/theme/BlogPostGridItems/styles.module.scss
new file mode 100644
index 0000000..900dc8b
--- /dev/null
+++ b/src/theme/BlogPostGridItems/styles.module.scss
@@ -0,0 +1,122 @@
+.blogGrid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ justify-content: center;
+ gap: 12px;
+ margin-bottom: 1rem;
+}
+
+.postGridItem {
+ position: relative;
+ min-width: 24rem;
+ display: grid;
+ grid-template-columns: max-content 1fr;
+ grid-template-areas:
+ 'title title'
+ 'tags date';
+ gap: 1em 2em;
+ align-items: center;
+ padding: 1em 1.2em;
+ background: var(--blog-item-background-color);
+ border-radius: 6px;
+ transition: all 0.3s;
+
+ &:hover {
+ box-sizing: border-box;
+ box-shadow: var(--blog-item-shadow);
+ background: var(--blog-item-shade);
+ }
+
+ .itemTitle {
+ color: inherit;
+ font-size: 1em;
+ text-decoration: none;
+ transition: 0.5s;
+ grid-area: title;
+
+ &:hover {
+ color: var(--ifm-color-primary);
+ }
+ }
+
+ .itemStick {
+ grid-area: stick;
+ justify-self: end;
+ color: #6ebdff;
+ position: absolute;
+ top: -6px;
+ left: 0;
+ display: inline-block;
+ font-size: 1.5rem;
+
+ &::before {
+ content: '\e62b';
+ }
+ }
+
+ .itemTags {
+ grid-area: tags;
+ /* overflow-x: auto; */
+
+ display: inline-flex;
+ align-items: center;
+ white-space: nowrap;
+ font-size: 0.9em;
+
+ a {
+ padding: 0 1px;
+ border: 0 !important;
+ color: inherit;
+
+ &:hover {
+ color: var(--ifm-color-primary);
+ }
+ }
+ }
+
+ .itemDate {
+ font-size: 0.8rem;
+ grid-area: date;
+ justify-self: end;
+ color: var(--ifm-color-emphasis-600);
+ }
+}
+
+.spotlight {
+ --lighting-size: 300px;
+ --lighting-color: var(--ifm-color-primary);
+ --lighting-highlight-color: var(--ifm-color-primary-lightest);
+
+ background-image: radial-gradient(
+ var(--lighting-highlight-color),
+ var(--lighting-color),
+ var(--lighting-color)
+ );
+ background-size: var(--lighting-size) var(--lighting-size);
+ background-repeat: no-repeat;
+
+ background-position-x: calc(var(--x) - var(--mouse-x) - calc(var(--lighting-size) / 2));
+ background-position-y: calc(var(--y) - var(--mouse-y) - calc(var(--lighting-size) / 2));
+
+ background-color: var(--lighting-color);
+
+ color: transparent;
+ background-clip: text;
+}
+
+@media (width <= 768px) {
+ .postGridItem {
+ min-width: 100%;
+ }
+}
+
+@media (width <= 576px) {
+ .blogGrid {
+ grid-template-columns: minmax(0, max-content);
+ }
+
+ .postGridItem {
+ max-width: 100%;
+ min-width: 28rem;
+ }
+}
diff --git a/src/theme/BlogPostItem/Container/index.tsx b/src/theme/BlogPostItem/Container/index.tsx
new file mode 100644
index 0000000..dc2c1b1
--- /dev/null
+++ b/src/theme/BlogPostItem/Container/index.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { useBaseUrlUtils } from '@docusaurus/useBaseUrl'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import type { Props } from '@theme/BlogPostItem/Container'
+import clsx from 'clsx'
+
+import styles from './styles.module.css'
+
+export default function BlogPostItemContainer({ children, className }: Props): JSX.Element {
+ const { frontMatter, assets } = useBlogPost()
+ const { withBaseUrl } = useBaseUrlUtils()
+ const image = assets.image ?? frontMatter.image
+ return (
+
+ {image && (
+ <>
+
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Container/styles.module.css b/src/theme/BlogPostItem/Container/styles.module.css
new file mode 100644
index 0000000..7f1bf57
--- /dev/null
+++ b/src/theme/BlogPostItem/Container/styles.module.css
@@ -0,0 +1,34 @@
+:root {
+ --border-color: hsla(240, 6%, 90%, 0.7);
+}
+
+html[data-theme='dark'] {
+ --border-color: #262626;
+}
+
+.article {
+ position: relative;
+ padding: 1em 1.25em 0.75em;
+ /* border: 1px solid var(--border-color); */
+}
+
+.cover {
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 224px;
+}
+
+.coverMask {
+ border-radius: var(--ifm-pagination-nav-border-radius);
+
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ height: 100%;
+ width: 100%;
+ -webkit-mask-image: linear-gradient(180deg, #fff -17.19%, #00000000 92.43%);
+ mask-image: linear-gradient(180deg, #fff -17.19%, #00000000 92.43%);
+}
diff --git a/src/theme/BlogPostItem/Content/index.tsx b/src/theme/BlogPostItem/Content/index.tsx
new file mode 100644
index 0000000..1c92a36
--- /dev/null
+++ b/src/theme/BlogPostItem/Content/index.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import clsx from 'clsx'
+import { blogPostContainerID } from '@docusaurus/utils-common'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import MDXContent from '@theme/MDXContent'
+import type { Props } from '@theme/BlogPostItem/Content'
+
+export default function BlogPostItemContent({ children, className }: Props): JSX.Element {
+ const { isBlogPostPage } = useBlogPost()
+ return (
+
+ Read More
+
+
+ )
+}
+
+export default function BlogPostItemFooterReadMoreLink(
+ props: Props,
+): JSX.Element {
+ const { blogPostTitle, ...linkProps } = props
+ return (
+
+
+ {isBlogPostPage ? (
+ title
+ ) : (
+
+ {title}
+
+ )}
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Header/Title/styles.module.css b/src/theme/BlogPostItem/Header/Title/styles.module.css
new file mode 100644
index 0000000..9db9101
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Title/styles.module.css
@@ -0,0 +1,29 @@
+.titleLink {
+ position: relative;
+ font-weight: 500;
+ color: var(--ifm-heading-color);
+ transition: 0.5s;
+}
+
+.titleLink:hover {
+ color: var(--ifm-link-hover-color);
+ text-decoration: none;
+}
+
+.titleLink:hover::after {
+ visibility: visible;
+ transform: scaleX(1);
+}
+
+.titleLink::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: var(--ifm-color-primary);
+ visibility: hidden;
+ transition: all 0.3s linear;
+ transform: scaleX(0);
+}
diff --git a/src/theme/BlogPostItem/Header/index.tsx b/src/theme/BlogPostItem/Header/index.tsx
new file mode 100644
index 0000000..aa5db68
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/index.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import BlogPostItemHeaderTitle from '@theme/BlogPostItem/Header/Title'
+import BlogPostItemHeaderInfo from '@theme/BlogPostItem/Header/Info'
+import BlogPostItemHeaderAuthors from '@theme/BlogPostItem/Header/Authors'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+
+export default function BlogPostItemHeader(): JSX.Element {
+ const { isBlogPostPage } = useBlogPost()
+ return (
+
+
+ )
+}
diff --git a/src/theme/BlogPostItem/index.tsx b/src/theme/BlogPostItem/index.tsx
new file mode 100644
index 0000000..879c57a
--- /dev/null
+++ b/src/theme/BlogPostItem/index.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import clsx from 'clsx'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import BlogPostItemContainer from '@theme/BlogPostItem/Container'
+import BlogPostItemHeader from '@theme/BlogPostItem/Header'
+import BlogPostItemContent from '@theme/BlogPostItem/Content'
+import BlogPostItemFooter from '@theme/BlogPostItem/Footer'
+import type { Props } from '@theme/BlogPostItem'
+
+// apply a bottom margin in list view
+function useContainerClassName() {
+ const { isBlogPostPage } = useBlogPost()
+ return !isBlogPostPage ? 'blog-card margin-bottom--lg' : ''
+}
+
+export default function BlogPostItem({ children, className }: Props): JSX.Element {
+ const containerClassName = useContainerClassName()
+ return (
+
+ {children}
+
+ )
+}
diff --git a/src/theme/BlogPostItems/index.tsx b/src/theme/BlogPostItems/index.tsx
new file mode 100644
index 0000000..22af095
--- /dev/null
+++ b/src/theme/BlogPostItems/index.tsx
@@ -0,0 +1,49 @@
+import React from 'react'
+import { motion, Variants } from 'framer-motion'
+import { BlogPostProvider } from '@docusaurus/theme-common/internal'
+import BlogPostItem from '@theme/BlogPostItem'
+import type { Props } from '@theme/BlogPostItems'
+
+const variants: Variants = {
+ from: { opacity: 0.01, y: 100 },
+ to: i => ({
+ opacity: 1,
+ y: 0,
+ transition: {
+ type: 'spring',
+ damping: 25,
+ stiffness: 100,
+ bounce: 0.2,
+ duration: 0.3,
+ delay: i * 0.2,
+ },
+ }),
+}
+
+export default function BlogPostItems({
+ items,
+ component: BlogPostItemComponent = BlogPostItem,
+}: Props): JSX.Element {
+ return (
+ <>
+ {items.map(({ content: BlogPostContent }, i) => (
+
+
+
+
+
+
+ ))}
+
+ )
+}
diff --git a/src/theme/BlogPostPage/Metadata/index.tsx b/src/theme/BlogPostPage/Metadata/index.tsx
new file mode 100644
index 0000000..4f340d8
--- /dev/null
+++ b/src/theme/BlogPostPage/Metadata/index.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { PageMetadata } from '@docusaurus/theme-common'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+
+export default function BlogPostPageMetadata(): JSX.Element {
+ const { assets, metadata } = useBlogPost()
+ const { title, description, date, tags, authors, frontMatter } = metadata
+
+ const { keywords } = frontMatter
+ const image = assets.image ?? frontMatter.image
+ return (
+
+
+
+ {/* TODO double check those article meta array syntaxes, see https://ogp.me/#array */}
+ {authors.some(author => author.url) && (
+ author.url)
+ .filter(Boolean)
+ .join(',')}
+ />
+ )}
+ {tags.length > 0 && (
+ tag.label).join(',')}
+ />
+ )}
+
+ )
+}
diff --git a/src/theme/BlogPostPage/index.tsx b/src/theme/BlogPostPage/index.tsx
new file mode 100644
index 0000000..7a45354
--- /dev/null
+++ b/src/theme/BlogPostPage/index.tsx
@@ -0,0 +1,71 @@
+import React, { type ReactNode } from 'react'
+import clsx from 'clsx'
+import { HtmlClassNameProvider, ThemeClassNames } from '@docusaurus/theme-common'
+import { BlogPostProvider, useBlogPost } from '@docusaurus/theme-common/internal'
+import BlogLayout from '@theme/BlogLayout'
+import BlogPostItem from '@theme/BlogPostItem'
+import BlogPostPaginator from '@theme/BlogPostPaginator'
+import BlogPostPageMetadata from '@theme/BlogPostPage/Metadata'
+import BackToTopButton from '@theme/BackToTopButton'
+import TOC from '@theme/TOC'
+import type { Props } from '@theme/BlogPostPage'
+import type { BlogSidebar } from '@docusaurus/plugin-content-blog'
+import Comment from '@site/src/components/Comment'
+
+function BlogPostPageContent({
+ sidebar,
+ children,
+}: {
+ sidebar: BlogSidebar
+ children: ReactNode
+}): JSX.Element {
+ const { metadata, toc } = useBlogPost()
+ const { nextItem, prevItem, frontMatter } = metadata
+ const {
+ hide_table_of_contents: hideTableOfContents,
+ toc_min_heading_level: tocMinHeadingLevel,
+ toc_max_heading_level: tocMaxHeadingLevel,
+ hide_comment: hideComment,
+ } = frontMatter
+
+ return (
+ 0 ? (
+ {children}
+
+ {(nextItem || prevItem) && (
+
+ )
+}
+
+export default function BlogPostPage(props: Props): JSX.Element {
+ const BlogPostContent = props.content
+ return (
+
+
+
+
+
+
+ )
+}
diff --git a/src/theme/BlogSidebar/Desktop/index.tsx b/src/theme/BlogSidebar/Desktop/index.tsx
new file mode 100644
index 0000000..3df7f6d
--- /dev/null
+++ b/src/theme/BlogSidebar/Desktop/index.tsx
@@ -0,0 +1,60 @@
+import React, { useState } from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+import { Icon } from '@iconify/react'
+import { translate } from '@docusaurus/Translate'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import type { Props } from '@theme/BlogSidebar/Desktop'
+
+import styles from './styles.module.scss'
+
+export default function BlogSidebarDesktop({ sidebar }: Props): JSX.Element {
+ const { isBlogPostPage } = useBlogPost()
+ const [isHovered, setIsHovered] = useState(false)
+
+ const handleBack = () => {
+ window.history.back()
+ }
+
+ return (
+
+ )
+}
diff --git a/src/theme/BlogSidebar/Desktop/styles.module.scss b/src/theme/BlogSidebar/Desktop/styles.module.scss
new file mode 100644
index 0000000..938600a
--- /dev/null
+++ b/src/theme/BlogSidebar/Desktop/styles.module.scss
@@ -0,0 +1,86 @@
+.sidebar {
+ max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
+ overflow-y: auto;
+ position: sticky;
+ top: calc(var(--ifm-navbar-height) + 2rem);
+
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 0.5s;
+}
+
+.sidebarItemTitle {
+ font-size: var(--ifm-h4-font-size);
+ font-weight: var(--ifm-font-weight-bold);
+ font-family: var(--ifm-heading-font-family);
+
+ color: var(--ifm-text-color);
+
+ &:hover {
+ color: var(--ifm-link-color);
+ text-decoration: none;
+ }
+}
+
+.sidebarItemList {
+ font-size: 0.8rem;
+}
+
+.sidebarItem {
+ margin-top: 0.7rem;
+}
+
+.sidebarItemLink {
+ color: var(--ifm-font-color-secondary);
+
+ display: block;
+
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.sidebarItemLink:hover {
+ text-decoration: none;
+}
+
+.sidebarItemLinkActive {
+ color: var(--ifm-color-primary) !important;
+}
+
+@media (width <= 996px) {
+ .sidebar {
+ display: none;
+ }
+}
+
+:root {
+ --back-btn-bg-color: #fafaf9;
+ --back-btn-bg-color-hover: #f1f5f9;
+}
+
+html[data-theme='dark'] {
+ --back-btn-bg-color: #18181b;
+ --back-btn-bg-color-hover: #334155;
+}
+
+.backButton {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 2rem;
+ text-align: right;
+ float: right;
+
+ transition: all 0.3s ease-in-out;
+ cursor: pointer;
+
+ background-color: var(--back-btn-bg-color);
+
+ &:hover {
+ color: var(--ifm-link-color);
+ background-color: var(--back-btn-bg-color-hover);
+ }
+}
diff --git a/src/theme/BlogSidebar/Mobile/index.tsx b/src/theme/BlogSidebar/Mobile/index.tsx
new file mode 100644
index 0000000..d2590a9
--- /dev/null
+++ b/src/theme/BlogSidebar/Mobile/index.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import Link from '@docusaurus/Link'
+import { NavbarSecondaryMenuFiller } from '@docusaurus/theme-common'
+import type { Props } from '@theme/BlogSidebar/Mobile'
+
+function BlogSidebarMobileSecondaryMenu({ sidebar }: Props): JSX.Element {
+ return (
+
+
+
+
+ )
+}
diff --git a/src/theme/BlogTagsPostsPage/index.tsx b/src/theme/BlogTagsPostsPage/index.tsx
new file mode 100644
index 0000000..36c892b
--- /dev/null
+++ b/src/theme/BlogTagsPostsPage/index.tsx
@@ -0,0 +1,101 @@
+import React from 'react'
+import clsx from 'clsx'
+import Translate, { translate } from '@docusaurus/Translate'
+import {
+ PageMetadata,
+ HtmlClassNameProvider,
+ ThemeClassNames,
+ usePluralForm,
+} from '@docusaurus/theme-common'
+import Link from '@docusaurus/Link'
+import BackToTopButton from '@theme/BackToTopButton'
+import BlogListPaginator from '@theme/BlogListPaginator'
+import SearchMetadata from '@theme/SearchMetadata'
+import type { Props } from '@theme/BlogTagsPostsPage'
+import BlogPostItems from '@theme/BlogPostItems'
+import Unlisted from '@theme/Unlisted'
+import Heading from '@theme/Heading'
+
+import styles from './styles.module.scss'
+import MyLayout from '../MyLayout'
+
+// Very simple pluralization: probably good enough for now
+function useBlogPostsPlural() {
+ const { selectMessage } = usePluralForm()
+ return (count: number) =>
+ selectMessage(
+ count,
+ translate(
+ {
+ id: 'theme.blog.post.plurals',
+ description:
+ 'Pluralized label for "{count} posts". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
+ message: 'One post|{count} posts',
+ },
+ { count },
+ ),
+ )
+}
+
+function useBlogTagsPostsPageTitle(tag: Props['tag']): string {
+ const blogPostsPlural = useBlogPostsPlural()
+ return translate(
+ {
+ id: 'theme.blog.tagTitle',
+ description: 'The title of the page for a blog tag',
+ message: '{nPosts} tagged with "{tagName}"',
+ },
+ { nPosts: blogPostsPlural(tag.count), tagName: tag.label },
+ )
+}
+
+function BlogTagsPostsPageMetadata({ tag }: Props): JSX.Element {
+ const title = useBlogTagsPostsPageTitle(tag)
+ return (
+ <>
+
+ {tag.unlisted &&
+ {title}
+
+
+ View All Tags
+
+
+
+
+ )
+}
+export default function BlogTagsPostsPage(props: Props): JSX.Element {
+ return (
+
+
+ )
+}
diff --git a/src/theme/BlogTagsPostsPage/styles.module.scss b/src/theme/BlogTagsPostsPage/styles.module.scss
new file mode 100644
index 0000000..91c1c36
--- /dev/null
+++ b/src/theme/BlogTagsPostsPage/styles.module.scss
@@ -0,0 +1,3 @@
+.pageHeader {
+ margin-bottom: 1rem;
+}
diff --git a/src/theme/CodeBlock/Container/index.tsx b/src/theme/CodeBlock/Container/index.tsx
new file mode 100644
index 0000000..99f8dcf
--- /dev/null
+++ b/src/theme/CodeBlock/Container/index.tsx
@@ -0,0 +1,25 @@
+import React, {type ComponentProps} from 'react';
+import clsx from 'clsx';
+import {ThemeClassNames, usePrismTheme} from '@docusaurus/theme-common';
+import {getPrismCssVariables} from '@docusaurus/theme-common/internal';
+import styles from './styles.module.css';
+
+export default function CodeBlockContainer({
+ as: As,
+ ...props
+}: {as: T} & ComponentProps): JSX.Element {
+ const prismTheme = usePrismTheme();
+ const prismCssVariables = getPrismCssVariables(prismTheme);
+ return (
+
+
+```
+
+### classnames
+
+还可以通过 npm 包 classnames 来定义类名，如
+
+```jsx
+import classnames from 'classnames'
+import styles from './styles.module.css'
+
+;
+```
+
+最终都将编译为
+
+```jsx
+
+```
+
+当然 classnames 还有多种方式添加，就不列举了，主要针对复杂样式，根据条件是否添加样式。
+
+但是 在 Css Module 中，其实能发现挺多问题的
+
+如果类名是带有-连字符`.table-size`那么就只能`styles["table-size"]` 来引用，并且都必须使用`{style.className}` 形式。
+
+最主要的是，css 都写在 css 文件中，无法处理动态 css。
+
+## CSS in JS
+
+由于 React 对 CSS 的封装非常弱，导致了一系列的第三方库，用来加强 CSS 操作，统称为 CSS in JS，有一种在 js 文件中写 css 代码的感觉，根据不完全统计，各种 CSS in JS 的库至少有[47 种](https://github.com/MicheleBertoli/css-in-js)，其中比较出名的 便是[styled-components](https://link.juejin.cn/?target=https://github.com/styled-components/styled-components)。
+
+```jsx
+import styled from 'styled-components'
+
+// `` 和 () 一样可以作为js里作为函数接受参数的标志，这个做法类似于HOC，包裹一层css到h1上生成新组件Title
+const Title = styled.h1`
+ font-size: 1.5em;
+ text-align: center;
+ color: palevioletred;
+
+ span {
+ font-size: 2em;
+ }
+`
+
+// 在充分使用css全部功能的同时，非常方便的实现动态css， 甚至可以直接调用props！
+const Wrapper = styled.section`
+ padding: 4em;
+ background: ${(props) => props.bgColor};
+`
+
+const Button = styled.a`
+ /* This renders the buttons above... Edit me! */
+ display: inline-block;
+ border-radius: 3px;
+ padding: 0.5rem 0;
+ margin: 0.5rem 1rem;
+ width: 11rem;
+ background: transparent;
+ color: white;
+ border: 2px solid white;
+ /* The GitHub button is a primary button
+ * edit this to target it specifically! */
+ ${(props) =>
+ props.primary &&
+ css`
+ background: white;
+ color: palevioletred;
+ `}
+`
+
+const App = () => (
+
+
+ <span>Hello World</span>, this is my first styled component!
+
+
+
+)
+```
+
+像上面的 Title，Wrapper，Button 都是组件，Title 本质就是一个 h1 标签，在通过模板字符串编写局部 css 样式。
+
+能直接编写子元素的样式，以及`& :hover`等 Sass 语法。
+
+根据传入属性，在 css 中使用，Wrapper 传入背景颜色属性，Button 判断是否为 primary。
+
+并且能方便的给暴露`className` props 的三方 UI 库上样式：
+
+```jsx
+const StyledButton = styled(Button)` ... `
+```
+
+## styled-jsx
+
+[vercel/styled-jsx: Full CSS support for JSX without compromises (github.com)](https://github.com/vercel/styled-jsx)
+
+styled-jsx 概括第一印象就是 React css 的 vue 解决。`yarn add styled-jsx` 安装后，不用`import`，而是一个 babel 插件，`.babelrc`配置：
+
+```JavaScript
+{
+ "plugins": [
+ "styled-jsx/babel"
+ ]
+}
+
+```
+
+使用
+
+```jsx
+
+render () {
+ return ({
+ name: 'kuizuo',
+ age: 20,
+ })
+
+ return (
+
+
+ )
+}
+
+function Container() {
+ return
+meta:
+ layout: users
+
+```
+
+## [vite-plugin-purge-icons](https://www.npmjs.com/package/vite-plugin-purge-icons)
+
+**方便的使用 [Iconify](https://icon-sets.iconify.design/) 图标。**
+
+安装
+
+```bash
+ pnpm add @iconify/iconify
+ pnpm add vite-plugin-purge-icons @iconify/json -D
+```
+
+```javascript title="vite.config.js"
+import PurgeIcons from 'vite-plugin-purge-icons'
+
+export default {
+ plugins: [
+ PurgeIcons({
+ /* PurgeIcons Options */
+ }),
+ ],
+}
+```
+
+在 main.js 中导入 `@purge-icons/generated`
+
+```javascript title="main.js" {3,4}
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import '@iconify/iconify'
+import '@purge-icons/generated'
+
+createApp(App).mount('#app')
+```
+
+使用
+
+在 html 文件中指明 class 为 iconify，data-icon 为 iconify 对应的图标（直接复制官网的图标）
+
+```html
+
+```
+
+当然，也可以自行封装一个 Icon 组件，像下面这样使用。
+
+```html
+
+
+ `,
+ },
+ ],
+ },
+ ],
+ copyright: `
+
+
+ ,
+ tableOfContents: {
+ minHeadingLevel: 2,
+ maxHeadingLevel: 4,
+ },
+ liveCodeBlock: { playgroundPosition: 'top' },
+ zoom: {
+ selector: '.markdown :not(em) > img',
+ background: {
+ light: 'rgb(255, 255, 255)',
+ dark: 'rgb(50, 50, 50)',
+ },
+ },
+ } satisfies Preset.ThemeConfig,
+ presets: [
+ [
+ 'classic',
+ {
+ docs: {
+ path: 'docs',
+ sidebarPath: 'sidebars.ts',
+ },
+ blog: false,
+ theme: {
+ customCss: ['./src/css/custom.scss'],
+ },
+ sitemap: {
+ priority: 0.5,
+ },
+ gtag: {
+ trackingID: 'G-S4SD5NXWXF',
+ anonymizeIP: true,
+ },
+ debug: process.env.NODE_ENV === 'development',
+ } satisfies Preset.Options,
+ ],
+ ],
+ plugins: [
+ 'docusaurus-plugin-image-zoom',
+ 'docusaurus-plugin-sass',
+ '@docusaurus/plugin-ideal-image',
+ ['docusaurus-plugin-baidu-tongji', { token: 'c9a3849aa75f9c4a4e65f846cd1a5155' }],
+ [
+ '@docusaurus/plugin-pwa',
+ {
+ debug: process.env.NODE_ENV === 'development',
+ offlineModeActivationStrategies: ['appInstalled', 'standalone', 'queryString'],
+ pwaHead: [
+ { tagName: 'link', rel: 'icon', href: '/img/logo.png' },
+ { tagName: 'link', rel: 'manifest', href: '/manifest.json' },
+ { tagName: 'meta', name: 'theme-color', content: '#12affa' },
+ ],
+ },
+ ],
+ [
+ './src/plugin/plugin-content-blog', // 为了实现全局 blog 数据，必须改写 plugin-content-blog 插件
+ {
+ path: 'blog',
+ editUrl: ({ locale, blogDirPath, blogPath, permalink }) =>
+ `https://github.com/kuizuo/blog/edit/main/${blogDirPath}/${blogPath}`,
+ editLocalizedFiles: false,
+ blogDescription: '代码人生：编织技术与生活的博客之旅',
+ blogSidebarCount: 10,
+ blogSidebarTitle: 'Blogs',
+ postsPerPage: 10,
+ showReadingTime: true,
+ readingTime: ({ content, frontMatter, defaultReadingTime }) =>
+ defaultReadingTime({ content, options: { wordsPerMinute: 300 } }),
+ feedOptions: {
+ type: 'all',
+ title: '愧怍',
+ copyright: `Copyright © ${new Date().getFullYear()} 愧怍 Built with Docusaurus.`,
+ },
+ },
+ ],
+ ],
+ headTags: [
+ {
+ tagName: 'meta',
+ attributes: {
+ name: 'description',
+ content: '愧怍的个人博客',
+ },
+ },
+ ],
+ stylesheets: [
+ 'https://cdn.jsdelivr.net/npm/misans@4.0.0/lib/Normal/MiSans-Normal.min.css',
+ 'https://cdn.jsdelivr.net/npm/misans@4.0.0/lib/Normal/MiSans-Semibold.min.css',
+ ],
+ i18n: {
+ defaultLocale: 'zh-CN',
+ locales: ['en', 'zh-CN'],
+ localeConfigs: {
+ en: {
+ htmlLang: 'en-GB',
+ },
+ },
+ },
+}
+
+export default config
diff --git a/i18n/en/code.json b/i18n/en/code.json
new file mode 100644
index 0000000..95c2e0a
--- /dev/null
+++ b/i18n/en/code.json
@@ -0,0 +1,477 @@
+{
+ "homepage.hero.greet": {
+ "message": "Hello! I'm ",
+ "description": "hero greet"
+ },
+ "homepage.hero.name": {
+ "message": "Kuizuo",
+ "description": "hero name"
+ },
+ "homepage.hero.text": {
+ "message": "Here I will share the problems and solutions encountered by various technology stacks, take you to understand the latest technology stacks and how to apply them in actual development, and hope that my development experience will inspire you",
+ "description": "hero text"
+ },
+ "hompage.hero.introduce": {
+ "message": "Introduce"
+ },
+ "homepage.blog.title": {
+ "message": "Recent Blogs"
+ },
+ "homepage.lookMore": {
+ "message": "Look More"
+ },
+ "homepage.project.title": {
+ "message": "Project Showcase"
+ },
+ "homepage.feature.title": {
+ "message": "Feature"
+ },
+ "homepage.feature.developer": {
+ "message": "Typescript Developer"
+ },
+ "homepage.feature.spider": {
+ "message": "Know a little Reverse"
+ },
+ "homepage.feature.enthusiast": {
+ "message": "Open source enthusiast"
+ },
+ "theme.blog.archive.posts.total": {
+ "message": "Total {total} posts"
+ },
+ "theme.blog.archive.posts.unit": {
+ "message": "posts"
+ },
+ "theme.project.title": {
+ "message": "Project Showcase"
+ },
+ "theme.project.description": {
+ "message": "Here is the best proof of my hard practice and application in the field of technology."
+ },
+ "showcase.header.button": {
+ "message": "Go to Github to clone"
+ },
+ "theme.blog.archive.title": {
+ "message": "Archive",
+ "description": "The page & hero title of the blog archive page"
+ },
+ "theme.blog.archive.description": {
+ "message": "Archive",
+ "description": "The page & hero description of the blog archive page"
+ },
+ "theme.blog.sidebar.navAriaLabel": {
+ "message": "Blog recent posts navigation",
+ "description": "The ARIA label for recent posts in the blog sidebar"
+ },
+ "theme.blog.post.readMore": {
+ "message": "Read More",
+ "description": "The label used in blog post item excerpts to link to full blog posts"
+ },
+ "theme.blog.post.readMoreLabel": {
+ "message": "Read more about {title}",
+ "description": "The ARIA label for the link to full blog posts from excerpts"
+ },
+ "theme.blog.post.readingTime.plurals": {
+ "message": "One min read|{readingTime} min read",
+ "description": "Pluralized label for \"{readingTime} min read\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+ },
+ "theme.blog.title.recommend": {
+ "message": "Recommend Blog"
+ },
+ "theme.blog.title.new": {
+ "message": "New Blog"
+ },
+ "theme.ErrorPageContent.title": {
+ "message": "This page crashed.",
+ "description": "The title of the fallback page when the page crashed"
+ },
+ "theme.ErrorPageContent.tryAgain": {
+ "message": "Try again",
+ "description": "The label of the button to try again when the page crashed"
+ },
+ "theme.NotFound.title": {
+ "message": "Page Not Found",
+ "description": "The title of the 404 page"
+ },
+ "theme.NotFound.p1": {
+ "message": "We could not find what you were looking for.",
+ "description": "The first paragraph of the 404 page"
+ },
+ "theme.NotFound.p2": {
+ "message": "Please contact the owner of the site that linked you to the original URL and let them know their link is broken.",
+ "description": "The 2nd paragraph of the 404 page"
+ },
+ "theme.admonition.note": {
+ "message": "note",
+ "description": "The default label used for the Note admonition (:::note)"
+ },
+ "theme.admonition.tip": {
+ "message": "tip",
+ "description": "The default label used for the Tip admonition (:::tip)"
+ },
+ "theme.admonition.danger": {
+ "message": "danger",
+ "description": "The default label used for the Danger admonition (:::danger)"
+ },
+ "theme.admonition.info": {
+ "message": "info",
+ "description": "The default label used for the Info admonition (:::info)"
+ },
+ "theme.admonition.warning": {
+ "message": "warning",
+ "description": "The default label used for the Warning admonition (:::warning)"
+ },
+ "theme.AnnouncementBar.closeButtonAriaLabel": {
+ "message": "Close",
+ "description": "The ARIA label for close button of announcement bar"
+ },
+ "theme.BackToTopButton.buttonAriaLabel": {
+ "message": "Scroll back to top",
+ "description": "The ARIA label for the back to top button"
+ },
+ "theme.blog.paginator.navAriaLabel": {
+ "message": "Blog list page navigation",
+ "description": "The ARIA label for the blog pagination"
+ },
+ "theme.blog.paginator.newerEntries": {
+ "message": "Newer Entries",
+ "description": "The label used to navigate to the newer blog posts page (previous page)"
+ },
+ "theme.blog.paginator.olderEntries": {
+ "message": "Older Entries",
+ "description": "The label used to navigate to the older blog posts page (next page)"
+ },
+ "theme.blog.post.paginator.navAriaLabel": {
+ "message": "Blog post page navigation",
+ "description": "The ARIA label for the blog posts pagination"
+ },
+ "theme.blog.post.paginator.newerPost": {
+ "message": "Newer Post",
+ "description": "The blog post button label to navigate to the newer/previous post"
+ },
+ "theme.blog.post.paginator.olderPost": {
+ "message": "Older Post",
+ "description": "The blog post button label to navigate to the older/next post"
+ },
+ "theme.blog.post.plurals": {
+ "message": "One post|{count} posts",
+ "description": "Pluralized label for \"{count} posts\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+ },
+ "theme.blog.tagTitle": {
+ "message": "{nPosts} tagged with \"{tagName}\"",
+ "description": "The title of the page for a blog tag"
+ },
+ "theme.tags.tagsPageLink": {
+ "message": "View All Tags",
+ "description": "The label of the link targeting the tag list page"
+ },
+ "theme.colorToggle.ariaLabel": {
+ "message": "Switch between dark and light mode (currently {mode})",
+ "description": "The ARIA label for the navbar color mode toggle"
+ },
+ "theme.colorToggle.ariaLabel.mode.dark": {
+ "message": "dark mode",
+ "description": "The name for the dark color mode"
+ },
+ "theme.colorToggle.ariaLabel.mode.light": {
+ "message": "light mode",
+ "description": "The name for the light color mode"
+ },
+ "theme.docs.breadcrumbs.home": {
+ "message": "Home page",
+ "description": "The ARIA label for the home page in the breadcrumbs"
+ },
+ "theme.docs.breadcrumbs.navAriaLabel": {
+ "message": "Breadcrumbs",
+ "description": "The ARIA label for the breadcrumbs"
+ },
+ "theme.docs.DocCard.categoryDescription": {
+ "message": "{count} items",
+ "description": "The default description for a category card in the generated index about how many items this category includes"
+ },
+ "theme.docs.paginator.navAriaLabel": {
+ "message": "Docs pages navigation",
+ "description": "The ARIA label for the docs pagination"
+ },
+ "theme.docs.paginator.previous": {
+ "message": "Previous",
+ "description": "The label used to navigate to the previous doc"
+ },
+ "theme.docs.paginator.next": {
+ "message": "Next",
+ "description": "The label used to navigate to the next doc"
+ },
+ "theme.docs.tagDocListPageTitle.nDocsTagged": {
+ "message": "One doc tagged|{count} docs tagged",
+ "description": "Pluralized label for \"{count} docs tagged\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+ },
+ "theme.docs.tagDocListPageTitle": {
+ "message": "{nDocsTagged} with \"{tagName}\"",
+ "description": "The title of the page for a docs tag"
+ },
+ "theme.docs.versionBadge.label": {
+ "message": "Version: {versionLabel}"
+ },
+ "theme.common.editThisPage": {
+ "message": "Edit this page",
+ "description": "The link label to edit the current page"
+ },
+ "theme.docs.versions.unreleasedVersionLabel": {
+ "message": "This is unreleased documentation for {siteTitle} {versionLabel} version.",
+ "description": "The label used to tell the user that he's browsing an unreleased doc version"
+ },
+ "theme.docs.versions.unmaintainedVersionLabel": {
+ "message": "This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.",
+ "description": "The label used to tell the user that he's browsing an unmaintained doc version"
+ },
+ "theme.docs.versions.latestVersionSuggestionLabel": {
+ "message": "For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).",
+ "description": "The label used to tell the user to check the latest version"
+ },
+ "theme.docs.versions.latestVersionLinkLabel": {
+ "message": "latest version",
+ "description": "The label used for the latest version suggestion link label"
+ },
+ "theme.common.headingLinkTitle": {
+ "message": "Direct link to heading",
+ "description": "Title for link to heading"
+ },
+ "theme.lastUpdated.atDate": {
+ "message": " on {date}",
+ "description": "The words used to describe on which date a page has been last updated"
+ },
+ "theme.lastUpdated.byUser": {
+ "message": " by {user}",
+ "description": "The words used to describe by who the page has been last updated"
+ },
+ "theme.lastUpdated.lastUpdatedAtBy": {
+ "message": "Last updated{atDate}{byUser}",
+ "description": "The sentence used to display when a page has been last updated, and by who"
+ },
+ "theme.navbar.mobileVersionsDropdown.label": {
+ "message": "Versions",
+ "description": "The label for the navbar versions dropdown on mobile view"
+ },
+ "theme.common.skipToMainContent": {
+ "message": "Skip to main content",
+ "description": "The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation"
+ },
+ "theme.tags.tagsListLabel": {
+ "message": "Tags:",
+ "description": "The label alongside a tag list"
+ },
+ "theme.CodeBlock.copied": {
+ "message": "Copied",
+ "description": "The copied button label on code blocks"
+ },
+ "theme.CodeBlock.copyButtonAriaLabel": {
+ "message": "Copy code to clipboard",
+ "description": "The ARIA label for copy code blocks button"
+ },
+ "theme.CodeBlock.copy": {
+ "message": "Copy",
+ "description": "The copy button label on code blocks"
+ },
+ "theme.CodeBlock.wordWrapToggle": {
+ "message": "Toggle word wrap",
+ "description": "The title attribute for toggle word wrapping button of code block lines"
+ },
+ "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
+ "message": "Toggle the collapsible sidebar category '{label}'",
+ "description": "The ARIA label to toggle the collapsible sidebar category"
+ },
+ "theme.navbar.mobileLanguageDropdown.label": {
+ "message": "Languages",
+ "description": "The label for the mobile language switcher dropdown"
+ },
+ "theme.TOCCollapsible.toggleButtonLabel": {
+ "message": "On this page",
+ "description": "The label used by the button on the collapsible TOC component"
+ },
+ "theme.docs.sidebar.collapseButtonTitle": {
+ "message": "Collapse sidebar",
+ "description": "The title attribute for collapse button of doc sidebar"
+ },
+ "theme.docs.sidebar.collapseButtonAriaLabel": {
+ "message": "Collapse sidebar",
+ "description": "The title attribute for collapse button of doc sidebar"
+ },
+ "theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel": {
+ "message": "← Back to main menu",
+ "description": "The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"
+ },
+ "theme.docs.sidebar.expandButtonTitle": {
+ "message": "Expand sidebar",
+ "description": "The ARIA label and title attribute for expand button of doc sidebar"
+ },
+ "theme.docs.sidebar.expandButtonAriaLabel": {
+ "message": "Expand sidebar",
+ "description": "The ARIA label and title attribute for expand button of doc sidebar"
+ },
+ "theme.SearchBar.seeAll": {
+ "message": "See all {count} results"
+ },
+ "theme.SearchBar.label": {
+ "message": "Search",
+ "description": "The ARIA label and placeholder for search button"
+ },
+ "theme.SearchModal.searchBox.resetButtonTitle": {
+ "message": "Clear the query",
+ "description": "The label and ARIA label for search box reset button"
+ },
+ "theme.SearchModal.searchBox.cancelButtonText": {
+ "message": "Cancel",
+ "description": "The label and ARIA label for search box cancel button"
+ },
+ "theme.SearchModal.startScreen.recentSearchesTitle": {
+ "message": "Recent",
+ "description": "The title for recent searches"
+ },
+ "theme.SearchModal.startScreen.noRecentSearchesText": {
+ "message": "No recent searches",
+ "description": "The text when no recent searches"
+ },
+ "theme.SearchModal.startScreen.saveRecentSearchButtonTitle": {
+ "message": "Save this search",
+ "description": "The label for save recent search button"
+ },
+ "theme.SearchModal.startScreen.removeRecentSearchButtonTitle": {
+ "message": "Remove this search from history",
+ "description": "The label for remove recent search button"
+ },
+ "theme.SearchModal.startScreen.favoriteSearchesTitle": {
+ "message": "Favorite",
+ "description": "The title for favorite searches"
+ },
+ "theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle": {
+ "message": "Remove this search from favorites",
+ "description": "The label for remove favorite search button"
+ },
+ "theme.SearchModal.errorScreen.titleText": {
+ "message": "Unable to fetch results",
+ "description": "The title for error screen of search modal"
+ },
+ "theme.SearchModal.errorScreen.helpText": {
+ "message": "You might want to check your network connection.",
+ "description": "The help text for error screen of search modal"
+ },
+ "theme.SearchModal.footer.selectText": {
+ "message": "to select",
+ "description": "The explanatory text of the action for the enter key"
+ },
+ "theme.SearchModal.footer.selectKeyAriaLabel": {
+ "message": "Enter key",
+ "description": "The ARIA label for the Enter key button that makes the selection"
+ },
+ "theme.SearchModal.footer.navigateText": {
+ "message": "to navigate",
+ "description": "The explanatory text of the action for the Arrow up and Arrow down key"
+ },
+ "theme.SearchModal.footer.navigateUpKeyAriaLabel": {
+ "message": "Arrow up",
+ "description": "The ARIA label for the Arrow up key button that makes the navigation"
+ },
+ "theme.SearchModal.footer.navigateDownKeyAriaLabel": {
+ "message": "Arrow down",
+ "description": "The ARIA label for the Arrow down key button that makes the navigation"
+ },
+ "theme.SearchModal.footer.closeText": {
+ "message": "to close",
+ "description": "The explanatory text of the action for Escape key"
+ },
+ "theme.SearchModal.footer.closeKeyAriaLabel": {
+ "message": "Escape key",
+ "description": "The ARIA label for the Escape key button that close the modal"
+ },
+ "theme.SearchModal.footer.searchByText": {
+ "message": "Search by",
+ "description": "The text explain that the search is making by Algolia"
+ },
+ "theme.SearchModal.noResultsScreen.noResultsText": {
+ "message": "No results for",
+ "description": "The text explains that there are no results for the following search"
+ },
+ "theme.SearchModal.noResultsScreen.suggestedQueryText": {
+ "message": "Try searching for",
+ "description": "The text for the suggested query when no results are found for the following search"
+ },
+ "theme.SearchModal.noResultsScreen.reportMissingResultsText": {
+ "message": "Believe this query should return results?",
+ "description": "The text for the question where the user thinks there are missing results"
+ },
+ "theme.SearchModal.noResultsScreen.reportMissingResultsLinkText": {
+ "message": "Let us know.",
+ "description": "The text for the link to report missing results"
+ },
+ "theme.SearchModal.placeholder": {
+ "message": "Search docs",
+ "description": "The placeholder of the input of the DocSearch pop-up modal"
+ },
+ "theme.SearchPage.documentsFound.plurals": {
+ "message": "One document found|{count} documents found",
+ "description": "Pluralized label for \"{count} documents found\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)"
+ },
+ "theme.SearchPage.existingResultsTitle": {
+ "message": "Search results for \"{query}\"",
+ "description": "The search page title for non-empty query"
+ },
+ "theme.SearchPage.emptyResultsTitle": {
+ "message": "Search the documentation",
+ "description": "The search page title for empty query"
+ },
+ "theme.SearchPage.inputPlaceholder": {
+ "message": "Type your search here",
+ "description": "The placeholder for search page input"
+ },
+ "theme.SearchPage.inputLabel": {
+ "message": "Search",
+ "description": "The ARIA label for search page input"
+ },
+ "theme.SearchPage.algoliaLabel": {
+ "message": "Search by Algolia",
+ "description": "The ARIA label for Algolia mention"
+ },
+ "theme.SearchPage.noResultsText": {
+ "message": "No results were found",
+ "description": "The paragraph for empty search result"
+ },
+ "theme.SearchPage.fetchingNewResults": {
+ "message": "Fetching new results...",
+ "description": "The paragraph for fetching new search results"
+ },
+ "theme.IdealImageMessage.loading": {
+ "message": "Loading...",
+ "description": "When the full-scale image is loading"
+ },
+ "theme.IdealImageMessage.load": {
+ "message": "Click to load{sizeMessage}",
+ "description": "To prompt users to load the full image. sizeMessage is a parenthesized size figure."
+ },
+ "theme.IdealImageMessage.offline": {
+ "message": "Your browser is offline. Image not loaded",
+ "description": "When the user is viewing an offline document"
+ },
+ "theme.IdealImageMessage.404error": {
+ "message": "404. Image not found",
+ "description": "When the image is not found"
+ },
+ "theme.IdealImageMessage.error": {
+ "message": "Error. Click to reload",
+ "description": "When the image fails to load for unknown error"
+ },
+ "theme.PwaReloadPopup.info": {
+ "message": "New version available",
+ "description": "The text for PWA reload popup"
+ },
+ "theme.PwaReloadPopup.refreshButtonText": {
+ "message": "Refresh",
+ "description": "The text for PWA reload button"
+ },
+ "theme.PwaReloadPopup.closeButtonAriaLabel": {
+ "message": "Close",
+ "description": "The ARIA label for close button of PWA reload popup"
+ },
+ "showcase.card.sourceLink": {
+ "message": "source",
+ "description": "The label for the source link of a showcase card"
+ }
+}
diff --git a/i18n/en/docusaurus-plugin-content-blog/authors.yml b/i18n/en/docusaurus-plugin-content-blog/authors.yml
new file mode 100644
index 0000000..a23a000
--- /dev/null
+++ b/i18n/en/docusaurus-plugin-content-blog/authors.yml
@@ -0,0 +1,5 @@
+kuizuo:
+ name: Kuizuo
+ title: ts full stack / Student
+ url: https://github.com/kuizuo
+ image_url: /img/logo.webp
diff --git a/i18n/en/docusaurus-plugin-content-docs/current.json b/i18n/en/docusaurus-plugin-content-docs/current.json
new file mode 100644
index 0000000..c1488c4
--- /dev/null
+++ b/i18n/en/docusaurus-plugin-content-docs/current.json
@@ -0,0 +1,106 @@
+{
+ "version.label": {
+ "message": "Next",
+ "description": "The label for version current"
+ },
+ "sidebar.skill.category.Docusaurus2 主题魔改": {
+ "message": "Docusaurus2 主题魔改",
+ "description": "The label for category Docusaurus2 主题魔改 in sidebar skill"
+ },
+ "sidebar.skill.category.代码规范": {
+ "message": "代码规范",
+ "description": "The label for category 代码规范 in sidebar skill"
+ },
+ "sidebar.skill.category.Vue": {
+ "message": "Vue",
+ "description": "The label for category Vue in sidebar skill"
+ },
+ "sidebar.skill.category.React": {
+ "message": "React",
+ "description": "The label for category React in sidebar skill"
+ },
+ "sidebar.skill.category.Web": {
+ "message": "Web",
+ "description": "The label for category Web in sidebar skill"
+ },
+ "sidebar.skill.category.JavaScript": {
+ "message": "JavaScript",
+ "description": "The label for category JavaScript in sidebar skill"
+ },
+ "sidebar.skill.category.Node": {
+ "message": "Node",
+ "description": "The label for category Node in sidebar skill"
+ },
+ "sidebar.skill.category.Css": {
+ "message": "Css",
+ "description": "The label for category Css in sidebar skill"
+ },
+ "sidebar.skill.category.Go": {
+ "message": "Go",
+ "description": "The label for category Go in sidebar skill"
+ },
+ "sidebar.skill.category.Git": {
+ "message": "Git",
+ "description": "The label for category Git in sidebar skill"
+ },
+ "sidebar.skill.category.算法": {
+ "message": "算法",
+ "description": "The label for category 算法 in sidebar skill"
+ },
+ "sidebar.skill.category.逆向": {
+ "message": "逆向",
+ "description": "The label for category 逆向 in sidebar skill"
+ },
+ "sidebar.skill.category.逆向.link.generated-index.title": {
+ "message": "逆向笔记",
+ "description": "The generated-index page title for category 逆向 in sidebar skill"
+ },
+ "sidebar.skill.category.逆向.link.generated-index.description": {
+ "message": "Web逆向与安卓逆向笔记",
+ "description": "The generated-index page description for category 逆向 in sidebar skill"
+ },
+ "sidebar.skill.category.安卓": {
+ "message": "安卓",
+ "description": "The label for category 安卓 in sidebar skill"
+ },
+ "sidebar.skill.category.frida": {
+ "message": "frida",
+ "description": "The label for category frida in sidebar skill"
+ },
+ "sidebar.skill.category.刷机": {
+ "message": "刷机",
+ "description": "The label for category 刷机 in sidebar skill"
+ },
+ "sidebar.skill.category.密码学": {
+ "message": "密码学",
+ "description": "The label for category 密码学 in sidebar skill"
+ },
+ "sidebar.skill.category.Docker": {
+ "message": "Docker",
+ "description": "The label for category Docker in sidebar skill"
+ },
+ "sidebar.skill.category.数据库": {
+ "message": "数据库",
+ "description": "The label for category 数据库 in sidebar skill"
+ },
+ "sidebar.skill.category.Mysql": {
+ "message": "Mysql",
+ "description": "The label for category Mysql in sidebar skill"
+ },
+ "sidebar.skill.category.MongoDB": {
+ "message": "MongoDB",
+ "description": "The label for category MongoDB in sidebar skill"
+ },
+ "sidebar.skill.category.Redis": {
+ "message": "Redis",
+ "description": "The label for category Redis in sidebar skill"
+ },
+ "sidebar.skill.category.Elasticsearch": {
+ "message": "Elasticsearch",
+ "description": "The label for category Elasticsearch in sidebar skill"
+ },
+ "sidebar.skill.category.杂项": {
+ "message": "杂项",
+ "description": "The label for category 杂项 in sidebar skill"
+ }
+}
diff --git a/i18n/en/docusaurus-plugin-content-pages/about.mdx b/i18n/en/docusaurus-plugin-content-pages/about.mdx
new file mode 100644
index 0000000..5a2adf4
--- /dev/null
+++ b/i18n/en/docusaurus-plugin-content-pages/about.mdx
@@ -0,0 +1,62 @@
+---
+id: about
+title: Introduction
+description: Kuizuo self-introduction
+hide_table_of_contents: true
+---
+
+import { Icon } from '@iconify/react';
+
+# 👋 Hello! I'm Kuizuo
+
+🧑 University Student, from China
+
+👨💻 Code enthusiasts, write projects of interest, Hope to contribute to the open source community
+
+🌱 Keep learning, hoping to learn unlimit possibilities in a limit time
+
+🐛 I have written crawlers for a long time, learned the reverse of Web and Android, and now focus on the full stack of js/ts, and continue to develop for a long time.
+
+### 🤔 Why is it called Kuizuo
+
+Kuizuo, guilty, ashamed. This is also the meaning I want to express by using this name.
+
+I used to feel guilty and distressed by some wrong practices. I want to keep motivating myself with this name, reflect on the past, and don't want to live up to so many things I've experienced again, that's all.
+
+### 🛠 Tech Stack
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+### ☎️ Contact me
+
+
+
+
+
+
+
+
+
+
diff --git a/i18n/en/docusaurus-theme-classic/footer.json b/i18n/en/docusaurus-theme-classic/footer.json
new file mode 100644
index 0000000..e7a12a6
--- /dev/null
+++ b/i18n/en/docusaurus-theme-classic/footer.json
@@ -0,0 +1,66 @@
+{
+ "link.title.学习": {
+ "message": "Study",
+ "description": "The title of the footer links column with title=学习 in the footer"
+ },
+ "link.title.社交媒体": {
+ "message": "Social Media",
+ "description": "The title of the footer links column with title=社交媒体 in the footer"
+ },
+ "link.title.更多": {
+ "message": "More",
+ "description": "The title of the footer links column with title=更多 in the footer"
+ },
+ "link.item.label.博客": {
+ "message": "Blogs",
+ "description": "The label of footer link with label=博客 linking to tags"
+ },
+ "link.item.label.标签": {
+ "message": "Tags",
+ "description": "The label of footer link with label=标签 linking to tags"
+ },
+ "link.item.label.归档": {
+ "message": "Archive",
+ "description": "The label of footer link with label=归档 linking to archive"
+ },
+ "link.item.label.笔记": {
+ "message": "Notes",
+ "description": "The label of footer link with label=笔记 linking to docs/skill"
+ },
+ "link.item.label.实战项目": {
+ "message": "Projects",
+ "description": "The label of footer link with label=实战项目 linking to project"
+ },
+ "link.item.label.前端示例": {
+ "message": "Frontend Examples",
+ "description": "The label of footer link with label=前端示例 linking to https://example.kuizuo.cn"
+ },
+ "link.item.label.关于我": {
+ "message": "About Me",
+ "description": "The label of footer link with label=关于我 linking to /about"
+ },
+ "link.item.label.GitHub": {
+ "message": "GitHub",
+ "description": "The label of footer link with label=GitHub linking to https://github.com/kuizuo"
+ },
+ "link.item.label.掘金": {
+ "message": "Juejin",
+ "description": "The label of footer link with label=掘金 linking to https://juejin.cn/user/1565318510545901"
+ },
+ "link.item.label.Discord": {
+ "message": "Discord",
+ "description": "The label of footer link with label=Discord linking to https://discord.gg/M8cVcjDxkz"
+ },
+ "link.item.label.友链": {
+ "message": "Friends",
+ "description": "The label of footer link with label=友链 linking to friends"
+ },
+ "link.item.label.导航": {
+ "message": "Links",
+ "description": "The label of footer link with label=导航 linking to resource"
+ },
+ "copyright": {
+ "message": " & { darkTheme: string } = {
+ id: 'comments',
+ mapping: 'title',
+ reactionsEnabled: '1',
+ emitMetadata: '0',
+ inputPosition: 'top',
+ lang: 'zh-CN',
+ theme: 'light',
+ darkTheme: 'dark_dimmed',
+}
+
+export default function Comment(): JSX.Element {
+ const themeConfig = useThemeConfig() as ThemeConfig & { giscus: GiscusConfig }
+ const { i18n } = useDocusaurusContext()
+
+ // merge default config
+ const giscus = { ...defaultConfig, ...themeConfig.giscus }
+
+ if (!giscus.repo || !giscus.repoId || !giscus.categoryId) {
+ throw new Error('You must provide `repo`, `repoId`, and `categoryId` to `themeConfig.giscus`.')
+ }
+
+ giscus.theme = useColorMode().colorMode === 'dark' ? giscus.darkTheme : giscus.theme
+ giscus.lang = i18n.currentLocale
+
+ return (
+ Loading Comments...
}>
+ {() =>
+
;
+}
+
+```
+
+只会作用到同级标签作用域，可以说是一种另类的内联样式了，如果不喜欢将样式写在 render 里，styled-jsx 提供了一个 `css` 的工具函数：
+
+```jsx
+import css from 'styled-jsx/css'
+
+export default () => (
+
+
+
+ A0
+ B0
+
+
+
+
+)
+
+const button = css`
+ button {
+ color: hotpink;
+ }
+`
+```
+
+补充：现在我更推荐使用 Emotion。
+
+## 原子类
+
+简单说，就是将常用的 css 样式都封装完，只需要在 class 中引入即可
+
+这里选用当红框架 [Tailwind CSS](https://www.tailwindcss.cn/) 作为演示。
+
+比方说 flex 布局的话，就需要写 `dispaly: flex;` 但是封装成类，如
+
+```CSS
+.flex {
+ dispaly: flex;
+}
+```
+
+引用的时候直接在 class 中添加 flex 即可
+
+```jsx
+tailwindcss
+``` + +贴一张官方演示图，把大部分常用的样式都封装成 class + +官方在线例子（下图） [Tailwind Play (tailwindcss.com)](https://play.tailwindcss.com/) + + + +有以下几种优点： + +1. 源代码无非就是 css 的基本样式，如 class `w-auto` 对应 css `width: auto;` 等等 +2. 如果不是特别复杂的样式，甚至可以不用写一条 css 代码，开发效率杠杠的。 +3. 体积很小，更好的样式复用，并且打包后会根据所用的 class 进行打包，而非全部无用样式打包。 +4. 与 bootstrap 设计不同，完全可以定制化不同类型的组件，而不是像 `class="btn btn-danger"` 这样。 + +体验下来基本上就是在写内联样式 inline css 但是同时又不显得杂乱。 + +### 组件化中使用 + +在组件化开发中，完全可以自己实现一个 Button 按钮（上间距 `pt-4`，底部间距 `pb-10`，文字为 `text-sky-500` 天蓝色）， + +```jsx +const Button = ({ children, color }) => ( + {children} +) +``` + +不过要说缺点的话： + +1. 可能之前标题只需要定义.title 类来完成全部样式，而 tailwind 需要好几个 css 原子类来实现 +2. 初学者可能不适应，需要反复的查阅文档。（不过用多了，自然就会习惯了） + +然后还有一个 WindCSS，可以看作是**按需供应的** Tailwind 替代方案。不过暂时不支持 React。 + +此外还有一篇文章非常推荐 [重新构想原子化 CSS (antfu.me)](https://antfu.me/posts/reimagine-atomic-css-zh)，不多说，再刷一遍。 + +## 最佳实现？ + +介绍完几种 React 中 Css 的实现（当然还有很多库没介绍，主要挑几种主流的），实际又要选择哪种呢？ + +说说我目前 react 所选的操作，tailwind（原子类）+ CSS modules，写一些小项目或者 demo 甚至都没必要写 css 代码，毕竟 css 是大多数前端程序员都不是那么想写的（包括我）。而做一些自定义的小组件的话那肯定是 styled-components，而 styled-jsx，对组件代码牺牲挺大所以不怎么写。 + +不过每个人使用风格不同，我一开始接触原子类是 windicss，用久了之后习惯了常用的 class，编写起来可以说是相当的快捷了。 + +不过相比 Vue 而言，react 的 css 实现着实费劲。 + +> 参考链接： +> +> [CSS Modules 用法教程 - 阮一峰的网络日志 (ruanyifeng.com)](https://www.ruanyifeng.com/blog/2016/06/css_modules.html) +> +> [CSS in JS 简介 - 阮一峰的网络日志 (ruanyifeng.com)](https://www.ruanyifeng.com/blog/2017/04/css_in_js.html) +> +> [React 拾遗：从 10 种现在流行的 CSS 解决方案谈谈我的最爱 （下） - 掘金 (juejin.cn)](https://juejin.cn/post/6844903638289252360) diff --git "a/docs/skill/web/react/React\344\271\213hooks.md" "b/docs/skill/web/react/React\344\271\213hooks.md" new file mode 100644 index 0000000..ebeb073 --- /dev/null +++ "b/docs/skill/web/react/React\344\271\213hooks.md" @@ -0,0 +1,412 @@ +--- +id: react-hooks +slug: /react-hooks +title: React之hooks +date: 2022-09-07 +authors: kuizuo +tags: [react, hook] +keywords: [react, hook] +--- + + + +## 官方内置 hooks + +### useState + +在函数组件中管理数据状态 + +#### 基本数据类型 + +```tsx +import React from 'react' + +export function App(props) { + const [count, setCount] = React.useState(0) + + return ( +
+
+ )
+}
+```
+
+主要注意的点是 setCount 可以传入相应数值或匿名函数，如上所示的都是可以实现对 count+1
+
+#### 对象
+
+这里主要针对复杂类型（数组，对象），示例：
+
+```tsx
+import * as React from 'react'
+
+export default function App(props) {
+ type User = {
+ name: string
+ age: number
+ }
+
+ const [user, setUser] = React.useState{count}
+
+
+
+
+
+ )
+}
+```
+
+#### 数组
+
+```tsx
+import * as React from 'react'
+
+export default function App(props) {
+ const [arr, setArr] = React.useState(['code', 'eat', 'sleep'])
+
+ return (
+ {user.name}
+ {user.age}
+
+
+ {arr.map((a) => (
+
+ )
+}
+
+```
+
+useState 对于复杂类型而言，尤其是在赋值操作是比较麻烦的。没办法，因为需要更改状态就需要调用 setState 方法，而 setState 方法需要传入最终完整的数据。
+
+对于对象而言，可以考虑使用 react use 的 [useMap](https://github.com/streamich/react-use/blob/master/docs/useMap.md)，对于数组而言，可以考虑使用 react use 的 [useList](https://github.com/streamich/react-use/blob/master/docs/useList.md)。（其实都是对 setState 进行一定的封装）
+
+### useEffect
+
+useEffect 可以让你在函数组件中执行副作用操作
+
+副作用是指一段和当前执行结果无关的代码，常用的副作用操作如数据获取、设置订阅、手动更改 React 组件中的 DOM。
+
+useEffect 可以接收两个参数，代码如下：
+
+```TypeScript
+useEffect(callback, dependencies)
+```
+
+第一个参数是要执行的函数 callback，第二个参数是可选的依赖项数组 dependencies。
+
+以下是一些示例：
+
+```tsx
+import * as React,{} from 'react'
+
+export default function App() {
+ const [count, setCount] = React.useState(0)
+
+ React.useEffect(()=>{
+ console.log(count)
+ })
+
+ return {a}
+ ))}
+
+ setCount(count+1)}>{count}
+}
+```
+
+每当 count 发生变化后，useEffect 副作用函数就会输出 count，由于没传入 dependencies 数组，则**每次 render 后执行**
+
+如果第二个参数给空数组的话，只会在**第一次加载组件时执行**，通常可用于首次数据请求。
+
+```tsx
+import * as React from 'react'
+
+export default function App() {
+ const [data, setData] = React.useState('')
+
+ React.useEffect(() => {
+ async function fetchData() {
+ const data = await (await fetch('https://api.kuizuo.cn/api/one')).text()
+ console.log(data)
+ setData(data)
+ }
+
+ fetchData()
+ }, [])
+
+ return {data}
+}
+
+```
+
+此外 componentWillUnmount 生命周期也可在 useEffect 中执行。
+
+```tsx
+import * as React from 'react'
+
+export default function App() {
+ const [data, setData] = React.useState('')
+
+ React.useEffect(() => {
+ // Update the document title using the browser API
+ document.title = `You clicked ${count} times`
+
+ return () => {
+ // 可用于做清除，相当于 class 组件的 componentWillUnmount
+ }
+
+ }, [count]) // 指定依赖项为 count，在 count 更新时执行该副作用
+
+ return setCount(count+1)}>{count}
+}
+```
+
+#### 小总结
+
+useEffect 提供了四种执行副作用的时机：
+
+- **每次 render 后执行**：不提供第二个依赖项参数。比如 `useEffect(() => {})`
+- **仅第一次 render 后执行**：提供一个空数组作为依赖项。比如 `useEffect(() => {}, [])`
+- **第一次以及依赖项发生变化后执行**：提供依赖项数组。比如 `useEffect(() => {}, [deps])`
+- **组件 unmount 后执行**：返回一个回调函数。比如 `useEffect(() => { return () => {} }, [])`
+
+### useMono
+
+useMemo 定义的创建函数只会在某个依赖项改变时才重新计算，有助于每次渲染时**不会重复的高开销的计算**，而接收这个计算值作为属性的组件，也**不会频繁地需要重新渲染**。类似与 Vue 中的 computed
+
+示例：
+
+```tsx
+const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b])
+```
+
+useMemo 本质上就像一个缓存，而依赖项是缓存失效策略。
+
+不仅能对数据进行缓存，对于纯组件也是能够缓存的。使用`memo` 对组件进行包裹即可，例如 `export default React.memo(Children)`
+
+### useCallback
+
+useCallback 定义的回调函数只会在依赖项改变时重新声明这个回调函数，这样就保证了**组件不会创建重复的回调函数**。而接收这个回调函数作为属性的组件，也**不会频繁地需要重新渲染**。
+
+useCallback 与 useMono 的作用都是一样的，只不过前者专门为函数构建的。例如下面的一个例子
+
+```tsx
+const handleMegaBoost = React.useMemo(() => {
+ return function() {
+ setCount((currentValue) => currentValue + 1234)
+ }
+}, [])
+```
+
+有更好的方法，就是使用 useCallback，如下
+
+```tsx
+const handleMegaBoost = React.useCallback(() => {
+ setCount((currentValue) => currentValue + 1234)
+}, [])
+```
+
+这两者的效果是完全相同的。相当于
+
+```tsx
+// This:
+React.useCallback(function helloWorld(){}, [])
+// ...Is functionally equivalent to this:
+React.useMemo(() => function helloWorld(){}, [])
+```
+
+对于 useMono 和 useCallback 强烈推荐阅读[Understanding useMemo and useCallback (joshwcomeau.com)](https://www.joshwcomeau.com/react/usememo-and-usecallback/)
+
+### useRef
+
+useRef 返回一个 ref 对象，这个 ref 对象在组件的整个生命周期内持续存在。
+
+他有 2 个用处：
+
+- 保存 DOM 节点的引用
+- 在多次渲染之间共享数据
+
+保存 DOM 节点的引入使用示例如下：
+
+```tsx
+function TextInputWithFocusButton() {
+ const inputEl = React.useRef(null)
+ const onButtonClick = () => {
+ // `current` 指向已挂载到 DOM 上的文本输入元素
+ inputEl.current.focus()
+ }
+ return (
+ <>
+
+
+
+ )
+}
+```
+
+以上代码通过 useRef 创建了 ref 对象，保存了 DOM 节点的引用，可以对 ref.current 做 DOM 操作。
+
+第二个用途在日常开发中没怎么用到过，useRef 主要还是为了获取 dom 属性。
+
+### useContext
+
+useContext 用于接收一个 context 对象并返回该 context 的值，可以实现**跨层级的数据共享**。
+
+```tsx
+// 创建一个 context 对象
+const MyContext = React.createContext(initialValue)
+function App() {
+ return (
+ // 通过 Context.Provider 传递 context 的值
+
+ Count: {state.count}
+
+
+
+ )
+}
+```
+
+通过`useReducer `与`useContext` 就能做到代替[redux](https://cn.redux.js.org/) 来进行状态管理了。篇幅有限，这里占不做演示。
+
+### useId
+
+这是 React18 的新特性，用于同一个组件在服务端和客户端之间确定对应的匹配关系。而确定关系的便是这个 Id。
+
+当一个组件，同时会被服务端和客户端渲染时，我们就可以使用 `useId` 来创建当前组件的唯一身份。
+
+```tsx
+function Checkbox() {
+ const id = useId()
+ return (
+ <>
+
+
+
+ )
+}
+```
+
+如果在同一个组件中，我们需要多个 id，那么一定不要重复的使用 `useId`，而是基于一个 id 来创建不同的标识，通常的做法是添加额外不同的字符串，例如下面这样：
+
+```tsx
+function NameFields() {
+ const id = useId()
+ return (
+
+
+
+ )
+}
+```
+
+更多 React 内置 Hook 可以参考 [Hook API](https://zh-hans.reactjs.org/docs/hooks-reference.html)
+
+## 自定义 hooks
+
+自定义 Hooks 就是函数，它有 2 个特征区分于普通函数：
+
+- 名称以 “use” 开头；
+- 函数内部调用其他的 Hook。
+
+例如：
+
+### useToggle
+
+```tsx
+import * as React from 'react'
+function useToggle(initialValue) {
+ const [value, setValue] = React.useState(initialValue)
+ const toggle = React.useCallback(() => {
+ setValue(v => !v)
+ }, [])
+ return [value, toggle]
+}
+```
+
+等等根据实际应用场景编写相应的 hooks
+
+## Hooks 库
+
+[react-use](https://github.com/streamich/react-use)
+
+[ahooks](https://ahooks.js.org/zh-CN/)
+
+## 参考文章
+
+[React-你有完全了解 Hooks 吗](https://juejin.cn/post/7064345263061598222)
diff --git a/docs/skill/web/vue/Pinia.md b/docs/skill/web/vue/Pinia.md
new file mode 100644
index 0000000..1dd2f5d
--- /dev/null
+++ b/docs/skill/web/vue/Pinia.md
@@ -0,0 +1,194 @@
+---
+id: pinia
+slug: /pinia
+title: Pinia
+date: 2020-10-23
+authors: kuizuo
+tags: [vue, pinia]
+keywords: [vue, pinia]
+---
+
+
+
+> 官方文档：[Introduction | Pinia (vuejs.org)](https://pinia.vuejs.org/introduction.html)
+
+## 安装
+
+```bash
+npm install pinia
+```
+
+## 创建 Store
+
+在 src/store 中创建 index.ts，并导出 store
+
+```typescript title="src/store/index.ts"
+import { createPinia } from 'pinia'
+
+const store = createPinia()
+
+export default store
+```
+
+在 main.ts 中引入并使用
+
+```typescript title="main.ts"
+import { createApp } from 'vue'
+import App from './App.vue'
+import store from './store'
+
+const app = createApp(App)
+app.use(store)
+```
+
+## 创建 modules
+
+在 src/store 目录下创建 modules 目录，里面存放项目中所需要使用到的状态。演示代码如下
+
+```typescript title="store/modules/user.ts"
+import { defineStore } from 'pinia'
+
+interface UserState {
+ name: string
+}
+
+export const useUserStore = defineStore({
+ id: 'user',
+ state: (): UserState => {
+ return {
+ name: 'kuizuo',
+ }
+ },
+ getters: {
+ getName(): string {
+ return this.name
+ },
+ },
+ actions: {
+ setName(name: string) {
+ this.name = name
+ },
+ },
+})
+```
+
+## 使用
+
+### 获取 state
+
+```vue
+
+
+
+
+
+
+
+
+ {{ userStore.name }}
+
+
+
+```
+
+不过这样写法不优雅，就可以使用 computed
+
+```typescript
+const name = computed(() => userStore.getName) // 前提定义了getters
+const name = computed(() => userStore.name)
+```
+
+state 也可以使用解构，但使用解构会使其失去响应式，这时候可以用 pinia 的 `storeToRefs`。
+
+```typescript
+import { storeToRefs } from 'pinia'
+const { name } = storeToRefs(userStore)
+```
+
+### 修改 state
+
+可以直接使用`userStore.name = "xxx"` 来进行修改，但不建议，而是使用 actions 来修改，在上面已经定义一个 setName 方法用来修改 state
+
+```typescript
+userStore.setName('xxx')
+```
+
+## 与 vuex 对比
+
+不难发现，pinia 比 vuex 少了个`mutations`，也就是变更状态的函数，而 pinia 则是将其与 action 合并在一起。
+
+在 Vuex 中 mutation 是无法异步操作的，而 Action 可以包含任意异步操作。像上面要写异步操作的只需要在 actions 中正常的编写 async await 语法的异步函数即可。如
+
+```typescript
+export const useUserStore = defineStore({
+ id: 'user',
+ actions: {
+ async login(user) {
+ const { data } = await api.login(user)
+ return data
+ },
+ },
+})
+```
+
+而 vuex 中写法与调用就不堪入目了 😂
+
+## 数据持久化
+
+安装
+
+```bash
+npm i pinia-plugin-persistedstate
+```
+
+使用
+
+```typescript {2,5}
+import { createPinia } from 'pinia'
+import piniaPluginPersist from 'pinia-plugin-persistedstate'
+
+const store = createPinia()
+store.use(piniaPluginPersist)
+
+export default store
+```
+
+在对应的 store 中开启 persist 即可，**默认情况下数据是存放在 sessionStorage(会话存储)，并以 store 中的 id 作为 key**
+
+```typescript {8-10}
+export const useUserStore = defineStore({
+ id: 'user',
+ state: (): UserState => {
+ return {
+ name: 'kuizuo',
+ }
+ },
+ persist: {
+ enabled: true,
+ },
+})
+```
+
+persist 还有其他配置，例如自定义 key，存放位置改为 localStorage
+
+```typescript {3-8}
+persist: {
+ enabled: true,
+ strategies: [
+ {
+ key: 'my_user',
+ storage: localStorage
+ }
+ ]
+}
+```
+
+还可以使用 paths 来指定那些 state 持久化，如下
+
+```typescript {5}
+persist: {
+ enabled: true,
+ strategies: [
+ {
+ paths: ['name']
+ }
+ ]
+}
+```
diff --git "a/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Array.md" "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Array.md"
new file mode 100644
index 0000000..b4c1a5f
--- /dev/null
+++ "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Array.md"
@@ -0,0 +1,190 @@
+---
+id: vue-reactive-data-array
+slug: /vue-reactive-data-array
+title: Vue响应式数据之Array
+date: 2022-05-12
+authors: kuizuo
+tags: [vue, javascript]
+keywords: [vue, javascript]
+---
+
+
+
+## 修改原型方法
+
+上面所说到的是对象的响应式，但 js 中不止有对象，还有数组，数组能用 Object.defineProperty 方式来监听吗，能
+
+```javascript
+const original = Array.prototype.push
+Array.prototype.push = function (...args) {
+ console.log('ADD', args)
+ return original.apply(this, args)
+}
+
+const arr = [1, 2, 3]
+
+arr.push(4)
+// 输出 ADD 4
+```
+
+当然，这里修改了全局的 Array 原型，对于一些不必要的数据也会监听到，在 Vue2 中会进入 Observer 构造函数体，判断 value 是否为数组，是则对 value 原型赋值为修改后的 arrayMethods。
+
+```javascript
+const arrayProto = Array.prototype
+const arrayMethods = Object.create(arrayProto)
+
+if (Array.isArray(value)) {
+ value.__proto__ = arrayMethods
+}
+```
+
+至于以及其他数组方法，这里仅做代码实现，由于篇幅有限，不做细说。
+
+```javascript
+const arrayProto = Array.prototype
+const arrayMethods = Object.create(arrayProto)
+
+function def(obj, key, val, enumerable) {
+ Object.defineProperty(obj, key, {
+ value: val,
+ enumerable: !!enumerable,
+ writable: true,
+ configurable: true,
+ })
+}
+
+;['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(function (method) {
+ const original = arrayProto[method]
+
+ def(arrayMethods, method, function mutator(...args) {
+ const result = original.apply(this, args)
+ let inserted
+ switch (method) {
+ case 'push':
+ case 'unshift':
+ inserted = args
+ break
+ case 'splice':
+ inserted = args.slice(2)
+ break
+ }
+
+ if (inserted) {
+ console.log('ADD', args)
+ }
+ return result
+ })
+})
+
+function observerArray(arr) {
+ arr.__proto__ = arrayMethods
+ return arr
+}
+
+let arr = observerArray([1, 2, 3])
+
+arr.push(4)
+arr.unshift(0)
+
+console.log(arr)
+```
+
+输出如下
+
+```
+ADD [ 4 ]
+ADD [ 0 ]
+[ 0, 1, 2, 3, 4 ]
+```
+
+### 缺陷
+
+通过一系列原型方法修改来实现响应式也有缺陷，尤其对于数组特殊变动并没有对应原型方法。
+
+1. 利用索引直接设置一个数组项时，例如：`vm.items[indexOfItem] = newValue`
+2. 修改数组的长度时，例如：`vm.items.length = newLength`
+
+## Proxy
+
+但在 Vue3 也可以使用 Proxy 来监听（代理）数据，先引用监听[Object 中的最终代码](/docs/vue-reactive-data-object#最终代码)，对其稍加修改一下，看看效果
+
+```javascript
+function log(type, index, val) {
+ console.log(type, index, val)
+}
+
+function reactive(target) {
+ return new Proxy(target, {
+ get(target, key, receiver) {
+ const res = Reflect.get(target, key, receiver)
+
+ if (typeof res === 'object' && res !== null) {
+ return reactive(res)
+ }
+
+ if (Array.isArray(target) && isNaN(key)) {
+ return res
+ }
+
+ log('GET', key, res)
+ return res
+ },
+ set(target, key, newVal, receiver) {
+ const oldVal = target[key]
+
+ const type = Array.isArray(target)
+ ? Number(key) < target.length
+ ? 'SET'
+ : 'ADD'
+ : Object.prototype.hasOwnProperty.call(target, key)
+ ? 'SET'
+ : 'ADD'
+
+ const res = Reflect.set(target, key, newVal, receiver)
+
+ if (Array.isArray(target) && key === 'length') {
+ // log('Length', null, target.length)
+ } else {
+ if (oldVal !== newVal) {
+ log(type, key, newVal)
+ }
+ }
+
+ return res
+ },
+ deleteProperty(target, key) {
+ const hadKey = Object.prototype.hasOwnProperty.call(target, key)
+
+ const res = Reflect.deleteProperty(target, key)
+
+ if (res && hadKey) {
+ log('DELETE', key, res)
+ }
+
+ return res
+ },
+ })
+}
+
+const target = [1, 2, 3]
+const p = reactive(target)
+
+p[1]
+p.push(4)
+p[2] = 100
+p.pop()
+console.log(p)
+```
+
+执行结果
+
+```
+GET 1 2
+ADD 3 4
+SET 2 100
+GET 3 4
+DELETE 3 true
+[ 1, 2, 100 ]
+```
+
+实际上，以上代码就已经能监听数组成员新增，修改与删除了。但对于一些特殊方法（数组遍历，寻找成员），还需要修改其原型方法，就需要像 Vue2 对原型方法那样操作。不过在监听数据变化上，用处并不是特别大，主要体现在依赖收集以及副作用函数的调用上。
diff --git "a/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Object.md" "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Object.md"
new file mode 100644
index 0000000..4f5a083
--- /dev/null
+++ "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213Object.md"
@@ -0,0 +1,306 @@
+---
+id: vue-reactive-data-object
+slug: /vue-reactive-data-object
+title: Vue响应式数据之Object
+date: 2022-05-10
+authors: kuizuo
+tags: [vue, javascript]
+keywords: [vue, javascript]
+---
+
+在阅读《深入浅出 Vue.js》与《Vue.js 设计与实现》，了解到 vue 是如何侦测数据，同时自己在接触 js 逆向时也常常会用到。于是就准备写篇 js 如何监听数据变化，这篇为监听 Object 数据。
+
+
+
+## Object.defineproperty
+
+```javascript
+const data = {
+ username: 'kuizuo',
+ password: 'a123456',
+}
+
+function defineReactive(data, key, val) {
+ Object.defineProperty(data, key, {
+ enumerable: true,
+ configurable: true,
+ get() {
+ console.log('GET', val)
+ return val
+ },
+ set(newVal) {
+ if (val === newVal) return
+
+ val = newVal
+ console.log('SET', val)
+ },
+ })
+}
+
+function observe(data) {
+ Object.keys(data).forEach(function (key) {
+ defineReactive(data, key, data[key])
+ })
+}
+
+observe(data)
+
+data.username
+data.username = '愧怍'
+```
+
+从上面的代码中就可以发现，只要取值与赋值就会进入 get 和 set 函数内，在这里面便可以实现一些功能，例如 Vue 中收集依赖，在想监听浏览器中 cookies 的取值与赋值，就可以使用如下代码
+
+```javascript
+!(function () {
+ let cookie = document.cookie
+ Object.defineProperty(document, 'cookie', {
+ get() {
+ console.log('cookie get', cookie)
+ return cookie
+ },
+ set(newVal) {
+ cookie = newVal
+ console.log('cookie set', cookie)
+ },
+ })
+})()
+```
+
+使用 object.defineproperty 能监听对象上的某个属性修改与获取，但是无法监听到对象属性的增和删。这在 es5 是无法实现的，因为还不支持[元编程](https://baike.baidu.com/item/元编程/6846171)。这也就是为什么 Vue2 中[对于对象](https://cn.vuejs.org/v2/guide/reactivity.html#对于对象)无法监听到 data 的某个属性增加与删除了
+
+```javascript
+var vm = new Vue({
+ data: {
+ a: 1,
+ },
+})
+
+// `vm.a` 是响应式的
+
+vm.b = 2
+// `vm.b` 是非响应式的
+```
+
+## Proxy 与 Reflect
+
+但在 ES6 中提供了 Proxy 可以实现元编程，同时 Vue3 也使用 Proxy 来重写[响应式系统](https://v3.cn.vuejs.org/guide/reactivity.html)。所以就很有必要去了解该 API
+
+```javascript
+function reactive(target) {
+ return new Proxy(target, {
+ get(target, key) {
+ const res = target[key]
+ console.log('GET', key, res)
+ return res
+ },
+ set(target, key, newValue) {
+ target[key] = newValue
+ console.log('SET', key, newValue)
+ },
+ deleteProperty(target, key) {
+ console.log('DELETE', key)
+ delete target[key]
+ },
+ })
+}
+```
+
+但上述写法中使用了`target[key]` 是能获取到 target 的值，但可能会存在一定隐患（如 this 问题），所以更推荐使用`Reflect`对象的方法，如下
+
+```javascript
+function reactive(target) {
+ return new Proxy(target, {
+ get(target, key, receiver) {
+ const res = Reflect.get(target, key, receiver)
+ console.log('GET', key, res)
+ return res
+ },
+ set(target, key, newValue, receiver) {
+ const res = Reflect.set(target, key, newValue, receiver)
+ console.log('SET', key, newValue)
+ return res
+ },
+ deleteProperty(target, key) {
+ const res = Reflect.deleteProperty(target, key)
+ console.log('DELETE', key)
+
+ return res
+ },
+ })
+}
+```
+
+调用如下
+
+```javascript
+const target = {
+ foo: 1,
+ bar: 1,
+}
+
+let p = reactive(target)
+p.foo++
+delete p.bar
+
+console.log(target)
+```
+
+输出内容如下
+
+```
+GET foo 1
+SET foo 2
+DELETE bar
+{ foo: 2 }
+```
+
+其中这里的 get,set,deleteProperty 可以拦截到对象属性的取值，赋值与删除的操作。相比 Object.defineproperty 除了好用外，可操作空间也大。
+
+### [this 问题](https://es6.ruanyifeng.com/#docs/proxy#this-问题)
+
+如果 target 对象存在 this，那么不做任何拦截的情况下，target 的 this 所指向的是 target，而不是代理对象 proxy
+
+```javascript
+const target = {
+ m: function () {
+ console.log(this === proxy)
+ },
+}
+const handler = {}
+
+const proxy = new Proxy(target, handler)
+
+target.m() // false
+proxy.m() // true
+```
+
+具体可看：[this 问题](https://es6.ruanyifeng.com/#docs/proxy#this-问题)
+
+### 区别增加和修改
+
+对象属性增加还是修改都会触发 set，所以需要在 set 中区别增加和修改，
+
+```javascript {6}
+function reactive(target) {
+ return new Proxy(target, {
+ set(target, key, newVal, receiver) {
+ const oldVal = target[key]
+
+ const type = Object.prototype.hasOwnProperty.call(target, key) ? 'SET' : 'ADD'
+ const res = Reflect.set(target, key, newVal, receiver)
+
+ if (oldVal !== newVal) {
+ console.log(type, key, newValue)
+ }
+
+ return res
+ },
+ })
+}
+```
+
+### 深响应
+
+如果数据含多层对象，像
+
+```javascript
+const p = reactive({ foo: { bar: 1 } })
+
+// 将不会触发
+p.foo.bar = 2
+```
+
+需要将 get 中包装为
+
+```javascript {6-9}
+function reactive(target) {
+ return new Proxy(target, {
+ get(target, key, receiver) {
+ const res = Reflect.get(target, key, receiver)
+
+ if (typeof res === 'object' && res !== null) {
+ // 将其包装成响应式数据
+ return reactive(res)
+ }
+
+ console.log('GET', key, res)
+ return res
+ },
+ })
+}
+```
+
+## 最终代码
+
+在稍加对 console.log 进行封装，最终实现对 Object 代理的代码如下
+
+```javascript
+const target = {
+ foo: 1,
+ bar: 1,
+}
+
+function log(type, key, val) {
+ console.log(type, key, val)
+}
+
+function reactive(target) {
+ return new Proxy(target, {
+ get(target, key, receiver) {
+ const res = Reflect.get(target, key, receiver)
+
+ if (typeof res === 'object' && res !== null) {
+ return reactive(res)
+ }
+
+ log('GET', key, res)
+ return res
+ },
+ set(target, key, newVal, receiver) {
+ const oldVal = target[key]
+
+ const type = Object.prototype.hasOwnProperty.call(target, key) ? 'SET' : 'ADD'
+ const res = Reflect.set(target, key, newVal, receiver)
+
+ if (oldVal !== newVal) {
+ log(type, key, newVal)
+ }
+
+ return res
+ },
+ deleteProperty(target, key) {
+ const hadKey = Object.prototype.hasOwnProperty.call(target, key)
+
+ const res = Reflect.deleteProperty(target, key)
+
+ if (res && hadKey) {
+ log('DELETE', key, res)
+ }
+
+ return res
+ },
+ })
+}
+
+const p = reactive(target)
+p.a = 1
+p.foo++
+delete p.bar
+
+console.log(target)
+```
+
+当然，可以将 log 函数的进一步的封装，如 Vue3 中 get 方法的*track*，set 方法中的*trigger*。更好的监听数据变化以及执行自定义函数等等，这里只谈论监听数据变化。
+
+此外 Proxy 还不只有监听对象的属性，还可以监听对象方法等等，具体可在[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/Proxy)中查询相对于的拦截器。
+
+## 参考
+
+> [Proxy - ECMAScript 6 入门 (ruanyifeng.com)](https://es6.ruanyifeng.com/#docs/proxy)
+>
+> [Proxy() 构造器 - JavaScript | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/Proxy)
+>
+> 《Vue.js 设计与实现》
+>
+> 《深入浅出 Vue.js》
diff --git "a/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213\345\237\272\346\234\254\346\225\260\346\215\256\347\261\273\345\236\213.md" "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213\345\237\272\346\234\254\346\225\260\346\215\256\347\261\273\345\236\213.md"
new file mode 100644
index 0000000..5eee546
--- /dev/null
+++ "b/docs/skill/web/vue/Vue\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256\344\271\213\345\237\272\346\234\254\346\225\260\346\215\256\347\261\273\345\236\213.md"
@@ -0,0 +1,277 @@
+---
+id: vue-reactive-data-basic-type
+slug: /vue-reactive-data-basic-type
+title: Vue响应式数据之基本数据类型
+date: 2022-05-18
+authors: kuizuo
+tags: [vue, javascript]
+keywords: [vue, javascript]
+---
+
+
+
+学过 js 的应该都知道，基本数据类型并非引用类型，直接修改是无法直接拦截的
+
+```javascript
+let str = 'vue'
+// 无法拦截str
+str = 'vue3'
+```
+
+很容易想到，用非原始值“包裹”原始值，成一个对象的形式，然后对包裹对象 wrapper 进行 proxy 拦截
+
+```javascript
+const wrapper = {
+ value: 'vue',
+}
+
+const name = reactive(wrapper)
+
+name.value = 'vue3'
+```
+
+不出意外(肯定不会出)，将会输出
+
+```text
+SET value vue3
+```
+
+不难发现，vue2 中对原始值的响应都是将其包裹在 data 函数下返回的对象，并且从上面的代码上来看。但从开发者的角度还需要创建一个包装对象，不易操作的同时，也意味不规范。于是 vue3 封装了 ref 函数，而返回的对象便是响应式的包装对象`reactive(wrapper)`
+
+```javascript
+function ref(val) {
+ const wrapper = {
+ value: val,
+ }
+
+ return reactive(wrapper)
+}
+```
+
+上面的代码便改写为
+
+```javascript
+const name = ref('vue')
+
+name.value = 'vue3'
+```
+
+## 区别是否为 ref
+
+要区别一个数据是否为 ref，只需要在 ref 中定义一个不可枚举的属性`__v_isRef`值为 true。
+
+```javascript
+function ref(val) {
+ const wrapper = {
+ value: val,
+ }
+
+ Object.defineProperty(wrapper, '__v_isRef', {
+ value: true,
+ })
+
+ return reactive(wrapper)
+}
+```
+
+## 响应丢失问题
+
+在使用解构赋值的情况下，可能会存在响应丢失的情况，例如
+
+```javascript
+const obj = reactive({ foo: 1, bar: 2 })
+
+const user = {
+ ...obj,
+}
+
+user.foo.value = 3
+```
+
+可以发现，并不会输出 SET foo 3，主要由展开运算符...所导致的。上面的 user 就等价于 `{ foo: 1, bar: 2 }`
+
+所以 Vue 则封装了 toRef 和 toRefs 方法，将某个对象的 key 包裹为 ref
+
+```javascript
+function toRef(obj, key) {
+ const wrapper = {
+ get value() {
+ return obj[key]
+ },
+ set value(val) {
+ obj[key] = val
+ },
+ }
+
+ Object.defineProperty(wrapper, '__v_isRef', {
+ value: true,
+ })
+
+ return wrapper
+}
+
+function toRefs(obj) {
+ const ret = {}
+ for (const key in obj) {
+ ret[key] = toRef(obj, key)
+ }
+
+ return ret
+}
+
+const obj = reactive({ foo: 1, bar: 2 })
+
+const user = {
+ ...toRefs(obj),
+}
+
+user.foo.value = 3
+```
+
+其结果便能正常监听响应式，并输出 SET foo 3
+
+## 自动脱 ref
+
+toRefs 是解决了响应式的问题，但同时也带来了一个新的问题。由于 toRefs 会把响应式数据第一层转为 ref，所以就必须通过 value 来访问属性，这在模板中
+
+```HTML
+{{ foo.value }}
+``` + +要是我，我肯定不会使用 Vue。所以 Vue 提供自动脱 ref 的能力，通俗点就是省略.value。 + +```javascript +function proxyRefs(target) { + return new Proxy(target, { + get(target, key, receiver) { + const value = Reflect.get(target, key, receiver) + return value.__v_isRef ? value.value : value + }, + set(target, key, newValue, receiver) { + const value = target[key] + if (value.__v_isRef) { + value.value = newValue + return true + } + + return Reflect.set(target, key, newValue, receiver) + }, + }) +} +``` + +将其 user 数据传递给 proxyRefs 函数进行处理，便可省略.value + +```javascript +const user = proxyRefs({ + ...toRefs(obj), +}) + +console.log(user.foo) // 1 +``` + +实际上，在编写 Vue 组件时，setup 返回的数据便会传递给 proxyRefs 函数进行处理。 + +## 最终代码 + +```javascript +function log(type, key, val) { + console.log(type, key, val) +} + +function reactive(target) { + return new Proxy(target, { + get(target, key, receiver) { + const res = Reflect.get(target, key, receiver) + + if (typeof res === 'object' && res !== null) { + return reactive(res) + } + + log('GET', key, res) + return res + }, + set(target, key, newVal, receiver) { + const oldVal = target[key] + + const type = Object.prototype.hasOwnProperty.call(target, key) + ? 'SET' + : 'ADD' + const res = Reflect.set(target, key, newVal, receiver) + + if (oldVal !== newVal) { + log(type, key, newVal) + } + + return res + }, + deleteProperty(target, key) { + const hadKey = Object.prototype.hasOwnProperty.call(target, key) + + const res = Reflect.deleteProperty(target, key) + + if (res && hadKey) { + log('DELETE', key, res) + } + + return res + }, + }) +} + +function ref(val) { + const wrapper = { + value: val, + } + + Object.defineProperty(wrapper, '__v_isRef', { + value: true, + }) + + return reactive(wrapper) +} + +function toRef(obj, key) { + const wrapper = { + get value() { + return obj[key] + }, + set value(val) { + obj[key] = val + }, + } + + Object.defineProperty(wrapper, '__v_isRef', { + value: true, + }) + + return wrapper +} + +function toRefs(obj) { + const ret = {} + for (const key in obj) { + ret[key] = toRef(obj, key) + } + + return ret +} + +function proxyRefs(target) { + return new Proxy(target, { + get(target, key, receiver) { + const value = Reflect.get(target, key, receiver) + return value.__v_isRef ? value.value : value + }, + set(target, key, newValue, receiver) { + const value = target[key] + if (value.__v_isRef) { + value.value = newValue + return true + } + + return Reflect.set(target, key, newValue, receiver) + }, + }) +} +``` diff --git "a/docs/tools/Everything\345\277\253\351\200\237\346\220\234\347\264\242\346\234\254\345\234\260\346\226\207\344\273\266.md" "b/docs/tools/Everything\345\277\253\351\200\237\346\220\234\347\264\242\346\234\254\345\234\260\346\226\207\344\273\266.md" new file mode 100644 index 0000000..df16711 --- /dev/null +++ "b/docs/tools/Everything\345\277\253\351\200\237\346\220\234\347\264\242\346\234\254\345\234\260\346\226\207\344\273\266.md" @@ -0,0 +1,69 @@ +--- +id: everything-quick-search-local-files +slug: /everything-quick-search-local-files +title: Everything快速搜索本地文件 +date: 2020-09-08 +authors: kuizuo +tags: [工具] +keywords: [工具] +--- + + + +你有没有经历过为了找一个**本地**文件，反复点开一个个文件夹，甚至有可能还找不到，于是开始 Windows 自带的搜索引擎去搜索想要的文件，然后等你吃完饭回来，搜索的进度条竟然还没有走完。而现在有一个软件，它可以让你不必等待，一个眨眼的功夫，你想要的文件就呈现在你的面前，它就是`Everything` + + + +软件下载地址 [点我下载](https://www.voidtools.com/zh-cn/) 一路下一步，默认选项即可。 + +## 软件说明 + +可以说`Everything`是速度最快的文件搜索软件，可以瞬间搜索到你所需要的文件，并且页面简洁，体积仅有几兆，可以说你想要的优点都有了。内存占用也不过 200m（我本地文件很多），单丝毫不影响它搜索的速度。 + +## 使用方法 + +### 设置打开快捷键 + +请设置一个快捷键用于快捷的打开`Everything`，有时候你需要搜索一个文件时，不必在找到`Everything`的图标打开，只需要按下所设置的快捷键，这里我设置为`Ctrl+Shift+Alt+Q`，一是避免其他键冲突，二是按键方便。 + +设置方式如下图 + + + +其余的相关快捷键感兴趣可以自行设置，这里就举我最常用的一个。 + +## 搜索文件 + +在搜索前建议你设置一下排除列表，避免文件过多，根据自己需求来设置排除的文件夹，这里我把我基本用不上的文件夹放在这。 + + + +这里我先放一个 gif 图，先感受一下 + + + +我也只是简单的使用一下，实际使用过就知道这个工具有多牛逼，你就会知道我为什么会推荐了。想上面的简单使用已经够用了，还有一些针对性的操作，可以在 帮助->搜索语法 即可看到相关搜索语法帮助。 + +这里我就简单说几个常用的 比如我要打开`pycharm` 这个软件，这时候我会肯定会先输入`pycharm`，但是发现出现了特别多的结果且没有我想要的，于是我尝试补上`.exe`后缀，然后发现竟然没有！怎么可能我明明安装了，其实这个文件名是`pycharm64.exe`你输入`pycharm.exe`肯定搜不到。而遇到这种问题一般都不是这样搜索而是输入 `pycharm exe:` 意思就是我要找` 包含``pycharm `文件名同时又要是`exe`为后缀的。操作情况如下 + + + +不过一般这种常用软件的话我还是建议你把这个文件设置一个快捷方式放在桌面，开始菜单或者任务栏。 + +### 右键搜索 Everything + +有时候我只想在指定文件夹下搜索，而不是全局搜索，那么我可以右键点击文件夹空白区域，其中你会看到`搜索 Everything…`的选项，接着会在搜索框为你补上当前的文件夹的路径，然后你在输入你想搜索的文件名即可，这里我就不在赘述和放图了。 + +## 一些注意的坑 + +### 全字匹配 + +有时候我要搜索一个文件，文件名是`demo123.txt`，但是我输入`demo`的时候下面却没有`demo123`，而当我补上`123`的时候`demo123.txt`又出现了的我的面前了。别急，你多半是不小心按下了 Ctrl+B 触发了全字匹配，从而搜索不到文件，你只要在按一下 Ctrl+B 关闭即可。 + + + +## 总结 + +想必你如果已经安装完，并且试用一番，你可能会忍不住给该作者捐赠。没错，Everything 谁用谁知道，windows 必装之一。 + +但如果你并没有反复打开和搜索文件的需求，而电脑只是用来刷刷剧，玩玩游戏的话，请赶快把这篇文章关掉，不适合你。但如果有，赶快把这篇文章分享给别人吧，也许你的分享能让别人少掉几根头发。 diff --git "a/docs/tools/IDEA\345\237\272\346\234\254\351\205\215\347\275\256.md" "b/docs/tools/IDEA\345\237\272\346\234\254\351\205\215\347\275\256.md" new file mode 100644 index 0000000..15a26f9 --- /dev/null +++ "b/docs/tools/IDEA\345\237\272\346\234\254\351\205\215\347\275\256.md" @@ -0,0 +1,217 @@ +--- +id: idea-config +slug: /idea-config +title: IDEA基本配置 +date: 2022-01-06 +authors: kuizuo +tags: [Jetbrains, idea, java, 工具] +keywords: [Jetbrains, idea, java, 工具] +--- + +准备系统的学习一遍 java（主要是后端与安卓），所以就免不了使用业界好评最高的 IDE 工具——IDEA。 + +同时在写这篇之前，JetBrains 全家桶就没怎么使用过，基本上我能用 vscode 我都用 codeRun 插件来运行，但对于一个大型项目，何况是开发 java 项目的话，vscode 有点难以胜任，加上后续会使用 GoLand，PyCharm 这些，所以很有必要记录下 JetBrains 全家桶的一些基本操作。 + +ps: 我本地电脑基本把大部分 JetBrains 产品给安装了一遍，而在去年 1 月 13 号淘宝上买的一个账号用于激活，到现在整整一年时间都没怎么使用 JetBrains 产品 😂 + +这里有一份我的[配置文件](https://pan.kuizuo.cn/s/Bpf0)，在最后也会说明配置的导入与导出。 + + + +## 插件 + +### 主题图标 + +`Atom Material Icons` 设置文件图标 + +`Material Theme UI` 设置主题 (我一般设置 Atom One Dark Theme 这个主题) + +`Rainbow Brackets` 彩虹括号 + +--- + +说实话，IDEA 内置集成了一堆好用的功能，比如 TODO，Git，这些在 VSCode 中插件的体验甚至有不如 IDEA。（尤其是这 Git 用过都说好），后续有其他插件才进行补充。 + +## 快捷键 + +[IntelliJ IDEA 常用快捷键 - 知乎 (zhihu.com)](https://zhuanlan.zhihu.com/p/61690346) + +### Ctrl + +- Ctrl+D 复制光标所在行 或 复制选择内容，并把复制内容插入光标位置下面 + +- Ctrl+W 递进式选择代码块。可选中光标所在的单词或段落，连续按会在原有选中的基础上再扩展选中范围 + +- Ctrl+E 显示最近打开的文件记录列表 + +- Ctrl+N 根据输入的 名/类名 查找类文件 + +- Ctrl+G 在当前文件跳转到指定行处 + +- Ctrl+F12 弹出当前文件结构层，可以在弹出的层上直接输入，进行筛选 + +- Ctrl+左键单击 在打开的文件标题上，弹出该文件路径 + +### Alt + +- Alt+1,2,3…9 显示对应数值的选项卡，其中 1 是 Project 用得最多 （必备） + +- Alt+Enter 根据光标所在问题，提供快速修复选择，光标放在的位置不同提示的结果也不同 + +- Alt+Insert 代码自动生成，如生成对象的 set / get 方法，构造函数，toString() 等 + +- Alt+左方向键 切换当前已打开的窗口中的子视图，比如 Debug 窗口中有 Output、Debugger 等子视图，用此快捷键就可以在子视图中切换 + +- Alt+右方向键 按切换当前已打开的窗口中的子视图，比如 Debug 窗口中有 Output、Debugger 等子视图，用此快捷键就可以在子视图中切换 + +- Alt+前方向键 当前光标跳转到当前文件的前一个方法名位置 + +- Alt+后方向键 当前光标跳转到当前文件的后一个方法名位置 + +### Ctrl + Alt + +- Ctrl+Alt+L 格式化代码，可以对当前文件和整个包目录使用 + +- Ctrl+Alt+T 选择代码，可以将其包裹在 if、try、while 等代码块中 + +- Ctrl+Alt+O 优化导入的类，可以对当前文件和整个包目录使用 + +- Ctrl+Alt+V 快速引进变量 + +- Ctrl+Alt+S 打开 IntelliJ IDEA 系统设置 + +- Ctrl+Alt+Enter 光标所在行上空出一行，光标定位到新行 + +- Ctrl+Alt+左方向键 退回到上一个操作的地方 + +- Ctrl+Alt+右方向键 前进到上一个操作的地方 + +- Ctrl+Alt+前方向键 在查找模式下，跳到上个查找的文件 + +- Ctrl+Alt+后方向键 在查找模式下，跳到下个查找的文件 + +### Ctrl + Shift + +- Ctrl+Shift+Z 取消撤销 + +- Ctrl+Shift+W 递进式取消选择代码块。可选中光标所在的单词或段落，连续按会在原有选中的基础上再扩展取消选中范围 + +- Ctrl+Shift+T 对当前类生成单元测试类，如果已经存在的单元测试类则可以进行选择 + +- Ctrl+Shift+C 复制当前文件磁盘路径到剪贴板 + +- Ctrl+Shift+V 弹出缓存的最近拷贝的内容管理器弹出层 + +- Ctrl+Shift+E 显示最近修改的文件列表的弹出层 + +- Ctrl+Shift+A 查找动作 / 设置 + +- Ctrl+Shift+/ 代码块注释 + +- Ctrl+Shift+[ 选中从光标所在位置到它的顶部中括号位置 + +- Ctrl+Shift+] 选中从光标所在位置到它的底部中括号位置 + +- Ctrl+Shift++ 展开所有代码 + +- Ctrl+Shift+- 折叠所有代码 + +- F3 选择下一个单词 + +- Ctrl+Shift+F7 高亮显示所有该选中文本，按 Esc 高亮消失 + +- Ctrl+Shift+Space 智能代码提示 + +- Ctrl+Shift+Enter 自动结束代码，行末自动添加分号 + +- Ctrl+Shift+ackspace 退回到上次修改的地方 + +- Ctrl+Shift+左键单击 把光标放在某个类变量上，按此快捷键可以直接定位到该类中 + +- Ctrl+Shift+左方向键 在代码文件上，光标跳转到当前单词 / 中文句的左侧开头位置，同时选中该单词 / 中文句 + +- Ctrl+Shift+右方向键 在代码文件上，光标跳转到当前单词 / 中文句的右侧开头位置，同时选中该单词 / 中文句 + +- Ctrl+Shift+前方向键 光标放在方法名上，将方法移动到上一个方法前面，调整方法排序 + +- Ctrl+Shift+后方向键 光标放在方法名上，将方法移动到下一个方法前面，调整方法排序 + +### Alt + Shift + +- Alt+Shift+前方向键 移动光标所在行向上移动 + +- Alt+Shift+后方向键 移动光标所在行向下移动 + +### 调试 + +- Shift+F9 调试模式运行 + +- F7 步入，如果当前行断点是一个方法，则进入当前方法体内 + +- F8 步过，如果当前行断点是一个方法，则不进入当前方法体内 + +- Shift+F8 跳出步入的方法体外 + +- F9 恢复程序运行，但是如果该断点下面代码还有断点则停在下一个断点上 + +### 自定义 + +在 vscode 中我通常都会设置光标键，比如 + +- Shift+Alt+J 左光标移动 +- Shift+Alt+K 下光标移动 +- Shift+Alt+L 右光标移动 +- Shift+Alt+I 上光标移动 +- Shift+Alt+; 光标移动至行尾，相当于 End 键 +- Shift+Alt+H 光标移动至行首，相当于 Home 键 + +同样的在 IDEA 肯定也要如此设置 + +在 setting 中找到 keymap，分别搜索关键字 up down left right home end 分别为其设置快捷键，如果遇到快捷键冲突，会提示 REMOVE（移除）还是 LEAVE（保留），选择 REMOVE（这些都是用处相对小的功能键，可以直接覆盖，介意者忽视） + +还有一些快捷键针对 VSCode 我这就列举一下 + +- 重命名 `rename Shift+F6` ⇒ `F2` +- 重做 `Ctrl + Shift + Z` ⇒ `Ctrl + Y` +- 打开终端 `Alt + F12` ⇒ Ctrl + `（根据终端使用率） + +如果习惯了 Vscode 快捷键方式也可以通过插件 VSCode Keymap 来对 IDEA 快捷键进行映射，相对使用成本会有所降低。 + +## 其他操作 + +### 快速生成代码 + +通过缩写或后缀的方式快速完成一些代码的补全，一般写完，按 tab 或回车即可。罗列一些比较常用的： + +| 代码 | 效果 | +| ------------ | -------------------------- | +| psvm | 自动生成 main 函数 | +| .var | 自动为对象生成声明 | +| sout / .sout | 输出：System.out.println() | +| .if | 生成 if 判断 | +| .for | 生成循环，默认是高级 for | +| .try | 生成 try … catch | + +可在 Settings ⇒ Editor ⇒ Live Templates 中 根据对应的语言生成相应的模板，也可自定义生成 + + + +### 修改 Maven 依赖仓库位置 + +一般 Maven 所下载的依赖都会存储在`C:\User\{user}\.m2\repository` ，通过下图位置可以将其移动到其他地方。 + + + +## 配置导入与导出 + +具体操作如下图，根据自己需要进行导入与导出 + + + +导出 + + + +导入 + + diff --git "a/docs/tools/Jetbrains\347\263\273\345\210\227\344\272\247\345\223\201\346\277\200\346\264\273\346\226\271\346\263\225.md" "b/docs/tools/Jetbrains\347\263\273\345\210\227\344\272\247\345\223\201\346\277\200\346\264\273\346\226\271\346\263\225.md" new file mode 100644 index 0000000..dd22d3e --- /dev/null +++ "b/docs/tools/Jetbrains\347\263\273\345\210\227\344\272\247\345\223\201\346\277\200\346\264\273\346\226\271\346\263\225.md" @@ -0,0 +1,131 @@ +--- +id: jetbrains-product-activation-method +slug: /jetbrains-product-activation-method +title: Jetbrains系列产品激活方法 +date: 2020-09-03 +authors: kuizuo +tags: [Jetbrains, 工具] +keywords: [Jetbrains, 工具] +--- + + + + + +## 前言 + +> 参考链接 [知了](https://zhile.io/2018/08/25/jetbrains-license-server-crack.html) + +无论你是什么开发者，多多少少肯定听过`Jetbrains`，或者肯定见过相关类似界面，如果真不知道问问百度。官网 [点我去下载](https://www.jetbrains.com/zh-cn)。 + +**本文内容只用于学习，请勿用于商务用途，请支持正版！** + +## 开始激活 + +需要说下 Jetbrains 产品的两种外面主流激活方式 + +- 激活码激活（一般没隔半年就要重新百度新的激活码，非常不推荐） +- `jetbrains-agent`补丁（使用期到 2089 年，但有局限，本文着重举这个方法） +- 去购买账号 20 元一年（本人已用该方法，不贵且方便（支持所有 Jetbrains 产品激活），推荐） + +### 下载激活工具 + +首先，请下载`jetbrains-agent-latest.zip`工具 [点我下载](https://wwe.lanzous.com/i3UTYjdd0mh) 解压会看到两个文件 一个`jetbrains-agent-latest.zip`不用再解压另一个安装参数（后面会用到） + +我用这个激活工具实现`PyCharm`和`WebStorm`还有`IDEA`的激活，其余类似产品的激活方式都一样。 + +**重点来了！这种激活是有前提的** + +1. **软件不要更新! 尽可能用旧版本** + + 尽管这个补丁是 2020 年 4 月 10 日的，但有可能软件更新后会用不了，所以要破解请不要更新或安装最新版（本文 9 月 8 号已测试没问题），毕竟人家软件商又不傻，能让你白嫖免费用最新的，如图下载其他版本。 + + + +2. **清除 hosts 文件内有关 jetbrains** + + 如果你在之前就接触过这类软件的激活使用，那么有可能别人的文章是让你这么做的 + + 添加一行`0.0.0.0 account.jetbrains.com`到`C:\Windows\System32\drivers\etc\hosts`文件中 + + 而现在，请把上面那一行删掉，没必要，甚至你都有可能都访问不了 jetbrains 官网 + +### 运行要激活的软件 + +1. 首先运行软件（这里以 IDEA2019.3 为例），如果是第一次的话会进行一些正常配置然后弹出一个如下注册框，勾选 Evaluate for free, 点击 Evaluate: + + + + 正常进入到工具编程开始界面，进入第二步 + +2. 用鼠标拖动下载完的激活工具`jetbrains-agent-latest.zip`文件到 到编程界面,或者一开始创建项目页面 + +  + + 提示选择 Restart 重启软件，这里就不放图了。 + +3. 重新打开 idea，激活方式默认`Activation code`，啥也别改 直接点击为 IDEA 安装即可 + + + + 补充一下，如果你是用我提供给你的补丁的话，可能会遇到如下图 + + + + 有个安装参数，你把下面的文本复制粘贴到输入框即可 + +``` +LFq51qqupnaiTNn39w6zATiOTxZI2JYuRJEBlzmUDv4zeeNlXhMgJZVb0q5QkLr+CIUrSuNB7ucifrGXawLB4qswPOXYG7+ItDNUR/9UkLTUWlnHLX07hnR1USOrWIjTmbytcIKEdaI6x0RskyotuItj84xxoSBP/iRBW2EHpOc +``` + +接着提示安装 jetbrains-agent 成功.... 选择是就对了。 + +4. 稍等片刻，这时候点击 Help->About 查看到期时间 2089 年 + + + +没错现在 IDEA 已经成功激活破解了，这时候再点 Help->Register 查看注册情况 + + + +就此 IDEA2019.3 已成功激活破解。就是这么简单。 + +### 补充几点 + +现在你已能成功破解 Jetbrains 相关的软件，但我还需要补充几点 + +首先在 Help->Edit Custom VM Options 中，你可以看到`-javaagent:C:\Users\Public\.jetbrains\jetbrains-agent-v3.2.0.de72.619`这个字样 + + + +也就是这个，决定了你能否运行 IDEA 的关键，现在我找到对应的目录下，把这两个文件先移走，然后重新运行 IDEA，你就会发现运行不了，同样的你若删除了这一行也是运行不了的。反正闲着没事就别管这些地方，甚至你都不用修改软件对应`bin`下的以`.exe.vmoptions`后缀文件里的内容。 + + + +为什么要说这个呢，因为你到时候如果是要用其他的补丁，可能要你更改的就是上面那文件的对应路径或者 bin 下对应的两个文件，你到时候根据对应的使用方式修改就行，并不难。 + +第二点，也是最坑的一点！ + +你在执行完第三步的时候，重启后，发现还在`License Activation`激活界面，先不管，在点击试用，然后点开 Help->About 发现显示到期时间不是 2089 年，再点 Help->Register 查看注册情况，发现在`Activation code`中并没有内容，然后尝试把激活工具里的`Activation code.txt`里的激活码复制到上面，然后就出现如下图的情况 + + + +~~这里我就用 Go 来做演示了，卸载重装够折腾的了~~，Key is invalid.啥玩意? + +正常你按我上述的步骤是不会出现这的，而出现这种情况有两种原因 + +1. 你的 agent 是真的没有配置好，请把上述步骤重新做一遍，然而一般不会是这个问题。 + +2. 软件是最新版的，我上面说到，软件不宜最新，破解补丁和版本不匹配，就会遇到这种情况。 + + 这时候的解决办法 + + 1. 找最最新的破解补丁 （我提供给你的已经是最新的了，就没必须要在折腾了，像上面的 go 语言也是能成功破解不会出现`Key is invalid`的） + 2. 使用较旧版本 （直接官网就旧版本下载即可） + 3. **购买激活码或账号（有钱，任性）**，个人建议直接去淘宝购买一个账号 20 元一年，主要使用插件激活是真的折腾，账号联网激活，是可以激活最新版的但要注意的是，你需要把我上面所说的 Help->Edit Custom VM Options 将`-javaagent:C:\Users\Public\.jetbrains\jetbrains-agent-v3.2.0.de72.619` 注释掉 + +## 总结 + +最后要说一句，环境配置这些说实在话挺折腾人的，在我学习阶段中，在这些配置中就花费了大量的时间。从环境变量，到下载各种开发工具，安装各种插件，各种包，库等等，有的还需要破解。这期间每一次都至少来回反复了 4,5 遍，都经历过几天折磨，安装卸载重启都成了家常便饭了，但这又是学习中必不可少的一个阶段。同时每次成功配置完，那种感觉真的只有经历过的人才会知道，也驱使我不断前进。 + +有时候可能都忘记之前这个环境是怎么安装使用的，想更新一下软件，又怕花费太多时间，甚至在我写这篇文章的时候，我都快忘记我之前是怎么破解的(然而我离我最近一次破解也不过一个月左右)，然后又百度相关了各种破解，同时也算是搞懂了`key is invalid.`这个问题和解决方式，也同时记录一下。 diff --git "a/docs/tools/VScode\347\233\270\345\205\263\351\205\215\347\275\256.md" "b/docs/tools/VScode\347\233\270\345\205\263\351\205\215\347\275\256.md" new file mode 100644 index 0000000..acd7dac --- /dev/null +++ "b/docs/tools/VScode\347\233\270\345\205\263\351\205\215\347\275\256.md" @@ -0,0 +1,324 @@ +--- +id: vscode-config +slug: /vscode-config +title: VScode相关配置 +date: 2021-08-03 +authors: kuizuo +tags: [vscode, 开发工具, 配置] +keywords: [vscode, 开发工具, 配置] +--- + +关于 vscode 介绍和安装啥的不在这浪费口舌，上号就完事了！ + + + + + +## 前言 + +`vscode` 算是我用的最多的一款文本编辑器，也是我用过最好用的文本编辑器，这一年都在和 vscode 打交道，不得不说一句微软牛逼！ + +这里我会推荐一些关于 vscode 的一些相关配置，与常用操作对我来说能提高我一定编写代码的效率（常用不写）。 + +## 插件推荐 + +### GitHub Copilot + +AI 写代码，用过都说好。 + +官网地址 [GitHub Copilot · Your AI pair programmer](https://copilot.github.com/) + +### Bracket Pair Colorizer 2 + + + +如果你不希望你的代码中白茫茫一片的，或者说想让括号更好看一点，那么这个插件特别推荐。此外，有时候代码写多了，要删除嵌套括号的时候，如果有颜色标识，在寻找的时候必然是轻松的一件事情。 + +现 Vscode 自带该功能，无需安装插件，在设置中搜索 Bracket Pair Colorization，勾选即可。 + + + +### indent-rainbow + +正如插件名，彩虹缩进，能让你的代码中不同长度的缩进呈现不同的颜色（上面的代码缩进有略微的颜色差），有时候在缩进特别多的时候尤其有效，当然，配合 VScode 快捷键`Ctrl + Shift + \`能快速定位下一个括号所在的位置 + +### Prettier + +首先要知道 vscode 代码格式化快捷键是 Shift + Alt + F，然而 vscode 自带的代码格式化对于一些文件并没有格式化操作，比如 vue，这时候你下载这个插件即可格式化 vue 代码。 + +我在用了 vscode 半年后才知道有这么好用的格式化插件，之前用的是 Beautify 但是格式化的效果，并不是我满意的，并且同样的有些文件并未能格式化。如果还在用 Beautify，果然换 Prettier 准没错。 + +如果是 Vue2 用户的话，Vetur 是必装一个插件，不仅能格式化代码，还能提供相对于的提示，如果转型为 Vue3 的话，同样也有插件 Volar 可供选择。 + +### ESLint + +前端工程化代码规范必备，无需多言。 + +### Turbo Console Log + +这个一定要安利一波，有时候测试 js 代码并不需要调试那么复杂，只是想输出一下结果是什么，然后就要反复的输入`console.log()`，而这个插件就可以一键帮你得到想要输出的结果。一键 注释 / 启用 / 删除 所有 `console.log`，这也是我最常用的一个插件之一。 + +所要用到的快捷键: + +- ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log +- alt + shift + c 注释所有 console.log +- alt + shift + u 启用所有 console.log +- alt + shift + d 删除所有 console.log + +输出的路径则是根据当前代码所在的文件，行数，作用域，变量输出一遍（前面还带有一个小火箭 🚀），如下（输出变量 a） + +`console.log('🚀 ~ file: demo.ts ~ line 111 test ~ a', a)` + +有点可惜的是该插件不支持自定义快捷键。 + +### Live Server + +安装这个插件后，右下角会出现 Go Live 的按钮，点击试试，如果你当前根目录正好是有 index.html 这个文件，那么它将会打开你浏览器开启一个本地服务器，端口默认为 5500，并浏览所写的 html 代码，如果没有则是目录文件管理。同样对文件右键也有 Open with Live Server 字样 + +要注意的时，你 vscode 打开的是一个文件夹，并非一个单文件，不然是没有 Go Live 按钮的。 这个插件用来打开一些要基于 web 服务器的才能打开的静态页面的时候异为方便。 + +### Live Share + +注意哈，和上者插件名字大不相同，功能也完全不同，这是用于多人同步的一个插件，只需要登录 Github 或 Microsoft 账号，就可以将自己的本地代码实时共享给别人看，同时也能实战显示对方这时候所指的代码位置，还能发送信息，在多人远程协作的时候无疑是一把利器。 + +### REST Client + +允许在 Vscode 中发送 http 请求的并在 Vscode 中查看响应，我个人在做协议分析的时候常常用到，有多好用呢， + +可以直接将抓包的 http 请求部分，直接 vscode 中创建临时文件并复制进去。需要的时候直接保存成.http 文件即可永久使用。右键选择`Generator Code Snippet`或快捷键`Ctrl + Alt + C`还能够直接生成不同编程语言发送 HTTP 的例子。体验效果甚至堪比一些 HTTP 请求工具（说的就是你 PostMan） + + + +:::tip 是点击左上角灰色的 Send Request，如果有安装 Code Runner 的用户，容易直接点成右上角的播放键. + +::: + +### Thunder Client + + + +要想在 Vscode 拥有 Postman 或者 ApiPost 的接口调试工具，不妨使用这个插件，支持分类，环境变量，如果仅作为个人测试，不要求接口分享，这个插件就足以满足大部分日常 api 接口调试。 + +### CSS Peek + +快速查看 CSS 定位的地方，使用也方便，直接按住 Ctrl 对准要查看的样式的类名，然后在补一个鼠标左键即可定位。按住 Ctrl 同样适用于其他定位，如函数，变量等等。。。 + +### Project Manager + + + +对于一些常用项目而言，可以通过该插件添加到 Vscode 中，直接在左侧项目管理器中便可直接使用 vscode 打开项目工程。 + +还有挺多使用插件没介绍到，个人建议还是直接下载对应的配置文件，将其导入即可，配置文件包含插件、主题、快捷键，布局等等。 + +## 快捷键 + +### 常用快捷键 + +一些 Ctrl + C 和 Ctrl + V 等就不做过多解释了，主要说一些有可能不知道，并且还在通过鼠标还完成的一些操作。 + +- Shift+Alt+F 代码格式化 +- Shift+Alt+R 在资源管理器中显示 （右键点文件在选择老累了） +- Shift+Alt+A 多行注释 +- Shift+Alt+向下箭头 复制当前行到下一行 +- Ctrl+D 下一个匹配的也被选中 +- Ctrl+F2 匹配所有当前选中文本 +- Ctrl+Shift+L 获取将当前所选内容的所有匹配项 方便快捷删改（上一操作的升级版） +- Ctrl+Alt+向下箭头 批量复制光标（向下也同理） +- Ctrl+~ 打开终端 +- Ctrl+Shift+[ 代码折叠 +- Ctrl+Shift+] 代码展开 +- Ctrl+K Ctrl+0 全部折叠 +- Ctrl+K Ctrl+J 展开全部 + +- Ctrl+Backspace 删除前一个单词（特别有用） + +- Ctrl+Alt+右箭头 快捷将当前文件移动到右边单独标签组 （不用在鼠标点击分页按钮） + +- Ctrl+Shift+右箭头 可以逐个选择文本,方便 + +- 如果可以 使用 Ctrl + Shift + K 删除一行 而不是通过 Ctrl +X 剪贴一行 + +以下功能，能用快捷键就别用鼠标了 + +- **Ctrl+E/P 跳转到近期文件(再次按下即可切换下一个文件,加 Shift则是上一个文件)** +- **Ctrl+Tab 切换 Tab （类比于 window Alt+Tab）在已显示的 Tab 切换比上面好用一些** +- Ctrl+G 跳转到某行(别再滚动鼠标了) +- Ctrl+Shift+O 跳转(列举)当前文件某个函数 +- **Ctrl+T 全局搜索某个函数(markdown 则是标题)** +- Ctrl+N 创建一个临时文件(别再鼠标双击 tab 栏了) +- Ctrl+W 关闭当前 Tab 页面（浏览器适用，别加 Shift，别再鼠标点击关闭按钮了） +- **Ctrl+Shift+T 打开刚刚关闭的页面（手残必备,浏览器适用）** +- Ctrl+B 切换左侧导航栏 + +以上基本就是我常用的快捷键了，可以说些快捷键，确实提升了我编写代码的效率。这里强烈建议马上打开 Vscode，在不借用鼠标的情况下，使用以上快捷键。会有意想不到的使用体验！ + +### 自定义快捷键 + +同时 vscode 也支持开发者自定义快捷键使用。主要就是光标定位功能，有时候编写代码的时候，要经常移动光标到指定位置，这时候就需要右手去移动鼠标或者移动到方向键，反复这样操作，有没有什么办法不移动手的前提下移动光标，肯定有，主要也就两种。 + +- 专属定制键盘或者是可以设置宏按键的键盘，说一个键盘 HHKB 一个被神化为“程序员梦寐以求的神器”，有兴趣可以去搜一下。 +- 自定义快捷键 + +实际上很多时候都没必要自己设置快捷键，不过是为了满足一些人的需求，就比如我主要就设置了 6 个快捷键分别是： + +- Shift+Alt+J 左光标移动 +- Shift+Alt+K 下光标移动 +- Shift+Alt+L 右光标移动 +- Shift+Alt+I 上光标移动 +- Shift+Alt+; 光标移动至行尾，相当于 End 键 +- Shift+Alt+H 光标移动至行首，相当于 Home 键 +- Shift+Alt+U 选中代码片段，即可合并成一行代码。 + +设置的话也比较简单，打开设置，找到键盘快捷方式，然后找到光标移动的快捷键然后，或者是打开对应的 keybindings.json 文件，把下面代码添加即可。 + +```json +[ + { + "key": "shift+alt+j", + "command": "cursorLeft", + "when": "textInputFocus" + }, + { + "key": "shift+alt+l", + "command": "cursorRight", + "when": "textInputFocus" + }, + { + "key": "shift+alt+i", + "command": "cursorUp", + "when": "textInputFocus" + }, + { + "key": "shift+alt+k", + "command": "cursorDown", + "when": "textInputFocus" + }, + { + "key": "shift+alt+h", + "command": "cursorHome", + "when": "textInputFocus" + }, + { + "key": "shift+alt+oem_1", + "command": "cursorEnd", + "when": "textInputFocus" + }, + { + "key": "shift+alt+u", + "command": "editor.action.joinLines" + } +] +``` + +自定义快捷键也是因人而异，并非每个人都适合，键盘固然方便，但也没有鼠标来的直接。这里也只是提及一下我使用 vscode 中一些快捷键设置。 + +此外还设置了一些，例如配置语言特定，通过双击空白创建新文件的时候，默认是纯文本，想要格式为 js 或者其他的，需要点击右下小角来切换，特别麻烦，于是就给自己设置了一个快捷键 + +首先在键盘快捷方式找到配置语言特定的设置， + +设置为 Ctrl + i Ctrl + k 因人而异 + +## 代码提示 + +相信你在使用`vscode`中，肯定有过这样的问题，明明引入本地模块，但是有的时候就是没有对应的代码提示。如图 + + + +像导入本地模块`fs`，却没有代码提示，想要有本地模块代码提示，最快捷的方法就是通过下面一行代码 + +```bash +npm install @types/node +``` + +但是如果你像上面那样，目录下没有`package.json`文件是肯定安装不上去的，这时候是需要初始化项目结构也就是执行下面的代码 + +```bash +npm init +或 +npm init -y +``` + +然后在目录下你就能看到`node_modules`，在这个文件夹下有一个`@types`，这个目录就是存放你以后代码提示的目录，现在`@types`里面有`node`这个文件夹，也就是我们刚刚这个命令`npm install @types/node`后的 node，现在试试看确实是有代码提示了，并且还有带星推荐。 + + + +现在，我的代码里有`jquery`代码，但是本地已有`jquery.js`文件，又不想安装`jquery`的模块，但是又要`jquery`的代码提示，这时候你就可以输入下面代码，就能看到对应的代码。 + +```bash +npm install @types/jquery +``` + + + +在比如有的库安装会没带代码提示，这时候就用上面的方法同样也可以有代码提示，例如`express` + +`express`相关安装操作我就不赘述了，先看图片 + + + +这 app 代码提示怎么全是 js 自带的代码提示。 + +然后在看`node_modules\@types`下，怎么只有我刚刚安装的那几个？ + + + +不妨试试 + +```bash +npm install @types/express +``` + +这时候`node_modules\@types`下，就多了几个文件夹，其中一个名为 express，那么现在代码提示肯定有了。 + + + +果不其然，`vscode`里也有正常的代码提示了 + + + +:::info + +要注意的是，如果导入的库所采用的是 TypeScript 所书写的，那么就无需引用@types/xxx。而一些远古的库所采用的 JavaScript 编写的，所以自然没有代码提示，就需要借用 typescript 官方提供的@types/xxx 包。 + +::: + +从上面的例子中，可以得出`@types`这个文件夹里存放的都是`vscode`当前工作区的代码提示文件，想要对应的代码提示就直接`npm i @types/模块名`即可，如果你当前工作区没有代码提示，那么多半是这个问题。 + +### 自定义代码提示与快捷输入 + +这里补充一下，有时候我想自己定义一个代码提示，有没有办法呢，当然有，如果你恰巧学过 java，想必每次写`System.out.println`都痛苦的要死，这时候你就可以像这样 + +1. 创建一个.vscode 文件夹，在文件夹里创建一个名为`kuizuo.code-snippets`（只要后缀是 code-snippets 就行） +2. 在这个文件内写上如下代码 + +```json +{ + "System.out.println": { + "scope": "java", + "prefix": "syso", + "body": ["System.out.println($1);"], + "description": "输出至控制台，并带上换行符" + } +} +``` + +- System.out.println 为代码块的名字，无需强制。 +- prefix：触发代码片段 +- body：按下 TAB 后触发的内容填充，注意是一个数组类型，每行都需要用双引号修饰，不能使用模板字符串 +- description：代码提示内容 +- scope: 作用的语言，可多选，如"javascript,c" +- $+数字: 为光标的定位符，有多个则 Tab 跳转下个光标位置 + +上则代码的意思就是输入 prefix 内的`syso` 然后按下 tab 键就会把 body 内的`System.out.println($1);`代码提示显示出来，其中`$1`为光标位置，如图 + + + +但一般很少用到代码块，很多现成的插件就可以完全满足对应代码补全的需求，但有时候会方便很多。 + +像一些插件内会自带的代码提示，能不能“偷”过来使用一下呢，答案是肯定能的，这里我就已 autoj -pro 为例，(没了解过该软件可以忽视） + +1. 首先安装 autoJS_pro 插件，然后进入 C:\Users\Administrato\\.vscode\extensions\hyb1996.auto-js-pro-ext.... （Administrator 为用户名） +2. 找到以 snippets 结尾的文件，打开全选复制其中的代码。 +3. 打开 vscode，如上操作，创建一个.vscode 文件夹，后同 +4. 把复制的代码段粘贴到我们创建的 snippets 文件，卸载 auto.js-pro 插件，重启即可 diff --git "a/docs/tools/Vite\347\233\270\345\205\263\346\217\222\344\273\266.md" "b/docs/tools/Vite\347\233\270\345\205\263\346\217\222\344\273\266.md" new file mode 100644 index 0000000..662ffc0 --- /dev/null +++ "b/docs/tools/Vite\347\233\270\345\205\263\346\217\222\344\273\266.md" @@ -0,0 +1,512 @@ +--- +id: vite-plugin +slug: /vite-plugin +title: Vite相关插件 +date: 2022-04-10 +authors: kuizuo +tags: [vue, vite] +toc_max_heading_level: 2 +--- + +记录下日常使用 Vite 的一些相关插件。 + + + +## [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) + +**自动导入 vue3 相关方法，支持`vue`, `vue-router`, `vue-i18n`, `@vueuse/head`, `@vueuse/core`等自动引入** + +效果 + +```javascript +// 引入前 +import { ref, computed } from 'vue' +const count = ref(0) +const doubled = computed(() => count.value * 2) + +//引入后 +const count = ref(0) +const doubled = computed(() => count.value * 2) + +// 引入前 +import { useState } from 'react' +export function Counter() { + const [count, setCount] = useState(0) + return{count}
+}
+
+//引入后
+export function Counter() {
+ const [count, setCount] = useState(0)
+ return {count}
+}
+```
+
+安装
+
+```bash
+npm i -D unplugin-auto-import
+```
+
+[完整配置](https://github.com/antfu/unplugin-auto-import#configuration)
+
+```javascript title="vite.config.js"
+import { defineConfig } from 'vite'
+import AutoImport from 'unplugin-auto-import/vite'
+
+export default defineConfig({
+ plugins: [
+ AutoImport({
+ imports: ['vue', 'vue-router', 'vue-i18n', '@vueuse/head', '@vueuse/core'],
+ dts: 'src/auto-import.d.ts',
+ // 可以选择auto-import.d.ts生成的位置（默认根目录），建议设置为'src/auto-import.d.ts'
+ }),
+ ],
+})
+```
+
+原理: 自动生成 auto-imports.d.ts 文件用于代码提示，如下
+
+```typescript title="auto-imports.d.ts"
+// Generated by 'unplugin-auto-import'
+// We suggest you to commit this file into source control
+declare global {
+ const ref: (typeof import('vue'))['ref']
+ const reactive: (typeof import('vue'))['reactive']
+ const computed: (typeof import('vue'))['computed']
+ const createApp: (typeof import('vue'))['createApp']
+ const watch: (typeof import('vue'))['watch']
+ const customRef: (typeof import('vue'))['customRef']
+ const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent']
+}
+export {}
+```
+
+:::warning 注意：由于没有局部导入，在代码跳转查看时，就会跳转到 auto-imports.d.ts 文件，然后再跳转到原定义位置。
+
+:::
+
+### 响应式语法糖
+
+[Reactivity Transform | Vue.js (vuejs.org)](https://vuejs.org/guide/extras/reactivity-transform.html)
+
+使用$ref 在使用时，无需.value。演示如下
+
+```javascript
+import { $ref, $$ } from 'vue/macros' // $ref是vue/macros包下的
+
+// bind ref as a variable
+let count = $ref(0)
+
+// assignments are reactive
+count++
+
+// get the actual ref
+console.log($$(count)) // { value: 1 }
+```
+
+- 可以用`$()`来解构响应式对象，这样就不用写`.value`
+- 可以用`$$()`来获取原有的响应式对象
+
+在 vite.config.ts 文件里，加上`reactivityTransform: true`
+
+```javascript title="vite.config.js"
+plugins: [
+ vue({
+ reactivityTransform: true,
+ }),
+]
+```
+
+可以使用 unplugin-auto-import 中的导入`vue/macros`无需 import 导入。
+
+```javascript title="vite.config.js"
+AutoImport({
+ imports: ['vue/macros'],
+ dts: true,
+})
+```
+
+## [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)
+
+**自动导入 UI 库，按需导入。很多组件库都推荐这种方式导入例如 Element Plus 、Ant Design Vue**
+
+安装
+
+```bash
+npm install unplugin-vue-components -D
+```
+
+```javascript title="vite.config.js"
+import { defineConfig } from 'vite'
+import Components from 'unplugin-vue-components/vite'
+import {
+ ElementPlusResolver,
+ AntDesignVueResolver,
+ VantResolver,
+ HeadlessUiResolver,
+ ElementUiResolver
+} from 'unplugin-vue-components/resolvers'
+
+export default defineConfig({
+ plugins: [
+ Components({
+ // ui库解析器，也可以自定义
+ resolvers: [
+ ElementPlusResolver(),
+ AntDesignVueResolver(),
+ VantResolver(),
+ HeadlessUiResolver(),
+ ElementUiResolver()
+ ]
+ })
+ ]
+```
+
+插件会生成一个 ui 库组件以及指令路径 components.d.ts 文件，如下
+
+```typescript title="components.d.ts"
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+ export interface GlobalComponents {
+ ElAside: (typeof import('element-plus/es'))['ElAside']
+ ElButton: (typeof import('element-plus/es'))['ElButton']
+ ElContainer: (typeof import('element-plus/es'))['ElContainer']
+ ElHeader: (typeof import('element-plus/es'))['ElHeader']
+ ElIcon: (typeof import('element-plus/es'))['ElIcon']
+ ElMain: (typeof import('element-plus/es'))['ElMain']
+ }
+}
+
+export {}
+```
+
+只要你用过的组件都会自动导入，同时也可以导入自己的组件。
+
+```javascript title="vite.config.js"
+import { defineConfig } from 'vite'
+import Components from 'unplugin-vue-components/vite'
+
+export default defineConfig({
+ plugins: [
+ Components({
+ // 指定组件位置，默认是src/components
+ dirs: ['src/components'],
+ extensions: ['vue'],
+ // 配置文件生成位置
+ dts: 'src/components.d.ts',
+ }),
+ ],
+})
+```
+
+## [unplugin-vue-define-options/vite](https://github.com/sxzz/unplugin-vue-define-options)
+
+**script setup 语法糖通过 defineOptions 定义组件 name、inheritAttrs、props、emits**
+
+安装
+
+```bash
+npm i unplugin-vue-define-options
+```
+
+```javascript title="vite.config.js"
+import { defineConfig } from 'vite'
+import DefineOptions from 'unplugin-vue-define-options/vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+ plugins: [vue(), DefineOptions()],
+})
+```
+
+在`tsconfig.json`设置 types，如下所示:
+
+```json
+{
+ "compilerOptions": {
+ "types": ["unplugin-vue-define-options"]
+ }
+}
+```
+
+不然在 ts 项目中会提示 **找不到名称“defineOptions”**，具体使用如下
+
+```vue
+
+```
+
+输出
+
+```vue
+
+
+
+```
+
+如果只是想**单纯的设置组件名**的话，这个插件 [vite-plugin-vue-setup-extend](https://github.com/vbenjs/vite-plugin-vue-setup-extend) 可能更适合，只需要在 script 中添加一个 name 属性即可。
+
+```vue
+
+ hello world {{ a }}
+
+
+
+```
+
+## [vite-plugin-mock](https://github.com/vbenjs/vite-plugin-mock)
+
+**提供本地和生产模拟服务。**
+
+安装
+
+```bash
+npm i mockjs vite-plugin-mock
+```
+
+```javascript title="vite.config.js"
+import { UserConfigExport, ConfigEnv } from 'vite'
+
+import { viteMockServe } from 'vite-plugin-mock'
+import vue from '@vitejs/plugin-vue'
+
+export default ({ command }: ConfigEnv): UserConfigExport => {
+ return {
+ plugins: [
+ vue(),
+ viteMockServe({
+ // default
+ mockPath: 'mock',
+ localEnabled: command === 'serve',
+ }),
+ ],
+ }
+}
+```
+
+## [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages)
+
+**基于文件系统的动态路由。**
+
+安装
+
+```bash
+npm install -D vite-plugin-pages
+npm install vue-router
+```
+
+```javascript title="vite.config.js"
+import Pages from 'vite-plugin-pages'
+
+export default {
+ plugins: [
+ Pages({
+ dirs: 'src/views',
+ }),
+ ],
+}
+```
+
+传统的 routes 写法
+
+```javascript
+// 1. 定义路由组件.
+const Home = { template: 'Home
' }
+const About = { template: 'About
' }
+
+// 2. 定义一些路由
+const routes = [
+ { path: '/', component: Home },
+ { path: '/about', component: About },
+]
+
+// 3. 创建路由实例并传递 `routes` 配置
+const router = VueRouter.createRouter({
+ routes,
+})
+```
+
+而该插件则是导入整个 pages（views）下的 vue 文件作为路由，也有一套自定义的路由规则，类似 nuxt.js
+
+```main.js
+import { createRouter } from 'vue-router'
+import routes from '~pages'
+
+const router = createRouter({
+ // ...
+ routes,
+})
+```
+
+## [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts)
+
+配合`vite-plugin-pages`使用,可以在生成页面路由的基础上实现动态布局功能.
+
+安装
+
+```bash
+npm install -D vite-plugin-vue-layouts
+```
+
+```typescript
+import Vue from '@vitejs/plugin-vue'
+import Pages from 'vite-plugin-pages'
+import Layouts from 'vite-plugin-vue-layouts'
+
+export default {
+ plugins: [Vue(), Pages(), Layouts()],
+}
+```
+
+在对应的页面单文件中添加布局配置，在路由时即可按配置切换布局，将页面嵌入对应的布局文件之中.
+
+```vue
+
+
+ `,
+ },
+ ],
+ },
+ ],
+ copyright: `
+
+
+ Copyright © 2024 Tianzhi Jia Built with Docusaurus.
+ `, + }, + algolia: { + appId: 'GV6YN1ODMO', + apiKey: '50303937b0e4630bec4a20a14e3b7872', + indexName: 'kuizuo', + }, + prism: { + theme: themes.oneLight, + darkTheme: themes.oneDark, + additionalLanguages: [ + 'bash', + 'json', + 'java', + 'python', + 'php', + 'graphql', + 'rust', + 'toml', + 'protobuf', + ], + defaultLanguage: 'javascript', + magicComments: [ + { + className: 'theme-code-block-highlighted-line', + line: 'highlight-next-line', + block: { start: 'highlight-start', end: 'highlight-end' }, + }, + { + className: 'code-block-error-line', + line: 'This will error', + }, + ], + }, + giscus: { + repo: 'kuizuo/blog', + repoId: 'MDEwOlJlcG9zaXRvcnkzOTc2MjU2MTI=', + category: 'General', + categoryId: 'DIC_kwDOF7NJDM4CPK95', + theme: 'light', + darkTheme: 'dark_dimmed', + } satisfies PartialCopyright © 2020 – PRESENT kuizuo Built with Docusaurus.
", + "description": "The footer copyright" + } +} \ No newline at end of file diff --git a/i18n/en/docusaurus-theme-classic/navbar.json b/i18n/en/docusaurus-theme-classic/navbar.json new file mode 100644 index 0000000..05482cb --- /dev/null +++ b/i18n/en/docusaurus-theme-classic/navbar.json @@ -0,0 +1,62 @@ +{ + "title": { + "message": "kuizuo", + "description": "The title in the navbar" + }, + "item.label.博客": { + "message": "Blogs", + "description": "Navbar item with label 博客" + }, + "item.label.工具": { + "message": "Tools", + "description": "Navbar item with label 工具" + }, + "item.label.导航": { + "message": "Links", + "description": "Navbar item with label 导航" + }, + "item.label.项目": { + "message": "Projects", + "description": "Navbar item with label 项目" + }, + "item.label.标签": { + "message": "Tags", + "description": "Navbar item with label 标签" + }, + "item.label.归档": { + "message": "Archive", + "description": "Navbar item with label 归档" + }, + "item.label.笔记": { + "message": "Notes", + "description": "Navbar item with label 笔记" + }, + "item.label.工具推荐": { + "message": "Recommended Tools", + "description": "Navbar item with label 工具推荐" + }, + "item.label.前端示例": { + "message": "Frontend Example", + "description": "Navbar item with label 前端示例" + }, + "item.label.在线代码": { + "message": "Live Code", + "description": "Navbar item with label 在线代码" + }, + "item.label.API服务": { + "message": "API Service", + "description": "Navbar item with label API服务" + }, + "item.label.JS代码还原": { + "message": "JS Deobfuscate", + "description": "Navbar item with label JS代码还原" + }, + "item.label.CyberChef加密": { + "message": "CyberChef Encryption", + "description": "Navbar item with label CyberChef加密" + }, + "item.label.网盘": { + "message": "Cloudreve", + "description": "Navbar item with label 网盘" + } +} \ No newline at end of file diff --git a/i18n/zh/code.json b/i18n/zh/code.json new file mode 100644 index 0000000..fe25779 --- /dev/null +++ b/i18n/zh/code.json @@ -0,0 +1,387 @@ +{ + "playground.codesandbox.description": { + "message": "CodeSandbox is a popular playground solution. Runs Docusaurus in a remote Docker container." + }, + "playground.stackblitz.description": { + "message": "StackBlitz uses a novel {webContainersLink} technology to run Docusaurus directly in your browser." + }, + "playground.tryItButton": { + "message": "Try it now!" + }, + "Hello! 我是": { + "message": "Hello! 我是", + "description": "hero greet" + }, + "愧怍": { + "message": "贾添植", + "description": "my name" + }, + "homepage.hero.text": { + "message": "在这里我会分享各类技术栈所遇到问题与解决方案，带你了解最新的技术栈以及实际开发中如何应用，并希望我的开发经历对你有所启发。", + "description": "hero text" + }, + "homepage.hero.look": { + "message": "你可以随处逛逛，查看{note}、{project}、{link}、以及我的{idea}。", + "description": "hero look" + }, + "hompage.hero.note": { + "message": "笔记", + "description": "Note link label" + }, + "hompage.hero.project": { + "message": "实战项目", + "description": "Project link label" + }, + "hompage.hero.link": { + "message": "网址导航", + "description": "Link link label" + }, + "hompage.hero.idea": { + "message": "想法感悟", + "description": "Idea label" + }, + "homepage.qqgroup": { + "message": "QQ 群：5478458", + "description": "qq group" + }, + "自我介绍": { + "message": "自我介绍", + "description": "follow me btn text" + }, + "阅读全文": { + "message": "阅读全文", + "description": "read full text" + }, + "theme.tags.tagsPageTitle": { + "message": "标签", + "description": "The title of the tag list page" + }, + "blogtagpage.title": { + "message": "下的博客", + "description": "blog tag page title" + }, + "blogtagpage.title.alt": { + "message": "", + "description": "blog tag page title in alternate order" + }, + "blogtagpage.description": { + "message": "博客标签", + "description": "blog tag page description" + }, + "blogtagpage.count.label": { + "message": "篇", + "description": "blog page count label" + }, + "blogtagpage.seeall.label": { + "message": "查看所有标签（分类）", + "description": "blog page see all label" + }, + "theme.ErrorPageContent.title": { + "message": "页面已崩溃。", + "description": "The title of the fallback page when the page crashed" + }, + "theme.ErrorPageContent.tryAgain": { + "message": "重试", + "description": "The label of the button to try again when the page crashed" + }, + "theme.NotFound.title": { + "message": "哎呀，页面失踪了~", + "description": "The title of the 404 page" + }, + "theme.NotFound.p1": { + "message": "找不到你要访问的页面，要不点点别处看看？", + "description": "The first paragraph of the 404 page" + }, + "theme.NotFound.p2": { + "message": "可能是个 Bug🐛，也可能是作者偷懒还没写😴", + "description": "The 2nd paragraph of the 404 page" + }, + "theme.AnnouncementBar.closeButtonAriaLabel": { + "message": "关闭", + "description": "The ARIA label for close button of announcement bar" + }, + "theme.blog.archive.title": { + "message": "历史博文", + "description": "The page & hero title of the blog archive page" + }, + "theme.blog.archive.description": { + "message": "历史博文", + "description": "The page & hero description of the blog archive page" + }, + "theme.BackToTopButton.buttonAriaLabel": { + "message": "回到顶部", + "description": "The ARIA label for the back to top button" + }, + "theme.blog.paginator.navAriaLabel": { + "message": "博文列表分页导航", + "description": "The ARIA label for the blog pagination" + }, + "theme.blog.paginator.newerEntries": { + "message": "较新的博文", + "description": "The label used to navigate to the newer blog posts page (previous page)" + }, + "theme.blog.paginator.olderEntries": { + "message": "较旧的博文", + "description": "The label used to navigate to the older blog posts page (next page)" + }, + "theme.blog.post.readingTime.plurals": { + "message": "{readingTime} 分钟阅读", + "description": "Pluralized label for \"{readingTime} min read\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)" + }, + "theme.blog.post.readMoreLabel": { + "message": "阅读 {title} 的全文", + "description": "The ARIA label for the link to full blog posts from excerpts" + }, + "theme.blog.post.readMore": { + "message": "阅读全文", + "description": "The label used in blog post item excerpts to link to full blog posts" + }, + "theme.blog.post.paginator.navAriaLabel": { + "message": "博文分页导航", + "description": "The ARIA label for the blog posts pagination" + }, + "theme.blog.post.paginator.newerPost": { + "message": "较新一篇", + "description": "The blog post button label to navigate to the newer/previous post" + }, + "theme.blog.post.paginator.olderPost": { + "message": "较旧一篇", + "description": "The blog post button label to navigate to the older/next post" + }, + "theme.blog.sidebar.navAriaLabel": { + "message": "最近博文导航", + "description": "The ARIA label for recent posts in the blog sidebar" + }, + "theme.blog.post.plurals": { + "message": "{count} 篇博文", + "description": "Pluralized label for \"{count} posts\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)" + }, + "theme.blog.title.recommend": { + "message": "推荐阅读" + }, + "theme.blog.title.new": { + "message": "最新博客" + }, + "theme.blog.tagTitle": { + "message": "{nPosts} 含有标签「{tagName}」", + "description": "The title of the page for a blog tag" + }, + "theme.tags.tagsPageLink": { + "message": "查看所有标签", + "description": "The label of the link targeting the tag list page" + }, + "theme.colorToggle.ariaLabel": { + "message": "切换浅色/暗黑模式（当前为{mode}）", + "description": "The ARIA label for the navbar color mode toggle" + }, + "theme.colorToggle.ariaLabel.mode.dark": { + "message": "暗黑模式", + "description": "The name for the dark color mode" + }, + "theme.colorToggle.ariaLabel.mode.light": { + "message": "浅色模式", + "description": "The name for the light color mode" + }, + "theme.docs.DocCard.categoryDescription": { + "message": "{count} 个项目", + "description": "The default description for a category card in the generated index about how many items this category includes" + }, + "theme.docs.sidebar.expandButtonTitle": { + "message": "展开侧边栏", + "description": "The ARIA label and title attribute for expand button of doc sidebar" + }, + "theme.docs.sidebar.expandButtonAriaLabel": { + "message": "展开侧边栏", + "description": "The ARIA label and title attribute for expand button of doc sidebar" + }, + "theme.docs.paginator.navAriaLabel": { + "message": "文档分页导航", + "description": "The ARIA label for the docs pagination" + }, + "theme.docs.paginator.previous": { + "message": "上一页", + "description": "The label used to navigate to the previous doc" + }, + "theme.docs.paginator.next": { + "message": "下一页", + "description": "The label used to navigate to the next doc" + }, + "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": { + "message": "打开/收起侧边栏菜单「{label}」", + "description": "The ARIA label to toggle the collapsible sidebar category" + }, + "theme.docs.tagDocListPageTitle.nDocsTagged": { + "message": "{count} 篇文档带有标签", + "description": "Pluralized label for \"{count} docs tagged\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)" + }, + "theme.docs.tagDocListPageTitle": { + "message": "{nDocsTagged}「{tagName}」", + "description": "The title of the page for a docs tag" + }, + "theme.docs.versionBadge.label": { + "message": "版本：{versionLabel}" + }, + "theme.docs.versions.unreleasedVersionLabel": { + "message": "此为 {siteTitle} {versionLabel} 版尚未发行的文档。", + "description": "The label used to tell the user that he's browsing an unreleased doc version" + }, + "theme.docs.versions.unmaintainedVersionLabel": { + "message": "此为 {siteTitle} {versionLabel} 版的文档，现已不再积极维护。", + "description": "The label used to tell the user that he's browsing an unmaintained doc version" + }, + "theme.docs.versions.latestVersionSuggestionLabel": { + "message": "最新的文档请参阅 {latestVersionLink} ({versionLabel})。", + "description": "The label used to tell the user to check the latest version" + }, + "theme.docs.versions.latestVersionLinkLabel": { + "message": "最新版本", + "description": "The label used for the latest version suggestion link label" + }, + "theme.common.editThisPage": { + "message": "编辑此页", + "description": "The link label to edit the current page" + }, + "theme.common.headingLinkTitle": { + "message": "标题的直接链接", + "description": "Title for link to heading" + }, + "theme.lastUpdated.atDate": { + "message": "于 {date} ", + "description": "The words used to describe on which date a page has been last updated" + }, + "theme.lastUpdated.byUser": { + "message": "由 {user} ", + "description": "The words used to describe by who the page has been last updated" + }, + "theme.lastUpdated.lastUpdatedAtBy": { + "message": "最后{byUser}{atDate}更新", + "description": "The sentence used to display when a page has been last updated, and by who" + }, + "theme.navbar.mobileVersionsDropdown.label": { + "message": "选择版本", + "description": "The label for the navbar versions dropdown on mobile view" + }, + "theme.common.skipToMainContent": { + "message": "跳到主要内容", + "description": "The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation" + }, + "theme.tags.tagsListLabel": { + "message": "标签：", + "description": "The label alongside a tag list" + }, + "theme.TOCCollapsible.toggleButtonLabel": { + "message": "本页总览", + "description": "The label used by the button on the collapsible TOC component" + }, + "theme.CodeBlock.copied": { + "message": "复制成功", + "description": "The copied button label on code blocks" + }, + "theme.CodeBlock.copyButtonAriaLabel": { + "message": "复制代码到剪贴板", + "description": "The ARIA label for copy code blocks button" + }, + "theme.CodeBlock.copy": { + "message": "复制", + "description": "The copy button label on code blocks" + }, + "theme.navbar.mobileLanguageDropdown.label": { + "message": "选择语言", + "description": "The label for the mobile language switcher dropdown" + }, + "theme.docs.sidebar.collapseButtonTitle": { + "message": "收起侧边栏", + "description": "The title attribute for collapse button of doc sidebar" + }, + "theme.docs.sidebar.collapseButtonAriaLabel": { + "message": "收起侧边栏", + "description": "The title attribute for collapse button of doc sidebar" + }, + "theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel": { + "message": "← 回到主菜单", + "description": "The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)" + }, + "theme.SearchBar.seeAll": { + "message": "查看全部 {count} 个结果" + }, + "theme.SearchBar.label": { + "message": "搜索", + "description": "The ARIA label and placeholder for search button" + }, + "theme.SearchPage.documentsFound.plurals": { + "message": "找到 {count} 份文件", + "description": "Pluralized label for \"{count} documents found\". Use as much plural forms (separated by \"|\") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)" + }, + "theme.SearchPage.existingResultsTitle": { + "message": "「{query}」的搜索结果", + "description": "The search page title for non-empty query" + }, + "theme.SearchPage.emptyResultsTitle": { + "message": "在文档中搜索", + "description": "The search page title for empty query" + }, + "theme.SearchPage.inputPlaceholder": { + "message": "在此输入搜索字词", + "description": "The placeholder for search page input" + }, + "theme.SearchPage.inputLabel": { + "message": "搜索", + "description": "The ARIA label for search page input" + }, + "theme.SearchPage.algoliaLabel": { + "message": "通过 Algolia 搜索", + "description": "The ARIA label for Algolia mention" + }, + "theme.SearchPage.noResultsText": { + "message": "未找到任何结果", + "description": "The paragraph for empty search result" + }, + "theme.SearchPage.fetchingNewResults": { + "message": "正在获取新的搜索结果...", + "description": "The paragraph for fetching new search results" + }, + "theme.IdealImageMessage.loading": { + "message": "加载中……", + "description": "When the full-scale image is loading" + }, + "theme.IdealImageMessage.load": { + "message": "点击加载图片{sizeMessage}", + "description": "To prompt users to load the full image. sizeMessage is a parenthesized size figure." + }, + "theme.IdealImageMessage.offline": { + "message": "你的浏览器处于离线状态。图片未加载", + "description": "When the user is viewing an offline document" + }, + "theme.IdealImageMessage.404error": { + "message": "未找到图片", + "description": "When the image is not found" + }, + "theme.IdealImageMessage.error": { + "message": "出现错误，点击重试", + "description": "When the image fails to load for unknown error" + }, + "theme.PwaReloadPopup.info": { + "message": "有可用的新版本", + "description": "The text for PWA reload popup" + }, + "theme.PwaReloadPopup.refreshButtonText": { + "message": "刷新", + "description": "The text for PWA reload button" + }, + "theme.PwaReloadPopup.closeButtonAriaLabel": { + "message": "关闭", + "description": "The ARIA label for close button of PWA reload popup" + }, + "theme.Playground.result": { + "message": "结果", + "description": "The result label of the live codeblocks" + }, + "theme.Playground.liveEditor": { + "message": "实时编辑器", + "description": "The live editor label of the live codeblocks" + }, + "showcase.card.sourceLink": { + "message": "源码", + "description": "The label for the source link of a showcase card" + } +} \ No newline at end of file diff --git a/i18n/zh/docusaurus-plugin-content-blog/options.json b/i18n/zh/docusaurus-plugin-content-blog/options.json new file mode 100644 index 0000000..5fda370 --- /dev/null +++ b/i18n/zh/docusaurus-plugin-content-blog/options.json @@ -0,0 +1,14 @@ +{ + "title": { + "message": "Blog", + "description": "The title for the blog used in SEO" + }, + "description": { + "message": "Blog", + "description": "The description for the blog used in SEO" + }, + "sidebar.title": { + "message": "近期文章", + "description": "The label for the left sidebar" + } +} diff --git a/i18n/zh/docusaurus-plugin-content-docs/current.json b/i18n/zh/docusaurus-plugin-content-docs/current.json new file mode 100644 index 0000000..56bfe77 --- /dev/null +++ b/i18n/zh/docusaurus-plugin-content-docs/current.json @@ -0,0 +1,70 @@ +{ + "version.label": { + "message": "Next", + "description": "The label for version current" + }, + "sidebar.skill.category.Vue": { + "message": "Vue", + "description": "The label for category Vue in sidebar skill" + }, + "sidebar.skill.category.逆向": { + "message": "逆向", + "description": "The label for category 逆向 in sidebar skill" + }, + "sidebar.skill.category.逆向.link.generated-index.title": { + "message": "逆向笔记", + "description": "The generated-index page title for category 逆向 in sidebar skill" + }, + "sidebar.skill.category.逆向.link.generated-index.description": { + "message": "Web逆向与安卓逆向笔记", + "description": "The generated-index page description for category 逆向 in sidebar skill" + }, + "sidebar.skill.category.安卓": { + "message": "安卓", + "description": "The label for category 安卓 in sidebar skill" + }, + "sidebar.skill.category.frida": { + "message": "frida", + "description": "The label for category frida in sidebar skill" + }, + "sidebar.skill.category.刷机": { + "message": "刷机", + "description": "The label for category 刷机 in sidebar skill" + }, + "sidebar.skill.category.Web": { + "message": "Web", + "description": "The label for category Web in sidebar skill" + }, + "sidebar.skill.category.密码学": { + "message": "密码学", + "description": "The label for category 密码学 in sidebar skill" + }, + "sidebar.skill.category.后端": { + "message": "后端", + "description": "The label for category 后端 in sidebar skill" + }, + "sidebar.skill.category.数据库": { + "message": "数据库", + "description": "The label for category 数据库 in sidebar skill" + }, + "sidebar.skill.category.Mysql": { + "message": "Mysql", + "description": "The label for category Mysql in sidebar skill" + }, + "sidebar.skill.category.MongoDB": { + "message": "MongoDB", + "description": "The label for category MongoDB in sidebar skill" + }, + "sidebar.skill.category.Redis": { + "message": "Redis", + "description": "The label for category Redis in sidebar skill" + }, + "sidebar.skill.category.Elasticsearch": { + "message": "Elasticsearch", + "description": "The label for category Elasticsearch in sidebar skill" + }, + "sidebar.skill.link.React": { + "message": "React", + "description": "The label for link React in sidebar skill, linking to /docs/category/react" + } +} diff --git a/i18n/zh/docusaurus-theme-classic/footer.json b/i18n/zh/docusaurus-theme-classic/footer.json new file mode 100644 index 0000000..6c6c27b --- /dev/null +++ b/i18n/zh/docusaurus-theme-classic/footer.json @@ -0,0 +1,42 @@ +{ + "link.title.学习": { + "message": "学习", + "description": "The title of the footer links column with title=学习 in the footer" + }, + "link.title.社交媒体": { + "message": "社交媒体", + "description": "The title of the footer links column with title=社交媒体 in the footer" + }, + "link.title.友情链接": { + "message": "友情链接", + "description": "The title of the footer links column with title=友情链接 in the footer" + }, + "link.item.label.技术博客": { + "message": "技术博客", + "description": "The label of footer link with label=技术博客 linking to /#homepage_blogs" + }, + "link.item.label.笔记": { + "message": "笔记", + "description": "The label of footer link with label=笔记 linking to docs/skill" + }, + "link.item.label.实战项目": { + "message": "实战项目", + "description": "The label of footer link with label=实战项目 linking to project" + }, + "link.item.label.首页": { + "message": "首页", + "description": "The label of footer link with label=首页 linking to /" + }, + "link.item.label.关于我": { + "message": "关于我", + "description": "The label of footer link with label=关于我 linking to /about" + }, + "link.item.label.GitHub": { + "message": "GitHub", + "description": "The label of footer link with label=GitHub linking to https://github.com/kuizuo" + }, + "link.item.label.掘金": { + "message": "掘金", + "description": "The label of footer link with label=掘金 linking to https://juejin.cn/user/1565318510545901" + } +} diff --git a/i18n/zh/docusaurus-theme-classic/navbar.json b/i18n/zh/docusaurus-theme-classic/navbar.json new file mode 100644 index 0000000..9ffb37f --- /dev/null +++ b/i18n/zh/docusaurus-theme-classic/navbar.json @@ -0,0 +1,46 @@ +{ + "title": { + "message": "愧怍", + "description": "The title in the navbar" + }, + "item.label.标签": { + "message": "标签", + "description": "Navbar item with label 标签" + }, + "item.label.归档": { + "message": "归档", + "description": "Navbar item with label 归档" + }, + "item.label.学习": { + "message": "学习", + "description": "Navbar item with label 学习" + }, + "item.label.小工具": { + "message": "小工具", + "description": "Navbar item with label 小工具" + }, + "item.label.实战项目": { + "message": "实战项目", + "description": "Navbar item with label 实战项目" + }, + "item.label.笔记": { + "message": "笔记", + "description": "Navbar item with label 笔记" + }, + "item.label.网址导航": { + "message": "网址导航", + "description": "Navbar item with label 网址导航" + }, + "item.label.JS代码还原": { + "message": "JS代码还原", + "description": "Navbar item with label JS代码还原" + }, + "item.label.CyberChef加密": { + "message": "CyberChef加密", + "description": "Navbar item with label CyberChef加密" + }, + "item.label.网盘": { + "message": "网盘", + "description": "Navbar item with label 网盘" + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..2005d56 --- /dev/null +++ b/package.json @@ -0,0 +1,77 @@ +{ + "name": "blog", + "version": "3.0.0", + "author": { + "url": "https://github.com/kuizuo", + "email": "hi@kuizuo.cn", + "name": "Kuizuo" + }, + "repository": { + "url": "https://github.com/kuizuo/blog", + "type": "git" + }, + "homepage": "https://kuizuo.cn", + "license": "MIT", + "scripts": { + "docusaurus": "docusaurus", + "start": "docusaurus start", + "start:en": "docusaurus start --locale en", + "build": "docusaurus build", + "swizzle": "docusaurus swizzle", + "deploy": "docusaurus deploy", + "clear": "docusaurus clear && rimraf changelog && rimraf _dogfooding/_swizzle_theme_tests", + "serve": "docusaurus serve", + "lint": "yarn lint:js && yarn lint:style", + "lint:js": "eslint --fix --report-unused-disable-directives \"**/*.{js,jsx,ts,tsx,mjs}\"", + "lint:style": "stylelint \"**/*.scss\"", + "lint:fix": "eslint src --fix", + "prettier:fix": "npx prettier src data --check --write", + "format": "npm run prettier:fix && npm run lint:fix", + "write-translations": "docusaurus write-translations", + "write-heading-ids": "docusaurus write-heading-ids", + "index": "docker run -it --env-file=.env -e \"CONFIG=$(cat docsearch.json | jq -r tostring)\" algolia/docsearch-scraper" + }, + "dependencies": { + "@docusaurus/core": "3.1.0", + "@docusaurus/plugin-ideal-image": "3.1.0", + "@docusaurus/plugin-pwa": "3.1.0", + "@docusaurus/preset-classic": "3.1.0", + "@docusaurus/theme-search-algolia": "3.1.0", + "@giscus/react": "^2.3.0", + "@popperjs/core": "^2.11.8", + "@vercel/analytics": "^1.1.1", + "dayjs": "^1.11.10", + "docusaurus-plugin-baidu-tongji": "0.0.0-beta.4", + "docusaurus-plugin-image-zoom": "^1.0.0", + "docusaurus-plugin-sass": "^0.2.5", + "framer-motion": "^10.16.4", + "ora": "^7.0.0", + "prism-react-renderer": "^2.3.1", + "raw-loader": "^4.0.2", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-popper": "^2.3.0", + "sass": "^1.64.1" + }, + "devDependencies": { + "@docusaurus/eslint-plugin": "3.1.0", + "@docusaurus/module-type-aliases": "3.1.0", + "@docusaurus/tsconfig": "^3.1.0", + "@docusaurus/types": "3.1.0", + "@iconify/react": "^4.1.1", + "@typescript-eslint/eslint-plugin": "^6.0.0", + "@typescript-eslint/parser": "^6.0.0", + "eslint": "^8.53.0", + "eslint-config-prettier": "^9.0.0", + "eslint-plugin-prettier": "^5.0.0", + "prettier": "^3.1.0", + "stylelint": "^15.0.0", + "stylelint-config-prettier-scss": "^1.0.0", + "stylelint-config-standard": "^34.0.0", + "stylelint-config-standard-scss": "^11.0.0", + "typescript": "~5.3.0" + }, + "engines": { + "node": ">=18.0" + } +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml new file mode 100644 index 0000000..e1c33fd --- /dev/null +++ b/pnpm-lock.yaml @@ -0,0 +1,11462 @@ +lockfileVersion: '6.0' + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + +dependencies: + '@docusaurus/core': + specifier: 3.1.0 + version: 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-ideal-image': + specifier: 3.1.0 + version: 3.1.0(eslint@8.53.0)(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-pwa': + specifier: 3.1.0 + version: 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/preset-classic': + specifier: 3.1.0 + version: 3.1.0(@algolia/client-search@4.19.1)(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2)(typescript@5.3.3) + '@docusaurus/theme-search-algolia': + specifier: 3.1.0 + version: 3.1.0(@algolia/client-search@4.19.1)(@docusaurus/types@3.1.0)(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2)(typescript@5.3.3) + '@giscus/react': + specifier: ^2.3.0 + version: 2.3.0(react-dom@18.2.0)(react@18.2.0) + '@popperjs/core': + specifier: ^2.11.8 + version: 2.11.8 + '@vercel/analytics': + specifier: ^1.1.1 + version: 1.1.1 + dayjs: + specifier: ^1.11.10 + version: 1.11.10 + docusaurus-plugin-baidu-tongji: + specifier: 0.0.0-beta.4 + version: 0.0.0-beta.4 + docusaurus-plugin-image-zoom: + specifier: ^1.0.0 + version: 1.0.1(@docusaurus/theme-classic@3.1.0) + docusaurus-plugin-sass: + specifier: ^0.2.5 + version: 0.2.5(@docusaurus/core@3.1.0)(sass@1.66.1)(webpack@5.88.2) + framer-motion: + specifier: ^10.16.4 + version: 10.16.4(react-dom@18.2.0)(react@18.2.0) + ora: + specifier: ^7.0.0 + version: 7.0.1 + prism-react-renderer: + specifier: ^2.3.1 + version: 2.3.1(react@18.2.0) + raw-loader: + specifier: ^4.0.2 + version: 4.0.2(webpack@5.88.2) + react: + specifier: ^18.2.0 + version: 18.2.0 + react-dom: + specifier: ^18.2.0 + version: 18.2.0(react@18.2.0) + react-popper: + specifier: ^2.3.0 + version: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0) + sass: + specifier: ^1.64.1 + version: 1.66.1 + +devDependencies: + '@docusaurus/eslint-plugin': + specifier: 3.1.0 + version: 3.1.0(eslint@8.53.0)(typescript@5.3.3) + '@docusaurus/module-type-aliases': + specifier: 3.1.0 + version: 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/tsconfig': + specifier: ^3.1.0 + version: 3.1.0 + '@docusaurus/types': + specifier: 3.1.0 + version: 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@iconify/react': + specifier: ^4.1.1 + version: 4.1.1(react@18.2.0) + '@typescript-eslint/eslint-plugin': + specifier: ^6.0.0 + version: 6.11.0(@typescript-eslint/parser@6.11.0)(eslint@8.53.0)(typescript@5.3.3) + '@typescript-eslint/parser': + specifier: ^6.0.0 + version: 6.11.0(eslint@8.53.0)(typescript@5.3.3) + eslint: + specifier: ^8.53.0 + version: 8.53.0 + eslint-config-prettier: + specifier: ^9.0.0 + version: 9.0.0(eslint@8.53.0) + eslint-plugin-prettier: + specifier: ^5.0.0 + version: 5.0.1(eslint-config-prettier@9.0.0)(eslint@8.53.0)(prettier@3.1.0) + prettier: + specifier: ^3.1.0 + version: 3.1.0 + stylelint: + specifier: ^15.0.0 + version: 15.11.0(typescript@5.3.3) + stylelint-config-prettier-scss: + specifier: ^1.0.0 + version: 1.0.0(stylelint@15.11.0) + stylelint-config-standard: + specifier: ^34.0.0 + version: 34.0.0(stylelint@15.11.0) + stylelint-config-standard-scss: + specifier: ^11.0.0 + version: 11.1.0(postcss@8.4.29)(stylelint@15.11.0) + typescript: + specifier: ~5.3.0 + version: 5.3.3 + +packages: + + /@aashutoshrathi/word-wrap@1.2.6: + resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==} + engines: {node: '>=0.10.0'} + + /@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1)(search-insights@2.8.2): + resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==} + dependencies: + '@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1)(search-insights@2.8.2) + '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1) + transitivePeerDependencies: + - '@algolia/client-search' + - algoliasearch + - search-insights + dev: false + + /@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1)(search-insights@2.8.2): + resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==} + peerDependencies: + search-insights: '>= 1 < 3' + dependencies: + '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1) + search-insights: 2.8.2 + transitivePeerDependencies: + - '@algolia/client-search' + - algoliasearch + dev: false + + /@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1): + resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==} + peerDependencies: + '@algolia/client-search': '>= 4.9.1 < 6' + algoliasearch: '>= 4.9.1 < 6' + dependencies: + '@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1) + '@algolia/client-search': 4.19.1 + algoliasearch: 4.19.1 + dev: false + + /@algolia/autocomplete-shared@1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1): + resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==} + peerDependencies: + '@algolia/client-search': '>= 4.9.1 < 6' + algoliasearch: '>= 4.9.1 < 6' + dependencies: + '@algolia/client-search': 4.19.1 + algoliasearch: 4.19.1 + dev: false + + /@algolia/cache-browser-local-storage@4.19.1: + resolution: {integrity: sha512-FYAZWcGsFTTaSAwj9Std8UML3Bu8dyWDncM7Ls8g+58UOe4XYdlgzXWbrIgjaguP63pCCbMoExKr61B+ztK3tw==} + dependencies: + '@algolia/cache-common': 4.19.1 + dev: false + + /@algolia/cache-common@4.19.1: + resolution: {integrity: sha512-XGghi3l0qA38HiqdoUY+wvGyBsGvKZ6U3vTiMBT4hArhP3fOGLXpIINgMiiGjTe4FVlTa5a/7Zf2bwlIHfRqqg==} + dev: false + + /@algolia/cache-in-memory@4.19.1: + resolution: {integrity: sha512-+PDWL+XALGvIginigzu8oU6eWw+o76Z8zHbBovWYcrtWOEtinbl7a7UTt3x3lthv+wNuFr/YD1Gf+B+A9V8n5w==} + dependencies: + '@algolia/cache-common': 4.19.1 + dev: false + + /@algolia/client-account@4.19.1: + resolution: {integrity: sha512-Oy0ritA2k7AMxQ2JwNpfaEcgXEDgeyKu0V7E7xt/ZJRdXfEpZcwp9TOg4TJHC7Ia62gIeT2Y/ynzsxccPw92GA==} + dependencies: + '@algolia/client-common': 4.19.1 + '@algolia/client-search': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /@algolia/client-analytics@4.19.1: + resolution: {integrity: sha512-5QCq2zmgdZLIQhHqwl55ZvKVpLM3DNWjFI4T+bHr3rGu23ew2bLO4YtyxaZeChmDb85jUdPDouDlCumGfk6wOg==} + dependencies: + '@algolia/client-common': 4.19.1 + '@algolia/client-search': 4.19.1 + '@algolia/requester-common': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /@algolia/client-common@4.19.1: + resolution: {integrity: sha512-3kAIVqTcPrjfS389KQvKzliC559x+BDRxtWamVJt8IVp7LGnjq+aVAXg4Xogkur1MUrScTZ59/AaUd5EdpyXgA==} + dependencies: + '@algolia/requester-common': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /@algolia/client-personalization@4.19.1: + resolution: {integrity: sha512-8CWz4/H5FA+krm9HMw2HUQenizC/DxUtsI5oYC0Jxxyce1vsr8cb1aEiSJArQT6IzMynrERif1RVWLac1m36xw==} + dependencies: + '@algolia/client-common': 4.19.1 + '@algolia/requester-common': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /@algolia/client-search@4.19.1: + resolution: {integrity: sha512-mBecfMFS4N+yK/p0ZbK53vrZbL6OtWMk8YmnOv1i0LXx4pelY8TFhqKoTit3NPVPwoSNN0vdSN9dTu1xr1XOVw==} + dependencies: + '@algolia/client-common': 4.19.1 + '@algolia/requester-common': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /@algolia/events@4.0.1: + resolution: {integrity: sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==} + dev: false + + /@algolia/logger-common@4.19.1: + resolution: {integrity: sha512-i6pLPZW/+/YXKis8gpmSiNk1lOmYCmRI6+x6d2Qk1OdfvX051nRVdalRbEcVTpSQX6FQAoyeaui0cUfLYW5Elw==} + dev: false + + /@algolia/logger-console@4.19.1: + resolution: {integrity: sha512-jj72k9GKb9W0c7TyC3cuZtTr0CngLBLmc8trzZlXdfvQiigpUdvTi1KoWIb2ZMcRBG7Tl8hSb81zEY3zI2RlXg==} + dependencies: + '@algolia/logger-common': 4.19.1 + dev: false + + /@algolia/requester-browser-xhr@4.19.1: + resolution: {integrity: sha512-09K/+t7lptsweRTueHnSnmPqIxbHMowejAkn9XIcJMLdseS3zl8ObnS5GWea86mu3vy4+8H+ZBKkUN82Zsq/zg==} + dependencies: + '@algolia/requester-common': 4.19.1 + dev: false + + /@algolia/requester-common@4.19.1: + resolution: {integrity: sha512-BisRkcWVxrDzF1YPhAckmi2CFYK+jdMT60q10d7z3PX+w6fPPukxHRnZwooiTUrzFe50UBmLItGizWHP5bDzVQ==} + dev: false + + /@algolia/requester-node-http@4.19.1: + resolution: {integrity: sha512-6DK52DHviBHTG2BK/Vv2GIlEw7i+vxm7ypZW0Z7vybGCNDeWzADx+/TmxjkES2h15+FZOqVf/Ja677gePsVItA==} + dependencies: + '@algolia/requester-common': 4.19.1 + dev: false + + /@algolia/transporter@4.19.1: + resolution: {integrity: sha512-nkpvPWbpuzxo1flEYqNIbGz7xhfhGOKGAZS7tzC+TELgEmi7z99qRyTfNSUlW7LZmB3ACdnqAo+9A9KFBENviQ==} + dependencies: + '@algolia/cache-common': 4.19.1 + '@algolia/logger-common': 4.19.1 + '@algolia/requester-common': 4.19.1 + dev: false + + /@ampproject/remapping@2.2.1: + resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==} + engines: {node: '>=6.0.0'} + dependencies: + '@jridgewell/gen-mapping': 0.3.3 + '@jridgewell/trace-mapping': 0.3.19 + dev: false + + /@apideck/better-ajv-errors@0.3.6(ajv@8.12.0): + resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==} + engines: {node: '>=10'} + peerDependencies: + ajv: '>=8' + dependencies: + ajv: 8.12.0 + json-schema: 0.4.0 + jsonpointer: 5.0.1 + leven: 3.1.0 + dev: false + + /@babel/code-frame@7.22.13: + resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/highlight': 7.22.13 + chalk: 2.4.2 + + /@babel/code-frame@7.23.5: + resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/highlight': 7.23.4 + chalk: 2.4.2 + dev: false + + /@babel/compat-data@7.23.5: + resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/core@7.23.5: + resolution: {integrity: sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==} + engines: {node: '>=6.9.0'} + dependencies: + '@ampproject/remapping': 2.2.1 + '@babel/code-frame': 7.23.5 + '@babel/generator': 7.23.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.5) + '@babel/helpers': 7.23.5 + '@babel/parser': 7.23.5 + '@babel/template': 7.22.15 + '@babel/traverse': 7.23.5 + '@babel/types': 7.23.5 + convert-source-map: 2.0.0 + debug: 4.3.4 + gensync: 1.0.0-beta.2 + json5: 2.2.3 + semver: 6.3.1 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/generator@7.23.5: + resolution: {integrity: sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + '@jridgewell/gen-mapping': 0.3.3 + '@jridgewell/trace-mapping': 0.3.19 + jsesc: 2.5.2 + dev: false + + /@babel/helper-annotate-as-pure@7.22.5: + resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15: + resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-compilation-targets@7.22.15: + resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/compat-data': 7.23.5 + '@babel/helper-validator-option': 7.23.5 + browserslist: 4.22.2 + lru-cache: 5.1.1 + semver: 6.3.1 + dev: false + + /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-function-name': 7.23.0 + '@babel/helper-member-expression-to-functions': 7.22.15 + '@babel/helper-optimise-call-expression': 7.22.5 + '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.5) + '@babel/helper-skip-transparent-expression-wrappers': 7.22.5 + '@babel/helper-split-export-declaration': 7.22.6 + semver: 6.3.1 + dev: false + + /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + regexpu-core: 5.3.2 + semver: 6.3.1 + dev: false + + /@babel/helper-define-polyfill-provider@0.4.3(@babel/core@7.23.5): + resolution: {integrity: sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==} + peerDependencies: + '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + debug: 4.3.4 + lodash.debounce: 4.0.8 + resolve: 1.22.4 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/helper-environment-visitor@7.22.20: + resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/helper-function-name@7.23.0: + resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/template': 7.22.15 + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-hoist-variables@7.22.5: + resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-member-expression-to-functions@7.22.15: + resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-module-imports@7.22.15: + resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-module-imports': 7.22.15 + '@babel/helper-simple-access': 7.22.5 + '@babel/helper-split-export-declaration': 7.22.6 + '@babel/helper-validator-identifier': 7.22.20 + dev: false + + /@babel/helper-optimise-call-expression@7.22.5: + resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-plugin-utils@7.22.5: + resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/helper-remap-async-to-generator@7.22.20(@babel/core@7.23.5): + resolution: {integrity: sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-wrap-function': 7.22.20 + dev: false + + /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.5): + resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-member-expression-to-functions': 7.22.15 + '@babel/helper-optimise-call-expression': 7.22.5 + dev: false + + /@babel/helper-simple-access@7.22.5: + resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-skip-transparent-expression-wrappers@7.22.5: + resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-split-export-declaration@7.22.6: + resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/helper-string-parser@7.23.4: + resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/helper-validator-identifier@7.22.15: + resolution: {integrity: sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==} + engines: {node: '>=6.9.0'} + + /@babel/helper-validator-identifier@7.22.20: + resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/helper-validator-option@7.23.5: + resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==} + engines: {node: '>=6.9.0'} + dev: false + + /@babel/helper-wrap-function@7.22.20: + resolution: {integrity: sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/helper-function-name': 7.23.0 + '@babel/template': 7.22.15 + '@babel/types': 7.23.5 + dev: false + + /@babel/helpers@7.23.5: + resolution: {integrity: sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/template': 7.22.15 + '@babel/traverse': 7.23.5 + '@babel/types': 7.23.5 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/highlight@7.22.13: + resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/helper-validator-identifier': 7.22.15 + chalk: 2.4.2 + js-tokens: 4.0.0 + + /@babel/highlight@7.23.4: + resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/helper-validator-identifier': 7.22.20 + chalk: 2.4.2 + js-tokens: 4.0.0 + dev: false + + /@babel/parser@7.23.5: + resolution: {integrity: sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==} + engines: {node: '>=6.0.0'} + hasBin: true + dependencies: + '@babel/types': 7.23.5 + dev: false + + /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.13.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-skip-transparent-expression-wrappers': 7.22.5 + '@babel/plugin-transform-optional-chaining': 7.23.4(@babel/core@7.23.5) + dev: false + + /@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.5): + resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.23.5): + resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.23.5): + resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.23.5): + resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-import-assertions@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-import-attributes@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.5): + resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.23.5): + resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.23.5): + resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.23.5): + resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.23.5): + resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.23.5): + resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.23.5): + resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-arrow-functions@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-async-generator-functions@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.5) + '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-async-to-generator@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-imports': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-block-scoped-functions@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-block-scoping@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-class-properties@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-class-static-block@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.12.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-classes@7.23.5(@babel/core@7.23.5): + resolution: {integrity: sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-function-name': 7.23.0 + '@babel/helper-optimise-call-expression': 7.22.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.5) + '@babel/helper-split-export-declaration': 7.22.6 + globals: 11.12.0 + dev: false + + /@babel/plugin-transform-computed-properties@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/template': 7.22.15 + dev: false + + /@babel/plugin-transform-destructuring@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-dotall-regex@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-duplicate-keys@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-dynamic-import@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-exponentiation-operator@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-export-namespace-from@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-for-of@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-function-name@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-function-name': 7.23.0 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-json-strings@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-literals@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-logical-assignment-operators@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-member-expression-literals@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-modules-amd@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-modules-commonjs@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-simple-access': 7.22.5 + dev: false + + /@babel/plugin-transform-modules-systemjs@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-hoist-variables': 7.22.5 + '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-validator-identifier': 7.22.20 + dev: false + + /@babel/plugin-transform-modules-umd@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-new-target@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-nullish-coalescing-operator@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-numeric-separator@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-object-rest-spread@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/compat-data': 7.23.5 + '@babel/core': 7.23.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-object-super@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-optional-catch-binding@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-optional-chaining@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-skip-transparent-expression-wrappers': 7.22.5 + '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-parameters@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-private-methods@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-private-property-in-object@7.23.4(@babel/core@7.23.5): + resolution: {integrity: sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-property-literals@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-react-constant-elements@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-BF5SXoO+nX3h5OhlN78XbbDrBOffv+AxPP2ENaJOVqjWCgBDeOY3WcaUcddutGSfoap+5NEQ/q/4I3WZIvgkXA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-react-display-name@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-react-jsx-development@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-module-imports': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.5) + '@babel/types': 7.23.5 + dev: false + + /@babel/plugin-transform-react-pure-annotations@7.22.5(@babel/core@7.23.5): + resolution: {integrity: sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-regenerator@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + regenerator-transform: 0.15.2 + dev: false + + /@babel/plugin-transform-reserved-words@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-runtime@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-tEVLhk8NRZSmwQ0DJtxxhTrCht1HVo8VaMzYT4w6lwyKBuHsgoioAUA7/6eT2fRfc5/23fuGdlwIxXhRVgWr4g==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-imports': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.23.5) + babel-plugin-polyfill-corejs3: 0.8.6(@babel/core@7.23.5) + babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.23.5) + semver: 6.3.1 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/plugin-transform-shorthand-properties@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-spread@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-skip-transparent-expression-wrappers': 7.22.5 + dev: false + + /@babel/plugin-transform-sticky-regex@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-template-literals@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-typeof-symbol@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.23.5) + dev: false + + /@babel/plugin-transform-unicode-escapes@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-unicode-property-regex@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-unicode-regex@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/plugin-transform-unicode-sets-regex@7.23.3(@babel/core@7.23.5): + resolution: {integrity: sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.5) + '@babel/helper-plugin-utils': 7.22.5 + dev: false + + /@babel/preset-env@7.23.5(@babel/core@7.23.5): + resolution: {integrity: sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/compat-data': 7.23.5 + '@babel/core': 7.23.5 + '@babel/helper-compilation-targets': 7.22.15 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-validator-option': 7.23.5 + '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.5) + '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.5) + '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.23.5) + '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.5) + '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-import-assertions': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-syntax-import-attributes': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.5) + '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.5) + '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.5) + '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.5) + '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.23.5) + '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.23.5) + '@babel/plugin-transform-arrow-functions': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-async-generator-functions': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-async-to-generator': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-block-scoped-functions': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-block-scoping': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-class-properties': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-class-static-block': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-classes': 7.23.5(@babel/core@7.23.5) + '@babel/plugin-transform-computed-properties': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-destructuring': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-dotall-regex': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-duplicate-keys': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-dynamic-import': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-exponentiation-operator': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-export-namespace-from': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-for-of': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-function-name': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-json-strings': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-literals': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-logical-assignment-operators': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-member-expression-literals': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-modules-amd': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-modules-systemjs': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-modules-umd': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.23.5) + '@babel/plugin-transform-new-target': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-nullish-coalescing-operator': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-numeric-separator': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-object-rest-spread': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-object-super': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-optional-catch-binding': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-optional-chaining': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-private-methods': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-private-property-in-object': 7.23.4(@babel/core@7.23.5) + '@babel/plugin-transform-property-literals': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-regenerator': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-reserved-words': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-shorthand-properties': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-spread': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-sticky-regex': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-typeof-symbol': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-unicode-escapes': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-unicode-property-regex': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-unicode-regex': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-unicode-sets-regex': 7.23.3(@babel/core@7.23.5) + '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.23.5) + babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.23.5) + babel-plugin-polyfill-corejs3: 0.8.6(@babel/core@7.23.5) + babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.23.5) + core-js-compat: 3.33.3 + semver: 6.3.1 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.23.5): + resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==} + peerDependencies: + '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/types': 7.23.5 + esutils: 2.0.3 + dev: false + + /@babel/preset-react@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-validator-option': 7.23.5 + '@babel/plugin-transform-react-display-name': 7.22.5(@babel/core@7.23.5) + '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.5) + '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.23.5) + '@babel/plugin-transform-react-pure-annotations': 7.22.5(@babel/core@7.23.5) + dev: false + + /@babel/preset-typescript@7.22.15(@babel/core@7.23.5): + resolution: {integrity: sha512-HblhNmh6yM+cU4VwbBRpxFhxsTdfS1zsvH9W+gEjD0ARV9+8B4sNfpI6GuhePti84nuvhiwKS539jKPFHskA9A==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-plugin-utils': 7.22.5 + '@babel/helper-validator-option': 7.23.5 + '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.5) + '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.5) + '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.23.5) + dev: false + + /@babel/regjsgen@0.8.0: + resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==} + dev: false + + /@babel/runtime-corejs3@7.22.15: + resolution: {integrity: sha512-SAj8oKi8UogVi6eXQXKNPu8qZ78Yzy7zawrlTr0M+IuW/g8Qe9gVDhGcF9h1S69OyACpYoLxEzpjs1M15sI5wQ==} + engines: {node: '>=6.9.0'} + dependencies: + core-js-pure: 3.32.1 + regenerator-runtime: 0.14.0 + dev: false + + /@babel/runtime@7.22.15: + resolution: {integrity: sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==} + engines: {node: '>=6.9.0'} + dependencies: + regenerator-runtime: 0.14.0 + + /@babel/template@7.22.15: + resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/code-frame': 7.23.5 + '@babel/parser': 7.23.5 + '@babel/types': 7.23.5 + dev: false + + /@babel/traverse@7.23.5: + resolution: {integrity: sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/code-frame': 7.23.5 + '@babel/generator': 7.23.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-function-name': 7.23.0 + '@babel/helper-hoist-variables': 7.22.5 + '@babel/helper-split-export-declaration': 7.22.6 + '@babel/parser': 7.23.5 + '@babel/types': 7.23.5 + debug: 4.3.4 + globals: 11.12.0 + transitivePeerDependencies: + - supports-color + dev: false + + /@babel/types@7.23.5: + resolution: {integrity: sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/helper-string-parser': 7.23.4 + '@babel/helper-validator-identifier': 7.22.20 + to-fast-properties: 2.0.0 + dev: false + + /@colors/colors@1.5.0: + resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==} + engines: {node: '>=0.1.90'} + requiresBuild: true + dev: false + optional: true + + /@csstools/css-parser-algorithms@2.3.2(@csstools/css-tokenizer@2.2.1): + resolution: {integrity: sha512-sLYGdAdEY2x7TSw9FtmdaTrh2wFtRJO5VMbBrA8tEqEod7GEggFmxTSK9XqExib3yMuYNcvcTdCZIP6ukdjAIA==} + engines: {node: ^14 || ^16 || >=18} + peerDependencies: + '@csstools/css-tokenizer': ^2.2.1 + dependencies: + '@csstools/css-tokenizer': 2.2.1 + dev: true + + /@csstools/css-tokenizer@2.2.1: + resolution: {integrity: sha512-Zmsf2f/CaEPWEVgw29odOj+WEVoiJy9s9NOv5GgNY9mZ1CZ7394By6wONrONrTsnNDv6F9hR02nvFihrGVGHBg==} + engines: {node: ^14 || ^16 || >=18} + dev: true + + /@csstools/media-query-list-parser@2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1): + resolution: {integrity: sha512-IxVBdYzR8pYe89JiyXQuYk4aVVoCPhMJkz6ElRwlVysjwURTsTk/bmY/z4FfeRE+CRBMlykPwXEVUg8lThv7AQ==} + engines: {node: ^14 || ^16 || >=18} + peerDependencies: + '@csstools/css-parser-algorithms': ^2.3.2 + '@csstools/css-tokenizer': ^2.2.1 + dependencies: + '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1) + '@csstools/css-tokenizer': 2.2.1 + dev: true + + /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13): + resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==} + engines: {node: ^14 || ^16 || >=18} + peerDependencies: + postcss-selector-parser: ^6.0.13 + dependencies: + postcss-selector-parser: 6.0.13 + dev: true + + /@discoveryjs/json-ext@0.5.7: + resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==} + engines: {node: '>=10.0.0'} + dev: false + + /@docsearch/css@3.5.2: + resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==} + dev: false + + /@docsearch/react@3.5.2(@algolia/client-search@4.19.1)(@types/react@18.2.21)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2): + resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==} + peerDependencies: + '@types/react': '>= 16.8.0 < 19.0.0' + react: '>= 16.8.0 < 19.0.0' + react-dom: '>= 16.8.0 < 19.0.0' + search-insights: '>= 1 < 3' + peerDependenciesMeta: + '@types/react': + optional: true + react: + optional: true + react-dom: + optional: true + search-insights: + optional: true + dependencies: + '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1)(search-insights@2.8.2) + '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.19.1)(algoliasearch@4.19.1) + '@docsearch/css': 3.5.2 + '@types/react': 18.2.21 + algoliasearch: 4.19.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + search-insights: 2.8.2 + transitivePeerDependencies: + - '@algolia/client-search' + dev: false + + /@docusaurus/core@3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-GWudMGYA9v26ssbAWJNfgeDZk+lrudUTclLPRsmxiknEBk7UMp7Rglonhqbsf3IKHOyHkMU4Fr5jFyg5SBx9jQ==} + engines: {node: '>=18.0'} + hasBin: true + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/generator': 7.23.5 + '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.5) + '@babel/plugin-transform-runtime': 7.22.15(@babel/core@7.23.5) + '@babel/preset-env': 7.23.5(@babel/core@7.23.5) + '@babel/preset-react': 7.22.15(@babel/core@7.23.5) + '@babel/preset-typescript': 7.22.15(@babel/core@7.23.5) + '@babel/runtime': 7.22.15 + '@babel/runtime-corejs3': 7.22.15 + '@babel/traverse': 7.23.5 + '@docusaurus/cssnano-preset': 3.1.0 + '@docusaurus/logger': 3.1.0 + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/react-loadable': 5.5.2(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-common': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@slorber/static-site-generator-webpack-plugin': 4.0.7 + '@svgr/webpack': 6.5.1 + autoprefixer: 10.4.15(postcss@8.4.29) + babel-loader: 9.1.3(@babel/core@7.23.5)(webpack@5.88.2) + babel-plugin-dynamic-import-node: 2.3.3 + boxen: 6.2.1 + chalk: 4.1.2 + chokidar: 3.5.3 + clean-css: 5.3.2 + cli-table3: 0.6.3 + combine-promises: 1.2.0 + commander: 5.1.0 + copy-webpack-plugin: 11.0.0(webpack@5.88.2) + core-js: 3.32.1 + css-loader: 6.8.1(webpack@5.88.2) + css-minimizer-webpack-plugin: 4.2.2(clean-css@5.3.2)(webpack@5.88.2) + cssnano: 5.1.15(postcss@8.4.29) + del: 6.1.1 + detect-port: 1.5.1 + escape-html: 1.0.3 + eta: 2.2.0 + file-loader: 6.2.0(webpack@5.88.2) + fs-extra: 11.1.1 + html-minifier-terser: 7.2.0 + html-tags: 3.3.1 + html-webpack-plugin: 5.5.3(webpack@5.88.2) + leven: 3.1.0 + lodash: 4.17.21 + mini-css-extract-plugin: 2.7.6(webpack@5.88.2) + postcss: 8.4.29 + postcss-loader: 7.3.3(postcss@8.4.29)(typescript@5.3.3)(webpack@5.88.2) + prompts: 2.4.2 + react: 18.2.0 + react-dev-utils: 12.0.1(eslint@8.53.0)(typescript@5.3.3)(webpack@5.88.2) + react-dom: 18.2.0(react@18.2.0) + react-helmet-async: 1.3.0(react-dom@18.2.0)(react@18.2.0) + react-loadable: /@docusaurus/react-loadable@5.5.2(react@18.2.0) + react-loadable-ssr-addon-v5-slorber: 1.0.1(@docusaurus/react-loadable@5.5.2)(webpack@5.88.2) + react-router: 5.3.4(react@18.2.0) + react-router-config: 5.1.1(react-router@5.3.4)(react@18.2.0) + react-router-dom: 5.3.4(react@18.2.0) + rtl-detect: 1.0.4 + semver: 7.5.4 + serve-handler: 6.1.5 + shelljs: 0.8.5 + terser-webpack-plugin: 5.3.9(webpack@5.88.2) + tslib: 2.6.2 + update-notifier: 6.0.2 + url-loader: 4.1.1(file-loader@6.2.0)(webpack@5.88.2) + webpack: 5.88.2 + webpack-bundle-analyzer: 4.9.1 + webpack-dev-server: 4.15.1(webpack@5.88.2) + webpack-merge: 5.9.0 + webpackbar: 5.0.2(webpack@5.88.2) + transitivePeerDependencies: + - '@docusaurus/types' + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/cssnano-preset@3.1.0: + resolution: {integrity: sha512-ned7qsgCqSv/e7KyugFNroAfiszuxLwnvMW7gmT2Ywxb/Nyt61yIw7KHyAZCMKglOalrqnYA4gMhLUCK/mVePA==} + engines: {node: '>=18.0'} + dependencies: + cssnano-preset-advanced: 5.3.10(postcss@8.4.29) + postcss: 8.4.29 + postcss-sort-media-queries: 4.4.1(postcss@8.4.29) + tslib: 2.6.2 + dev: false + + /@docusaurus/eslint-plugin@3.1.0(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-Zo/QNKFyHa0JG2shKwFKZTQnSc8ECXIWmnfi8y5RjTBiWLsoxusePCRcOQMqVWSRknO0bumZyOLjKEFK7Z57Ew==} + engines: {node: '>=18.0'} + peerDependencies: + eslint: '>=6' + dependencies: + '@typescript-eslint/utils': 5.62.0(eslint@8.53.0)(typescript@5.3.3) + eslint: 8.53.0 + tslib: 2.6.2 + transitivePeerDependencies: + - supports-color + - typescript + dev: true + + /@docusaurus/logger@3.1.0: + resolution: {integrity: sha512-p740M+HCst1VnKKzL60Hru9xfG4EUYJDarjlEC4hHeBy9+afPmY3BNPoSHx9/8zxuYfUlv/psf7I9NvRVdmdvg==} + engines: {node: '>=18.0'} + dependencies: + chalk: 4.1.2 + tslib: 2.6.2 + dev: false + + /@docusaurus/lqip-loader@3.1.0(webpack@5.88.2): + resolution: {integrity: sha512-vP7Smz7p5Xu75UvD4dA5qlkC7PnXl9dbTv6Eq0kLY8M5ZwBoKhNdB5c8u6j3MS5N8jUTtwYFEuH2wZWjr1/Fpw==} + engines: {node: '>=18.0'} + dependencies: + '@docusaurus/logger': 3.1.0 + file-loader: 6.2.0(webpack@5.88.2) + lodash: 4.17.21 + sharp: 0.32.6 + tslib: 2.6.2 + transitivePeerDependencies: + - webpack + dev: false + + /@docusaurus/mdx-loader@3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-D7onDz/3mgBonexWoQXPw3V2E5Bc4+jYRf9gGUUK+KoQwU8xMDaDkUUfsr7t6UBa/xox9p5+/3zwLuXOYMzGSg==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@babel/parser': 7.23.5 + '@babel/traverse': 7.23.5 + '@docusaurus/logger': 3.1.0 + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@mdx-js/mdx': 3.0.0 + '@slorber/remark-comment': 1.0.0 + escape-html: 1.0.3 + estree-util-value-to-estree: 3.0.1 + file-loader: 6.2.0(webpack@5.88.2) + fs-extra: 11.1.1 + image-size: 1.0.2 + mdast-util-mdx: 3.0.0 + mdast-util-to-string: 4.0.0 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + rehype-raw: 7.0.0 + remark-directive: 3.0.0 + remark-emoji: 4.0.1 + remark-frontmatter: 5.0.0 + remark-gfm: 4.0.0 + stringify-object: 3.3.0 + tslib: 2.6.2 + unified: 11.0.4 + unist-util-visit: 5.0.0 + url-loader: 4.1.1(file-loader@6.2.0)(webpack@5.88.2) + vfile: 6.0.1 + webpack: 5.88.2 + transitivePeerDependencies: + - '@docusaurus/types' + - '@swc/core' + - esbuild + - supports-color + - uglify-js + - webpack-cli + dev: false + + /@docusaurus/module-type-aliases@3.1.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-XUl7Z4PWlKg4l6KF05JQ3iDHQxnPxbQUqTNKvviHyuHdlalOFv6qeDAm7IbzyQPJD5VA6y4dpRbTWSqP9ClwPg==} + peerDependencies: + react: '*' + react-dom: '*' + dependencies: + '@docusaurus/react-loadable': 5.5.2(react@18.2.0) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@types/history': 4.7.11 + '@types/react': 18.2.21 + '@types/react-router-config': 5.0.7 + '@types/react-router-dom': 5.3.3 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-helmet-async: 1.3.0(react-dom@18.2.0)(react@18.2.0) + react-loadable: /@docusaurus/react-loadable@5.5.2(react@18.2.0) + transitivePeerDependencies: + - '@swc/core' + - esbuild + - supports-color + - uglify-js + - webpack-cli + + /@docusaurus/plugin-content-blog@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-iMa6WBaaEdYuxckvJtLcq/HQdlA4oEbCXf/OFfsYJCCULcDX7GDZpKxLF3X1fLsax3sSm5bmsU+CA0WD+R1g3A==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/logger': 3.1.0 + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-common': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + cheerio: 1.0.0-rc.12 + feed: 4.2.2 + fs-extra: 11.1.1 + lodash: 4.17.21 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + reading-time: 1.5.0 + srcset: 4.0.0 + tslib: 2.6.2 + unist-util-visit: 5.0.0 + utility-types: 3.10.0 + webpack: 5.88.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-content-docs@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-el5GxhT8BLrsWD0qGa8Rq+Ttb/Ni6V3DGT2oAPio0qcs/mUAxeyXEAmihkvmLCnAgp6xD27Ce7dISZ5c6BXeqA==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/logger': 3.1.0 + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/module-type-aliases': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@types/react-router-config': 5.0.7 + combine-promises: 1.2.0 + fs-extra: 11.1.1 + js-yaml: 4.1.0 + lodash: 4.17.21 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + utility-types: 3.10.0 + webpack: 5.88.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-content-pages@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-9gntYQFpk+93+Xl7gYczJu8I9uWoyRLnRwS0+NUFcs9iZtHKsdqKWPRrONC9elfN3wJ9ORwTbcVzsTiB8jvYlg==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + fs-extra: 11.1.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + webpack: 5.88.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-debug@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-AbvJwCVRbmQ8w9d8QXbF4Iq/ui0bjPZNYFIhtducGFnm2YQRN1mraK8mCEQb0Aq0T8SqRRvSfC/far4n/s531w==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + fs-extra: 11.1.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-json-view-lite: 1.2.1(react@18.2.0) + tslib: 2.6.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-google-analytics@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-zvUOMzu9Uhz0ciqnSbtnp/5i1zEYlzarQrOXG90P3Is3efQI43p2YLW/rzSGdLb5MfQo2HvKT6Q5+tioMO045Q==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-google-gtag@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-0txshvaY8qIBdkk2UATdVcfiCLGq3KAUfuRQD2cRNgO39iIf4/ihQxH9NXcRTwKs4Q5d9yYHoix3xT6pFuEYOg==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@types/gtag.js': 0.0.12 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-google-tag-manager@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-zOWPEi8kMyyPtwG0vhyXrdbLs8fIZmY5vlbi9lUU+v8VsroO5iHmfR2V3SMsrsfOanw5oV/ciWqbxezY00qEZg==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-ideal-image@3.1.0(eslint@8.53.0)(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-ytT7f3hCM78yyv8Km3DIE1Myqp5GEGE8JnRz98wUWDzZq1tNroe+dhrLTqI2D4iqwOYFMcjFQkcvK0vDkLG7cw==} + engines: {node: '>=18.0'} + peerDependencies: + jimp: '*' + react: ^18.0.0 + react-dom: ^18.0.0 + peerDependenciesMeta: + jimp: + optional: true + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/lqip-loader': 3.1.0(webpack@5.88.2) + '@docusaurus/responsive-loader': 1.7.0(sharp@0.32.6) + '@docusaurus/theme-translations': 3.1.0 + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@slorber/react-ideal-image': 0.0.12(prop-types@15.8.1)(react-waypoint@10.3.0)(react@18.2.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-waypoint: 10.3.0(react@18.2.0) + sharp: 0.32.6 + tslib: 2.6.2 + webpack: 5.88.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - prop-types + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-pwa@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-8UXyD35x3BALl7GuWWqSbC/ldnJHW8wfk5xzMDHfi5kKK+8OxpayJNxmXFXd0FlCVGN1PxE5EAhpdYIj9SBMUQ==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/preset-env': 7.23.5(@babel/core@7.23.5) + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-common': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-translations': 3.1.0 + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + babel-loader: 9.1.3(@babel/core@7.23.5)(webpack@5.88.2) + clsx: 2.0.0 + core-js: 3.32.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + terser-webpack-plugin: 5.3.9(webpack@5.88.2) + tslib: 2.6.2 + webpack: 5.88.2 + webpack-merge: 5.9.0 + webpackbar: 5.0.2(webpack@5.88.2) + workbox-build: 7.0.0 + workbox-precaching: 7.0.0 + workbox-window: 7.0.0 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - '@types/babel__core' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/plugin-sitemap@3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-TkR5vGBpUooEB9SoW42thahqqwKzfHrQQhkB+JrEGERsl4bKODSuJNle4aA4h6LSkg4IyfXOW8XOI0NIPWb9Cg==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/logger': 3.1.0 + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-common': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + fs-extra: 11.1.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + sitemap: 7.1.1 + tslib: 2.6.2 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/preset-classic@3.1.0(@algolia/client-search@4.19.1)(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2)(typescript@5.3.3): + resolution: {integrity: sha512-xGLQRFmmT9IinAGUDVRYZ54Ys28USNbA3OTXQXnSJLPr1rCY7CYnHI4XoOnKWrNnDiAI4ruMzunXWyaElUYCKQ==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-blog': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-docs': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-pages': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-debug': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-google-analytics': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-google-gtag': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-google-tag-manager': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-sitemap': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-classic': 3.1.0(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-common': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-search-algolia': 3.1.0(@algolia/client-search@4.19.1)(@docusaurus/types@3.1.0)(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2)(typescript@5.3.3) + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + transitivePeerDependencies: + - '@algolia/client-search' + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - '@types/react' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - search-insights + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/react-loadable@5.5.2(react@18.2.0): + resolution: {integrity: sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ==} + peerDependencies: + react: '*' + dependencies: + '@types/react': 18.2.21 + prop-types: 15.8.1 + react: 18.2.0 + + /@docusaurus/responsive-loader@1.7.0(sharp@0.32.6): + resolution: {integrity: sha512-N0cWuVqTRXRvkBxeMQcy/OF2l7GN8rmni5EzR3HpwR+iU2ckYPnziceojcxvvxQ5NqZg1QfEW0tycQgHp+e+Nw==} + engines: {node: '>=12'} + peerDependencies: + jimp: '*' + sharp: '*' + peerDependenciesMeta: + jimp: + optional: true + sharp: + optional: true + dependencies: + loader-utils: 2.0.4 + sharp: 0.32.6 + dev: false + + /@docusaurus/theme-classic@3.1.0(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-/+jMl2Z9O8QQxves5AtHdt91gWsEZFgOV3La/6eyKEd7QLqQUtM5fxEJ40rq9NKYjqCd1HzZ9egIMeJoWwillw==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/module-type-aliases': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/plugin-content-blog': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-docs': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-pages': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-common': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-translations': 3.1.0 + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-common': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + '@mdx-js/react': 3.0.0(@types/react@18.2.21)(react@18.2.0) + clsx: 2.0.0 + copy-text-to-clipboard: 3.2.0 + infima: 0.2.0-alpha.43 + lodash: 4.17.21 + nprogress: 0.2.0 + postcss: 8.4.29 + prism-react-renderer: 2.3.1(react@18.2.0) + prismjs: 1.29.0 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-router-dom: 5.3.4(react@18.2.0) + rtlcss: 4.1.1 + tslib: 2.6.2 + utility-types: 3.10.0 + transitivePeerDependencies: + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - '@types/react' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/theme-common@3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3): + resolution: {integrity: sha512-YGwEFALLIbF5ocW/Fy6Ae7tFWUOugEN3iwxTx8UkLAcLqYUboDSadesYtVBmRCEB4FVA2qoP7YaW3lu3apUPPw==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docusaurus/mdx-loader': 3.1.0(@docusaurus/types@3.1.0)(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/module-type-aliases': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@docusaurus/plugin-content-blog': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-docs': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/plugin-content-pages': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-common': 3.1.0(@docusaurus/types@3.1.0) + '@types/history': 4.7.11 + '@types/react': 18.2.21 + '@types/react-router-config': 5.0.7 + clsx: 2.0.0 + parse-numeric-range: 1.3.0 + prism-react-renderer: 2.3.1(react@18.2.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + utility-types: 3.10.0 + transitivePeerDependencies: + - '@docusaurus/types' + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/theme-search-algolia@3.1.0(@algolia/client-search@4.19.1)(@docusaurus/types@3.1.0)(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2)(typescript@5.3.3): + resolution: {integrity: sha512-8cJH0ZhPsEDjq3jR3I+wHmWzVY2bXMQJ59v2QxUmsTZxbWA4u+IzccJMIJx4ooFl9J6iYynwYsFuHxyx/KUmfQ==} + engines: {node: '>=18.0'} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@docsearch/react': 3.5.2(@algolia/client-search@4.19.1)(@types/react@18.2.21)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.8.2) + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/logger': 3.1.0 + '@docusaurus/plugin-content-docs': 3.1.0(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-common': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + '@docusaurus/theme-translations': 3.1.0 + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + '@docusaurus/utils-validation': 3.1.0(@docusaurus/types@3.1.0) + algoliasearch: 4.19.1 + algoliasearch-helper: 3.14.0(algoliasearch@4.19.1) + clsx: 2.0.0 + eta: 2.2.0 + fs-extra: 11.1.1 + lodash: 4.17.21 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + utility-types: 3.10.0 + transitivePeerDependencies: + - '@algolia/client-search' + - '@docusaurus/types' + - '@parcel/css' + - '@swc/core' + - '@swc/css' + - '@types/react' + - bufferutil + - csso + - debug + - esbuild + - eslint + - lightningcss + - search-insights + - supports-color + - typescript + - uglify-js + - utf-8-validate + - vue-template-compiler + - webpack-cli + dev: false + + /@docusaurus/theme-translations@3.1.0: + resolution: {integrity: sha512-DApE4AbDI+WBajihxB54L4scWQhVGNZAochlC9fkbciPuFAgdRBD3NREb0rgfbKexDC/rioppu/WJA0u8tS+yA==} + engines: {node: '>=18.0'} + dependencies: + fs-extra: 11.1.1 + tslib: 2.6.2 + dev: false + + /@docusaurus/tsconfig@3.1.0: + resolution: {integrity: sha512-PE6fSuj5gJy5sNC1OO+bYAU1/xZH5YqddGjhrNu3/T7OAUroqkMZfVl13Tz70CjYB8no4OWcraqSkObAeNdIcQ==} + dev: true + + /@docusaurus/types@3.1.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-VaczOZf7+re8aFBIWnex1XENomwHdsSTkrdX43zyor7G/FY4OIsP6X28Xc3o0jiY0YdNuvIDyA5TNwOtpgkCVw==} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + '@mdx-js/mdx': 3.0.0 + '@types/history': 4.7.11 + '@types/react': 18.2.21 + commander: 5.1.0 + joi: 17.10.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-helmet-async: 1.3.0(react-dom@18.2.0)(react@18.2.0) + utility-types: 3.10.0 + webpack: 5.88.2 + webpack-merge: 5.9.0 + transitivePeerDependencies: + - '@swc/core' + - esbuild + - supports-color + - uglify-js + - webpack-cli + + /@docusaurus/utils-common@3.1.0(@docusaurus/types@3.1.0): + resolution: {integrity: sha512-SfvnRLHoZ9bwTw67knkSs7IcUR0GY2SaGkpdB/J9pChrDiGhwzKNUhcieoPyPYrOWGRPk3rVNYtoy+Bc7psPAw==} + engines: {node: '>=18.0'} + peerDependencies: + '@docusaurus/types': '*' + peerDependenciesMeta: + '@docusaurus/types': + optional: true + dependencies: + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + tslib: 2.6.2 + dev: false + + /@docusaurus/utils-validation@3.1.0(@docusaurus/types@3.1.0): + resolution: {integrity: sha512-dFxhs1NLxPOSzmcTk/eeKxLY5R+U4cua22g9MsAMiRWcwFKStZ2W3/GDY0GmnJGqNS8QAQepJrxQoyxXkJNDeg==} + engines: {node: '>=18.0'} + dependencies: + '@docusaurus/logger': 3.1.0 + '@docusaurus/utils': 3.1.0(@docusaurus/types@3.1.0) + joi: 17.10.1 + js-yaml: 4.1.0 + tslib: 2.6.2 + transitivePeerDependencies: + - '@docusaurus/types' + - '@swc/core' + - esbuild + - supports-color + - uglify-js + - webpack-cli + dev: false + + /@docusaurus/utils@3.1.0(@docusaurus/types@3.1.0): + resolution: {integrity: sha512-LgZfp0D+UBqAh7PZ//MUNSFBMavmAPku6Si9x8x3V+S318IGCNJ6hUr2O29UO0oLybEWUjD5Jnj9IUN6XyZeeg==} + engines: {node: '>=18.0'} + peerDependencies: + '@docusaurus/types': '*' + peerDependenciesMeta: + '@docusaurus/types': + optional: true + dependencies: + '@docusaurus/logger': 3.1.0 + '@docusaurus/types': 3.1.0(react-dom@18.2.0)(react@18.2.0) + '@svgr/webpack': 6.5.1 + escape-string-regexp: 4.0.0 + file-loader: 6.2.0(webpack@5.88.2) + fs-extra: 11.1.1 + github-slugger: 1.5.0 + globby: 11.1.0 + gray-matter: 4.0.3 + jiti: 1.21.0 + js-yaml: 4.1.0 + lodash: 4.17.21 + micromatch: 4.0.5 + resolve-pathname: 3.0.0 + shelljs: 0.8.5 + tslib: 2.6.2 + url-loader: 4.1.1(file-loader@6.2.0)(webpack@5.88.2) + webpack: 5.88.2 + transitivePeerDependencies: + - '@swc/core' + - esbuild + - supports-color + - uglify-js + - webpack-cli + dev: false + + /@emotion/is-prop-valid@0.8.8: + resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==} + requiresBuild: true + dependencies: + '@emotion/memoize': 0.7.4 + dev: false + optional: true + + /@emotion/memoize@0.7.4: + resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==} + requiresBuild: true + dev: false + optional: true + + /@eslint-community/eslint-utils@4.4.0(eslint@8.53.0): + resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 + dependencies: + eslint: 8.53.0 + eslint-visitor-keys: 3.4.3 + + /@eslint-community/regexpp@4.8.0: + resolution: {integrity: sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==} + engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0} + + /@eslint/eslintrc@2.1.3: + resolution: {integrity: sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dependencies: + ajv: 6.12.6 + debug: 4.3.4 + espree: 9.6.1 + globals: 13.21.0 + ignore: 5.2.4 + import-fresh: 3.3.0 + js-yaml: 4.1.0 + minimatch: 3.1.2 + strip-json-comments: 3.1.1 + transitivePeerDependencies: + - supports-color + + /@eslint/js@8.53.0: + resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + /@giscus/react@2.3.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-tj79B+NNBfidhPdXJqWoqRm5Jhoc6CBhXMYwBR9nwTwsrdaB/spcQXmHpKcUuOdXZtlYSwMfCFcBogMNbD+gKQ==} + peerDependencies: + react: ^16 || ^17 || ^18 + react-dom: ^16 || ^17 || ^18 + dependencies: + giscus: 1.3.0 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + + /@hapi/hoek@9.3.0: + resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==} + + /@hapi/topo@5.1.0: + resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==} + dependencies: + '@hapi/hoek': 9.3.0 + + /@humanwhocodes/config-array@0.11.13: + resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==} + engines: {node: '>=10.10.0'} + dependencies: + '@humanwhocodes/object-schema': 2.0.1 + debug: 4.3.4 + minimatch: 3.1.2 + transitivePeerDependencies: + - supports-color + + /@humanwhocodes/module-importer@1.0.1: + resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} + engines: {node: '>=12.22'} + + /@humanwhocodes/object-schema@2.0.1: + resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==} + + /@iconify/react@4.1.1(react@18.2.0): + resolution: {integrity: sha512-jed14EjvKjee8mc0eoscGxlg7mSQRkwQG3iX3cPBCO7UlOjz0DtlvTqxqEcHUJGh+z1VJ31Yhu5B9PxfO0zbdg==} + peerDependencies: + react: '>=16' + dependencies: + '@iconify/types': 2.0.0 + react: 18.2.0 + dev: true + + /@iconify/types@2.0.0: + resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==} + dev: true + + /@jest/schemas@29.6.3: + resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==} + engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} + dependencies: + '@sinclair/typebox': 0.27.8 + dev: false + + /@jest/types@29.6.3: + resolution: {integrity: sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==} + engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} + dependencies: + '@jest/schemas': 29.6.3 + '@types/istanbul-lib-coverage': 2.0.4 + '@types/istanbul-reports': 3.0.1 + '@types/node': 20.5.9 + '@types/yargs': 17.0.24 + chalk: 4.1.2 + dev: false + + /@jridgewell/gen-mapping@0.3.3: + resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==} + engines: {node: '>=6.0.0'} + dependencies: + '@jridgewell/set-array': 1.1.2 + '@jridgewell/sourcemap-codec': 1.4.15 + '@jridgewell/trace-mapping': 0.3.19 + + /@jridgewell/resolve-uri@3.1.1: + resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==} + engines: {node: '>=6.0.0'} + + /@jridgewell/set-array@1.1.2: + resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==} + engines: {node: '>=6.0.0'} + + /@jridgewell/source-map@0.3.5: + resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==} + dependencies: + '@jridgewell/gen-mapping': 0.3.3 + '@jridgewell/trace-mapping': 0.3.19 + + /@jridgewell/sourcemap-codec@1.4.15: + resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==} + + /@jridgewell/trace-mapping@0.3.19: + resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==} + dependencies: + '@jridgewell/resolve-uri': 3.1.1 + '@jridgewell/sourcemap-codec': 1.4.15 + + /@leichtgewicht/ip-codec@2.0.4: + resolution: {integrity: sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==} + dev: false + + /@lit-labs/ssr-dom-shim@1.1.1: + resolution: {integrity: sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ==} + dev: false + + /@lit/reactive-element@1.6.3: + resolution: {integrity: sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==} + dependencies: + '@lit-labs/ssr-dom-shim': 1.1.1 + dev: false + + /@mdx-js/mdx@3.0.0: + resolution: {integrity: sha512-Icm0TBKBLYqroYbNW3BPnzMGn+7mwpQOK310aZ7+fkCtiU3aqv2cdcX+nd0Ydo3wI5Rx8bX2Z2QmGb/XcAClCw==} + dependencies: + '@types/estree': 1.0.1 + '@types/estree-jsx': 1.0.0 + '@types/hast': 3.0.2 + '@types/mdx': 2.0.7 + collapse-white-space: 2.1.0 + devlop: 1.1.0 + estree-util-build-jsx: 3.0.1 + estree-util-is-identifier-name: 3.0.0 + estree-util-to-js: 2.0.0 + estree-walker: 3.0.3 + hast-util-to-estree: 3.1.0 + hast-util-to-jsx-runtime: 2.2.0 + markdown-extensions: 2.0.0 + periscopic: 3.1.0 + remark-mdx: 3.0.0 + remark-parse: 11.0.0 + remark-rehype: 11.0.0 + source-map: 0.7.4 + unified: 11.0.4 + unist-util-position-from-estree: 2.0.0 + unist-util-stringify-position: 4.0.0 + unist-util-visit: 5.0.0 + vfile: 6.0.1 + transitivePeerDependencies: + - supports-color + + /@mdx-js/react@3.0.0(@types/react@18.2.21)(react@18.2.0): + resolution: {integrity: sha512-nDctevR9KyYFyV+m+/+S4cpzCWHqj+iHDHq3QrsWezcC+B17uZdIWgCguESUkwFhM3n/56KxWVE3V6EokrmONQ==} + peerDependencies: + '@types/react': '>=16' + react: '>=16' + dependencies: + '@types/mdx': 2.0.7 + '@types/react': 18.2.21 + react: 18.2.0 + dev: false + + /@nodelib/fs.scandir@2.1.5: + resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} + engines: {node: '>= 8'} + dependencies: + '@nodelib/fs.stat': 2.0.5 + run-parallel: 1.2.0 + + /@nodelib/fs.stat@2.0.5: + resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==} + engines: {node: '>= 8'} + + /@nodelib/fs.walk@1.2.8: + resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} + engines: {node: '>= 8'} + dependencies: + '@nodelib/fs.scandir': 2.1.5 + fastq: 1.15.0 + + /@pkgr/utils@2.4.2: + resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==} + engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0} + dependencies: + cross-spawn: 7.0.3 + fast-glob: 3.3.1 + is-glob: 4.0.3 + open: 9.1.0 + picocolors: 1.0.0 + tslib: 2.6.2 + dev: true + + /@pnpm/config.env-replace@1.1.0: + resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==} + engines: {node: '>=12.22.0'} + dev: false + + /@pnpm/network.ca-file@1.0.2: + resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==} + engines: {node: '>=12.22.0'} + dependencies: + graceful-fs: 4.2.10 + dev: false + + /@pnpm/npm-conf@2.2.2: + resolution: {integrity: sha512-UA91GwWPhFExt3IizW6bOeY/pQ0BkuNwKjk9iQW9KqxluGCrg4VenZ0/L+2Y0+ZOtme72EVvg6v0zo3AMQRCeA==} + engines: {node: '>=12'} + dependencies: + '@pnpm/config.env-replace': 1.1.0 + '@pnpm/network.ca-file': 1.0.2 + config-chain: 1.1.13 + dev: false + + /@polka/url@1.0.0-next.21: + resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==} + dev: false + + /@popperjs/core@2.11.8: + resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==} + dev: false + + /@rollup/plugin-babel@5.3.1(@babel/core@7.23.5)(rollup@2.79.1): + resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==} + engines: {node: '>= 10.0.0'} + peerDependencies: + '@babel/core': ^7.0.0 + '@types/babel__core': ^7.1.9 + rollup: ^1.20.0||^2.0.0 + peerDependenciesMeta: + '@types/babel__core': + optional: true + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-module-imports': 7.22.15 + '@rollup/pluginutils': 3.1.0(rollup@2.79.1) + rollup: 2.79.1 + dev: false + + /@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1): + resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==} + engines: {node: '>= 10.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0 + dependencies: + '@rollup/pluginutils': 3.1.0(rollup@2.79.1) + '@types/resolve': 1.17.1 + builtin-modules: 3.3.0 + deepmerge: 4.3.1 + is-module: 1.0.0 + resolve: 1.22.4 + rollup: 2.79.1 + dev: false + + /@rollup/plugin-replace@2.4.2(rollup@2.79.1): + resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==} + peerDependencies: + rollup: ^1.20.0 || ^2.0.0 + dependencies: + '@rollup/pluginutils': 3.1.0(rollup@2.79.1) + magic-string: 0.25.9 + rollup: 2.79.1 + dev: false + + /@rollup/pluginutils@3.1.0(rollup@2.79.1): + resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==} + engines: {node: '>= 8.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0 + dependencies: + '@types/estree': 0.0.39 + estree-walker: 1.0.1 + picomatch: 2.3.1 + rollup: 2.79.1 + dev: false + + /@sideway/address@4.1.4: + resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==} + dependencies: + '@hapi/hoek': 9.3.0 + + /@sideway/formula@3.0.1: + resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==} + + /@sideway/pinpoint@2.0.0: + resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==} + + /@sinclair/typebox@0.27.8: + resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==} + dev: false + + /@sindresorhus/is@3.1.2: + resolution: {integrity: sha512-JiX9vxoKMmu8Y3Zr2RVathBL1Cdu4Nt4MuNWemt1Nc06A0RAin9c5FArkhGsyMBWfCu4zj+9b+GxtjAnE4qqLQ==} + engines: {node: '>=10'} + dev: false + + /@sindresorhus/is@5.6.0: + resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==} + engines: {node: '>=14.16'} + dev: false + + /@slorber/react-ideal-image@0.0.12(prop-types@15.8.1)(react-waypoint@10.3.0)(react@18.2.0): + resolution: {integrity: sha512-u8KiDTEkMA7/KAeA5ywg/P7YG4zuKhWtswfVZDH8R8HXgQsFcHIYU2WaQnGuK/Du7Wdj90I+SdFmajSGFRvoKA==} + engines: {node: '>= 8.9.0', npm: '> 3'} + peerDependencies: + prop-types: '>=15' + react: '>=0.14.x' + react-waypoint: '>=9.0.2' + dependencies: + prop-types: 15.8.1 + react: 18.2.0 + react-waypoint: 10.3.0(react@18.2.0) + dev: false + + /@slorber/remark-comment@1.0.0: + resolution: {integrity: sha512-RCE24n7jsOj1M0UPvIQCHTe7fI0sFL4S2nwKVWwHyVr/wI/H8GosgsJGyhnsZoGFnD/P2hLf1mSbrrgSLN93NA==} + dependencies: + micromark-factory-space: 1.1.0 + micromark-util-character: 1.2.0 + micromark-util-symbol: 1.1.0 + dev: false + + /@slorber/static-site-generator-webpack-plugin@4.0.7: + resolution: {integrity: sha512-Ug7x6z5lwrz0WqdnNFOMYrDQNTPAprvHLSh6+/fmml3qUiz6l5eq+2MzLKWtn/q5K5NpSiFsZTP/fck/3vjSxA==} + engines: {node: '>=14'} + dependencies: + eval: 0.1.8 + p-map: 4.0.0 + webpack-sources: 3.2.3 + dev: false + + /@surma/rollup-plugin-off-main-thread@2.2.3: + resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==} + dependencies: + ejs: 3.1.9 + json5: 2.2.3 + magic-string: 0.25.9 + string.prototype.matchall: 4.0.9 + dev: false + + /@svgr/babel-plugin-add-jsx-attribute@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.23.5): + resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.23.5): + resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-replace-jsx-attribute-value@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-svg-dynamic-title@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-svg-em-dimensions@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-transform-react-native-svg@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-plugin-transform-svg-component@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ==} + engines: {node: '>=12'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + dev: false + + /@svgr/babel-preset@6.5.1(@babel/core@7.23.5): + resolution: {integrity: sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw==} + engines: {node: '>=10'} + peerDependencies: + '@babel/core': ^7.0.0-0 + dependencies: + '@babel/core': 7.23.5 + '@svgr/babel-plugin-add-jsx-attribute': 6.5.1(@babel/core@7.23.5) + '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.23.5) + '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.23.5) + '@svgr/babel-plugin-replace-jsx-attribute-value': 6.5.1(@babel/core@7.23.5) + '@svgr/babel-plugin-svg-dynamic-title': 6.5.1(@babel/core@7.23.5) + '@svgr/babel-plugin-svg-em-dimensions': 6.5.1(@babel/core@7.23.5) + '@svgr/babel-plugin-transform-react-native-svg': 6.5.1(@babel/core@7.23.5) + '@svgr/babel-plugin-transform-svg-component': 6.5.1(@babel/core@7.23.5) + dev: false + + /@svgr/core@6.5.1: + resolution: {integrity: sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==} + engines: {node: '>=10'} + dependencies: + '@babel/core': 7.23.5 + '@svgr/babel-preset': 6.5.1(@babel/core@7.23.5) + '@svgr/plugin-jsx': 6.5.1(@svgr/core@6.5.1) + camelcase: 6.3.0 + cosmiconfig: 7.1.0 + transitivePeerDependencies: + - supports-color + dev: false + + /@svgr/hast-util-to-babel-ast@6.5.1: + resolution: {integrity: sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw==} + engines: {node: '>=10'} + dependencies: + '@babel/types': 7.23.5 + entities: 4.5.0 + dev: false + + /@svgr/plugin-jsx@6.5.1(@svgr/core@6.5.1): + resolution: {integrity: sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw==} + engines: {node: '>=10'} + peerDependencies: + '@svgr/core': ^6.0.0 + dependencies: + '@babel/core': 7.23.5 + '@svgr/babel-preset': 6.5.1(@babel/core@7.23.5) + '@svgr/core': 6.5.1 + '@svgr/hast-util-to-babel-ast': 6.5.1 + svg-parser: 2.0.4 + transitivePeerDependencies: + - supports-color + dev: false + + /@svgr/plugin-svgo@6.5.1(@svgr/core@6.5.1): + resolution: {integrity: sha512-omvZKf8ixP9z6GWgwbtmP9qQMPX4ODXi+wzbVZgomNFsUIlHA1sf4fThdwTWSsZGgvGAG6yE+b/F5gWUkcZ/iQ==} + engines: {node: '>=10'} + peerDependencies: + '@svgr/core': '*' + dependencies: + '@svgr/core': 6.5.1 + cosmiconfig: 7.1.0 + deepmerge: 4.3.1 + svgo: 2.8.0 + dev: false + + /@svgr/webpack@6.5.1: + resolution: {integrity: sha512-cQ/AsnBkXPkEK8cLbv4Dm7JGXq2XrumKnL1dRpJD9rIO2fTIlJI9a1uCciYG1F2aUsox/hJQyNGbt3soDxSRkA==} + engines: {node: '>=10'} + dependencies: + '@babel/core': 7.23.5 + '@babel/plugin-transform-react-constant-elements': 7.22.5(@babel/core@7.23.5) + '@babel/preset-env': 7.23.5(@babel/core@7.23.5) + '@babel/preset-react': 7.22.15(@babel/core@7.23.5) + '@babel/preset-typescript': 7.22.15(@babel/core@7.23.5) + '@svgr/core': 6.5.1 + '@svgr/plugin-jsx': 6.5.1(@svgr/core@6.5.1) + '@svgr/plugin-svgo': 6.5.1(@svgr/core@6.5.1) + transitivePeerDependencies: + - supports-color + dev: false + + /@szmarczak/http-timer@5.0.1: + resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==} + engines: {node: '>=14.16'} + dependencies: + defer-to-connect: 2.0.1 + dev: false + + /@trysound/sax@0.2.0: + resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} + engines: {node: '>=10.13.0'} + dev: false + + /@types/acorn@4.0.6: + resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==} + dependencies: + '@types/estree': 1.0.1 + + /@types/body-parser@1.19.2: + resolution: {integrity: sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==} + dependencies: + '@types/connect': 3.4.36 + '@types/node': 20.5.9 + dev: false + + /@types/bonjour@3.5.10: + resolution: {integrity: sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/connect-history-api-fallback@1.5.1: + resolution: {integrity: sha512-iaQslNbARe8fctL5Lk+DsmgWOM83lM+7FzP0eQUJs1jd3kBE8NWqBTIT2S8SqQOJjxvt2eyIjpOuYeRXq2AdMw==} + dependencies: + '@types/express-serve-static-core': 4.17.36 + '@types/node': 20.5.9 + dev: false + + /@types/connect@3.4.36: + resolution: {integrity: sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/debug@4.1.8: + resolution: {integrity: sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==} + dependencies: + '@types/ms': 0.7.31 + + /@types/eslint-scope@3.7.4: + resolution: {integrity: sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==} + dependencies: + '@types/eslint': 8.44.2 + '@types/estree': 1.0.1 + + /@types/eslint@8.44.2: + resolution: {integrity: sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==} + dependencies: + '@types/estree': 1.0.1 + '@types/json-schema': 7.0.12 + + /@types/estree-jsx@1.0.0: + resolution: {integrity: sha512-3qvGd0z8F2ENTGr/GG1yViqfiKmRfrXVx5sJyHGFu3z7m5g5utCQtGp/g29JnjflhtQJBv1WDQukHiT58xPcYQ==} + dependencies: + '@types/estree': 1.0.1 + + /@types/estree@0.0.39: + resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==} + dev: false + + /@types/estree@1.0.1: + resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==} + + /@types/express-serve-static-core@4.17.36: + resolution: {integrity: sha512-zbivROJ0ZqLAtMzgzIUC4oNqDG9iF0lSsAqpOD9kbs5xcIM3dTiyuHvBc7R8MtWBp3AAWGaovJa+wzWPjLYW7Q==} + dependencies: + '@types/node': 20.5.9 + '@types/qs': 6.9.8 + '@types/range-parser': 1.2.4 + '@types/send': 0.17.1 + dev: false + + /@types/express@4.17.17: + resolution: {integrity: sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==} + dependencies: + '@types/body-parser': 1.19.2 + '@types/express-serve-static-core': 4.17.36 + '@types/qs': 6.9.8 + '@types/serve-static': 1.15.2 + dev: false + + /@types/gtag.js@0.0.12: + resolution: {integrity: sha512-YQV9bUsemkzG81Ea295/nF/5GijnD2Af7QhEofh7xu+kvCN6RdodgNwwGWXB5GMI3NoyvQo0odNctoH/qLMIpg==} + dev: false + + /@types/hast@3.0.2: + resolution: {integrity: sha512-B5hZHgHsXvfCoO3xgNJvBnX7N8p86TqQeGKXcokW4XXi+qY4vxxPSFYofytvVmpFxzPv7oxDQzjg5Un5m2/xiw==} + dependencies: + '@types/unist': 3.0.1 + + /@types/history@4.7.11: + resolution: {integrity: sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==} + + /@types/html-minifier-terser@6.1.0: + resolution: {integrity: sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==} + dev: false + + /@types/http-cache-semantics@4.0.1: + resolution: {integrity: sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==} + dev: false + + /@types/http-errors@2.0.1: + resolution: {integrity: sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==} + dev: false + + /@types/http-proxy@1.17.11: + resolution: {integrity: sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/istanbul-lib-coverage@2.0.4: + resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==} + dev: false + + /@types/istanbul-lib-report@3.0.0: + resolution: {integrity: sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==} + dependencies: + '@types/istanbul-lib-coverage': 2.0.4 + dev: false + + /@types/istanbul-reports@3.0.1: + resolution: {integrity: sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==} + dependencies: + '@types/istanbul-lib-report': 3.0.0 + dev: false + + /@types/json-schema@7.0.12: + resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==} + + /@types/mdast@4.0.2: + resolution: {integrity: sha512-tYR83EignvhYO9iU3kDg8V28M0jqyh9zzp5GV+EO+AYnyUl3P5ltkTeJuTiFZQFz670FSb3EwT/6LQdX+UdKfw==} + dependencies: + '@types/unist': 3.0.1 + + /@types/mdx@2.0.7: + resolution: {integrity: sha512-BG4tyr+4amr3WsSEmHn/fXPqaCba/AYZ7dsaQTiavihQunHSIxk+uAtqsjvicNpyHN6cm+B9RVrUOtW9VzIKHw==} + + /@types/mime@1.3.2: + resolution: {integrity: sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==} + dev: false + + /@types/mime@3.0.1: + resolution: {integrity: sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==} + dev: false + + /@types/minimist@1.2.2: + resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==} + dev: true + + /@types/ms@0.7.31: + resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==} + + /@types/node@17.0.45: + resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==} + dev: false + + /@types/node@20.5.9: + resolution: {integrity: sha512-PcGNd//40kHAS3sTlzKB9C9XL4K0sTup8nbG5lC14kzEteTNuAFh9u5nA0o5TWnSG2r/JNPRXFVcHJIIeRlmqQ==} + + /@types/normalize-package-data@2.4.1: + resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==} + dev: true + + /@types/parse-json@4.0.0: + resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==} + dev: false + + /@types/prismjs@1.26.2: + resolution: {integrity: sha512-/r7Cp7iUIk7gts26mHXD66geUC+2Fo26TZYjQK6Nr4LDfi6lmdRmMqM0oPwfiMhUwoBAOFe8GstKi2pf6hZvwA==} + dev: false + + /@types/prop-types@15.7.5: + resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==} + + /@types/qs@6.9.8: + resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==} + dev: false + + /@types/range-parser@1.2.4: + resolution: {integrity: sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==} + dev: false + + /@types/react-router-config@5.0.7: + resolution: {integrity: sha512-pFFVXUIydHlcJP6wJm7sDii5mD/bCmmAY0wQzq+M+uX7bqS95AQqHZWP1iNMKrWVQSuHIzj5qi9BvrtLX2/T4w==} + dependencies: + '@types/history': 4.7.11 + '@types/react': 18.2.21 + '@types/react-router': 5.1.20 + + /@types/react-router-dom@5.3.3: + resolution: {integrity: sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==} + dependencies: + '@types/history': 4.7.11 + '@types/react': 18.2.21 + '@types/react-router': 5.1.20 + + /@types/react-router@5.1.20: + resolution: {integrity: sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==} + dependencies: + '@types/history': 4.7.11 + '@types/react': 18.2.21 + + /@types/react@18.2.21: + resolution: {integrity: sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==} + dependencies: + '@types/prop-types': 15.7.5 + '@types/scheduler': 0.16.3 + csstype: 3.1.2 + + /@types/resolve@1.17.1: + resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/retry@0.12.0: + resolution: {integrity: sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==} + dev: false + + /@types/sax@1.2.6: + resolution: {integrity: sha512-A1mpYCYu1aHFayy8XKN57ebXeAbh9oQIZ1wXcno6b1ESUAfMBDMx7mf/QGlYwcMRaFryh9YBuH03i/3FlPGDkQ==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/scheduler@0.16.3: + resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==} + + /@types/semver@7.5.1: + resolution: {integrity: sha512-cJRQXpObxfNKkFAZbJl2yjWtJCqELQIdShsogr1d2MilP8dKD9TE/nEKHkJgUNHdGKCQaf9HbIynuV2csLGVLg==} + dev: true + + /@types/send@0.17.1: + resolution: {integrity: sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==} + dependencies: + '@types/mime': 1.3.2 + '@types/node': 20.5.9 + dev: false + + /@types/serve-index@1.9.1: + resolution: {integrity: sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==} + dependencies: + '@types/express': 4.17.17 + dev: false + + /@types/serve-static@1.15.2: + resolution: {integrity: sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==} + dependencies: + '@types/http-errors': 2.0.1 + '@types/mime': 3.0.1 + '@types/node': 20.5.9 + dev: false + + /@types/sockjs@0.3.33: + resolution: {integrity: sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/trusted-types@2.0.3: + resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==} + dev: false + + /@types/unist@2.0.8: + resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==} + + /@types/unist@3.0.1: + resolution: {integrity: sha512-ue/hDUpPjC85m+PM9OQDMZr3LywT+CT6mPsQq8OJtCLiERkGRcQUFvu9XASF5XWqyZFXbf15lvb3JFJ4dRLWPg==} + + /@types/ws@8.5.5: + resolution: {integrity: sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==} + dependencies: + '@types/node': 20.5.9 + dev: false + + /@types/yargs-parser@21.0.0: + resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==} + dev: false + + /@types/yargs@17.0.24: + resolution: {integrity: sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==} + dependencies: + '@types/yargs-parser': 21.0.0 + dev: false + + /@typescript-eslint/eslint-plugin@6.11.0(@typescript-eslint/parser@6.11.0)(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-uXnpZDc4VRjY4iuypDBKzW1rz9T5YBBK0snMn8MaTSNd2kMlj50LnLBABELjJiOL5YHk7ZD8hbSpI9ubzqYI0w==} + engines: {node: ^16.0.0 || >=18.0.0} + peerDependencies: + '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha + eslint: ^7.0.0 || ^8.0.0 + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@eslint-community/regexpp': 4.8.0 + '@typescript-eslint/parser': 6.11.0(eslint@8.53.0)(typescript@5.3.3) + '@typescript-eslint/scope-manager': 6.11.0 + '@typescript-eslint/type-utils': 6.11.0(eslint@8.53.0)(typescript@5.3.3) + '@typescript-eslint/utils': 6.11.0(eslint@8.53.0)(typescript@5.3.3) + '@typescript-eslint/visitor-keys': 6.11.0 + debug: 4.3.4 + eslint: 8.53.0 + graphemer: 1.4.0 + ignore: 5.2.4 + natural-compare: 1.4.0 + semver: 7.5.4 + ts-api-utils: 1.0.3(typescript@5.3.3) + typescript: 5.3.3 + transitivePeerDependencies: + - supports-color + dev: true + + /@typescript-eslint/parser@6.11.0(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-+whEdjk+d5do5nxfxx73oanLL9ghKO3EwM9kBCkUtWMRwWuPaFv9ScuqlYfQ6pAD6ZiJhky7TZ2ZYhrMsfMxVQ==} + engines: {node: ^16.0.0 || >=18.0.0} + peerDependencies: + eslint: ^7.0.0 || ^8.0.0 + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@typescript-eslint/scope-manager': 6.11.0 + '@typescript-eslint/types': 6.11.0 + '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.3.3) + '@typescript-eslint/visitor-keys': 6.11.0 + debug: 4.3.4 + eslint: 8.53.0 + typescript: 5.3.3 + transitivePeerDependencies: + - supports-color + dev: true + + /@typescript-eslint/scope-manager@5.62.0: + resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dependencies: + '@typescript-eslint/types': 5.62.0 + '@typescript-eslint/visitor-keys': 5.62.0 + dev: true + + /@typescript-eslint/scope-manager@6.11.0: + resolution: {integrity: sha512-0A8KoVvIURG4uhxAdjSaxy8RdRE//HztaZdG8KiHLP8WOXSk0vlF7Pvogv+vlJA5Rnjj/wDcFENvDaHb+gKd1A==} + engines: {node: ^16.0.0 || >=18.0.0} + dependencies: + '@typescript-eslint/types': 6.11.0 + '@typescript-eslint/visitor-keys': 6.11.0 + dev: true + + /@typescript-eslint/type-utils@6.11.0(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-nA4IOXwZtqBjIoYrJcYxLRO+F9ri+leVGoJcMW1uqr4r1Hq7vW5cyWrA43lFbpRvQ9XgNrnfLpIkO3i1emDBIA==} + engines: {node: ^16.0.0 || >=18.0.0} + peerDependencies: + eslint: ^7.0.0 || ^8.0.0 + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.3.3) + '@typescript-eslint/utils': 6.11.0(eslint@8.53.0)(typescript@5.3.3) + debug: 4.3.4 + eslint: 8.53.0 + ts-api-utils: 1.0.3(typescript@5.3.3) + typescript: 5.3.3 + transitivePeerDependencies: + - supports-color + dev: true + + /@typescript-eslint/types@5.62.0: + resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dev: true + + /@typescript-eslint/types@6.11.0: + resolution: {integrity: sha512-ZbEzuD4DwEJxwPqhv3QULlRj8KYTAnNsXxmfuUXFCxZmO6CF2gM/y+ugBSAQhrqaJL3M+oe4owdWunaHM6beqA==} + engines: {node: ^16.0.0 || >=18.0.0} + dev: true + + /@typescript-eslint/typescript-estree@5.62.0(typescript@5.3.3): + resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@typescript-eslint/types': 5.62.0 + '@typescript-eslint/visitor-keys': 5.62.0 + debug: 4.3.4 + globby: 11.1.0 + is-glob: 4.0.3 + semver: 7.5.4 + tsutils: 3.21.0(typescript@5.3.3) + typescript: 5.3.3 + transitivePeerDependencies: + - supports-color + dev: true + + /@typescript-eslint/typescript-estree@6.11.0(typescript@5.3.3): + resolution: {integrity: sha512-Aezzv1o2tWJwvZhedzvD5Yv7+Lpu1by/U1LZ5gLc4tCx8jUmuSCMioPFRjliN/6SJIvY6HpTtJIWubKuYYYesQ==} + engines: {node: ^16.0.0 || >=18.0.0} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@typescript-eslint/types': 6.11.0 + '@typescript-eslint/visitor-keys': 6.11.0 + debug: 4.3.4 + globby: 11.1.0 + is-glob: 4.0.3 + semver: 7.5.4 + ts-api-utils: 1.0.3(typescript@5.3.3) + typescript: 5.3.3 + transitivePeerDependencies: + - supports-color + dev: true + + /@typescript-eslint/utils@5.62.0(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 + dependencies: + '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0) + '@types/json-schema': 7.0.12 + '@types/semver': 7.5.1 + '@typescript-eslint/scope-manager': 5.62.0 + '@typescript-eslint/types': 5.62.0 + '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.3.3) + eslint: 8.53.0 + eslint-scope: 5.1.1 + semver: 7.5.4 + transitivePeerDependencies: + - supports-color + - typescript + dev: true + + /@typescript-eslint/utils@6.11.0(eslint@8.53.0)(typescript@5.3.3): + resolution: {integrity: sha512-p23ibf68fxoZy605dc0dQAEoUsoiNoP3MD9WQGiHLDuTSOuqoTsa4oAy+h3KDkTcxbbfOtUjb9h3Ta0gT4ug2g==} + engines: {node: ^16.0.0 || >=18.0.0} + peerDependencies: + eslint: ^7.0.0 || ^8.0.0 + dependencies: + '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0) + '@types/json-schema': 7.0.12 + '@types/semver': 7.5.1 + '@typescript-eslint/scope-manager': 6.11.0 + '@typescript-eslint/types': 6.11.0 + '@typescript-eslint/typescript-estree': 6.11.0(typescript@5.3.3) + eslint: 8.53.0 + semver: 7.5.4 + transitivePeerDependencies: + - supports-color + - typescript + dev: true + + /@typescript-eslint/visitor-keys@5.62.0: + resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dependencies: + '@typescript-eslint/types': 5.62.0 + eslint-visitor-keys: 3.4.3 + dev: true + + /@typescript-eslint/visitor-keys@6.11.0: + resolution: {integrity: sha512-+SUN/W7WjBr05uRxPggJPSzyB8zUpaYo2hByKasWbqr3PM8AXfZt8UHdNpBS1v9SA62qnSSMF3380SwDqqprgQ==} + engines: {node: ^16.0.0 || >=18.0.0} + dependencies: + '@typescript-eslint/types': 6.11.0 + eslint-visitor-keys: 3.4.3 + dev: true + + /@ungap/structured-clone@1.2.0: + resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==} + + /@vercel/analytics@1.1.1: + resolution: {integrity: sha512-+NqgNmSabg3IFfxYhrWCfB/H+RCUOCR5ExRudNG2+pcRehq628DJB5e1u1xqwpLtn4pAYii4D98w7kofORAGQA==} + dependencies: + server-only: 0.0.1 + dev: false + + /@webassemblyjs/ast@1.11.6: + resolution: {integrity: sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==} + dependencies: + '@webassemblyjs/helper-numbers': 1.11.6 + '@webassemblyjs/helper-wasm-bytecode': 1.11.6 + + /@webassemblyjs/floating-point-hex-parser@1.11.6: + resolution: {integrity: sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==} + + /@webassemblyjs/helper-api-error@1.11.6: + resolution: {integrity: sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==} + + /@webassemblyjs/helper-buffer@1.11.6: + resolution: {integrity: sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==} + + /@webassemblyjs/helper-numbers@1.11.6: + resolution: {integrity: sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==} + dependencies: + '@webassemblyjs/floating-point-hex-parser': 1.11.6 + '@webassemblyjs/helper-api-error': 1.11.6 + '@xtuc/long': 4.2.2 + + /@webassemblyjs/helper-wasm-bytecode@1.11.6: + resolution: {integrity: sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==} + + /@webassemblyjs/helper-wasm-section@1.11.6: + resolution: {integrity: sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/helper-buffer': 1.11.6 + '@webassemblyjs/helper-wasm-bytecode': 1.11.6 + '@webassemblyjs/wasm-gen': 1.11.6 + + /@webassemblyjs/ieee754@1.11.6: + resolution: {integrity: sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==} + dependencies: + '@xtuc/ieee754': 1.2.0 + + /@webassemblyjs/leb128@1.11.6: + resolution: {integrity: sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==} + dependencies: + '@xtuc/long': 4.2.2 + + /@webassemblyjs/utf8@1.11.6: + resolution: {integrity: sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==} + + /@webassemblyjs/wasm-edit@1.11.6: + resolution: {integrity: sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/helper-buffer': 1.11.6 + '@webassemblyjs/helper-wasm-bytecode': 1.11.6 + '@webassemblyjs/helper-wasm-section': 1.11.6 + '@webassemblyjs/wasm-gen': 1.11.6 + '@webassemblyjs/wasm-opt': 1.11.6 + '@webassemblyjs/wasm-parser': 1.11.6 + '@webassemblyjs/wast-printer': 1.11.6 + + /@webassemblyjs/wasm-gen@1.11.6: + resolution: {integrity: sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/helper-wasm-bytecode': 1.11.6 + '@webassemblyjs/ieee754': 1.11.6 + '@webassemblyjs/leb128': 1.11.6 + '@webassemblyjs/utf8': 1.11.6 + + /@webassemblyjs/wasm-opt@1.11.6: + resolution: {integrity: sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/helper-buffer': 1.11.6 + '@webassemblyjs/wasm-gen': 1.11.6 + '@webassemblyjs/wasm-parser': 1.11.6 + + /@webassemblyjs/wasm-parser@1.11.6: + resolution: {integrity: sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/helper-api-error': 1.11.6 + '@webassemblyjs/helper-wasm-bytecode': 1.11.6 + '@webassemblyjs/ieee754': 1.11.6 + '@webassemblyjs/leb128': 1.11.6 + '@webassemblyjs/utf8': 1.11.6 + + /@webassemblyjs/wast-printer@1.11.6: + resolution: {integrity: sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==} + dependencies: + '@webassemblyjs/ast': 1.11.6 + '@xtuc/long': 4.2.2 + + /@xtuc/ieee754@1.2.0: + resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==} + + /@xtuc/long@4.2.2: + resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==} + + /accepts@1.3.8: + resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==} + engines: {node: '>= 0.6'} + dependencies: + mime-types: 2.1.35 + negotiator: 0.6.3 + dev: false + + /acorn-import-assertions@1.9.0(acorn@8.10.0): + resolution: {integrity: sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==} + peerDependencies: + acorn: ^8 + dependencies: + acorn: 8.10.0 + + /acorn-jsx@5.3.2(acorn@8.10.0): + resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} + peerDependencies: + acorn: ^6.0.0 || ^7.0.0 || ^8.0.0 + dependencies: + acorn: 8.10.0 + + /acorn-walk@8.2.0: + resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==} + engines: {node: '>=0.4.0'} + dev: false + + /acorn@8.10.0: + resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==} + engines: {node: '>=0.4.0'} + hasBin: true + + /address@1.2.2: + resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==} + engines: {node: '>= 10.0.0'} + dev: false + + /aggregate-error@3.1.0: + resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==} + engines: {node: '>=8'} + dependencies: + clean-stack: 2.2.0 + indent-string: 4.0.0 + dev: false + + /ajv-formats@2.1.1(ajv@8.12.0): + resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==} + peerDependencies: + ajv: ^8.0.0 + peerDependenciesMeta: + ajv: + optional: true + dependencies: + ajv: 8.12.0 + dev: false + + /ajv-keywords@3.5.2(ajv@6.12.6): + resolution: {integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==} + peerDependencies: + ajv: ^6.9.1 + dependencies: + ajv: 6.12.6 + + /ajv-keywords@5.1.0(ajv@8.12.0): + resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==} + peerDependencies: + ajv: ^8.8.2 + dependencies: + ajv: 8.12.0 + fast-deep-equal: 3.1.3 + dev: false + + /ajv@6.12.6: + resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==} + dependencies: + fast-deep-equal: 3.1.3 + fast-json-stable-stringify: 2.1.0 + json-schema-traverse: 0.4.1 + uri-js: 4.4.1 + + /ajv@8.12.0: + resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==} + dependencies: + fast-deep-equal: 3.1.3 + json-schema-traverse: 1.0.0 + require-from-string: 2.0.2 + uri-js: 4.4.1 + + /algoliasearch-helper@3.14.0(algoliasearch@4.19.1): + resolution: {integrity: sha512-gXDXzsSS0YANn5dHr71CUXOo84cN4azhHKUbg71vAWnH+1JBiR4jf7to3t3JHXknXkbV0F7f055vUSBKrltHLQ==} + peerDependencies: + algoliasearch: '>= 3.1 < 6' + dependencies: + '@algolia/events': 4.0.1 + algoliasearch: 4.19.1 + dev: false + + /algoliasearch@4.19.1: + resolution: {integrity: sha512-IJF5b93b2MgAzcE/tuzW0yOPnuUyRgGAtaPv5UUywXM8kzqfdwZTO4sPJBzoGz1eOy6H9uEchsJsBFTELZSu+g==} + dependencies: + '@algolia/cache-browser-local-storage': 4.19.1 + '@algolia/cache-common': 4.19.1 + '@algolia/cache-in-memory': 4.19.1 + '@algolia/client-account': 4.19.1 + '@algolia/client-analytics': 4.19.1 + '@algolia/client-common': 4.19.1 + '@algolia/client-personalization': 4.19.1 + '@algolia/client-search': 4.19.1 + '@algolia/logger-common': 4.19.1 + '@algolia/logger-console': 4.19.1 + '@algolia/requester-browser-xhr': 4.19.1 + '@algolia/requester-common': 4.19.1 + '@algolia/requester-node-http': 4.19.1 + '@algolia/transporter': 4.19.1 + dev: false + + /ansi-align@3.0.1: + resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==} + dependencies: + string-width: 4.2.3 + dev: false + + /ansi-html-community@0.0.8: + resolution: {integrity: sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==} + engines: {'0': node >= 0.8.0} + hasBin: true + dev: false + + /ansi-regex@5.0.1: + resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} + engines: {node: '>=8'} + + /ansi-regex@6.0.1: + resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==} + engines: {node: '>=12'} + dev: false + + /ansi-styles@3.2.1: + resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==} + engines: {node: '>=4'} + dependencies: + color-convert: 1.9.3 + + /ansi-styles@4.3.0: + resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==} + engines: {node: '>=8'} + dependencies: + color-convert: 2.0.1 + + /ansi-styles@6.2.1: + resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==} + engines: {node: '>=12'} + dev: false + + /anymatch@3.1.3: + resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} + engines: {node: '>= 8'} + dependencies: + normalize-path: 3.0.0 + picomatch: 2.3.1 + dev: false + + /arg@5.0.2: + resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==} + dev: false + + /argparse@1.0.10: + resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==} + dependencies: + sprintf-js: 1.0.3 + dev: false + + /argparse@2.0.1: + resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} + + /array-buffer-byte-length@1.0.0: + resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==} + dependencies: + call-bind: 1.0.2 + is-array-buffer: 3.0.2 + dev: false + + /array-flatten@1.1.1: + resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==} + dev: false + + /array-flatten@2.1.2: + resolution: {integrity: sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==} + dev: false + + /array-union@2.1.0: + resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==} + engines: {node: '>=8'} + + /arraybuffer.prototype.slice@1.0.2: + resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==} + engines: {node: '>= 0.4'} + dependencies: + array-buffer-byte-length: 1.0.0 + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + get-intrinsic: 1.2.1 + is-array-buffer: 3.0.2 + is-shared-array-buffer: 1.0.2 + dev: false + + /arrify@1.0.1: + resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==} + engines: {node: '>=0.10.0'} + dev: true + + /astral-regex@2.0.0: + resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==} + engines: {node: '>=8'} + dev: true + + /astring@1.8.6: + resolution: {integrity: sha512-ISvCdHdlTDlH5IpxQJIex7BWBywFWgjJSVdwst+/iQCoEYnyOaQ95+X1JGshuBjGp6nxKUy1jMgE3zPqN7fQdg==} + hasBin: true + + /async@3.2.4: + resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==} + dev: false + + /at-least-node@1.0.0: + resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==} + engines: {node: '>= 4.0.0'} + dev: false + + /autoprefixer@10.4.15(postcss@8.4.29): + resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==} + engines: {node: ^10 || ^12 || >=14} + hasBin: true + peerDependencies: + postcss: ^8.1.0 + dependencies: + browserslist: 4.22.2 + caniuse-lite: 1.0.30001565 + fraction.js: 4.3.6 + normalize-range: 0.1.2 + picocolors: 1.0.0 + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /available-typed-arrays@1.0.5: + resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==} + engines: {node: '>= 0.4'} + dev: false + + /b4a@1.6.4: + resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==} + dev: false + + /babel-loader@9.1.3(@babel/core@7.23.5)(webpack@5.88.2): + resolution: {integrity: sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==} + engines: {node: '>= 14.15.0'} + peerDependencies: + '@babel/core': ^7.12.0 + webpack: '>=5' + dependencies: + '@babel/core': 7.23.5 + find-cache-dir: 4.0.0 + schema-utils: 4.2.0 + webpack: 5.88.2 + dev: false + + /babel-plugin-dynamic-import-node@2.3.3: + resolution: {integrity: sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==} + dependencies: + object.assign: 4.1.4 + dev: false + + /babel-plugin-polyfill-corejs2@0.4.6(@babel/core@7.23.5): + resolution: {integrity: sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==} + peerDependencies: + '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0 + dependencies: + '@babel/compat-data': 7.23.5 + '@babel/core': 7.23.5 + '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.5) + semver: 6.3.1 + transitivePeerDependencies: + - supports-color + dev: false + + /babel-plugin-polyfill-corejs3@0.8.6(@babel/core@7.23.5): + resolution: {integrity: sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==} + peerDependencies: + '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.5) + core-js-compat: 3.33.3 + transitivePeerDependencies: + - supports-color + dev: false + + /babel-plugin-polyfill-regenerator@0.5.3(@babel/core@7.23.5): + resolution: {integrity: sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==} + peerDependencies: + '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0 + dependencies: + '@babel/core': 7.23.5 + '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.5) + transitivePeerDependencies: + - supports-color + dev: false + + /bail@2.0.2: + resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==} + + /balanced-match@1.0.2: + resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} + + /balanced-match@2.0.0: + resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==} + dev: true + + /base64-js@1.5.1: + resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} + dev: false + + /batch@0.6.1: + resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==} + dev: false + + /big-integer@1.6.51: + resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==} + engines: {node: '>=0.6'} + dev: true + + /big.js@5.2.2: + resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==} + dev: false + + /binary-extensions@2.2.0: + resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==} + engines: {node: '>=8'} + dev: false + + /bl@4.1.0: + resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==} + dependencies: + buffer: 5.7.1 + inherits: 2.0.4 + readable-stream: 3.6.2 + dev: false + + /bl@5.1.0: + resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==} + dependencies: + buffer: 6.0.3 + inherits: 2.0.4 + readable-stream: 3.6.2 + dev: false + + /body-parser@1.20.1: + resolution: {integrity: sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==} + engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16} + dependencies: + bytes: 3.1.2 + content-type: 1.0.5 + debug: 2.6.9 + depd: 2.0.0 + destroy: 1.2.0 + http-errors: 2.0.0 + iconv-lite: 0.4.24 + on-finished: 2.4.1 + qs: 6.11.0 + raw-body: 2.5.1 + type-is: 1.6.18 + unpipe: 1.0.0 + transitivePeerDependencies: + - supports-color + dev: false + + /bonjour-service@1.1.1: + resolution: {integrity: sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==} + dependencies: + array-flatten: 2.1.2 + dns-equal: 1.0.0 + fast-deep-equal: 3.1.3 + multicast-dns: 7.2.5 + dev: false + + /boolbase@1.0.0: + resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} + dev: false + + /boxen@6.2.1: + resolution: {integrity: sha512-H4PEsJXfFI/Pt8sjDWbHlQPx4zL/bvSQjcilJmaulGt5mLDorHOHpmdXAJcBcmru7PhYSp/cDMWRko4ZUMFkSw==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + ansi-align: 3.0.1 + camelcase: 6.3.0 + chalk: 4.1.2 + cli-boxes: 3.0.0 + string-width: 5.1.2 + type-fest: 2.19.0 + widest-line: 4.0.1 + wrap-ansi: 8.1.0 + dev: false + + /boxen@7.1.1: + resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==} + engines: {node: '>=14.16'} + dependencies: + ansi-align: 3.0.1 + camelcase: 7.0.1 + chalk: 5.3.0 + cli-boxes: 3.0.0 + string-width: 5.1.2 + type-fest: 2.19.0 + widest-line: 4.0.1 + wrap-ansi: 8.1.0 + dev: false + + /bplist-parser@0.2.0: + resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==} + engines: {node: '>= 5.10.0'} + dependencies: + big-integer: 1.6.51 + dev: true + + /brace-expansion@1.1.11: + resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==} + dependencies: + balanced-match: 1.0.2 + concat-map: 0.0.1 + + /brace-expansion@2.0.1: + resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==} + dependencies: + balanced-match: 1.0.2 + dev: false + + /braces@3.0.2: + resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==} + engines: {node: '>=8'} + dependencies: + fill-range: 7.0.1 + + /browserslist@4.22.2: + resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + dependencies: + caniuse-lite: 1.0.30001565 + electron-to-chromium: 1.4.601 + node-releases: 2.0.14 + update-browserslist-db: 1.0.13(browserslist@4.22.2) + + /buffer-from@1.1.2: + resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==} + + /buffer@5.7.1: + resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==} + dependencies: + base64-js: 1.5.1 + ieee754: 1.2.1 + dev: false + + /buffer@6.0.3: + resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==} + dependencies: + base64-js: 1.5.1 + ieee754: 1.2.1 + dev: false + + /builtin-modules@3.3.0: + resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==} + engines: {node: '>=6'} + dev: false + + /bundle-name@3.0.0: + resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==} + engines: {node: '>=12'} + dependencies: + run-applescript: 5.0.0 + dev: true + + /bytes@3.0.0: + resolution: {integrity: sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==} + engines: {node: '>= 0.8'} + dev: false + + /bytes@3.1.2: + resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==} + engines: {node: '>= 0.8'} + dev: false + + /cacheable-lookup@7.0.0: + resolution: {integrity: sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w==} + engines: {node: '>=14.16'} + dev: false + + /cacheable-request@10.2.13: + resolution: {integrity: sha512-3SD4rrMu1msNGEtNSt8Od6enwdo//U9s4ykmXfA2TD58kcLkCobtCDiby7kNyj7a/Q7lz/mAesAFI54rTdnvBA==} + engines: {node: '>=14.16'} + dependencies: + '@types/http-cache-semantics': 4.0.1 + get-stream: 6.0.1 + http-cache-semantics: 4.1.1 + keyv: 4.5.3 + mimic-response: 4.0.0 + normalize-url: 8.0.0 + responselike: 3.0.0 + dev: false + + /call-bind@1.0.2: + resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==} + dependencies: + function-bind: 1.1.1 + get-intrinsic: 1.2.1 + dev: false + + /callsites@3.1.0: + resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} + engines: {node: '>=6'} + + /camel-case@4.1.2: + resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==} + dependencies: + pascal-case: 3.1.2 + tslib: 2.6.2 + dev: false + + /camelcase-keys@7.0.2: + resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==} + engines: {node: '>=12'} + dependencies: + camelcase: 6.3.0 + map-obj: 4.3.0 + quick-lru: 5.1.1 + type-fest: 1.4.0 + dev: true + + /camelcase@6.3.0: + resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==} + engines: {node: '>=10'} + + /camelcase@7.0.1: + resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==} + engines: {node: '>=14.16'} + dev: false + + /caniuse-api@3.0.0: + resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==} + dependencies: + browserslist: 4.22.2 + caniuse-lite: 1.0.30001565 + lodash.memoize: 4.1.2 + lodash.uniq: 4.5.0 + dev: false + + /caniuse-lite@1.0.30001565: + resolution: {integrity: sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==} + + /ccount@2.0.1: + resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==} + + /chalk@2.4.2: + resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==} + engines: {node: '>=4'} + dependencies: + ansi-styles: 3.2.1 + escape-string-regexp: 1.0.5 + supports-color: 5.5.0 + + /chalk@4.1.2: + resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==} + engines: {node: '>=10'} + dependencies: + ansi-styles: 4.3.0 + supports-color: 7.2.0 + + /chalk@5.3.0: + resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==} + engines: {node: ^12.17.0 || ^14.13 || >=16.0.0} + dev: false + + /char-regex@1.0.2: + resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==} + engines: {node: '>=10'} + dev: false + + /character-entities-html4@2.1.0: + resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==} + + /character-entities-legacy@3.0.0: + resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==} + + /character-entities@2.0.2: + resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==} + + /character-reference-invalid@2.0.1: + resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==} + + /cheerio-select@2.1.0: + resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==} + dependencies: + boolbase: 1.0.0 + css-select: 5.1.0 + css-what: 6.1.0 + domelementtype: 2.3.0 + domhandler: 5.0.3 + domutils: 3.1.0 + dev: false + + /cheerio@1.0.0-rc.12: + resolution: {integrity: sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==} + engines: {node: '>= 6'} + dependencies: + cheerio-select: 2.1.0 + dom-serializer: 2.0.0 + domhandler: 5.0.3 + domutils: 3.1.0 + htmlparser2: 8.0.2 + parse5: 7.1.2 + parse5-htmlparser2-tree-adapter: 7.0.0 + dev: false + + /chokidar@3.5.3: + resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==} + engines: {node: '>= 8.10.0'} + dependencies: + anymatch: 3.1.3 + braces: 3.0.2 + glob-parent: 5.1.2 + is-binary-path: 2.1.0 + is-glob: 4.0.3 + normalize-path: 3.0.0 + readdirp: 3.6.0 + optionalDependencies: + fsevents: 2.3.3 + dev: false + + /chownr@1.1.4: + resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==} + dev: false + + /chrome-trace-event@1.0.3: + resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==} + engines: {node: '>=6.0'} + + /ci-info@3.8.0: + resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==} + engines: {node: '>=8'} + dev: false + + /clean-css@5.3.2: + resolution: {integrity: sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==} + engines: {node: '>= 10.0'} + dependencies: + source-map: 0.6.1 + dev: false + + /clean-stack@2.2.0: + resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==} + engines: {node: '>=6'} + dev: false + + /cli-boxes@3.0.0: + resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==} + engines: {node: '>=10'} + dev: false + + /cli-cursor@4.0.0: + resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + restore-cursor: 4.0.0 + dev: false + + /cli-spinners@2.9.0: + resolution: {integrity: sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g==} + engines: {node: '>=6'} + dev: false + + /cli-table3@0.6.3: + resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==} + engines: {node: 10.* || >= 12.*} + dependencies: + string-width: 4.2.3 + optionalDependencies: + '@colors/colors': 1.5.0 + dev: false + + /clone-deep@4.0.1: + resolution: {integrity: sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==} + engines: {node: '>=6'} + dependencies: + is-plain-object: 2.0.4 + kind-of: 6.0.3 + shallow-clone: 3.0.1 + + /clsx@2.0.0: + resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==} + engines: {node: '>=6'} + dev: false + + /collapse-white-space@2.1.0: + resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==} + + /color-convert@1.9.3: + resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==} + dependencies: + color-name: 1.1.3 + + /color-convert@2.0.1: + resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==} + engines: {node: '>=7.0.0'} + dependencies: + color-name: 1.1.4 + + /color-name@1.1.3: + resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==} + + /color-name@1.1.4: + resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==} + + /color-string@1.9.1: + resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==} + dependencies: + color-name: 1.1.4 + simple-swizzle: 0.2.2 + dev: false + + /color@4.2.3: + resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==} + engines: {node: '>=12.5.0'} + dependencies: + color-convert: 2.0.1 + color-string: 1.9.1 + dev: false + + /colord@2.9.3: + resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==} + + /colorette@2.0.20: + resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==} + dev: false + + /combine-promises@1.2.0: + resolution: {integrity: sha512-VcQB1ziGD0NXrhKxiwyNbCDmRzs/OShMs2GqW2DlU2A/Sd0nQxE1oWDAE5O0ygSx5mgQOn9eIFh7yKPgFRVkPQ==} + engines: {node: '>=10'} + dev: false + + /comma-separated-tokens@2.0.3: + resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==} + + /commander@10.0.1: + resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==} + engines: {node: '>=14'} + dev: false + + /commander@2.20.3: + resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} + + /commander@5.1.0: + resolution: {integrity: sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==} + engines: {node: '>= 6'} + + /commander@7.2.0: + resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==} + engines: {node: '>= 10'} + dev: false + + /commander@8.3.0: + resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==} + engines: {node: '>= 12'} + dev: false + + /common-path-prefix@3.0.0: + resolution: {integrity: sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==} + dev: false + + /common-tags@1.8.2: + resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==} + engines: {node: '>=4.0.0'} + dev: false + + /compressible@2.0.18: + resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==} + engines: {node: '>= 0.6'} + dependencies: + mime-db: 1.52.0 + dev: false + + /compression@1.7.4: + resolution: {integrity: sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==} + engines: {node: '>= 0.8.0'} + dependencies: + accepts: 1.3.8 + bytes: 3.0.0 + compressible: 2.0.18 + debug: 2.6.9 + on-headers: 1.0.2 + safe-buffer: 5.1.2 + vary: 1.1.2 + transitivePeerDependencies: + - supports-color + dev: false + + /concat-map@0.0.1: + resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} + + /config-chain@1.1.13: + resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==} + dependencies: + ini: 1.3.8 + proto-list: 1.2.4 + dev: false + + /configstore@6.0.0: + resolution: {integrity: sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA==} + engines: {node: '>=12'} + dependencies: + dot-prop: 6.0.1 + graceful-fs: 4.2.11 + unique-string: 3.0.0 + write-file-atomic: 3.0.3 + xdg-basedir: 5.1.0 + dev: false + + /connect-history-api-fallback@2.0.0: + resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==} + engines: {node: '>=0.8'} + dev: false + + /consola@2.15.3: + resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==} + dev: false + + /consolidated-events@2.0.2: + resolution: {integrity: sha512-2/uRVMdRypf5z/TW/ncD/66l75P5hH2vM/GR8Jf8HLc2xnfJtmina6F6du8+v4Z2vTrMo7jC+W1tmEEuuELgkQ==} + dev: false + + /content-disposition@0.5.2: + resolution: {integrity: sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==} + engines: {node: '>= 0.6'} + dev: false + + /content-disposition@0.5.4: + resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==} + engines: {node: '>= 0.6'} + dependencies: + safe-buffer: 5.2.1 + dev: false + + /content-type@1.0.5: + resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==} + engines: {node: '>= 0.6'} + dev: false + + /convert-source-map@2.0.0: + resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} + dev: false + + /cookie-signature@1.0.6: + resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==} + dev: false + + /cookie@0.5.0: + resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==} + engines: {node: '>= 0.6'} + dev: false + + /copy-text-to-clipboard@3.2.0: + resolution: {integrity: sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==} + engines: {node: '>=12'} + dev: false + + /copy-webpack-plugin@11.0.0(webpack@5.88.2): + resolution: {integrity: sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==} + engines: {node: '>= 14.15.0'} + peerDependencies: + webpack: ^5.1.0 + dependencies: + fast-glob: 3.3.1 + glob-parent: 6.0.2 + globby: 13.2.2 + normalize-path: 3.0.0 + schema-utils: 4.2.0 + serialize-javascript: 6.0.1 + webpack: 5.88.2 + dev: false + + /core-js-compat@3.33.3: + resolution: {integrity: sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==} + dependencies: + browserslist: 4.22.2 + dev: false + + /core-js-pure@3.32.1: + resolution: {integrity: sha512-f52QZwkFVDPf7UEQZGHKx6NYxsxmVGJe5DIvbzOdRMJlmT6yv0KDjR8rmy3ngr/t5wU54c7Sp/qIJH0ppbhVpQ==} + requiresBuild: true + dev: false + + /core-js@3.32.1: + resolution: {integrity: sha512-lqufgNn9NLnESg5mQeYsxQP5w7wrViSj0jr/kv6ECQiByzQkrn1MKvV0L3acttpDqfQrHLwr2KCMgX5b8X+lyQ==} + requiresBuild: true + dev: false + + /core-util-is@1.0.3: + resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==} + dev: false + + /cosmiconfig@6.0.0: + resolution: {integrity: sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==} + engines: {node: '>=8'} + dependencies: + '@types/parse-json': 4.0.0 + import-fresh: 3.3.0 + parse-json: 5.2.0 + path-type: 4.0.0 + yaml: 1.10.2 + dev: false + + /cosmiconfig@7.1.0: + resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==} + engines: {node: '>=10'} + dependencies: + '@types/parse-json': 4.0.0 + import-fresh: 3.3.0 + parse-json: 5.2.0 + path-type: 4.0.0 + yaml: 1.10.2 + dev: false + + /cosmiconfig@8.3.4(typescript@5.3.3): + resolution: {integrity: sha512-SF+2P8+o/PTV05rgsAjDzL4OFdVXAulSfC/L19VaeVT7+tpOOSscCt2QLxDZ+CLxF2WOiq6y1K5asvs8qUJT/Q==} + engines: {node: '>=14'} + peerDependencies: + typescript: '>=4.9.5' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + import-fresh: 3.3.0 + js-yaml: 4.1.0 + parse-json: 5.2.0 + path-type: 4.0.0 + typescript: 5.3.3 + + /cross-spawn@7.0.3: + resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} + engines: {node: '>= 8'} + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + + /crypto-random-string@2.0.0: + resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==} + engines: {node: '>=8'} + dev: false + + /crypto-random-string@4.0.0: + resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==} + engines: {node: '>=12'} + dependencies: + type-fest: 1.4.0 + dev: false + + /css-declaration-sorter@6.4.1(postcss@8.4.29): + resolution: {integrity: sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==} + engines: {node: ^10 || ^12 || >=14} + peerDependencies: + postcss: ^8.0.9 + dependencies: + postcss: 8.4.29 + dev: false + + /css-functions-list@3.2.1: + resolution: {integrity: sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==} + engines: {node: '>=12 || >=16'} + dev: true + + /css-loader@6.8.1(webpack@5.88.2): + resolution: {integrity: sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==} + engines: {node: '>= 12.13.0'} + peerDependencies: + webpack: ^5.0.0 + dependencies: + icss-utils: 5.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-modules-extract-imports: 3.0.0(postcss@8.4.29) + postcss-modules-local-by-default: 4.0.3(postcss@8.4.29) + postcss-modules-scope: 3.0.0(postcss@8.4.29) + postcss-modules-values: 4.0.0(postcss@8.4.29) + postcss-value-parser: 4.2.0 + semver: 7.5.4 + webpack: 5.88.2 + dev: false + + /css-minimizer-webpack-plugin@4.2.2(clean-css@5.3.2)(webpack@5.88.2): + resolution: {integrity: sha512-s3Of/4jKfw1Hj9CxEO1E5oXhQAxlayuHO2y/ML+C6I9sQ7FdzfEV6QgMLN3vI+qFsjJGIAFLKtQK7t8BOXAIyA==} + engines: {node: '>= 14.15.0'} + peerDependencies: + '@parcel/css': '*' + '@swc/css': '*' + clean-css: '*' + csso: '*' + esbuild: '*' + lightningcss: '*' + webpack: ^5.0.0 + peerDependenciesMeta: + '@parcel/css': + optional: true + '@swc/css': + optional: true + clean-css: + optional: true + csso: + optional: true + esbuild: + optional: true + lightningcss: + optional: true + dependencies: + clean-css: 5.3.2 + cssnano: 5.1.15(postcss@8.4.29) + jest-worker: 29.6.4 + postcss: 8.4.29 + schema-utils: 4.2.0 + serialize-javascript: 6.0.1 + source-map: 0.6.1 + webpack: 5.88.2 + dev: false + + /css-select@4.3.0: + resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==} + dependencies: + boolbase: 1.0.0 + css-what: 6.1.0 + domhandler: 4.3.1 + domutils: 2.8.0 + nth-check: 2.1.1 + dev: false + + /css-select@5.1.0: + resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==} + dependencies: + boolbase: 1.0.0 + css-what: 6.1.0 + domhandler: 5.0.3 + domutils: 3.1.0 + nth-check: 2.1.1 + dev: false + + /css-tree@1.1.3: + resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==} + engines: {node: '>=8.0.0'} + dependencies: + mdn-data: 2.0.14 + source-map: 0.6.1 + dev: false + + /css-tree@2.3.1: + resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} + dependencies: + mdn-data: 2.0.30 + source-map-js: 1.0.2 + dev: true + + /css-what@6.1.0: + resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==} + engines: {node: '>= 6'} + dev: false + + /cssesc@3.0.0: + resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} + engines: {node: '>=4'} + hasBin: true + + /cssnano-preset-advanced@5.3.10(postcss@8.4.29): + resolution: {integrity: sha512-fnYJyCS9jgMU+cmHO1rPSPf9axbQyD7iUhLO5Df6O4G+fKIOMps+ZbU0PdGFejFBBZ3Pftf18fn1eG7MAPUSWQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + autoprefixer: 10.4.15(postcss@8.4.29) + cssnano-preset-default: 5.2.14(postcss@8.4.29) + postcss: 8.4.29 + postcss-discard-unused: 5.1.0(postcss@8.4.29) + postcss-merge-idents: 5.1.1(postcss@8.4.29) + postcss-reduce-idents: 5.2.0(postcss@8.4.29) + postcss-zindex: 5.1.0(postcss@8.4.29) + dev: false + + /cssnano-preset-default@5.2.14(postcss@8.4.29): + resolution: {integrity: sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + css-declaration-sorter: 6.4.1(postcss@8.4.29) + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-calc: 8.2.4(postcss@8.4.29) + postcss-colormin: 5.3.1(postcss@8.4.29) + postcss-convert-values: 5.1.3(postcss@8.4.29) + postcss-discard-comments: 5.1.2(postcss@8.4.29) + postcss-discard-duplicates: 5.1.0(postcss@8.4.29) + postcss-discard-empty: 5.1.1(postcss@8.4.29) + postcss-discard-overridden: 5.1.0(postcss@8.4.29) + postcss-merge-longhand: 5.1.7(postcss@8.4.29) + postcss-merge-rules: 5.1.4(postcss@8.4.29) + postcss-minify-font-values: 5.1.0(postcss@8.4.29) + postcss-minify-gradients: 5.1.1(postcss@8.4.29) + postcss-minify-params: 5.1.4(postcss@8.4.29) + postcss-minify-selectors: 5.2.1(postcss@8.4.29) + postcss-normalize-charset: 5.1.0(postcss@8.4.29) + postcss-normalize-display-values: 5.1.0(postcss@8.4.29) + postcss-normalize-positions: 5.1.1(postcss@8.4.29) + postcss-normalize-repeat-style: 5.1.1(postcss@8.4.29) + postcss-normalize-string: 5.1.0(postcss@8.4.29) + postcss-normalize-timing-functions: 5.1.0(postcss@8.4.29) + postcss-normalize-unicode: 5.1.1(postcss@8.4.29) + postcss-normalize-url: 5.1.0(postcss@8.4.29) + postcss-normalize-whitespace: 5.1.1(postcss@8.4.29) + postcss-ordered-values: 5.1.3(postcss@8.4.29) + postcss-reduce-initial: 5.1.2(postcss@8.4.29) + postcss-reduce-transforms: 5.1.0(postcss@8.4.29) + postcss-svgo: 5.1.0(postcss@8.4.29) + postcss-unique-selectors: 5.1.1(postcss@8.4.29) + dev: false + + /cssnano-utils@3.1.0(postcss@8.4.29): + resolution: {integrity: sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /cssnano@5.1.15(postcss@8.4.29): + resolution: {integrity: sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + cssnano-preset-default: 5.2.14(postcss@8.4.29) + lilconfig: 2.1.0 + postcss: 8.4.29 + yaml: 1.10.2 + dev: false + + /csso@4.2.0: + resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==} + engines: {node: '>=8.0.0'} + dependencies: + css-tree: 1.1.3 + dev: false + + /csstype@3.1.2: + resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==} + + /dayjs@1.11.10: + resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==} + dev: false + + /debug@2.6.9: + resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.0.0 + dev: false + + /debug@4.3.4: + resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.1.2 + + /decamelize-keys@1.1.1: + resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==} + engines: {node: '>=0.10.0'} + dependencies: + decamelize: 1.2.0 + map-obj: 1.0.1 + dev: true + + /decamelize@1.2.0: + resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==} + engines: {node: '>=0.10.0'} + dev: true + + /decamelize@5.0.1: + resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==} + engines: {node: '>=10'} + dev: true + + /decode-named-character-reference@1.0.2: + resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==} + dependencies: + character-entities: 2.0.2 + + /decompress-response@6.0.0: + resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==} + engines: {node: '>=10'} + dependencies: + mimic-response: 3.1.0 + dev: false + + /deep-extend@0.6.0: + resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==} + engines: {node: '>=4.0.0'} + dev: false + + /deep-is@0.1.4: + resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + + /deepmerge@4.3.1: + resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} + engines: {node: '>=0.10.0'} + dev: false + + /default-browser-id@3.0.0: + resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==} + engines: {node: '>=12'} + dependencies: + bplist-parser: 0.2.0 + untildify: 4.0.0 + dev: true + + /default-browser@4.0.0: + resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==} + engines: {node: '>=14.16'} + dependencies: + bundle-name: 3.0.0 + default-browser-id: 3.0.0 + execa: 7.2.0 + titleize: 3.0.0 + dev: true + + /default-gateway@6.0.3: + resolution: {integrity: sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==} + engines: {node: '>= 10'} + dependencies: + execa: 5.1.1 + dev: false + + /defer-to-connect@2.0.1: + resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==} + engines: {node: '>=10'} + dev: false + + /define-lazy-prop@2.0.0: + resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==} + engines: {node: '>=8'} + dev: false + + /define-lazy-prop@3.0.0: + resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==} + engines: {node: '>=12'} + dev: true + + /define-properties@1.2.0: + resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==} + engines: {node: '>= 0.4'} + dependencies: + has-property-descriptors: 1.0.0 + object-keys: 1.1.1 + dev: false + + /del@6.1.1: + resolution: {integrity: sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==} + engines: {node: '>=10'} + dependencies: + globby: 11.1.0 + graceful-fs: 4.2.11 + is-glob: 4.0.3 + is-path-cwd: 2.2.0 + is-path-inside: 3.0.3 + p-map: 4.0.0 + rimraf: 3.0.2 + slash: 3.0.0 + dev: false + + /depd@1.1.2: + resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==} + engines: {node: '>= 0.6'} + dev: false + + /depd@2.0.0: + resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==} + engines: {node: '>= 0.8'} + dev: false + + /dequal@2.0.3: + resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==} + engines: {node: '>=6'} + + /destroy@1.2.0: + resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==} + engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16} + dev: false + + /detect-libc@2.0.2: + resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==} + engines: {node: '>=8'} + dev: false + + /detect-node@2.1.0: + resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==} + dev: false + + /detect-port-alt@1.1.6: + resolution: {integrity: sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==} + engines: {node: '>= 4.2.1'} + hasBin: true + dependencies: + address: 1.2.2 + debug: 2.6.9 + transitivePeerDependencies: + - supports-color + dev: false + + /detect-port@1.5.1: + resolution: {integrity: sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ==} + hasBin: true + dependencies: + address: 1.2.2 + debug: 4.3.4 + transitivePeerDependencies: + - supports-color + dev: false + + /devlop@1.1.0: + resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==} + dependencies: + dequal: 2.0.3 + + /dir-glob@3.0.1: + resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==} + engines: {node: '>=8'} + dependencies: + path-type: 4.0.0 + + /dns-equal@1.0.0: + resolution: {integrity: sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==} + dev: false + + /dns-packet@5.6.1: + resolution: {integrity: sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==} + engines: {node: '>=6'} + dependencies: + '@leichtgewicht/ip-codec': 2.0.4 + dev: false + + /doctrine@3.0.0: + resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==} + engines: {node: '>=6.0.0'} + dependencies: + esutils: 2.0.3 + + /docusaurus-plugin-baidu-tongji@0.0.0-beta.4: + resolution: {integrity: sha512-LePs8OLhaeHJBeZlZDDgWDbsHKERQAt7F0ELZ77X8tG3xCOkSLmNq+KTsQ+QhpsLp8xtRtyOqGtYiEaQPFMdBw==} + dev: false + + /docusaurus-plugin-image-zoom@1.0.1(@docusaurus/theme-classic@3.1.0): + resolution: {integrity: sha512-96IpSKUx2RWy3db9aZ0s673OQo5DWgV9UVWouS+CPOSIVEdCWh6HKmWf6tB9rsoaiIF3oNn9keiyv6neEyKb1Q==} + peerDependencies: + '@docusaurus/theme-classic': '>=2.2.0' + dependencies: + '@docusaurus/theme-classic': 3.1.0(@types/react@18.2.21)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + medium-zoom: 1.0.8 + validate-peer-dependencies: 2.2.0 + dev: false + + /docusaurus-plugin-sass@0.2.5(@docusaurus/core@3.1.0)(sass@1.66.1)(webpack@5.88.2): + resolution: {integrity: sha512-Z+D0fLFUKcFpM+bqSUmqKIU+vO+YF1xoEQh5hoFreg2eMf722+siwXDD+sqtwU8E4MvVpuvsQfaHwODNlxJAEg==} + peerDependencies: + '@docusaurus/core': ^2.0.0-beta || ^3.0.0-alpha + sass: ^1.30.0 + dependencies: + '@docusaurus/core': 3.1.0(@docusaurus/types@3.1.0)(eslint@8.53.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) + sass: 1.66.1 + sass-loader: 10.4.1(sass@1.66.1)(webpack@5.88.2) + transitivePeerDependencies: + - fibers + - node-sass + - webpack + dev: false + + /dom-converter@0.2.0: + resolution: {integrity: sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==} + dependencies: + utila: 0.4.0 + dev: false + + /dom-serializer@1.4.1: + resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==} + dependencies: + domelementtype: 2.3.0 + domhandler: 4.3.1 + entities: 2.2.0 + dev: false + + /dom-serializer@2.0.0: + resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==} + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + entities: 4.5.0 + dev: false + + /domelementtype@2.3.0: + resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==} + dev: false + + /domhandler@4.3.1: + resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==} + engines: {node: '>= 4'} + dependencies: + domelementtype: 2.3.0 + dev: false + + /domhandler@5.0.3: + resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==} + engines: {node: '>= 4'} + dependencies: + domelementtype: 2.3.0 + dev: false + + /domutils@2.8.0: + resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==} + dependencies: + dom-serializer: 1.4.1 + domelementtype: 2.3.0 + domhandler: 4.3.1 + dev: false + + /domutils@3.1.0: + resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==} + dependencies: + dom-serializer: 2.0.0 + domelementtype: 2.3.0 + domhandler: 5.0.3 + dev: false + + /dot-case@3.0.4: + resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==} + dependencies: + no-case: 3.0.4 + tslib: 2.6.2 + dev: false + + /dot-prop@6.0.1: + resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==} + engines: {node: '>=10'} + dependencies: + is-obj: 2.0.0 + dev: false + + /duplexer@0.1.2: + resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==} + dev: false + + /eastasianwidth@0.2.0: + resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} + dev: false + + /ee-first@1.1.1: + resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==} + dev: false + + /ejs@3.1.9: + resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==} + engines: {node: '>=0.10.0'} + hasBin: true + dependencies: + jake: 10.8.7 + dev: false + + /electron-to-chromium@1.4.601: + resolution: {integrity: sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA==} + + /emoji-regex@10.3.0: + resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==} + dev: false + + /emoji-regex@8.0.0: + resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==} + + /emoji-regex@9.2.2: + resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==} + dev: false + + /emojilib@2.4.0: + resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==} + dev: false + + /emojis-list@3.0.0: + resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==} + engines: {node: '>= 4'} + dev: false + + /emoticon@4.0.1: + resolution: {integrity: sha512-dqx7eA9YaqyvYtUhJwT4rC1HIp82j5ybS1/vQ42ur+jBe17dJMwZE4+gvL1XadSFfxaPFFGt3Xsw+Y8akThDlw==} + dev: false + + /encodeurl@1.0.2: + resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==} + engines: {node: '>= 0.8'} + dev: false + + /end-of-stream@1.4.4: + resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==} + dependencies: + once: 1.4.0 + dev: false + + /enhanced-resolve@5.15.0: + resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==} + engines: {node: '>=10.13.0'} + dependencies: + graceful-fs: 4.2.11 + tapable: 2.2.1 + + /entities@2.2.0: + resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==} + dev: false + + /entities@4.5.0: + resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} + engines: {node: '>=0.12'} + dev: false + + /error-ex@1.3.2: + resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==} + dependencies: + is-arrayish: 0.2.1 + + /es-abstract@1.22.1: + resolution: {integrity: sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==} + engines: {node: '>= 0.4'} + dependencies: + array-buffer-byte-length: 1.0.0 + arraybuffer.prototype.slice: 1.0.2 + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + es-set-tostringtag: 2.0.1 + es-to-primitive: 1.2.1 + function.prototype.name: 1.1.6 + get-intrinsic: 1.2.1 + get-symbol-description: 1.0.0 + globalthis: 1.0.3 + gopd: 1.0.1 + has: 1.0.3 + has-property-descriptors: 1.0.0 + has-proto: 1.0.1 + has-symbols: 1.0.3 + internal-slot: 1.0.5 + is-array-buffer: 3.0.2 + is-callable: 1.2.7 + is-negative-zero: 2.0.2 + is-regex: 1.1.4 + is-shared-array-buffer: 1.0.2 + is-string: 1.0.7 + is-typed-array: 1.1.12 + is-weakref: 1.0.2 + object-inspect: 1.12.3 + object-keys: 1.1.1 + object.assign: 4.1.4 + regexp.prototype.flags: 1.5.0 + safe-array-concat: 1.0.1 + safe-regex-test: 1.0.0 + string.prototype.trim: 1.2.7 + string.prototype.trimend: 1.0.6 + string.prototype.trimstart: 1.0.7 + typed-array-buffer: 1.0.0 + typed-array-byte-length: 1.0.0 + typed-array-byte-offset: 1.0.0 + typed-array-length: 1.0.4 + unbox-primitive: 1.0.2 + which-typed-array: 1.1.11 + dev: false + + /es-module-lexer@1.3.0: + resolution: {integrity: sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==} + + /es-set-tostringtag@2.0.1: + resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==} + engines: {node: '>= 0.4'} + dependencies: + get-intrinsic: 1.2.1 + has: 1.0.3 + has-tostringtag: 1.0.0 + dev: false + + /es-to-primitive@1.2.1: + resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==} + engines: {node: '>= 0.4'} + dependencies: + is-callable: 1.2.7 + is-date-object: 1.0.5 + is-symbol: 1.0.4 + dev: false + + /escalade@3.1.1: + resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==} + engines: {node: '>=6'} + + /escape-goat@4.0.0: + resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==} + engines: {node: '>=12'} + dev: false + + /escape-html@1.0.3: + resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==} + dev: false + + /escape-string-regexp@1.0.5: + resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==} + engines: {node: '>=0.8.0'} + + /escape-string-regexp@4.0.0: + resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} + engines: {node: '>=10'} + + /escape-string-regexp@5.0.0: + resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} + engines: {node: '>=12'} + dev: false + + /eslint-config-prettier@9.0.0(eslint@8.53.0): + resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==} + hasBin: true + peerDependencies: + eslint: '>=7.0.0' + dependencies: + eslint: 8.53.0 + dev: true + + /eslint-plugin-prettier@5.0.1(eslint-config-prettier@9.0.0)(eslint@8.53.0)(prettier@3.1.0): + resolution: {integrity: sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==} + engines: {node: ^14.18.0 || >=16.0.0} + peerDependencies: + '@types/eslint': '>=8.0.0' + eslint: '>=8.0.0' + eslint-config-prettier: '*' + prettier: '>=3.0.0' + peerDependenciesMeta: + '@types/eslint': + optional: true + eslint-config-prettier: + optional: true + dependencies: + eslint: 8.53.0 + eslint-config-prettier: 9.0.0(eslint@8.53.0) + prettier: 3.1.0 + prettier-linter-helpers: 1.0.0 + synckit: 0.8.5 + dev: true + + /eslint-scope@5.1.1: + resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==} + engines: {node: '>=8.0.0'} + dependencies: + esrecurse: 4.3.0 + estraverse: 4.3.0 + + /eslint-scope@7.2.2: + resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dependencies: + esrecurse: 4.3.0 + estraverse: 5.3.0 + + /eslint-visitor-keys@3.4.3: + resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + /eslint@8.53.0: + resolution: {integrity: sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + hasBin: true + dependencies: + '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0) + '@eslint-community/regexpp': 4.8.0 + '@eslint/eslintrc': 2.1.3 + '@eslint/js': 8.53.0 + '@humanwhocodes/config-array': 0.11.13 + '@humanwhocodes/module-importer': 1.0.1 + '@nodelib/fs.walk': 1.2.8 + '@ungap/structured-clone': 1.2.0 + ajv: 6.12.6 + chalk: 4.1.2 + cross-spawn: 7.0.3 + debug: 4.3.4 + doctrine: 3.0.0 + escape-string-regexp: 4.0.0 + eslint-scope: 7.2.2 + eslint-visitor-keys: 3.4.3 + espree: 9.6.1 + esquery: 1.5.0 + esutils: 2.0.3 + fast-deep-equal: 3.1.3 + file-entry-cache: 6.0.1 + find-up: 5.0.0 + glob-parent: 6.0.2 + globals: 13.21.0 + graphemer: 1.4.0 + ignore: 5.2.4 + imurmurhash: 0.1.4 + is-glob: 4.0.3 + is-path-inside: 3.0.3 + js-yaml: 4.1.0 + json-stable-stringify-without-jsonify: 1.0.1 + levn: 0.4.1 + lodash.merge: 4.6.2 + minimatch: 3.1.2 + natural-compare: 1.4.0 + optionator: 0.9.3 + strip-ansi: 6.0.1 + text-table: 0.2.0 + transitivePeerDependencies: + - supports-color + + /espree@9.6.1: + resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + dependencies: + acorn: 8.10.0 + acorn-jsx: 5.3.2(acorn@8.10.0) + eslint-visitor-keys: 3.4.3 + + /esprima@4.0.1: + resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==} + engines: {node: '>=4'} + hasBin: true + dev: false + + /esquery@1.5.0: + resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==} + engines: {node: '>=0.10'} + dependencies: + estraverse: 5.3.0 + + /esrecurse@4.3.0: + resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==} + engines: {node: '>=4.0'} + dependencies: + estraverse: 5.3.0 + + /estraverse@4.3.0: + resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==} + engines: {node: '>=4.0'} + + /estraverse@5.3.0: + resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==} + engines: {node: '>=4.0'} + + /estree-util-attach-comments@3.0.0: + resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==} + dependencies: + '@types/estree': 1.0.1 + + /estree-util-build-jsx@3.0.1: + resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==} + dependencies: + '@types/estree-jsx': 1.0.0 + devlop: 1.1.0 + estree-util-is-identifier-name: 3.0.0 + estree-walker: 3.0.3 + + /estree-util-is-identifier-name@3.0.0: + resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==} + + /estree-util-to-js@2.0.0: + resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==} + dependencies: + '@types/estree-jsx': 1.0.0 + astring: 1.8.6 + source-map: 0.7.4 + + /estree-util-value-to-estree@3.0.1: + resolution: {integrity: sha512-b2tdzTurEIbwRh+mKrEcaWfu1wgb8J1hVsgREg7FFiecWwK/PhO8X0kyc+0bIcKNtD4sqxIdNoRy6/p/TvECEA==} + engines: {node: '>=16.0.0'} + dependencies: + '@types/estree': 1.0.1 + is-plain-obj: 4.1.0 + dev: false + + /estree-util-visit@2.0.0: + resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==} + dependencies: + '@types/estree-jsx': 1.0.0 + '@types/unist': 3.0.1 + + /estree-walker@1.0.1: + resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==} + dev: false + + /estree-walker@3.0.3: + resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} + dependencies: + '@types/estree': 1.0.1 + + /esutils@2.0.3: + resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} + engines: {node: '>=0.10.0'} + + /eta@2.2.0: + resolution: {integrity: sha512-UVQ72Rqjy/ZKQalzV5dCCJP80GrmPrMxh6NlNf+erV6ObL0ZFkhCstWRawS85z3smdr3d2wXPsZEY7rDPfGd2g==} + engines: {node: '>=6.0.0'} + dev: false + + /etag@1.8.1: + resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==} + engines: {node: '>= 0.6'} + dev: false + + /eval@0.1.8: + resolution: {integrity: sha512-EzV94NYKoO09GLXGjXj9JIlXijVck4ONSr5wiCWDvhsvj5jxSrzTmRU/9C1DyB6uToszLs8aifA6NQ7lEQdvFw==} + engines: {node: '>= 0.8'} + dependencies: + '@types/node': 20.5.9 + require-like: 0.1.2 + dev: false + + /eventemitter3@4.0.7: + resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==} + dev: false + + /events@3.3.0: + resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} + engines: {node: '>=0.8.x'} + + /execa@5.1.1: + resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==} + engines: {node: '>=10'} + dependencies: + cross-spawn: 7.0.3 + get-stream: 6.0.1 + human-signals: 2.1.0 + is-stream: 2.0.1 + merge-stream: 2.0.0 + npm-run-path: 4.0.1 + onetime: 5.1.2 + signal-exit: 3.0.7 + strip-final-newline: 2.0.0 + + /execa@7.2.0: + resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==} + engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0} + dependencies: + cross-spawn: 7.0.3 + get-stream: 6.0.1 + human-signals: 4.3.1 + is-stream: 3.0.0 + merge-stream: 2.0.0 + npm-run-path: 5.1.0 + onetime: 6.0.0 + signal-exit: 3.0.7 + strip-final-newline: 3.0.0 + dev: true + + /expand-template@2.0.3: + resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==} + engines: {node: '>=6'} + dev: false + + /express@4.18.2: + resolution: {integrity: sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==} + engines: {node: '>= 0.10.0'} + dependencies: + accepts: 1.3.8 + array-flatten: 1.1.1 + body-parser: 1.20.1 + content-disposition: 0.5.4 + content-type: 1.0.5 + cookie: 0.5.0 + cookie-signature: 1.0.6 + debug: 2.6.9 + depd: 2.0.0 + encodeurl: 1.0.2 + escape-html: 1.0.3 + etag: 1.8.1 + finalhandler: 1.2.0 + fresh: 0.5.2 + http-errors: 2.0.0 + merge-descriptors: 1.0.1 + methods: 1.1.2 + on-finished: 2.4.1 + parseurl: 1.3.3 + path-to-regexp: 0.1.7 + proxy-addr: 2.0.7 + qs: 6.11.0 + range-parser: 1.2.1 + safe-buffer: 5.2.1 + send: 0.18.0 + serve-static: 1.15.0 + setprototypeof: 1.2.0 + statuses: 2.0.1 + type-is: 1.6.18 + utils-merge: 1.0.1 + vary: 1.1.2 + transitivePeerDependencies: + - supports-color + dev: false + + /extend-shallow@2.0.1: + resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==} + engines: {node: '>=0.10.0'} + dependencies: + is-extendable: 0.1.1 + dev: false + + /extend@3.0.2: + resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==} + + /fast-deep-equal@3.1.3: + resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + + /fast-diff@1.3.0: + resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==} + dev: true + + /fast-fifo@1.3.2: + resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==} + dev: false + + /fast-glob@3.3.1: + resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==} + engines: {node: '>=8.6.0'} + dependencies: + '@nodelib/fs.stat': 2.0.5 + '@nodelib/fs.walk': 1.2.8 + glob-parent: 5.1.2 + merge2: 1.4.1 + micromatch: 4.0.5 + + /fast-json-stable-stringify@2.1.0: + resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==} + + /fast-levenshtein@2.0.6: + resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==} + + /fast-url-parser@1.1.3: + resolution: {integrity: sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==} + dependencies: + punycode: 1.4.1 + dev: false + + /fastest-levenshtein@1.0.16: + resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==} + engines: {node: '>= 4.9.1'} + dev: true + + /fastq@1.15.0: + resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==} + dependencies: + reusify: 1.0.4 + + /fault@2.0.1: + resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==} + dependencies: + format: 0.2.2 + dev: false + + /faye-websocket@0.11.4: + resolution: {integrity: sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==} + engines: {node: '>=0.8.0'} + dependencies: + websocket-driver: 0.7.4 + dev: false + + /feed@4.2.2: + resolution: {integrity: sha512-u5/sxGfiMfZNtJ3OvQpXcvotFpYkL0n9u9mM2vkui2nGo8b4wvDkJ8gAkYqbA8QpGyFCv3RK0Z+Iv+9veCS9bQ==} + engines: {node: '>=0.4.0'} + dependencies: + xml-js: 1.6.11 + dev: false + + /file-entry-cache@6.0.1: + resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==} + engines: {node: ^10.12.0 || >=12.0.0} + dependencies: + flat-cache: 3.1.0 + + /file-entry-cache@7.0.2: + resolution: {integrity: sha512-TfW7/1iI4Cy7Y8L6iqNdZQVvdXn0f8B4QcIXmkIbtTIe/Okm/nSlHb4IwGzRVOd3WfSieCgvf5cMzEfySAIl0g==} + engines: {node: '>=12.0.0'} + dependencies: + flat-cache: 3.2.0 + dev: true + + /file-loader@6.2.0(webpack@5.88.2): + resolution: {integrity: sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==} + engines: {node: '>= 10.13.0'} + peerDependencies: + webpack: ^4.0.0 || ^5.0.0 + dependencies: + loader-utils: 2.0.4 + schema-utils: 3.3.0 + webpack: 5.88.2 + dev: false + + /filelist@1.0.4: + resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==} + dependencies: + minimatch: 5.1.6 + dev: false + + /filesize@8.0.7: + resolution: {integrity: sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==} + engines: {node: '>= 0.4.0'} + dev: false + + /fill-range@7.0.1: + resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==} + engines: {node: '>=8'} + dependencies: + to-regex-range: 5.0.1 + + /finalhandler@1.2.0: + resolution: {integrity: sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==} + engines: {node: '>= 0.8'} + dependencies: + debug: 2.6.9 + encodeurl: 1.0.2 + escape-html: 1.0.3 + on-finished: 2.4.1 + parseurl: 1.3.3 + statuses: 2.0.1 + unpipe: 1.0.0 + transitivePeerDependencies: + - supports-color + dev: false + + /find-cache-dir@4.0.0: + resolution: {integrity: sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==} + engines: {node: '>=14.16'} + dependencies: + common-path-prefix: 3.0.0 + pkg-dir: 7.0.0 + dev: false + + /find-up@3.0.0: + resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==} + engines: {node: '>=6'} + dependencies: + locate-path: 3.0.0 + dev: false + + /find-up@5.0.0: + resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==} + engines: {node: '>=10'} + dependencies: + locate-path: 6.0.0 + path-exists: 4.0.0 + + /find-up@6.3.0: + resolution: {integrity: sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + locate-path: 7.2.0 + path-exists: 5.0.0 + dev: false + + /flat-cache@3.1.0: + resolution: {integrity: sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==} + engines: {node: '>=12.0.0'} + dependencies: + flatted: 3.2.7 + keyv: 4.5.3 + rimraf: 3.0.2 + + /flat-cache@3.2.0: + resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==} + engines: {node: ^10.12.0 || >=12.0.0} + dependencies: + flatted: 3.2.9 + keyv: 4.5.3 + rimraf: 3.0.2 + dev: true + + /flatted@3.2.7: + resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==} + + /flatted@3.2.9: + resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==} + dev: true + + /follow-redirects@1.15.2: + resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==} + engines: {node: '>=4.0'} + peerDependencies: + debug: '*' + peerDependenciesMeta: + debug: + optional: true + dev: false + + /for-each@0.3.3: + resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==} + dependencies: + is-callable: 1.2.7 + dev: false + + /fork-ts-checker-webpack-plugin@6.5.3(eslint@8.53.0)(typescript@5.3.3)(webpack@5.88.2): + resolution: {integrity: sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==} + engines: {node: '>=10', yarn: '>=1.0.0'} + peerDependencies: + eslint: '>= 6' + typescript: '>= 2.7' + vue-template-compiler: '*' + webpack: '>= 4' + peerDependenciesMeta: + eslint: + optional: true + vue-template-compiler: + optional: true + dependencies: + '@babel/code-frame': 7.23.5 + '@types/json-schema': 7.0.12 + chalk: 4.1.2 + chokidar: 3.5.3 + cosmiconfig: 6.0.0 + deepmerge: 4.3.1 + eslint: 8.53.0 + fs-extra: 9.1.0 + glob: 7.2.3 + memfs: 3.5.3 + minimatch: 3.1.2 + schema-utils: 2.7.0 + semver: 7.5.4 + tapable: 1.1.3 + typescript: 5.3.3 + webpack: 5.88.2 + dev: false + + /form-data-encoder@2.1.4: + resolution: {integrity: sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==} + engines: {node: '>= 14.17'} + dev: false + + /format@0.2.2: + resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==} + engines: {node: '>=0.4.x'} + dev: false + + /forwarded@0.2.0: + resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==} + engines: {node: '>= 0.6'} + dev: false + + /fraction.js@4.3.6: + resolution: {integrity: sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==} + dev: false + + /framer-motion@10.16.4(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + tslib: 2.6.2 + optionalDependencies: + '@emotion/is-prop-valid': 0.8.8 + dev: false + + /fresh@0.5.2: + resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==} + engines: {node: '>= 0.6'} + dev: false + + /fs-constants@1.0.0: + resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==} + dev: false + + /fs-extra@11.1.1: + resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==} + engines: {node: '>=14.14'} + dependencies: + graceful-fs: 4.2.11 + jsonfile: 6.1.0 + universalify: 2.0.0 + dev: false + + /fs-extra@9.1.0: + resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==} + engines: {node: '>=10'} + dependencies: + at-least-node: 1.0.0 + graceful-fs: 4.2.11 + jsonfile: 6.1.0 + universalify: 2.0.0 + dev: false + + /fs-monkey@1.0.4: + resolution: {integrity: sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==} + dev: false + + /fs.realpath@1.0.0: + resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==} + + /fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + requiresBuild: true + dev: false + optional: true + + /function-bind@1.1.1: + resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==} + + /function.prototype.name@1.1.6: + resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + functions-have-names: 1.2.3 + dev: false + + /functions-have-names@1.2.3: + resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==} + dev: false + + /gensync@1.0.0-beta.2: + resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} + engines: {node: '>=6.9.0'} + dev: false + + /get-intrinsic@1.2.1: + resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==} + dependencies: + function-bind: 1.1.1 + has: 1.0.3 + has-proto: 1.0.1 + has-symbols: 1.0.3 + dev: false + + /get-own-enumerable-property-symbols@3.0.2: + resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==} + dev: false + + /get-stream@6.0.1: + resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==} + engines: {node: '>=10'} + + /get-symbol-description@1.0.0: + resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + dev: false + + /giscus@1.3.0: + resolution: {integrity: sha512-A3tVLgSmpnh2sX9uGjo9MbzmTTEJirSyFUPRvkipvy37y9rhxUYDoh9kO37QVrP7Sc7QuJ+gihB6apkO0yDyTw==} + dependencies: + lit: 2.8.0 + dev: false + + /github-from-package@0.0.0: + resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==} + dev: false + + /github-slugger@1.5.0: + resolution: {integrity: sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==} + dev: false + + /glob-parent@5.1.2: + resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} + engines: {node: '>= 6'} + dependencies: + is-glob: 4.0.3 + + /glob-parent@6.0.2: + resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==} + engines: {node: '>=10.13.0'} + dependencies: + is-glob: 4.0.3 + + /glob-to-regexp@0.4.1: + resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==} + + /glob@7.2.3: + resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==} + dependencies: + fs.realpath: 1.0.0 + inflight: 1.0.6 + inherits: 2.0.4 + minimatch: 3.1.2 + once: 1.4.0 + path-is-absolute: 1.0.1 + + /global-dirs@3.0.1: + resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==} + engines: {node: '>=10'} + dependencies: + ini: 2.0.0 + dev: false + + /global-modules@2.0.0: + resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==} + engines: {node: '>=6'} + dependencies: + global-prefix: 3.0.0 + + /global-prefix@3.0.0: + resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==} + engines: {node: '>=6'} + dependencies: + ini: 1.3.8 + kind-of: 6.0.3 + which: 1.3.1 + + /globals@11.12.0: + resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==} + engines: {node: '>=4'} + dev: false + + /globals@13.21.0: + resolution: {integrity: sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==} + engines: {node: '>=8'} + dependencies: + type-fest: 0.20.2 + + /globalthis@1.0.3: + resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==} + engines: {node: '>= 0.4'} + dependencies: + define-properties: 1.2.0 + dev: false + + /globby@11.1.0: + resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==} + engines: {node: '>=10'} + dependencies: + array-union: 2.1.0 + dir-glob: 3.0.1 + fast-glob: 3.3.1 + ignore: 5.2.4 + merge2: 1.4.1 + slash: 3.0.0 + + /globby@13.2.2: + resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + dir-glob: 3.0.1 + fast-glob: 3.3.1 + ignore: 5.2.4 + merge2: 1.4.1 + slash: 4.0.0 + dev: false + + /globjoin@0.1.4: + resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==} + dev: true + + /gopd@1.0.1: + resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==} + dependencies: + get-intrinsic: 1.2.1 + dev: false + + /got@12.6.1: + resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==} + engines: {node: '>=14.16'} + dependencies: + '@sindresorhus/is': 5.6.0 + '@szmarczak/http-timer': 5.0.1 + cacheable-lookup: 7.0.0 + cacheable-request: 10.2.13 + decompress-response: 6.0.0 + form-data-encoder: 2.1.4 + get-stream: 6.0.1 + http2-wrapper: 2.2.0 + lowercase-keys: 3.0.0 + p-cancelable: 3.0.0 + responselike: 3.0.0 + dev: false + + /graceful-fs@4.2.10: + resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==} + dev: false + + /graceful-fs@4.2.11: + resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} + + /graphemer@1.4.0: + resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==} + + /gray-matter@4.0.3: + resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==} + engines: {node: '>=6.0'} + dependencies: + js-yaml: 3.14.1 + kind-of: 6.0.3 + section-matter: 1.0.0 + strip-bom-string: 1.0.0 + dev: false + + /gzip-size@6.0.0: + resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==} + engines: {node: '>=10'} + dependencies: + duplexer: 0.1.2 + dev: false + + /handle-thing@2.0.1: + resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==} + dev: false + + /hard-rejection@2.1.0: + resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==} + engines: {node: '>=6'} + dev: true + + /has-bigints@1.0.2: + resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==} + dev: false + + /has-flag@3.0.0: + resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==} + engines: {node: '>=4'} + + /has-flag@4.0.0: + resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==} + engines: {node: '>=8'} + + /has-property-descriptors@1.0.0: + resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==} + dependencies: + get-intrinsic: 1.2.1 + dev: false + + /has-proto@1.0.1: + resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==} + engines: {node: '>= 0.4'} + dev: false + + /has-symbols@1.0.3: + resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==} + engines: {node: '>= 0.4'} + dev: false + + /has-tostringtag@1.0.0: + resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==} + engines: {node: '>= 0.4'} + dependencies: + has-symbols: 1.0.3 + dev: false + + /has-yarn@3.0.0: + resolution: {integrity: sha512-IrsVwUHhEULx3R8f/aA8AHuEzAorplsab/v8HBzEiIukwq5i/EC+xmOW+HfP1OaDP+2JkgT1yILHN2O3UFIbcA==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: false + + /has@1.0.3: + resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==} + engines: {node: '>= 0.4.0'} + dependencies: + function-bind: 1.1.1 + + /hast-util-from-parse5@8.0.1: + resolution: {integrity: sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==} + dependencies: + '@types/hast': 3.0.2 + '@types/unist': 3.0.1 + devlop: 1.1.0 + hastscript: 8.0.0 + property-information: 6.3.0 + vfile: 6.0.1 + vfile-location: 5.0.2 + web-namespaces: 2.0.1 + dev: false + + /hast-util-parse-selector@4.0.0: + resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==} + dependencies: + '@types/hast': 3.0.2 + dev: false + + /hast-util-raw@9.0.1: + resolution: {integrity: sha512-5m1gmba658Q+lO5uqL5YNGQWeh1MYWZbZmWrM5lncdcuiXuo5E2HT/CIOp0rLF8ksfSwiCVJ3twlgVRyTGThGA==} + dependencies: + '@types/hast': 3.0.2 + '@types/unist': 3.0.1 + '@ungap/structured-clone': 1.2.0 + hast-util-from-parse5: 8.0.1 + hast-util-to-parse5: 8.0.0 + html-void-elements: 3.0.0 + mdast-util-to-hast: 13.0.2 + parse5: 7.1.2 + unist-util-position: 5.0.0 + unist-util-visit: 5.0.0 + vfile: 6.0.1 + web-namespaces: 2.0.1 + zwitch: 2.0.4 + dev: false + + /hast-util-to-estree@3.1.0: + resolution: {integrity: sha512-lfX5g6hqVh9kjS/B9E2gSkvHH4SZNiQFiqWS0x9fENzEl+8W12RqdRxX6d/Cwxi30tPQs3bIO+aolQJNp1bIyw==} + dependencies: + '@types/estree': 1.0.1 + '@types/estree-jsx': 1.0.0 + '@types/hast': 3.0.2 + comma-separated-tokens: 2.0.3 + devlop: 1.1.0 + estree-util-attach-comments: 3.0.0 + estree-util-is-identifier-name: 3.0.0 + hast-util-whitespace: 3.0.0 + mdast-util-mdx-expression: 2.0.0 + mdast-util-mdx-jsx: 3.0.0 + mdast-util-mdxjs-esm: 2.0.1 + property-information: 6.3.0 + space-separated-tokens: 2.0.2 + style-to-object: 0.4.2 + unist-util-position: 5.0.0 + zwitch: 2.0.4 + transitivePeerDependencies: + - supports-color + + /hast-util-to-jsx-runtime@2.2.0: + resolution: {integrity: sha512-wSlp23N45CMjDg/BPW8zvhEi3R+8eRE1qFbjEyAUzMCzu2l1Wzwakq+Tlia9nkCtEl5mDxa7nKHsvYJ6Gfn21A==} + dependencies: + '@types/hast': 3.0.2 + '@types/unist': 3.0.1 + comma-separated-tokens: 2.0.3 + hast-util-whitespace: 3.0.0 + property-information: 6.3.0 + space-separated-tokens: 2.0.2 + style-to-object: 0.4.2 + unist-util-position: 5.0.0 + vfile-message: 4.0.2 + + /hast-util-to-parse5@8.0.0: + resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==} + dependencies: + '@types/hast': 3.0.2 + comma-separated-tokens: 2.0.3 + devlop: 1.1.0 + property-information: 6.3.0 + space-separated-tokens: 2.0.2 + web-namespaces: 2.0.1 + zwitch: 2.0.4 + dev: false + + /hast-util-whitespace@3.0.0: + resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==} + dependencies: + '@types/hast': 3.0.2 + + /hastscript@8.0.0: + resolution: {integrity: sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==} + dependencies: + '@types/hast': 3.0.2 + comma-separated-tokens: 2.0.3 + hast-util-parse-selector: 4.0.0 + property-information: 6.3.0 + space-separated-tokens: 2.0.2 + dev: false + + /he@1.2.0: + resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==} + hasBin: true + dev: false + + /history@4.10.1: + resolution: {integrity: sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==} + dependencies: + '@babel/runtime': 7.22.15 + loose-envify: 1.4.0 + resolve-pathname: 3.0.0 + tiny-invariant: 1.3.1 + tiny-warning: 1.0.3 + value-equal: 1.0.1 + dev: false + + /hoist-non-react-statics@3.3.2: + resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==} + dependencies: + react-is: 16.13.1 + dev: false + + /hosted-git-info@4.1.0: + resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==} + engines: {node: '>=10'} + dependencies: + lru-cache: 6.0.0 + dev: true + + /hpack.js@2.1.6: + resolution: {integrity: sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==} + dependencies: + inherits: 2.0.4 + obuf: 1.1.2 + readable-stream: 2.3.8 + wbuf: 1.7.3 + dev: false + + /html-entities@2.4.0: + resolution: {integrity: sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==} + dev: false + + /html-minifier-terser@6.1.0: + resolution: {integrity: sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==} + engines: {node: '>=12'} + hasBin: true + dependencies: + camel-case: 4.1.2 + clean-css: 5.3.2 + commander: 8.3.0 + he: 1.2.0 + param-case: 3.0.4 + relateurl: 0.2.7 + terser: 5.19.4 + dev: false + + /html-minifier-terser@7.2.0: + resolution: {integrity: sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA==} + engines: {node: ^14.13.1 || >=16.0.0} + hasBin: true + dependencies: + camel-case: 4.1.2 + clean-css: 5.3.2 + commander: 10.0.1 + entities: 4.5.0 + param-case: 3.0.4 + relateurl: 0.2.7 + terser: 5.19.4 + dev: false + + /html-tags@3.3.1: + resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==} + engines: {node: '>=8'} + + /html-void-elements@3.0.0: + resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==} + dev: false + + /html-webpack-plugin@5.5.3(webpack@5.88.2): + resolution: {integrity: sha512-6YrDKTuqaP/TquFH7h4srYWsZx+x6k6+FbsTm0ziCwGHDP78Unr1r9F/H4+sGmMbX08GQcJ+K64x55b+7VM/jg==} + engines: {node: '>=10.13.0'} + peerDependencies: + webpack: ^5.20.0 + dependencies: + '@types/html-minifier-terser': 6.1.0 + html-minifier-terser: 6.1.0 + lodash: 4.17.21 + pretty-error: 4.0.0 + tapable: 2.2.1 + webpack: 5.88.2 + dev: false + + /htmlparser2@6.1.0: + resolution: {integrity: sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==} + dependencies: + domelementtype: 2.3.0 + domhandler: 4.3.1 + domutils: 2.8.0 + entities: 2.2.0 + dev: false + + /htmlparser2@8.0.2: + resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==} + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + domutils: 3.1.0 + entities: 4.5.0 + dev: false + + /http-cache-semantics@4.1.1: + resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==} + dev: false + + /http-deceiver@1.2.7: + resolution: {integrity: sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==} + dev: false + + /http-errors@1.6.3: + resolution: {integrity: sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==} + engines: {node: '>= 0.6'} + dependencies: + depd: 1.1.2 + inherits: 2.0.3 + setprototypeof: 1.1.0 + statuses: 1.5.0 + dev: false + + /http-errors@2.0.0: + resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==} + engines: {node: '>= 0.8'} + dependencies: + depd: 2.0.0 + inherits: 2.0.4 + setprototypeof: 1.2.0 + statuses: 2.0.1 + toidentifier: 1.0.1 + dev: false + + /http-parser-js@0.5.8: + resolution: {integrity: sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==} + dev: false + + /http-proxy-middleware@2.0.6(@types/express@4.17.17): + resolution: {integrity: sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==} + engines: {node: '>=12.0.0'} + peerDependencies: + '@types/express': ^4.17.13 + peerDependenciesMeta: + '@types/express': + optional: true + dependencies: + '@types/express': 4.17.17 + '@types/http-proxy': 1.17.11 + http-proxy: 1.18.1 + is-glob: 4.0.3 + is-plain-obj: 3.0.0 + micromatch: 4.0.5 + transitivePeerDependencies: + - debug + dev: false + + /http-proxy@1.18.1: + resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==} + engines: {node: '>=8.0.0'} + dependencies: + eventemitter3: 4.0.7 + follow-redirects: 1.15.2 + requires-port: 1.0.0 + transitivePeerDependencies: + - debug + dev: false + + /http2-wrapper@2.2.0: + resolution: {integrity: sha512-kZB0wxMo0sh1PehyjJUWRFEd99KC5TLjZ2cULC4f9iqJBAmKQQXEICjxl5iPJRwP40dpeHFqqhm7tYCvODpqpQ==} + engines: {node: '>=10.19.0'} + dependencies: + quick-lru: 5.1.1 + resolve-alpn: 1.2.1 + dev: false + + /human-signals@2.1.0: + resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==} + engines: {node: '>=10.17.0'} + + /human-signals@4.3.1: + resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==} + engines: {node: '>=14.18.0'} + dev: true + + /iconv-lite@0.4.24: + resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} + engines: {node: '>=0.10.0'} + dependencies: + safer-buffer: 2.1.2 + dev: false + + /icss-utils@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.29 + dev: false + + /idb@7.1.1: + resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==} + dev: false + + /ieee754@1.2.1: + resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==} + dev: false + + /ignore@5.2.4: + resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==} + engines: {node: '>= 4'} + + /image-size@1.0.2: + resolution: {integrity: sha512-xfOoWjceHntRb3qFCrh5ZFORYH8XCdYpASltMhZ/Q0KZiOwjdE/Yl2QCiWdwD+lygV5bMCvauzgu5PxBX/Yerg==} + engines: {node: '>=14.0.0'} + hasBin: true + dependencies: + queue: 6.0.2 + dev: false + + /immer@9.0.21: + resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==} + dev: false + + /immutable@4.3.4: + resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==} + dev: false + + /import-fresh@3.3.0: + resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==} + engines: {node: '>=6'} + dependencies: + parent-module: 1.0.1 + resolve-from: 4.0.0 + + /import-lazy@4.0.0: + resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==} + engines: {node: '>=8'} + + /imurmurhash@0.1.4: + resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==} + engines: {node: '>=0.8.19'} + + /indent-string@4.0.0: + resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==} + engines: {node: '>=8'} + dev: false + + /indent-string@5.0.0: + resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==} + engines: {node: '>=12'} + dev: true + + /infima@0.2.0-alpha.43: + resolution: {integrity: sha512-2uw57LvUqW0rK/SWYnd/2rRfxNA5DDNOh33jxF7fy46VWoNhGxiUQyVZHbBMjQ33mQem0cjdDVwgWVAmlRfgyQ==} + engines: {node: '>=12'} + dev: false + + /inflight@1.0.6: + resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==} + dependencies: + once: 1.4.0 + wrappy: 1.0.2 + + /inherits@2.0.3: + resolution: {integrity: sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==} + dev: false + + /inherits@2.0.4: + resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==} + + /ini@1.3.8: + resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==} + + /ini@2.0.0: + resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==} + engines: {node: '>=10'} + dev: false + + /inline-style-parser@0.1.1: + resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==} + + /internal-slot@1.0.5: + resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==} + engines: {node: '>= 0.4'} + dependencies: + get-intrinsic: 1.2.1 + has: 1.0.3 + side-channel: 1.0.4 + dev: false + + /interpret@1.4.0: + resolution: {integrity: sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==} + engines: {node: '>= 0.10'} + dev: false + + /invariant@2.2.4: + resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==} + dependencies: + loose-envify: 1.4.0 + + /ipaddr.js@1.9.1: + resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==} + engines: {node: '>= 0.10'} + dev: false + + /ipaddr.js@2.1.0: + resolution: {integrity: sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==} + engines: {node: '>= 10'} + dev: false + + /is-alphabetical@2.0.1: + resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==} + + /is-alphanumerical@2.0.1: + resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==} + dependencies: + is-alphabetical: 2.0.1 + is-decimal: 2.0.1 + + /is-array-buffer@3.0.2: + resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + is-typed-array: 1.1.12 + dev: false + + /is-arrayish@0.2.1: + resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==} + + /is-arrayish@0.3.2: + resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==} + dev: false + + /is-bigint@1.0.4: + resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==} + dependencies: + has-bigints: 1.0.2 + dev: false + + /is-binary-path@2.1.0: + resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} + engines: {node: '>=8'} + dependencies: + binary-extensions: 2.2.0 + dev: false + + /is-boolean-object@1.1.2: + resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + has-tostringtag: 1.0.0 + dev: false + + /is-callable@1.2.7: + resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==} + engines: {node: '>= 0.4'} + dev: false + + /is-ci@3.0.1: + resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==} + hasBin: true + dependencies: + ci-info: 3.8.0 + dev: false + + /is-core-module@2.13.0: + resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==} + dependencies: + has: 1.0.3 + + /is-date-object@1.0.5: + resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: false + + /is-decimal@2.0.1: + resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==} + + /is-docker@2.2.1: + resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==} + engines: {node: '>=8'} + hasBin: true + + /is-docker@3.0.0: + resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + hasBin: true + dev: true + + /is-extendable@0.1.1: + resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==} + engines: {node: '>=0.10.0'} + dev: false + + /is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + /is-fullwidth-code-point@3.0.0: + resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==} + engines: {node: '>=8'} + + /is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + dependencies: + is-extglob: 2.1.1 + + /is-hexadecimal@2.0.1: + resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==} + + /is-inside-container@1.0.0: + resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==} + engines: {node: '>=14.16'} + hasBin: true + dependencies: + is-docker: 3.0.0 + dev: true + + /is-installed-globally@0.4.0: + resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==} + engines: {node: '>=10'} + dependencies: + global-dirs: 3.0.1 + is-path-inside: 3.0.3 + dev: false + + /is-interactive@2.0.0: + resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==} + engines: {node: '>=12'} + dev: false + + /is-module@1.0.0: + resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==} + dev: false + + /is-negative-zero@2.0.2: + resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==} + engines: {node: '>= 0.4'} + dev: false + + /is-npm@6.0.0: + resolution: {integrity: sha512-JEjxbSmtPSt1c8XTkVrlujcXdKV1/tvuQ7GwKcAlyiVLeYFQ2VHat8xfrDJsIkhCdF/tZ7CiIR3sy141c6+gPQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: false + + /is-number-object@1.0.7: + resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: false + + /is-number@7.0.0: + resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} + engines: {node: '>=0.12.0'} + + /is-obj@1.0.1: + resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==} + engines: {node: '>=0.10.0'} + dev: false + + /is-obj@2.0.0: + resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==} + engines: {node: '>=8'} + dev: false + + /is-path-cwd@2.2.0: + resolution: {integrity: sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==} + engines: {node: '>=6'} + dev: false + + /is-path-inside@3.0.3: + resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==} + engines: {node: '>=8'} + + /is-plain-obj@1.1.0: + resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==} + engines: {node: '>=0.10.0'} + dev: true + + /is-plain-obj@3.0.0: + resolution: {integrity: sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==} + engines: {node: '>=10'} + dev: false + + /is-plain-obj@4.1.0: + resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==} + engines: {node: '>=12'} + + /is-plain-object@2.0.4: + resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==} + engines: {node: '>=0.10.0'} + dependencies: + isobject: 3.0.1 + + /is-plain-object@5.0.0: + resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==} + engines: {node: '>=0.10.0'} + + /is-reference@3.0.1: + resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==} + dependencies: + '@types/estree': 1.0.1 + + /is-regex@1.1.4: + resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + has-tostringtag: 1.0.0 + dev: false + + /is-regexp@1.0.0: + resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==} + engines: {node: '>=0.10.0'} + dev: false + + /is-root@2.1.0: + resolution: {integrity: sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==} + engines: {node: '>=6'} + dev: false + + /is-shared-array-buffer@1.0.2: + resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==} + dependencies: + call-bind: 1.0.2 + dev: false + + /is-stream@2.0.1: + resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==} + engines: {node: '>=8'} + + /is-stream@3.0.0: + resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: true + + /is-string@1.0.7: + resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: false + + /is-symbol@1.0.4: + resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==} + engines: {node: '>= 0.4'} + dependencies: + has-symbols: 1.0.3 + dev: false + + /is-typed-array@1.1.12: + resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==} + engines: {node: '>= 0.4'} + dependencies: + which-typed-array: 1.1.11 + dev: false + + /is-typedarray@1.0.0: + resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==} + dev: false + + /is-unicode-supported@1.3.0: + resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==} + engines: {node: '>=12'} + dev: false + + /is-weakref@1.0.2: + resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==} + dependencies: + call-bind: 1.0.2 + dev: false + + /is-wsl@2.2.0: + resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==} + engines: {node: '>=8'} + dependencies: + is-docker: 2.2.1 + + /is-yarn-global@0.4.1: + resolution: {integrity: sha512-/kppl+R+LO5VmhYSEWARUFjodS25D68gvj8W7z0I7OWhUla5xWu8KL6CtB2V0R6yqhnRgbcaREMr4EEM6htLPQ==} + engines: {node: '>=12'} + dev: false + + /isarray@0.0.1: + resolution: {integrity: sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==} + dev: false + + /isarray@1.0.0: + resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==} + dev: false + + /isarray@2.0.5: + resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==} + dev: false + + /isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + + /isobject@3.0.1: + resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==} + engines: {node: '>=0.10.0'} + + /jake@10.8.7: + resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==} + engines: {node: '>=10'} + hasBin: true + dependencies: + async: 3.2.4 + chalk: 4.1.2 + filelist: 1.0.4 + minimatch: 3.1.2 + dev: false + + /jest-util@29.6.3: + resolution: {integrity: sha512-QUjna/xSy4B32fzcKTSz1w7YYzgiHrjjJjevdRf61HYk998R5vVMMNmrHESYZVDS5DSWs+1srPLPKxXPkeSDOA==} + engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} + dependencies: + '@jest/types': 29.6.3 + '@types/node': 20.5.9 + chalk: 4.1.2 + ci-info: 3.8.0 + graceful-fs: 4.2.11 + picomatch: 2.3.1 + dev: false + + /jest-worker@26.6.2: + resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==} + engines: {node: '>= 10.13.0'} + dependencies: + '@types/node': 20.5.9 + merge-stream: 2.0.0 + supports-color: 7.2.0 + dev: false + + /jest-worker@27.5.1: + resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==} + engines: {node: '>= 10.13.0'} + dependencies: + '@types/node': 20.5.9 + merge-stream: 2.0.0 + supports-color: 8.1.1 + + /jest-worker@29.6.4: + resolution: {integrity: sha512-6dpvFV4WjcWbDVGgHTWo/aupl8/LbBx2NSKfiwqf79xC/yeJjKHT1+StcKy/2KTmW16hE68ccKVOtXf+WZGz7Q==} + engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} + dependencies: + '@types/node': 20.5.9 + jest-util: 29.6.3 + merge-stream: 2.0.0 + supports-color: 8.1.1 + dev: false + + /jiti@1.21.0: + resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==} + hasBin: true + dev: false + + /joi@17.10.1: + resolution: {integrity: sha512-vIiDxQKmRidUVp8KngT8MZSOcmRVm2zV7jbMjNYWuHcJWI0bUck3nRTGQjhpPlQenIQIBC5Vp9AhcnHbWQqafw==} + dependencies: + '@hapi/hoek': 9.3.0 + '@hapi/topo': 5.1.0 + '@sideway/address': 4.1.4 + '@sideway/formula': 3.0.1 + '@sideway/pinpoint': 2.0.0 + + /js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + /js-yaml@3.14.1: + resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==} + hasBin: true + dependencies: + argparse: 1.0.10 + esprima: 4.0.1 + dev: false + + /js-yaml@4.1.0: + resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==} + hasBin: true + dependencies: + argparse: 2.0.1 + + /jsesc@0.5.0: + resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==} + hasBin: true + dev: false + + /jsesc@2.5.2: + resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==} + engines: {node: '>=4'} + hasBin: true + dev: false + + /json-buffer@3.0.1: + resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==} + + /json-parse-even-better-errors@2.3.1: + resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==} + + /json-schema-traverse@0.4.1: + resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==} + + /json-schema-traverse@1.0.0: + resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==} + + /json-schema@0.4.0: + resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==} + dev: false + + /json-stable-stringify-without-jsonify@1.0.1: + resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} + + /json5@2.2.3: + resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} + engines: {node: '>=6'} + hasBin: true + dev: false + + /jsonfile@6.1.0: + resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==} + dependencies: + universalify: 2.0.0 + optionalDependencies: + graceful-fs: 4.2.11 + dev: false + + /jsonpointer@5.0.1: + resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==} + engines: {node: '>=0.10.0'} + dev: false + + /keyv@4.5.3: + resolution: {integrity: sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==} + dependencies: + json-buffer: 3.0.1 + + /kind-of@6.0.3: + resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==} + engines: {node: '>=0.10.0'} + + /kleur@3.0.3: + resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==} + engines: {node: '>=6'} + dev: false + + /klona@2.0.6: + resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==} + engines: {node: '>= 8'} + dev: false + + /known-css-properties@0.29.0: + resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==} + dev: true + + /latest-version@7.0.0: + resolution: {integrity: sha512-KvNT4XqAMzdcL6ka6Tl3i2lYeFDgXNCuIX+xNx6ZMVR1dFq+idXd9FLKNMOIx0t9mJ9/HudyX4oZWXZQ0UJHeg==} + engines: {node: '>=14.16'} + dependencies: + package-json: 8.1.1 + dev: false + + /launch-editor@2.6.0: + resolution: {integrity: sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==} + dependencies: + picocolors: 1.0.0 + shell-quote: 1.8.1 + dev: false + + /leven@3.1.0: + resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==} + engines: {node: '>=6'} + dev: false + + /levn@0.4.1: + resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} + engines: {node: '>= 0.8.0'} + dependencies: + prelude-ls: 1.2.1 + type-check: 0.4.0 + + /lilconfig@2.1.0: + resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==} + engines: {node: '>=10'} + dev: false + + /lines-and-columns@1.2.4: + resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} + + /lit-element@3.3.3: + resolution: {integrity: sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==} + dependencies: + '@lit-labs/ssr-dom-shim': 1.1.1 + '@lit/reactive-element': 1.6.3 + lit-html: 2.8.0 + dev: false + + /lit-html@2.8.0: + resolution: {integrity: sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==} + dependencies: + '@types/trusted-types': 2.0.3 + dev: false + + /lit@2.8.0: + resolution: {integrity: sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==} + dependencies: + '@lit/reactive-element': 1.6.3 + lit-element: 3.3.3 + lit-html: 2.8.0 + dev: false + + /loader-runner@4.3.0: + resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==} + engines: {node: '>=6.11.5'} + + /loader-utils@2.0.4: + resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==} + engines: {node: '>=8.9.0'} + dependencies: + big.js: 5.2.2 + emojis-list: 3.0.0 + json5: 2.2.3 + dev: false + + /loader-utils@3.2.1: + resolution: {integrity: sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==} + engines: {node: '>= 12.13.0'} + dev: false + + /locate-path@3.0.0: + resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==} + engines: {node: '>=6'} + dependencies: + p-locate: 3.0.0 + path-exists: 3.0.0 + dev: false + + /locate-path@6.0.0: + resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} + engines: {node: '>=10'} + dependencies: + p-locate: 5.0.0 + + /locate-path@7.2.0: + resolution: {integrity: sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + p-locate: 6.0.0 + dev: false + + /lodash.debounce@4.0.8: + resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==} + dev: false + + /lodash.escape@4.0.1: + resolution: {integrity: sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==} + dev: false + + /lodash.flatten@4.4.0: + resolution: {integrity: sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==} + dev: false + + /lodash.invokemap@4.6.0: + resolution: {integrity: sha512-CfkycNtMqgUlfjfdh2BhKO/ZXrP8ePOX5lEU/g0R3ItJcnuxWDwokMGKx1hWcfOikmyOVx6X9IwWnDGlgKl61w==} + dev: false + + /lodash.memoize@4.1.2: + resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==} + dev: false + + /lodash.merge@4.6.2: + resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} + + /lodash.pullall@4.2.0: + resolution: {integrity: sha512-VhqxBKH0ZxPpLhiu68YD1KnHmbhQJQctcipvmFnqIBDYzcIHzf3Zpu0tpeOKtR4x76p9yohc506eGdOjTmyIBg==} + dev: false + + /lodash.sortby@4.7.0: + resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==} + dev: false + + /lodash.truncate@4.4.2: + resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==} + dev: true + + /lodash.uniq@4.5.0: + resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==} + dev: false + + /lodash.uniqby@4.7.0: + resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==} + dev: false + + /lodash@4.17.21: + resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} + dev: false + + /log-symbols@5.1.0: + resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==} + engines: {node: '>=12'} + dependencies: + chalk: 5.3.0 + is-unicode-supported: 1.3.0 + dev: false + + /longest-streak@3.1.0: + resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==} + + /loose-envify@1.4.0: + resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} + hasBin: true + dependencies: + js-tokens: 4.0.0 + + /lower-case@2.0.2: + resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==} + dependencies: + tslib: 2.6.2 + dev: false + + /lowercase-keys@3.0.0: + resolution: {integrity: sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: false + + /lru-cache@5.1.1: + resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} + dependencies: + yallist: 3.1.1 + dev: false + + /lru-cache@6.0.0: + resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} + engines: {node: '>=10'} + dependencies: + yallist: 4.0.0 + + /magic-string@0.25.9: + resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==} + dependencies: + sourcemap-codec: 1.4.8 + dev: false + + /map-obj@1.0.1: + resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==} + engines: {node: '>=0.10.0'} + dev: true + + /map-obj@4.3.0: + resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==} + engines: {node: '>=8'} + dev: true + + /markdown-extensions@2.0.0: + resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==} + engines: {node: '>=16'} + + /markdown-table@3.0.3: + resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==} + dev: false + + /mathml-tag-names@2.1.3: + resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==} + dev: true + + /mdast-util-directive@3.0.0: + resolution: {integrity: sha512-JUpYOqKI4mM3sZcNxmF/ox04XYFFkNwr0CFlrQIkCwbvH0xzMCqkMqAde9wRd80VAhaUrwFwKm2nxretdT1h7Q==} + dependencies: + '@types/mdast': 4.0.2 + '@types/unist': 3.0.1 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + parse-entities: 4.0.1 + stringify-entities: 4.0.3 + unist-util-visit-parents: 6.0.1 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-find-and-replace@3.0.1: + resolution: {integrity: sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==} + dependencies: + '@types/mdast': 4.0.2 + escape-string-regexp: 5.0.0 + unist-util-is: 6.0.0 + unist-util-visit-parents: 6.0.1 + dev: false + + /mdast-util-from-markdown@2.0.0: + resolution: {integrity: sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==} + dependencies: + '@types/mdast': 4.0.2 + '@types/unist': 3.0.1 + decode-named-character-reference: 1.0.2 + devlop: 1.1.0 + mdast-util-to-string: 4.0.0 + micromark: 4.0.0 + micromark-util-decode-numeric-character-reference: 2.0.1 + micromark-util-decode-string: 2.0.0 + micromark-util-normalize-identifier: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + unist-util-stringify-position: 4.0.0 + transitivePeerDependencies: + - supports-color + + /mdast-util-frontmatter@2.0.1: + resolution: {integrity: sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==} + dependencies: + '@types/mdast': 4.0.2 + devlop: 1.1.0 + escape-string-regexp: 5.0.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + micromark-extension-frontmatter: 2.0.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-gfm-autolink-literal@2.0.0: + resolution: {integrity: sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg==} + dependencies: + '@types/mdast': 4.0.2 + ccount: 2.0.1 + devlop: 1.1.0 + mdast-util-find-and-replace: 3.0.1 + micromark-util-character: 2.0.1 + dev: false + + /mdast-util-gfm-footnote@2.0.0: + resolution: {integrity: sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==} + dependencies: + '@types/mdast': 4.0.2 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + micromark-util-normalize-identifier: 2.0.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-gfm-strikethrough@2.0.0: + resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-gfm-table@2.0.0: + resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==} + dependencies: + '@types/mdast': 4.0.2 + devlop: 1.1.0 + markdown-table: 3.0.3 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-gfm-task-list-item@2.0.0: + resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==} + dependencies: + '@types/mdast': 4.0.2 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-gfm@3.0.0: + resolution: {integrity: sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==} + dependencies: + mdast-util-from-markdown: 2.0.0 + mdast-util-gfm-autolink-literal: 2.0.0 + mdast-util-gfm-footnote: 2.0.0 + mdast-util-gfm-strikethrough: 2.0.0 + mdast-util-gfm-table: 2.0.0 + mdast-util-gfm-task-list-item: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + dev: false + + /mdast-util-mdx-expression@2.0.0: + resolution: {integrity: sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==} + dependencies: + '@types/estree-jsx': 1.0.0 + '@types/hast': 3.0.2 + '@types/mdast': 4.0.2 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + + /mdast-util-mdx-jsx@3.0.0: + resolution: {integrity: sha512-XZuPPzQNBPAlaqsTTgRrcJnyFbSOBovSadFgbFu8SnuNgm+6Bdx1K+IWoitsmj6Lq6MNtI+ytOqwN70n//NaBA==} + dependencies: + '@types/estree-jsx': 1.0.0 + '@types/hast': 3.0.2 + '@types/mdast': 4.0.2 + '@types/unist': 3.0.1 + ccount: 2.0.1 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + parse-entities: 4.0.1 + stringify-entities: 4.0.3 + unist-util-remove-position: 5.0.0 + unist-util-stringify-position: 4.0.0 + vfile-message: 4.0.2 + transitivePeerDependencies: + - supports-color + + /mdast-util-mdx@3.0.0: + resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==} + dependencies: + mdast-util-from-markdown: 2.0.0 + mdast-util-mdx-expression: 2.0.0 + mdast-util-mdx-jsx: 3.0.0 + mdast-util-mdxjs-esm: 2.0.1 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + + /mdast-util-mdxjs-esm@2.0.1: + resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==} + dependencies: + '@types/estree-jsx': 1.0.0 + '@types/hast': 3.0.2 + '@types/mdast': 4.0.2 + devlop: 1.1.0 + mdast-util-from-markdown: 2.0.0 + mdast-util-to-markdown: 2.1.0 + transitivePeerDependencies: + - supports-color + + /mdast-util-phrasing@4.0.0: + resolution: {integrity: sha512-xadSsJayQIucJ9n053dfQwVu1kuXg7jCTdYsMK8rqzKZh52nLfSH/k0sAxE0u+pj/zKZX+o5wB+ML5mRayOxFA==} + dependencies: + '@types/mdast': 4.0.2 + unist-util-is: 6.0.0 + + /mdast-util-to-hast@13.0.2: + resolution: {integrity: sha512-U5I+500EOOw9e3ZrclN3Is3fRpw8c19SMyNZlZ2IS+7vLsNzb2Om11VpIVOR+/0137GhZsFEF6YiKD5+0Hr2Og==} + dependencies: + '@types/hast': 3.0.2 + '@types/mdast': 4.0.2 + '@ungap/structured-clone': 1.2.0 + devlop: 1.1.0 + micromark-util-sanitize-uri: 2.0.0 + trim-lines: 3.0.1 + unist-util-position: 5.0.0 + unist-util-visit: 5.0.0 + + /mdast-util-to-markdown@2.1.0: + resolution: {integrity: sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==} + dependencies: + '@types/mdast': 4.0.2 + '@types/unist': 3.0.1 + longest-streak: 3.1.0 + mdast-util-phrasing: 4.0.0 + mdast-util-to-string: 4.0.0 + micromark-util-decode-string: 2.0.0 + unist-util-visit: 5.0.0 + zwitch: 2.0.4 + + /mdast-util-to-string@4.0.0: + resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==} + dependencies: + '@types/mdast': 4.0.2 + + /mdn-data@2.0.14: + resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==} + dev: false + + /mdn-data@2.0.30: + resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==} + dev: true + + /media-typer@0.3.0: + resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==} + engines: {node: '>= 0.6'} + dev: false + + /medium-zoom@1.0.8: + resolution: {integrity: sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==} + dev: false + + /memfs@3.5.3: + resolution: {integrity: sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==} + engines: {node: '>= 4.0.0'} + dependencies: + fs-monkey: 1.0.4 + dev: false + + /meow@10.1.5: + resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + '@types/minimist': 1.2.2 + camelcase-keys: 7.0.2 + decamelize: 5.0.1 + decamelize-keys: 1.1.1 + hard-rejection: 2.1.0 + minimist-options: 4.1.0 + normalize-package-data: 3.0.3 + read-pkg-up: 8.0.0 + redent: 4.0.0 + trim-newlines: 4.1.1 + type-fest: 1.4.0 + yargs-parser: 20.2.9 + dev: true + + /merge-descriptors@1.0.1: + resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==} + dev: false + + /merge-stream@2.0.0: + resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==} + + /merge2@1.4.1: + resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} + engines: {node: '>= 8'} + + /methods@1.1.2: + resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==} + engines: {node: '>= 0.6'} + dev: false + + /micromark-core-commonmark@2.0.0: + resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==} + dependencies: + decode-named-character-reference: 1.0.2 + devlop: 1.1.0 + micromark-factory-destination: 2.0.0 + micromark-factory-label: 2.0.0 + micromark-factory-space: 2.0.0 + micromark-factory-title: 2.0.0 + micromark-factory-whitespace: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-chunked: 2.0.0 + micromark-util-classify-character: 2.0.0 + micromark-util-html-tag-name: 2.0.0 + micromark-util-normalize-identifier: 2.0.0 + micromark-util-resolve-all: 2.0.0 + micromark-util-subtokenize: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-extension-directive@3.0.0: + resolution: {integrity: sha512-61OI07qpQrERc+0wEysLHMvoiO3s2R56x5u7glHq2Yqq6EHbH4dW25G9GfDdGCDYqA21KE6DWgNSzxSwHc2hSg==} + dependencies: + devlop: 1.1.0 + micromark-factory-space: 2.0.0 + micromark-factory-whitespace: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + parse-entities: 4.0.1 + dev: false + + /micromark-extension-frontmatter@2.0.0: + resolution: {integrity: sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==} + dependencies: + fault: 2.0.1 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-autolink-literal@2.0.0: + resolution: {integrity: sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==} + dependencies: + micromark-util-character: 2.0.1 + micromark-util-sanitize-uri: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-footnote@2.0.0: + resolution: {integrity: sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==} + dependencies: + devlop: 1.1.0 + micromark-core-commonmark: 2.0.0 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-normalize-identifier: 2.0.0 + micromark-util-sanitize-uri: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-strikethrough@2.0.0: + resolution: {integrity: sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==} + dependencies: + devlop: 1.1.0 + micromark-util-chunked: 2.0.0 + micromark-util-classify-character: 2.0.0 + micromark-util-resolve-all: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-table@2.0.0: + resolution: {integrity: sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==} + dependencies: + devlop: 1.1.0 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-tagfilter@2.0.0: + resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==} + dependencies: + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm-task-list-item@2.0.1: + resolution: {integrity: sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==} + dependencies: + devlop: 1.1.0 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-gfm@3.0.0: + resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==} + dependencies: + micromark-extension-gfm-autolink-literal: 2.0.0 + micromark-extension-gfm-footnote: 2.0.0 + micromark-extension-gfm-strikethrough: 2.0.0 + micromark-extension-gfm-table: 2.0.0 + micromark-extension-gfm-tagfilter: 2.0.0 + micromark-extension-gfm-task-list-item: 2.0.1 + micromark-util-combine-extensions: 2.0.0 + micromark-util-types: 2.0.0 + dev: false + + /micromark-extension-mdx-expression@3.0.0: + resolution: {integrity: sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ==} + dependencies: + '@types/estree': 1.0.1 + devlop: 1.1.0 + micromark-factory-mdx-expression: 2.0.1 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-events-to-acorn: 2.0.2 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-extension-mdx-jsx@3.0.0: + resolution: {integrity: sha512-uvhhss8OGuzR4/N17L1JwvmJIpPhAd8oByMawEKx6NVdBCbesjH4t+vjEp3ZXft9DwvlKSD07fCeI44/N0Vf2w==} + dependencies: + '@types/acorn': 4.0.6 + '@types/estree': 1.0.1 + devlop: 1.1.0 + estree-util-is-identifier-name: 3.0.0 + micromark-factory-mdx-expression: 2.0.1 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + vfile-message: 4.0.2 + + /micromark-extension-mdx-md@2.0.0: + resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==} + dependencies: + micromark-util-types: 2.0.0 + + /micromark-extension-mdxjs-esm@3.0.0: + resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==} + dependencies: + '@types/estree': 1.0.1 + devlop: 1.1.0 + micromark-core-commonmark: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-events-to-acorn: 2.0.2 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + unist-util-position-from-estree: 2.0.0 + vfile-message: 4.0.2 + + /micromark-extension-mdxjs@3.0.0: + resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==} + dependencies: + acorn: 8.10.0 + acorn-jsx: 5.3.2(acorn@8.10.0) + micromark-extension-mdx-expression: 3.0.0 + micromark-extension-mdx-jsx: 3.0.0 + micromark-extension-mdx-md: 2.0.0 + micromark-extension-mdxjs-esm: 3.0.0 + micromark-util-combine-extensions: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-factory-destination@2.0.0: + resolution: {integrity: sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==} + dependencies: + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-factory-label@2.0.0: + resolution: {integrity: sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==} + dependencies: + devlop: 1.1.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-factory-mdx-expression@2.0.1: + resolution: {integrity: sha512-F0ccWIUHRLRrYp5TC9ZYXmZo+p2AM13ggbsW4T0b5CRKP8KHVRB8t4pwtBgTxtjRmwrK0Irwm7vs2JOZabHZfg==} + dependencies: + '@types/estree': 1.0.1 + devlop: 1.1.0 + micromark-util-character: 2.0.1 + micromark-util-events-to-acorn: 2.0.2 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + unist-util-position-from-estree: 2.0.0 + vfile-message: 4.0.2 + + /micromark-factory-space@1.1.0: + resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==} + dependencies: + micromark-util-character: 1.2.0 + micromark-util-types: 1.1.0 + dev: false + + /micromark-factory-space@2.0.0: + resolution: {integrity: sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==} + dependencies: + micromark-util-character: 2.0.1 + micromark-util-types: 2.0.0 + + /micromark-factory-title@2.0.0: + resolution: {integrity: sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==} + dependencies: + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-factory-whitespace@2.0.0: + resolution: {integrity: sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==} + dependencies: + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-util-character@1.2.0: + resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==} + dependencies: + micromark-util-symbol: 1.1.0 + micromark-util-types: 1.1.0 + dev: false + + /micromark-util-character@2.0.1: + resolution: {integrity: sha512-3wgnrmEAJ4T+mGXAUfMvMAbxU9RDG43XmGce4j6CwPtVxB3vfwXSZ6KhFwDzZ3mZHhmPimMAXg71veiBGzeAZw==} + dependencies: + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-util-chunked@2.0.0: + resolution: {integrity: sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==} + dependencies: + micromark-util-symbol: 2.0.0 + + /micromark-util-classify-character@2.0.0: + resolution: {integrity: sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==} + dependencies: + micromark-util-character: 2.0.1 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-util-combine-extensions@2.0.0: + resolution: {integrity: sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==} + dependencies: + micromark-util-chunked: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-util-decode-numeric-character-reference@2.0.1: + resolution: {integrity: sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==} + dependencies: + micromark-util-symbol: 2.0.0 + + /micromark-util-decode-string@2.0.0: + resolution: {integrity: sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==} + dependencies: + decode-named-character-reference: 1.0.2 + micromark-util-character: 2.0.1 + micromark-util-decode-numeric-character-reference: 2.0.1 + micromark-util-symbol: 2.0.0 + + /micromark-util-encode@2.0.0: + resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==} + + /micromark-util-events-to-acorn@2.0.2: + resolution: {integrity: sha512-Fk+xmBrOv9QZnEDguL9OI9/NQQp6Hz4FuQ4YmCb/5V7+9eAh1s6AYSvL20kHkD67YIg7EpE54TiSlcsf3vyZgA==} + dependencies: + '@types/acorn': 4.0.6 + '@types/estree': 1.0.1 + '@types/unist': 3.0.1 + devlop: 1.1.0 + estree-util-visit: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + vfile-message: 4.0.2 + + /micromark-util-html-tag-name@2.0.0: + resolution: {integrity: sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==} + + /micromark-util-normalize-identifier@2.0.0: + resolution: {integrity: sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==} + dependencies: + micromark-util-symbol: 2.0.0 + + /micromark-util-resolve-all@2.0.0: + resolution: {integrity: sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==} + dependencies: + micromark-util-types: 2.0.0 + + /micromark-util-sanitize-uri@2.0.0: + resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==} + dependencies: + micromark-util-character: 2.0.1 + micromark-util-encode: 2.0.0 + micromark-util-symbol: 2.0.0 + + /micromark-util-subtokenize@2.0.0: + resolution: {integrity: sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==} + dependencies: + devlop: 1.1.0 + micromark-util-chunked: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + + /micromark-util-symbol@1.1.0: + resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==} + dev: false + + /micromark-util-symbol@2.0.0: + resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==} + + /micromark-util-types@1.1.0: + resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==} + dev: false + + /micromark-util-types@2.0.0: + resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==} + + /micromark@4.0.0: + resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==} + dependencies: + '@types/debug': 4.1.8 + debug: 4.3.4 + decode-named-character-reference: 1.0.2 + devlop: 1.1.0 + micromark-core-commonmark: 2.0.0 + micromark-factory-space: 2.0.0 + micromark-util-character: 2.0.1 + micromark-util-chunked: 2.0.0 + micromark-util-combine-extensions: 2.0.0 + micromark-util-decode-numeric-character-reference: 2.0.1 + micromark-util-encode: 2.0.0 + micromark-util-normalize-identifier: 2.0.0 + micromark-util-resolve-all: 2.0.0 + micromark-util-sanitize-uri: 2.0.0 + micromark-util-subtokenize: 2.0.0 + micromark-util-symbol: 2.0.0 + micromark-util-types: 2.0.0 + transitivePeerDependencies: + - supports-color + + /micromatch@4.0.5: + resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==} + engines: {node: '>=8.6'} + dependencies: + braces: 3.0.2 + picomatch: 2.3.1 + + /mime-db@1.33.0: + resolution: {integrity: sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==} + engines: {node: '>= 0.6'} + dev: false + + /mime-db@1.52.0: + resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==} + engines: {node: '>= 0.6'} + + /mime-types@2.1.18: + resolution: {integrity: sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==} + engines: {node: '>= 0.6'} + dependencies: + mime-db: 1.33.0 + dev: false + + /mime-types@2.1.35: + resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==} + engines: {node: '>= 0.6'} + dependencies: + mime-db: 1.52.0 + + /mime@1.6.0: + resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==} + engines: {node: '>=4'} + hasBin: true + dev: false + + /mimic-fn@2.1.0: + resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==} + engines: {node: '>=6'} + + /mimic-fn@4.0.0: + resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==} + engines: {node: '>=12'} + dev: true + + /mimic-response@3.1.0: + resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==} + engines: {node: '>=10'} + dev: false + + /mimic-response@4.0.0: + resolution: {integrity: sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: false + + /min-indent@1.0.1: + resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==} + engines: {node: '>=4'} + dev: true + + /mini-css-extract-plugin@2.7.6(webpack@5.88.2): + resolution: {integrity: sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==} + engines: {node: '>= 12.13.0'} + peerDependencies: + webpack: ^5.0.0 + dependencies: + schema-utils: 4.2.0 + webpack: 5.88.2 + dev: false + + /minimalistic-assert@1.0.1: + resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==} + dev: false + + /minimatch@3.1.2: + resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==} + dependencies: + brace-expansion: 1.1.11 + + /minimatch@5.1.6: + resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==} + engines: {node: '>=10'} + dependencies: + brace-expansion: 2.0.1 + dev: false + + /minimist-options@4.1.0: + resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==} + engines: {node: '>= 6'} + dependencies: + arrify: 1.0.1 + is-plain-obj: 1.1.0 + kind-of: 6.0.3 + dev: true + + /minimist@1.2.8: + resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} + dev: false + + /mkdirp-classic@0.5.3: + resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==} + dev: false + + /mrmime@1.0.1: + resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==} + engines: {node: '>=10'} + dev: false + + /ms@2.0.0: + resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} + dev: false + + /ms@2.1.2: + resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==} + + /ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + dev: false + + /multicast-dns@7.2.5: + resolution: {integrity: sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==} + hasBin: true + dependencies: + dns-packet: 5.6.1 + thunky: 1.1.0 + dev: false + + /nanoid@3.3.6: + resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + /napi-build-utils@1.0.2: + resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==} + dev: false + + /natural-compare@1.4.0: + resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} + + /negotiator@0.6.3: + resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==} + engines: {node: '>= 0.6'} + dev: false + + /neo-async@2.6.2: + resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==} + + /no-case@3.0.4: + resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==} + dependencies: + lower-case: 2.0.2 + tslib: 2.6.2 + dev: false + + /node-abi@3.47.0: + resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==} + engines: {node: '>=10'} + dependencies: + semver: 7.5.4 + dev: false + + /node-addon-api@6.1.0: + resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==} + dev: false + + /node-emoji@2.1.0: + resolution: {integrity: sha512-tcsBm9C6FmPN5Wo7OjFi9lgMyJjvkAeirmjR/ax8Ttfqy4N8PoFic26uqFTIgayHPNI5FH4ltUvfh9kHzwcK9A==} + dependencies: + '@sindresorhus/is': 3.1.2 + char-regex: 1.0.2 + emojilib: 2.4.0 + skin-tone: 2.0.0 + dev: false + + /node-forge@1.3.1: + resolution: {integrity: sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==} + engines: {node: '>= 6.13.0'} + dev: false + + /node-releases@2.0.14: + resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==} + + /normalize-package-data@3.0.3: + resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==} + engines: {node: '>=10'} + dependencies: + hosted-git-info: 4.1.0 + is-core-module: 2.13.0 + semver: 7.5.4 + validate-npm-package-license: 3.0.4 + dev: true + + /normalize-path@3.0.0: + resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} + engines: {node: '>=0.10.0'} + + /normalize-range@0.1.2: + resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==} + engines: {node: '>=0.10.0'} + dev: false + + /normalize-url@6.1.0: + resolution: {integrity: sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==} + engines: {node: '>=10'} + dev: false + + /normalize-url@8.0.0: + resolution: {integrity: sha512-uVFpKhj5MheNBJRTiMZ9pE/7hD1QTeEvugSJW/OmLzAp78PB5O6adfMNTvmfKhXBkvCzC+rqifWcVYpGFwTjnw==} + engines: {node: '>=14.16'} + dev: false + + /npm-run-path@4.0.1: + resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==} + engines: {node: '>=8'} + dependencies: + path-key: 3.1.1 + + /npm-run-path@5.1.0: + resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + path-key: 4.0.0 + dev: true + + /nprogress@0.2.0: + resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==} + dev: false + + /nth-check@2.1.1: + resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==} + dependencies: + boolbase: 1.0.0 + dev: false + + /object-assign@4.1.1: + resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} + engines: {node: '>=0.10.0'} + + /object-inspect@1.12.3: + resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==} + dev: false + + /object-keys@1.1.1: + resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==} + engines: {node: '>= 0.4'} + dev: false + + /object.assign@4.1.4: + resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + has-symbols: 1.0.3 + object-keys: 1.1.1 + dev: false + + /obuf@1.1.2: + resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==} + dev: false + + /on-finished@2.4.1: + resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==} + engines: {node: '>= 0.8'} + dependencies: + ee-first: 1.1.1 + dev: false + + /on-headers@1.0.2: + resolution: {integrity: sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==} + engines: {node: '>= 0.8'} + dev: false + + /once@1.4.0: + resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==} + dependencies: + wrappy: 1.0.2 + + /onetime@5.1.2: + resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==} + engines: {node: '>=6'} + dependencies: + mimic-fn: 2.1.0 + + /onetime@6.0.0: + resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==} + engines: {node: '>=12'} + dependencies: + mimic-fn: 4.0.0 + dev: true + + /open@8.4.2: + resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==} + engines: {node: '>=12'} + dependencies: + define-lazy-prop: 2.0.0 + is-docker: 2.2.1 + is-wsl: 2.2.0 + dev: false + + /open@9.1.0: + resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==} + engines: {node: '>=14.16'} + dependencies: + default-browser: 4.0.0 + define-lazy-prop: 3.0.0 + is-inside-container: 1.0.0 + is-wsl: 2.2.0 + dev: true + + /opener@1.5.2: + resolution: {integrity: sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==} + hasBin: true + dev: false + + /optionator@0.9.3: + resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==} + engines: {node: '>= 0.8.0'} + dependencies: + '@aashutoshrathi/word-wrap': 1.2.6 + deep-is: 0.1.4 + fast-levenshtein: 2.0.6 + levn: 0.4.1 + prelude-ls: 1.2.1 + type-check: 0.4.0 + + /ora@7.0.1: + resolution: {integrity: sha512-0TUxTiFJWv+JnjWm4o9yvuskpEJLXTcng8MJuKd+SzAzp2o+OP3HWqNhB4OdJRt1Vsd9/mR0oyaEYlOnL7XIRw==} + engines: {node: '>=16'} + dependencies: + chalk: 5.3.0 + cli-cursor: 4.0.0 + cli-spinners: 2.9.0 + is-interactive: 2.0.0 + is-unicode-supported: 1.3.0 + log-symbols: 5.1.0 + stdin-discarder: 0.1.0 + string-width: 6.1.0 + strip-ansi: 7.1.0 + dev: false + + /p-cancelable@3.0.0: + resolution: {integrity: sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw==} + engines: {node: '>=12.20'} + dev: false + + /p-limit@2.3.0: + resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==} + engines: {node: '>=6'} + dependencies: + p-try: 2.2.0 + dev: false + + /p-limit@3.1.0: + resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==} + engines: {node: '>=10'} + dependencies: + yocto-queue: 0.1.0 + + /p-limit@4.0.0: + resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + yocto-queue: 1.0.0 + dev: false + + /p-locate@3.0.0: + resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==} + engines: {node: '>=6'} + dependencies: + p-limit: 2.3.0 + dev: false + + /p-locate@5.0.0: + resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==} + engines: {node: '>=10'} + dependencies: + p-limit: 3.1.0 + + /p-locate@6.0.0: + resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + p-limit: 4.0.0 + dev: false + + /p-map@4.0.0: + resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==} + engines: {node: '>=10'} + dependencies: + aggregate-error: 3.1.0 + dev: false + + /p-retry@4.6.2: + resolution: {integrity: sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==} + engines: {node: '>=8'} + dependencies: + '@types/retry': 0.12.0 + retry: 0.13.1 + dev: false + + /p-try@2.2.0: + resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==} + engines: {node: '>=6'} + dev: false + + /package-json@8.1.1: + resolution: {integrity: sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==} + engines: {node: '>=14.16'} + dependencies: + got: 12.6.1 + registry-auth-token: 5.0.2 + registry-url: 6.0.1 + semver: 7.5.4 + dev: false + + /param-case@3.0.4: + resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==} + dependencies: + dot-case: 3.0.4 + tslib: 2.6.2 + dev: false + + /parent-module@1.0.1: + resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==} + engines: {node: '>=6'} + dependencies: + callsites: 3.1.0 + + /parse-entities@4.0.1: + resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==} + dependencies: + '@types/unist': 2.0.8 + character-entities: 2.0.2 + character-entities-legacy: 3.0.0 + character-reference-invalid: 2.0.1 + decode-named-character-reference: 1.0.2 + is-alphanumerical: 2.0.1 + is-decimal: 2.0.1 + is-hexadecimal: 2.0.1 + + /parse-json@5.2.0: + resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==} + engines: {node: '>=8'} + dependencies: + '@babel/code-frame': 7.22.13 + error-ex: 1.3.2 + json-parse-even-better-errors: 2.3.1 + lines-and-columns: 1.2.4 + + /parse-numeric-range@1.3.0: + resolution: {integrity: sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==} + dev: false + + /parse5-htmlparser2-tree-adapter@7.0.0: + resolution: {integrity: sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==} + dependencies: + domhandler: 5.0.3 + parse5: 7.1.2 + dev: false + + /parse5@7.1.2: + resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==} + dependencies: + entities: 4.5.0 + dev: false + + /parseurl@1.3.3: + resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==} + engines: {node: '>= 0.8'} + dev: false + + /pascal-case@3.1.2: + resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==} + dependencies: + no-case: 3.0.4 + tslib: 2.6.2 + dev: false + + /path-exists@3.0.0: + resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==} + engines: {node: '>=4'} + dev: false + + /path-exists@4.0.0: + resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} + engines: {node: '>=8'} + + /path-exists@5.0.0: + resolution: {integrity: sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: false + + /path-is-absolute@1.0.1: + resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==} + engines: {node: '>=0.10.0'} + + /path-is-inside@1.0.2: + resolution: {integrity: sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==} + dev: false + + /path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + + /path-key@4.0.0: + resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==} + engines: {node: '>=12'} + dev: true + + /path-parse@1.0.7: + resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==} + dev: false + + /path-root-regex@0.1.2: + resolution: {integrity: sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==} + engines: {node: '>=0.10.0'} + dev: false + + /path-root@0.1.1: + resolution: {integrity: sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==} + engines: {node: '>=0.10.0'} + dependencies: + path-root-regex: 0.1.2 + dev: false + + /path-to-regexp@0.1.7: + resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==} + dev: false + + /path-to-regexp@1.8.0: + resolution: {integrity: sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==} + dependencies: + isarray: 0.0.1 + dev: false + + /path-to-regexp@2.2.1: + resolution: {integrity: sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==} + dev: false + + /path-type@4.0.0: + resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==} + engines: {node: '>=8'} + + /periscopic@3.1.0: + resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==} + dependencies: + '@types/estree': 1.0.1 + estree-walker: 3.0.3 + is-reference: 3.0.1 + + /picocolors@1.0.0: + resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} + + /picomatch@2.3.1: + resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} + engines: {node: '>=8.6'} + + /pkg-dir@7.0.0: + resolution: {integrity: sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==} + engines: {node: '>=14.16'} + dependencies: + find-up: 6.3.0 + dev: false + + /pkg-up@3.1.0: + resolution: {integrity: sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==} + engines: {node: '>=8'} + dependencies: + find-up: 3.0.0 + dev: false + + /postcss-calc@8.2.4(postcss@8.4.29): + resolution: {integrity: sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==} + peerDependencies: + postcss: ^8.2.2 + dependencies: + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-colormin@5.3.1(postcss@8.4.29): + resolution: {integrity: sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + caniuse-api: 3.0.0 + colord: 2.9.3 + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-convert-values@5.1.3(postcss@8.4.29): + resolution: {integrity: sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-discard-comments@5.1.2(postcss@8.4.29): + resolution: {integrity: sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-discard-duplicates@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-discard-empty@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-discard-overridden@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-discard-unused@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-KwLWymI9hbwXmJa0dkrzpRbSJEh0vVUd7r8t0yOGPcfKzyJJxFM8kLyC5Ev9avji6nY95pOp1W6HqIrfT+0VGw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /postcss-loader@7.3.3(postcss@8.4.29)(typescript@5.3.3)(webpack@5.88.2): + resolution: {integrity: sha512-YgO/yhtevGO/vJePCQmTxiaEwER94LABZN0ZMT4A0vsak9TpO+RvKRs7EmJ8peIlB9xfXCsS7M8LjqncsUZ5HA==} + engines: {node: '>= 14.15.0'} + peerDependencies: + postcss: ^7.0.0 || ^8.0.1 + webpack: ^5.0.0 + dependencies: + cosmiconfig: 8.3.4(typescript@5.3.3) + jiti: 1.21.0 + postcss: 8.4.29 + semver: 7.5.4 + webpack: 5.88.2 + transitivePeerDependencies: + - typescript + dev: false + + /postcss-media-query-parser@0.2.3: + resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==} + dev: true + + /postcss-merge-idents@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-pCijL1TREiCoog5nQp7wUe+TUonA2tC2sQ54UGeMmryK3UFGIYKqDyjnqd6RcuI4znFn9hWSLNN8xKE/vWcUQw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-merge-longhand@5.1.7(postcss@8.4.29): + resolution: {integrity: sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + stylehacks: 5.1.1(postcss@8.4.29) + dev: false + + /postcss-merge-rules@5.1.4(postcss@8.4.29): + resolution: {integrity: sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + caniuse-api: 3.0.0 + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /postcss-minify-font-values@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-minify-gradients@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + colord: 2.9.3 + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-minify-params@5.1.4(postcss@8.4.29): + resolution: {integrity: sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-minify-selectors@5.2.1(postcss@8.4.29): + resolution: {integrity: sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /postcss-modules-extract-imports@3.0.0(postcss@8.4.29): + resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-modules-local-by-default@4.0.3(postcss@8.4.29): + resolution: {integrity: sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + dependencies: + icss-utils: 5.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-modules-scope@3.0.0(postcss@8.4.29): + resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /postcss-modules-values@4.0.0(postcss@8.4.29): + resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + dependencies: + icss-utils: 5.1.0(postcss@8.4.29) + postcss: 8.4.29 + dev: false + + /postcss-normalize-charset@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss-normalize-display-values@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-positions@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-repeat-style@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-string@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-timing-functions@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-unicode@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-url@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + normalize-url: 6.1.0 + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-normalize-whitespace@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-ordered-values@5.1.3(postcss@8.4.29): + resolution: {integrity: sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + cssnano-utils: 3.1.0(postcss@8.4.29) + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-reduce-idents@5.2.0(postcss@8.4.29): + resolution: {integrity: sha512-BTrLjICoSB6gxbc58D5mdBK8OhXRDqud/zodYfdSi52qvDHdMwk+9kB9xsM8yJThH/sZU5A6QVSmMmaN001gIg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-reduce-initial@5.1.2(postcss@8.4.29): + resolution: {integrity: sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + caniuse-api: 3.0.0 + postcss: 8.4.29 + dev: false + + /postcss-reduce-transforms@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + dev: false + + /postcss-resolve-nested-selector@0.1.1: + resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==} + dev: true + + /postcss-safe-parser@6.0.0(postcss@8.4.29): + resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==} + engines: {node: '>=12.0'} + peerDependencies: + postcss: ^8.3.3 + dependencies: + postcss: 8.4.29 + dev: true + + /postcss-scss@4.0.9(postcss@8.4.29): + resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==} + engines: {node: '>=12.0'} + peerDependencies: + postcss: ^8.4.29 + dependencies: + postcss: 8.4.29 + dev: true + + /postcss-selector-parser@6.0.13: + resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==} + engines: {node: '>=4'} + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + + /postcss-sort-media-queries@4.4.1(postcss@8.4.29): + resolution: {integrity: sha512-QDESFzDDGKgpiIh4GYXsSy6sek2yAwQx1JASl5AxBtU1Lq2JfKBljIPNdil989NcSKRQX1ToiaKphImtBuhXWw==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.4.16 + dependencies: + postcss: 8.4.29 + sort-css-media-queries: 2.1.0 + dev: false + + /postcss-svgo@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-value-parser: 4.2.0 + svgo: 2.8.0 + dev: false + + /postcss-unique-selectors@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + + /postcss-zindex@5.1.0(postcss@8.4.29): + resolution: {integrity: sha512-fgFMf0OtVSBR1va1JNHYgMxYk73yhn/qb4uQDq1DLGYolz8gHCyr/sesEuGUaYs58E3ZJRcpoGuPVoB7Meiq9A==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + postcss: 8.4.29 + dev: false + + /postcss@8.4.29: + resolution: {integrity: sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==} + engines: {node: ^10 || ^12 || >=14} + dependencies: + nanoid: 3.3.6 + picocolors: 1.0.0 + source-map-js: 1.0.2 + + /prebuild-install@7.1.1: + resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==} + engines: {node: '>=10'} + hasBin: true + dependencies: + detect-libc: 2.0.2 + expand-template: 2.0.3 + github-from-package: 0.0.0 + minimist: 1.2.8 + mkdirp-classic: 0.5.3 + napi-build-utils: 1.0.2 + node-abi: 3.47.0 + pump: 3.0.0 + rc: 1.2.8 + simple-get: 4.0.1 + tar-fs: 2.1.1 + tunnel-agent: 0.6.0 + dev: false + + /prelude-ls@1.2.1: + resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} + engines: {node: '>= 0.8.0'} + + /prettier-linter-helpers@1.0.0: + resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==} + engines: {node: '>=6.0.0'} + dependencies: + fast-diff: 1.3.0 + dev: true + + /prettier@3.1.0: + resolution: {integrity: sha512-TQLvXjq5IAibjh8EpBIkNKxO749UEWABoiIZehEPiY4GNpVdhaFKqSTu+QrlU6D2dPAfubRmtJTi4K4YkQ5eXw==} + engines: {node: '>=14'} + hasBin: true + dev: true + + /pretty-bytes@5.6.0: + resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==} + engines: {node: '>=6'} + dev: false + + /pretty-error@4.0.0: + resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==} + dependencies: + lodash: 4.17.21 + renderkid: 3.0.0 + dev: false + + /pretty-time@1.1.0: + resolution: {integrity: sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==} + engines: {node: '>=4'} + dev: false + + /prism-react-renderer@2.3.1(react@18.2.0): + resolution: {integrity: sha512-Rdf+HzBLR7KYjzpJ1rSoxT9ioO85nZngQEoFIhL07XhtJHlCU3SOz0GJ6+qvMyQe0Se+BV3qpe6Yd/NmQF5Juw==} + peerDependencies: + react: '>=16.0.0' + dependencies: + '@types/prismjs': 1.26.2 + clsx: 2.0.0 + react: 18.2.0 + dev: false + + /prismjs@1.29.0: + resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==} + engines: {node: '>=6'} + dev: false + + /process-nextick-args@2.0.1: + resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==} + dev: false + + /prompts@2.4.2: + resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==} + engines: {node: '>= 6'} + dependencies: + kleur: 3.0.3 + sisteransi: 1.0.5 + dev: false + + /prop-types@15.8.1: + resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==} + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + react-is: 16.13.1 + + /property-information@6.3.0: + resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==} + + /proto-list@1.2.4: + resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==} + dev: false + + /proxy-addr@2.0.7: + resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==} + engines: {node: '>= 0.10'} + dependencies: + forwarded: 0.2.0 + ipaddr.js: 1.9.1 + dev: false + + /pump@3.0.0: + resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==} + dependencies: + end-of-stream: 1.4.4 + once: 1.4.0 + dev: false + + /punycode@1.4.1: + resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==} + dev: false + + /punycode@2.3.0: + resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==} + engines: {node: '>=6'} + + /pupa@3.1.0: + resolution: {integrity: sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==} + engines: {node: '>=12.20'} + dependencies: + escape-goat: 4.0.0 + dev: false + + /qs@6.11.0: + resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==} + engines: {node: '>=0.6'} + dependencies: + side-channel: 1.0.4 + dev: false + + /queue-microtask@1.2.3: + resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} + + /queue-tick@1.0.1: + resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==} + dev: false + + /queue@6.0.2: + resolution: {integrity: sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==} + dependencies: + inherits: 2.0.4 + dev: false + + /quick-lru@5.1.1: + resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==} + engines: {node: '>=10'} + + /randombytes@2.1.0: + resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==} + dependencies: + safe-buffer: 5.2.1 + + /range-parser@1.2.0: + resolution: {integrity: sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==} + engines: {node: '>= 0.6'} + dev: false + + /range-parser@1.2.1: + resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==} + engines: {node: '>= 0.6'} + dev: false + + /raw-body@2.5.1: + resolution: {integrity: sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==} + engines: {node: '>= 0.8'} + dependencies: + bytes: 3.1.2 + http-errors: 2.0.0 + iconv-lite: 0.4.24 + unpipe: 1.0.0 + dev: false + + /raw-loader@4.0.2(webpack@5.88.2): + resolution: {integrity: sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA==} + engines: {node: '>= 10.13.0'} + peerDependencies: + webpack: ^4.0.0 || ^5.0.0 + dependencies: + loader-utils: 2.0.4 + schema-utils: 3.3.0 + webpack: 5.88.2 + dev: false + + /rc@1.2.8: + resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==} + hasBin: true + dependencies: + deep-extend: 0.6.0 + ini: 1.3.8 + minimist: 1.2.8 + strip-json-comments: 2.0.1 + dev: false + + /react-dev-utils@12.0.1(eslint@8.53.0)(typescript@5.3.3)(webpack@5.88.2): + resolution: {integrity: sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==} + engines: {node: '>=14'} + peerDependencies: + typescript: '>=2.7' + webpack: '>=4' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@babel/code-frame': 7.23.5 + address: 1.2.2 + browserslist: 4.22.2 + chalk: 4.1.2 + cross-spawn: 7.0.3 + detect-port-alt: 1.1.6 + escape-string-regexp: 4.0.0 + filesize: 8.0.7 + find-up: 5.0.0 + fork-ts-checker-webpack-plugin: 6.5.3(eslint@8.53.0)(typescript@5.3.3)(webpack@5.88.2) + global-modules: 2.0.0 + globby: 11.1.0 + gzip-size: 6.0.0 + immer: 9.0.21 + is-root: 2.1.0 + loader-utils: 3.2.1 + open: 8.4.2 + pkg-up: 3.1.0 + prompts: 2.4.2 + react-error-overlay: 6.0.11 + recursive-readdir: 2.2.3 + shell-quote: 1.8.1 + strip-ansi: 6.0.1 + text-table: 0.2.0 + typescript: 5.3.3 + webpack: 5.88.2 + transitivePeerDependencies: + - eslint + - supports-color + - vue-template-compiler + dev: false + + /react-dom@18.2.0(react@18.2.0): + resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==} + peerDependencies: + react: ^18.2.0 + dependencies: + loose-envify: 1.4.0 + react: 18.2.0 + scheduler: 0.23.0 + + /react-error-overlay@6.0.11: + resolution: {integrity: sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==} + dev: false + + /react-fast-compare@3.2.2: + resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==} + + /react-helmet-async@1.3.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-9jZ57/dAn9t3q6hneQS0wukqC2ENOBgMNVEhb/ZG9ZSxUetzVIw4iAmEU38IaVg3QGYauQPhSeUTuIUtFglWpg==} + peerDependencies: + react: ^16.6.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.6.0 || ^17.0.0 || ^18.0.0 + dependencies: + '@babel/runtime': 7.22.15 + invariant: 2.2.4 + prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-fast-compare: 3.2.2 + shallowequal: 1.1.0 + + /react-is@16.13.1: + resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} + + /react-is@18.2.0: + resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==} + dev: false + + /react-json-view-lite@1.2.1(react@18.2.0): + resolution: {integrity: sha512-Itc0g86fytOmKZoIoJyGgvNqohWSbh3NXIKNgH6W6FT9PC1ck4xas1tT3Rr/b3UlFXyA9Jjaw9QSXdZy2JwGMQ==} + engines: {node: '>=14'} + peerDependencies: + react: ^16.13.1 || ^17.0.0 || ^18.0.0 + dependencies: + react: 18.2.0 + dev: false + + /react-loadable-ssr-addon-v5-slorber@1.0.1(@docusaurus/react-loadable@5.5.2)(webpack@5.88.2): + resolution: {integrity: sha512-lq3Lyw1lGku8zUEJPDxsNm1AfYHBrO9Y1+olAYwpUJ2IGFBskM0DMKok97A6LWUpHm+o7IvQBOWu9MLenp9Z+A==} + engines: {node: '>=10.13.0'} + peerDependencies: + react-loadable: '*' + webpack: '>=4.41.1 || 5.x' + dependencies: + '@babel/runtime': 7.22.15 + react-loadable: /@docusaurus/react-loadable@5.5.2(react@18.2.0) + webpack: 5.88.2 + dev: false + + /react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==} + peerDependencies: + '@popperjs/core': ^2.0.0 + react: ^16.8.0 || ^17 || ^18 + react-dom: ^16.8.0 || ^17 || ^18 + dependencies: + '@popperjs/core': 2.11.8 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-fast-compare: 3.2.2 + warning: 4.0.3 + dev: false + + /react-router-config@5.1.1(react-router@5.3.4)(react@18.2.0): + resolution: {integrity: sha512-DuanZjaD8mQp1ppHjgnnUnyOlqYXZVjnov/JzFhjLEwd3Z4dYjMSnqrEzzGThH47vpCOqPPwJM2FtthLeJ8Pbg==} + peerDependencies: + react: '>=15' + react-router: '>=5' + dependencies: + '@babel/runtime': 7.22.15 + react: 18.2.0 + react-router: 5.3.4(react@18.2.0) + dev: false + + /react-router-dom@5.3.4(react@18.2.0): + resolution: {integrity: sha512-m4EqFMHv/Ih4kpcBCONHbkT68KoAeHN4p3lAGoNryfHi0dMy0kCzEZakiKRsvg5wHZ/JLrLW8o8KomWiz/qbYQ==} + peerDependencies: + react: '>=15' + dependencies: + '@babel/runtime': 7.22.15 + history: 4.10.1 + loose-envify: 1.4.0 + prop-types: 15.8.1 + react: 18.2.0 + react-router: 5.3.4(react@18.2.0) + tiny-invariant: 1.3.1 + tiny-warning: 1.0.3 + dev: false + + /react-router@5.3.4(react@18.2.0): + resolution: {integrity: sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==} + peerDependencies: + react: '>=15' + dependencies: + '@babel/runtime': 7.22.15 + history: 4.10.1 + hoist-non-react-statics: 3.3.2 + loose-envify: 1.4.0 + path-to-regexp: 1.8.0 + prop-types: 15.8.1 + react: 18.2.0 + react-is: 16.13.1 + tiny-invariant: 1.3.1 + tiny-warning: 1.0.3 + dev: false + + /react-waypoint@10.3.0(react@18.2.0): + resolution: {integrity: sha512-iF1y2c1BsoXuEGz08NoahaLFIGI9gTUAAOKip96HUmylRT6DUtpgoBPjk/Y8dfcFVmfVDvUzWjNXpZyKTOV0SQ==} + peerDependencies: + react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 + dependencies: + '@babel/runtime': 7.22.15 + consolidated-events: 2.0.2 + prop-types: 15.8.1 + react: 18.2.0 + react-is: 18.2.0 + dev: false + + /react@18.2.0: + resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==} + engines: {node: '>=0.10.0'} + dependencies: + loose-envify: 1.4.0 + + /read-pkg-up@8.0.0: + resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==} + engines: {node: '>=12'} + dependencies: + find-up: 5.0.0 + read-pkg: 6.0.0 + type-fest: 1.4.0 + dev: true + + /read-pkg@6.0.0: + resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==} + engines: {node: '>=12'} + dependencies: + '@types/normalize-package-data': 2.4.1 + normalize-package-data: 3.0.3 + parse-json: 5.2.0 + type-fest: 1.4.0 + dev: true + + /readable-stream@2.3.8: + resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==} + dependencies: + core-util-is: 1.0.3 + inherits: 2.0.4 + isarray: 1.0.0 + process-nextick-args: 2.0.1 + safe-buffer: 5.1.2 + string_decoder: 1.1.1 + util-deprecate: 1.0.2 + dev: false + + /readable-stream@3.6.2: + resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==} + engines: {node: '>= 6'} + dependencies: + inherits: 2.0.4 + string_decoder: 1.3.0 + util-deprecate: 1.0.2 + dev: false + + /readdirp@3.6.0: + resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} + engines: {node: '>=8.10.0'} + dependencies: + picomatch: 2.3.1 + dev: false + + /reading-time@1.5.0: + resolution: {integrity: sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg==} + dev: false + + /rechoir@0.6.2: + resolution: {integrity: sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==} + engines: {node: '>= 0.10'} + dependencies: + resolve: 1.22.4 + dev: false + + /recursive-readdir@2.2.3: + resolution: {integrity: sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==} + engines: {node: '>=6.0.0'} + dependencies: + minimatch: 3.1.2 + dev: false + + /redent@4.0.0: + resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==} + engines: {node: '>=12'} + dependencies: + indent-string: 5.0.0 + strip-indent: 4.0.0 + dev: true + + /regenerate-unicode-properties@10.1.0: + resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==} + engines: {node: '>=4'} + dependencies: + regenerate: 1.4.2 + dev: false + + /regenerate@1.4.2: + resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==} + dev: false + + /regenerator-runtime@0.14.0: + resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==} + + /regenerator-transform@0.15.2: + resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==} + dependencies: + '@babel/runtime': 7.22.15 + dev: false + + /regexp.prototype.flags@1.5.0: + resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + functions-have-names: 1.2.3 + dev: false + + /regexpu-core@5.3.2: + resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==} + engines: {node: '>=4'} + dependencies: + '@babel/regjsgen': 0.8.0 + regenerate: 1.4.2 + regenerate-unicode-properties: 10.1.0 + regjsparser: 0.9.1 + unicode-match-property-ecmascript: 2.0.0 + unicode-match-property-value-ecmascript: 2.1.0 + dev: false + + /registry-auth-token@5.0.2: + resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==} + engines: {node: '>=14'} + dependencies: + '@pnpm/npm-conf': 2.2.2 + dev: false + + /registry-url@6.0.1: + resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==} + engines: {node: '>=12'} + dependencies: + rc: 1.2.8 + dev: false + + /regjsparser@0.9.1: + resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==} + hasBin: true + dependencies: + jsesc: 0.5.0 + dev: false + + /rehype-raw@7.0.0: + resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==} + dependencies: + '@types/hast': 3.0.2 + hast-util-raw: 9.0.1 + vfile: 6.0.1 + dev: false + + /relateurl@0.2.7: + resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==} + engines: {node: '>= 0.10'} + dev: false + + /remark-directive@3.0.0: + resolution: {integrity: sha512-l1UyWJ6Eg1VPU7Hm/9tt0zKtReJQNOA4+iDMAxTyZNWnJnFlbS/7zhiel/rogTLQ2vMYwDzSJa4BiVNqGlqIMA==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-directive: 3.0.0 + micromark-extension-directive: 3.0.0 + unified: 11.0.4 + transitivePeerDependencies: + - supports-color + dev: false + + /remark-emoji@4.0.1: + resolution: {integrity: sha512-fHdvsTR1dHkWKev9eNyhTo4EFwbUvJ8ka9SgeWkMPYFX4WoI7ViVBms3PjlQYgw5TLvNQso3GUB/b/8t3yo+dg==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + '@types/mdast': 4.0.2 + emoticon: 4.0.1 + mdast-util-find-and-replace: 3.0.1 + node-emoji: 2.1.0 + unified: 11.0.4 + dev: false + + /remark-frontmatter@5.0.0: + resolution: {integrity: sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-frontmatter: 2.0.1 + micromark-extension-frontmatter: 2.0.0 + unified: 11.0.4 + transitivePeerDependencies: + - supports-color + dev: false + + /remark-gfm@4.0.0: + resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-gfm: 3.0.0 + micromark-extension-gfm: 3.0.0 + remark-parse: 11.0.0 + remark-stringify: 11.0.0 + unified: 11.0.4 + transitivePeerDependencies: + - supports-color + dev: false + + /remark-mdx@3.0.0: + resolution: {integrity: sha512-O7yfjuC6ra3NHPbRVxfflafAj3LTwx3b73aBvkEFU5z4PsD6FD4vrqJAkE5iNGLz71GdjXfgRqm3SQ0h0VuE7g==} + dependencies: + mdast-util-mdx: 3.0.0 + micromark-extension-mdxjs: 3.0.0 + transitivePeerDependencies: + - supports-color + + /remark-parse@11.0.0: + resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-from-markdown: 2.0.0 + micromark-util-types: 2.0.0 + unified: 11.0.4 + transitivePeerDependencies: + - supports-color + + /remark-rehype@11.0.0: + resolution: {integrity: sha512-vx8x2MDMcxuE4lBmQ46zYUDfcFMmvg80WYX+UNLeG6ixjdCCLcw1lrgAukwBTuOFsS78eoAedHGn9sNM0w7TPw==} + dependencies: + '@types/hast': 3.0.2 + '@types/mdast': 4.0.2 + mdast-util-to-hast: 13.0.2 + unified: 11.0.4 + vfile: 6.0.1 + + /remark-stringify@11.0.0: + resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==} + dependencies: + '@types/mdast': 4.0.2 + mdast-util-to-markdown: 2.1.0 + unified: 11.0.4 + dev: false + + /renderkid@3.0.0: + resolution: {integrity: sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==} + dependencies: + css-select: 4.3.0 + dom-converter: 0.2.0 + htmlparser2: 6.1.0 + lodash: 4.17.21 + strip-ansi: 6.0.1 + dev: false + + /require-from-string@2.0.2: + resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==} + engines: {node: '>=0.10.0'} + + /require-like@0.1.2: + resolution: {integrity: sha512-oyrU88skkMtDdauHDuKVrgR+zuItqr6/c//FXzvmxRGMexSDc6hNvJInGW3LL46n+8b50RykrvwSUIIQH2LQ5A==} + dev: false + + /requires-port@1.0.0: + resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==} + dev: false + + /resolve-alpn@1.2.1: + resolution: {integrity: sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==} + dev: false + + /resolve-from@4.0.0: + resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==} + engines: {node: '>=4'} + + /resolve-from@5.0.0: + resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==} + engines: {node: '>=8'} + dev: true + + /resolve-package-path@4.0.3: + resolution: {integrity: sha512-SRpNAPW4kewOaNUt8VPqhJ0UMxawMwzJD8V7m1cJfdSTK9ieZwS6K7Dabsm4bmLFM96Z5Y/UznrpG5kt1im8yA==} + engines: {node: '>= 12'} + dependencies: + path-root: 0.1.1 + dev: false + + /resolve-pathname@3.0.0: + resolution: {integrity: sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==} + dev: false + + /resolve@1.22.4: + resolution: {integrity: sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==} + hasBin: true + dependencies: + is-core-module: 2.13.0 + path-parse: 1.0.7 + supports-preserve-symlinks-flag: 1.0.0 + dev: false + + /responselike@3.0.0: + resolution: {integrity: sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg==} + engines: {node: '>=14.16'} + dependencies: + lowercase-keys: 3.0.0 + dev: false + + /restore-cursor@4.0.0: + resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + onetime: 5.1.2 + signal-exit: 3.0.7 + dev: false + + /retry@0.13.1: + resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==} + engines: {node: '>= 4'} + dev: false + + /reusify@1.0.4: + resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==} + engines: {iojs: '>=1.0.0', node: '>=0.10.0'} + + /rimraf@3.0.2: + resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==} + hasBin: true + dependencies: + glob: 7.2.3 + + /rollup-plugin-terser@7.0.2(rollup@2.79.1): + resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==} + deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser + peerDependencies: + rollup: ^2.0.0 + dependencies: + '@babel/code-frame': 7.23.5 + jest-worker: 26.6.2 + rollup: 2.79.1 + serialize-javascript: 4.0.0 + terser: 5.19.4 + dev: false + + /rollup@2.79.1: + resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==} + engines: {node: '>=10.0.0'} + hasBin: true + optionalDependencies: + fsevents: 2.3.3 + dev: false + + /rtl-detect@1.0.4: + resolution: {integrity: sha512-EBR4I2VDSSYr7PkBmFy04uhycIpDKp+21p/jARYXlCSjQksTBQcJ0HFUPOO79EPPH5JS6VAhiIQbycf0O3JAxQ==} + dev: false + + /rtlcss@4.1.1: + resolution: {integrity: sha512-/oVHgBtnPNcggP2aVXQjSy6N1mMAfHg4GSag0QtZBlD5bdDgAHwr4pydqJGd+SUCu9260+Pjqbjwtvu7EMH1KQ==} + engines: {node: '>=12.0.0'} + hasBin: true + dependencies: + escalade: 3.1.1 + picocolors: 1.0.0 + postcss: 8.4.29 + strip-json-comments: 3.1.1 + dev: false + + /run-applescript@5.0.0: + resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==} + engines: {node: '>=12'} + dependencies: + execa: 5.1.1 + dev: true + + /run-parallel@1.2.0: + resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} + dependencies: + queue-microtask: 1.2.3 + + /safe-array-concat@1.0.1: + resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==} + engines: {node: '>=0.4'} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + has-symbols: 1.0.3 + isarray: 2.0.5 + dev: false + + /safe-buffer@5.1.2: + resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==} + dev: false + + /safe-buffer@5.2.1: + resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==} + + /safe-regex-test@1.0.0: + resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + is-regex: 1.1.4 + dev: false + + /safer-buffer@2.1.2: + resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} + dev: false + + /sass-loader@10.4.1(sass@1.66.1)(webpack@5.88.2): + resolution: {integrity: sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==} + engines: {node: '>= 10.13.0'} + peerDependencies: + fibers: '>= 3.1.0' + node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 + sass: ^1.3.0 + webpack: ^4.36.0 || ^5.0.0 + peerDependenciesMeta: + fibers: + optional: true + node-sass: + optional: true + sass: + optional: true + dependencies: + klona: 2.0.6 + loader-utils: 2.0.4 + neo-async: 2.6.2 + sass: 1.66.1 + schema-utils: 3.3.0 + semver: 7.5.4 + webpack: 5.88.2 + dev: false + + /sass@1.66.1: + resolution: {integrity: sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==} + engines: {node: '>=14.0.0'} + hasBin: true + dependencies: + chokidar: 3.5.3 + immutable: 4.3.4 + source-map-js: 1.0.2 + dev: false + + /sax@1.2.4: + resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==} + dev: false + + /scheduler@0.23.0: + resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==} + dependencies: + loose-envify: 1.4.0 + + /schema-utils@2.7.0: + resolution: {integrity: sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==} + engines: {node: '>= 8.9.0'} + dependencies: + '@types/json-schema': 7.0.12 + ajv: 6.12.6 + ajv-keywords: 3.5.2(ajv@6.12.6) + dev: false + + /schema-utils@3.3.0: + resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==} + engines: {node: '>= 10.13.0'} + dependencies: + '@types/json-schema': 7.0.12 + ajv: 6.12.6 + ajv-keywords: 3.5.2(ajv@6.12.6) + + /schema-utils@4.2.0: + resolution: {integrity: sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==} + engines: {node: '>= 12.13.0'} + dependencies: + '@types/json-schema': 7.0.12 + ajv: 8.12.0 + ajv-formats: 2.1.1(ajv@8.12.0) + ajv-keywords: 5.1.0(ajv@8.12.0) + dev: false + + /search-insights@2.8.2: + resolution: {integrity: sha512-PxA9M5Q2bpBelVvJ3oDZR8nuY00Z6qwOxL53wNpgzV28M/D6u9WUbImDckjLSILBF8F1hn/mgyuUaOPtjow4Qw==} + dev: false + + /section-matter@1.0.0: + resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==} + engines: {node: '>=4'} + dependencies: + extend-shallow: 2.0.1 + kind-of: 6.0.3 + dev: false + + /select-hose@2.0.0: + resolution: {integrity: sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==} + dev: false + + /selfsigned@2.1.1: + resolution: {integrity: sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==} + engines: {node: '>=10'} + dependencies: + node-forge: 1.3.1 + dev: false + + /semver-diff@4.0.0: + resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==} + engines: {node: '>=12'} + dependencies: + semver: 7.5.4 + dev: false + + /semver@6.3.1: + resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==} + hasBin: true + dev: false + + /semver@7.5.4: + resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==} + engines: {node: '>=10'} + hasBin: true + dependencies: + lru-cache: 6.0.0 + + /send@0.18.0: + resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==} + engines: {node: '>= 0.8.0'} + dependencies: + debug: 2.6.9 + depd: 2.0.0 + destroy: 1.2.0 + encodeurl: 1.0.2 + escape-html: 1.0.3 + etag: 1.8.1 + fresh: 0.5.2 + http-errors: 2.0.0 + mime: 1.6.0 + ms: 2.1.3 + on-finished: 2.4.1 + range-parser: 1.2.1 + statuses: 2.0.1 + transitivePeerDependencies: + - supports-color + dev: false + + /serialize-javascript@4.0.0: + resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==} + dependencies: + randombytes: 2.1.0 + dev: false + + /serialize-javascript@6.0.1: + resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==} + dependencies: + randombytes: 2.1.0 + + /serve-handler@6.1.5: + resolution: {integrity: sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==} + dependencies: + bytes: 3.0.0 + content-disposition: 0.5.2 + fast-url-parser: 1.1.3 + mime-types: 2.1.18 + minimatch: 3.1.2 + path-is-inside: 1.0.2 + path-to-regexp: 2.2.1 + range-parser: 1.2.0 + dev: false + + /serve-index@1.9.1: + resolution: {integrity: sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==} + engines: {node: '>= 0.8.0'} + dependencies: + accepts: 1.3.8 + batch: 0.6.1 + debug: 2.6.9 + escape-html: 1.0.3 + http-errors: 1.6.3 + mime-types: 2.1.35 + parseurl: 1.3.3 + transitivePeerDependencies: + - supports-color + dev: false + + /serve-static@1.15.0: + resolution: {integrity: sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==} + engines: {node: '>= 0.8.0'} + dependencies: + encodeurl: 1.0.2 + escape-html: 1.0.3 + parseurl: 1.3.3 + send: 0.18.0 + transitivePeerDependencies: + - supports-color + dev: false + + /server-only@0.0.1: + resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==} + dev: false + + /setprototypeof@1.1.0: + resolution: {integrity: sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==} + dev: false + + /setprototypeof@1.2.0: + resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==} + dev: false + + /shallow-clone@3.0.1: + resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==} + engines: {node: '>=8'} + dependencies: + kind-of: 6.0.3 + + /shallowequal@1.1.0: + resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==} + + /sharp@0.32.6: + resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==} + engines: {node: '>=14.15.0'} + requiresBuild: true + dependencies: + color: 4.2.3 + detect-libc: 2.0.2 + node-addon-api: 6.1.0 + prebuild-install: 7.1.1 + semver: 7.5.4 + simple-get: 4.0.1 + tar-fs: 3.0.4 + tunnel-agent: 0.6.0 + dev: false + + /shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + dependencies: + shebang-regex: 3.0.0 + + /shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + /shell-quote@1.8.1: + resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==} + dev: false + + /shelljs@0.8.5: + resolution: {integrity: sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==} + engines: {node: '>=4'} + hasBin: true + dependencies: + glob: 7.2.3 + interpret: 1.4.0 + rechoir: 0.6.2 + dev: false + + /side-channel@1.0.4: + resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + object-inspect: 1.12.3 + dev: false + + /signal-exit@3.0.7: + resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==} + + /signal-exit@4.1.0: + resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} + engines: {node: '>=14'} + dev: true + + /simple-concat@1.0.1: + resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==} + dev: false + + /simple-get@4.0.1: + resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==} + dependencies: + decompress-response: 6.0.0 + once: 1.4.0 + simple-concat: 1.0.1 + dev: false + + /simple-swizzle@0.2.2: + resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==} + dependencies: + is-arrayish: 0.3.2 + dev: false + + /sirv@2.0.3: + resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==} + engines: {node: '>= 10'} + dependencies: + '@polka/url': 1.0.0-next.21 + mrmime: 1.0.1 + totalist: 3.0.1 + dev: false + + /sisteransi@1.0.5: + resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} + dev: false + + /sitemap@7.1.1: + resolution: {integrity: sha512-mK3aFtjz4VdJN0igpIJrinf3EO8U8mxOPsTBzSsy06UtjZQJ3YY3o3Xa7zSc5nMqcMrRwlChHZ18Kxg0caiPBg==} + engines: {node: '>=12.0.0', npm: '>=5.6.0'} + hasBin: true + dependencies: + '@types/node': 17.0.45 + '@types/sax': 1.2.6 + arg: 5.0.2 + sax: 1.2.4 + dev: false + + /skin-tone@2.0.0: + resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==} + engines: {node: '>=8'} + dependencies: + unicode-emoji-modifier-base: 1.0.0 + dev: false + + /slash@3.0.0: + resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==} + engines: {node: '>=8'} + + /slash@4.0.0: + resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==} + engines: {node: '>=12'} + dev: false + + /slice-ansi@4.0.0: + resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==} + engines: {node: '>=10'} + dependencies: + ansi-styles: 4.3.0 + astral-regex: 2.0.0 + is-fullwidth-code-point: 3.0.0 + dev: true + + /sockjs@0.3.24: + resolution: {integrity: sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==} + dependencies: + faye-websocket: 0.11.4 + uuid: 8.3.2 + websocket-driver: 0.7.4 + dev: false + + /sort-css-media-queries@2.1.0: + resolution: {integrity: sha512-IeWvo8NkNiY2vVYdPa27MCQiR0MN0M80johAYFVxWWXQ44KU84WNxjslwBHmc/7ZL2ccwkM7/e6S5aiKZXm7jA==} + engines: {node: '>= 6.3.0'} + dev: false + + /source-map-js@1.0.2: + resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==} + engines: {node: '>=0.10.0'} + + /source-map-support@0.5.21: + resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==} + dependencies: + buffer-from: 1.1.2 + source-map: 0.6.1 + + /source-map@0.6.1: + resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} + engines: {node: '>=0.10.0'} + + /source-map@0.7.4: + resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==} + engines: {node: '>= 8'} + + /source-map@0.8.0-beta.0: + resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==} + engines: {node: '>= 8'} + dependencies: + whatwg-url: 7.1.0 + dev: false + + /sourcemap-codec@1.4.8: + resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==} + deprecated: Please use @jridgewell/sourcemap-codec instead + dev: false + + /space-separated-tokens@2.0.2: + resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==} + + /spdx-correct@3.2.0: + resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==} + dependencies: + spdx-expression-parse: 3.0.1 + spdx-license-ids: 3.0.13 + dev: true + + /spdx-exceptions@2.3.0: + resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==} + dev: true + + /spdx-expression-parse@3.0.1: + resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==} + dependencies: + spdx-exceptions: 2.3.0 + spdx-license-ids: 3.0.13 + dev: true + + /spdx-license-ids@3.0.13: + resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==} + dev: true + + /spdy-transport@3.0.0: + resolution: {integrity: sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==} + dependencies: + debug: 4.3.4 + detect-node: 2.1.0 + hpack.js: 2.1.6 + obuf: 1.1.2 + readable-stream: 3.6.2 + wbuf: 1.7.3 + transitivePeerDependencies: + - supports-color + dev: false + + /spdy@4.0.2: + resolution: {integrity: sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==} + engines: {node: '>=6.0.0'} + dependencies: + debug: 4.3.4 + handle-thing: 2.0.1 + http-deceiver: 1.2.7 + select-hose: 2.0.0 + spdy-transport: 3.0.0 + transitivePeerDependencies: + - supports-color + dev: false + + /sprintf-js@1.0.3: + resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==} + dev: false + + /srcset@4.0.0: + resolution: {integrity: sha512-wvLeHgcVHKO8Sc/H/5lkGreJQVeYMm9rlmt8PuR1xE31rIuXhuzznUUqAt8MqLhB3MqJdFzlNAfpcWnxiFUcPw==} + engines: {node: '>=12'} + dev: false + + /stable@0.1.8: + resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==} + deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility' + dev: false + + /statuses@1.5.0: + resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==} + engines: {node: '>= 0.6'} + dev: false + + /statuses@2.0.1: + resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==} + engines: {node: '>= 0.8'} + dev: false + + /std-env@3.4.3: + resolution: {integrity: sha512-f9aPhy8fYBuMN+sNfakZV18U39PbalgjXG3lLB9WkaYTxijru61wb57V9wxxNthXM5Sd88ETBWi29qLAsHO52Q==} + dev: false + + /stdin-discarder@0.1.0: + resolution: {integrity: sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dependencies: + bl: 5.1.0 + dev: false + + /streamx@2.15.2: + resolution: {integrity: sha512-b62pAV/aeMjUoRN2C/9F0n+G8AfcJjNC0zw/ZmOHeFsIe4m4GzjVW9m6VHXVjk536NbdU9JRwKMJRfkc+zUFTg==} + dependencies: + fast-fifo: 1.3.2 + queue-tick: 1.0.1 + dev: false + + /string-width@4.2.3: + resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==} + engines: {node: '>=8'} + dependencies: + emoji-regex: 8.0.0 + is-fullwidth-code-point: 3.0.0 + strip-ansi: 6.0.1 + + /string-width@5.1.2: + resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==} + engines: {node: '>=12'} + dependencies: + eastasianwidth: 0.2.0 + emoji-regex: 9.2.2 + strip-ansi: 7.1.0 + dev: false + + /string-width@6.1.0: + resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==} + engines: {node: '>=16'} + dependencies: + eastasianwidth: 0.2.0 + emoji-regex: 10.3.0 + strip-ansi: 7.1.0 + dev: false + + /string.prototype.matchall@4.0.9: + resolution: {integrity: sha512-6i5hL3MqG/K2G43mWXWgP+qizFW/QH/7kCNN13JrJS5q48FN5IKksLDscexKP3dnmB6cdm9jlNgAsWNLpSykmA==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + get-intrinsic: 1.2.1 + has-symbols: 1.0.3 + internal-slot: 1.0.5 + regexp.prototype.flags: 1.5.0 + side-channel: 1.0.4 + dev: false + + /string.prototype.trim@1.2.7: + resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + dev: false + + /string.prototype.trimend@1.0.6: + resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + dev: false + + /string.prototype.trimstart@1.0.7: + resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.22.1 + dev: false + + /string_decoder@1.1.1: + resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==} + dependencies: + safe-buffer: 5.1.2 + dev: false + + /string_decoder@1.3.0: + resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==} + dependencies: + safe-buffer: 5.2.1 + dev: false + + /stringify-entities@4.0.3: + resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==} + dependencies: + character-entities-html4: 2.1.0 + character-entities-legacy: 3.0.0 + + /stringify-object@3.3.0: + resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==} + engines: {node: '>=4'} + dependencies: + get-own-enumerable-property-symbols: 3.0.2 + is-obj: 1.0.1 + is-regexp: 1.0.0 + dev: false + + /strip-ansi@6.0.1: + resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} + engines: {node: '>=8'} + dependencies: + ansi-regex: 5.0.1 + + /strip-ansi@7.1.0: + resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==} + engines: {node: '>=12'} + dependencies: + ansi-regex: 6.0.1 + dev: false + + /strip-bom-string@1.0.0: + resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==} + engines: {node: '>=0.10.0'} + dev: false + + /strip-comments@2.0.1: + resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==} + engines: {node: '>=10'} + dev: false + + /strip-final-newline@2.0.0: + resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==} + engines: {node: '>=6'} + + /strip-final-newline@3.0.0: + resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==} + engines: {node: '>=12'} + dev: true + + /strip-indent@4.0.0: + resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==} + engines: {node: '>=12'} + dependencies: + min-indent: 1.0.1 + dev: true + + /strip-json-comments@2.0.1: + resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==} + engines: {node: '>=0.10.0'} + dev: false + + /strip-json-comments@3.1.1: + resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} + engines: {node: '>=8'} + + /style-search@0.1.0: + resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==} + dev: true + + /style-to-object@0.4.2: + resolution: {integrity: sha512-1JGpfPB3lo42ZX8cuPrheZbfQ6kqPPnPHlKMyeRYtfKD+0jG+QsXgXN57O/dvJlzlB2elI6dGmrPnl5VPQFPaA==} + dependencies: + inline-style-parser: 0.1.1 + + /stylehacks@5.1.1(postcss@8.4.29): + resolution: {integrity: sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==} + engines: {node: ^10 || ^12 || >=14.0} + peerDependencies: + postcss: ^8.2.15 + dependencies: + browserslist: 4.22.2 + postcss: 8.4.29 + postcss-selector-parser: 6.0.13 + dev: false + + /stylelint-config-prettier-scss@1.0.0(stylelint@15.11.0): + resolution: {integrity: sha512-Gr2qLiyvJGKeDk0E/+awNTrZB/UtNVPLqCDOr07na/sLekZwm26Br6yYIeBYz3ulsEcQgs5j+2IIMXCC+wsaQA==} + engines: {node: 14.* || 16.* || >= 18} + hasBin: true + peerDependencies: + stylelint: '>=15.0.0' + dependencies: + stylelint: 15.11.0(typescript@5.3.3) + dev: true + + /stylelint-config-recommended-scss@13.1.0(postcss@8.4.29)(stylelint@15.11.0): + resolution: {integrity: sha512-8L5nDfd+YH6AOoBGKmhH8pLWF1dpfY816JtGMePcBqqSsLU+Ysawx44fQSlMOJ2xTfI9yTGpup5JU77c17w1Ww==} + peerDependencies: + postcss: ^8.3.3 + stylelint: ^15.10.0 + peerDependenciesMeta: + postcss: + optional: true + dependencies: + postcss: 8.4.29 + postcss-scss: 4.0.9(postcss@8.4.29) + stylelint: 15.11.0(typescript@5.3.3) + stylelint-config-recommended: 13.0.0(stylelint@15.11.0) + stylelint-scss: 5.3.1(stylelint@15.11.0) + dev: true + + /stylelint-config-recommended@13.0.0(stylelint@15.11.0): + resolution: {integrity: sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==} + engines: {node: ^14.13.1 || >=16.0.0} + peerDependencies: + stylelint: ^15.10.0 + dependencies: + stylelint: 15.11.0(typescript@5.3.3) + dev: true + + /stylelint-config-standard-scss@11.1.0(postcss@8.4.29)(stylelint@15.11.0): + resolution: {integrity: sha512-5gnBgeNTgRVdchMwiFQPuBOtj9QefYtfXiddrOMJA2pI22zxt6ddI2s+e5Oh7/6QYl7QLJujGnaUR5YyGq72ow==} + peerDependencies: + postcss: ^8.3.3 + stylelint: ^15.10.0 + peerDependenciesMeta: + postcss: + optional: true + dependencies: + postcss: 8.4.29 + stylelint: 15.11.0(typescript@5.3.3) + stylelint-config-recommended-scss: 13.1.0(postcss@8.4.29)(stylelint@15.11.0) + stylelint-config-standard: 34.0.0(stylelint@15.11.0) + dev: true + + /stylelint-config-standard@34.0.0(stylelint@15.11.0): + resolution: {integrity: sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==} + engines: {node: ^14.13.1 || >=16.0.0} + peerDependencies: + stylelint: ^15.10.0 + dependencies: + stylelint: 15.11.0(typescript@5.3.3) + stylelint-config-recommended: 13.0.0(stylelint@15.11.0) + dev: true + + /stylelint-scss@5.3.1(stylelint@15.11.0): + resolution: {integrity: sha512-5I9ZDIm77BZrjOccma5WyW2nJEKjXDd4Ca8Kk+oBapSO4pewSlno3n+OyimcyVJJujQZkBN2D+xuMkIamSc6hA==} + peerDependencies: + stylelint: ^14.5.1 || ^15.0.0 + dependencies: + known-css-properties: 0.29.0 + postcss-media-query-parser: 0.2.3 + postcss-resolve-nested-selector: 0.1.1 + postcss-selector-parser: 6.0.13 + postcss-value-parser: 4.2.0 + stylelint: 15.11.0(typescript@5.3.3) + dev: true + + /stylelint@15.11.0(typescript@5.3.3): + resolution: {integrity: sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==} + engines: {node: ^14.13.1 || >=16.0.0} + hasBin: true + dependencies: + '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1) + '@csstools/css-tokenizer': 2.2.1 + '@csstools/media-query-list-parser': 2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1) + '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13) + balanced-match: 2.0.0 + colord: 2.9.3 + cosmiconfig: 8.3.4(typescript@5.3.3) + css-functions-list: 3.2.1 + css-tree: 2.3.1 + debug: 4.3.4 + fast-glob: 3.3.1 + fastest-levenshtein: 1.0.16 + file-entry-cache: 7.0.2 + global-modules: 2.0.0 + globby: 11.1.0 + globjoin: 0.1.4 + html-tags: 3.3.1 + ignore: 5.2.4 + import-lazy: 4.0.0 + imurmurhash: 0.1.4 + is-plain-object: 5.0.0 + known-css-properties: 0.29.0 + mathml-tag-names: 2.1.3 + meow: 10.1.5 + micromatch: 4.0.5 + normalize-path: 3.0.0 + picocolors: 1.0.0 + postcss: 8.4.29 + postcss-resolve-nested-selector: 0.1.1 + postcss-safe-parser: 6.0.0(postcss@8.4.29) + postcss-selector-parser: 6.0.13 + postcss-value-parser: 4.2.0 + resolve-from: 5.0.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + style-search: 0.1.0 + supports-hyperlinks: 3.0.0 + svg-tags: 1.0.0 + table: 6.8.1 + write-file-atomic: 5.0.1 + transitivePeerDependencies: + - supports-color + - typescript + dev: true + + /supports-color@5.5.0: + resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==} + engines: {node: '>=4'} + dependencies: + has-flag: 3.0.0 + + /supports-color@7.2.0: + resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==} + engines: {node: '>=8'} + dependencies: + has-flag: 4.0.0 + + /supports-color@8.1.1: + resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==} + engines: {node: '>=10'} + dependencies: + has-flag: 4.0.0 + + /supports-hyperlinks@3.0.0: + resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==} + engines: {node: '>=14.18'} + dependencies: + has-flag: 4.0.0 + supports-color: 7.2.0 + dev: true + + /supports-preserve-symlinks-flag@1.0.0: + resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} + engines: {node: '>= 0.4'} + dev: false + + /svg-parser@2.0.4: + resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==} + dev: false + + /svg-tags@1.0.0: + resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==} + dev: true + + /svgo@2.8.0: + resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==} + engines: {node: '>=10.13.0'} + hasBin: true + dependencies: + '@trysound/sax': 0.2.0 + commander: 7.2.0 + css-select: 4.3.0 + css-tree: 1.1.3 + csso: 4.2.0 + picocolors: 1.0.0 + stable: 0.1.8 + dev: false + + /synckit@0.8.5: + resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==} + engines: {node: ^14.18.0 || >=16.0.0} + dependencies: + '@pkgr/utils': 2.4.2 + tslib: 2.6.2 + dev: true + + /table@6.8.1: + resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==} + engines: {node: '>=10.0.0'} + dependencies: + ajv: 8.12.0 + lodash.truncate: 4.4.2 + slice-ansi: 4.0.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + dev: true + + /tapable@1.1.3: + resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==} + engines: {node: '>=6'} + dev: false + + /tapable@2.2.1: + resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==} + engines: {node: '>=6'} + + /tar-fs@2.1.1: + resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==} + dependencies: + chownr: 1.1.4 + mkdirp-classic: 0.5.3 + pump: 3.0.0 + tar-stream: 2.2.0 + dev: false + + /tar-fs@3.0.4: + resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==} + dependencies: + mkdirp-classic: 0.5.3 + pump: 3.0.0 + tar-stream: 3.1.6 + dev: false + + /tar-stream@2.2.0: + resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==} + engines: {node: '>=6'} + dependencies: + bl: 4.1.0 + end-of-stream: 1.4.4 + fs-constants: 1.0.0 + inherits: 2.0.4 + readable-stream: 3.6.2 + dev: false + + /tar-stream@3.1.6: + resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==} + dependencies: + b4a: 1.6.4 + fast-fifo: 1.3.2 + streamx: 2.15.2 + dev: false + + /temp-dir@2.0.0: + resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==} + engines: {node: '>=8'} + dev: false + + /tempy@0.6.0: + resolution: {integrity: sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==} + engines: {node: '>=10'} + dependencies: + is-stream: 2.0.1 + temp-dir: 2.0.0 + type-fest: 0.16.0 + unique-string: 2.0.0 + dev: false + + /terser-webpack-plugin@5.3.9(webpack@5.88.2): + resolution: {integrity: sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==} + engines: {node: '>= 10.13.0'} + peerDependencies: + '@swc/core': '*' + esbuild: '*' + uglify-js: '*' + webpack: ^5.1.0 + peerDependenciesMeta: + '@swc/core': + optional: true + esbuild: + optional: true + uglify-js: + optional: true + dependencies: + '@jridgewell/trace-mapping': 0.3.19 + jest-worker: 27.5.1 + schema-utils: 3.3.0 + serialize-javascript: 6.0.1 + terser: 5.19.4 + webpack: 5.88.2 + + /terser@5.19.4: + resolution: {integrity: sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==} + engines: {node: '>=10'} + hasBin: true + dependencies: + '@jridgewell/source-map': 0.3.5 + acorn: 8.10.0 + commander: 2.20.3 + source-map-support: 0.5.21 + + /text-table@0.2.0: + resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==} + + /thunky@1.1.0: + resolution: {integrity: sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==} + dev: false + + /tiny-invariant@1.3.1: + resolution: {integrity: sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==} + dev: false + + /tiny-warning@1.0.3: + resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==} + dev: false + + /titleize@3.0.0: + resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==} + engines: {node: '>=12'} + dev: true + + /to-fast-properties@2.0.0: + resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==} + engines: {node: '>=4'} + dev: false + + /to-regex-range@5.0.1: + resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} + engines: {node: '>=8.0'} + dependencies: + is-number: 7.0.0 + + /toidentifier@1.0.1: + resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==} + engines: {node: '>=0.6'} + dev: false + + /totalist@3.0.1: + resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==} + engines: {node: '>=6'} + dev: false + + /tr46@1.0.1: + resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==} + dependencies: + punycode: 2.3.0 + dev: false + + /trim-lines@3.0.1: + resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==} + + /trim-newlines@4.1.1: + resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==} + engines: {node: '>=12'} + dev: true + + /trough@2.1.0: + resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==} + + /ts-api-utils@1.0.3(typescript@5.3.3): + resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==} + engines: {node: '>=16.13.0'} + peerDependencies: + typescript: '>=4.2.0' + dependencies: + typescript: 5.3.3 + dev: true + + /tslib@1.14.1: + resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==} + dev: true + + /tslib@2.6.2: + resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==} + + /tsutils@3.21.0(typescript@5.3.3): + resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==} + engines: {node: '>= 6'} + peerDependencies: + typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta' + dependencies: + tslib: 1.14.1 + typescript: 5.3.3 + dev: true + + /tunnel-agent@0.6.0: + resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==} + dependencies: + safe-buffer: 5.2.1 + dev: false + + /type-check@0.4.0: + resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} + engines: {node: '>= 0.8.0'} + dependencies: + prelude-ls: 1.2.1 + + /type-fest@0.16.0: + resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==} + engines: {node: '>=10'} + dev: false + + /type-fest@0.20.2: + resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==} + engines: {node: '>=10'} + + /type-fest@1.4.0: + resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==} + engines: {node: '>=10'} + + /type-fest@2.19.0: + resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==} + engines: {node: '>=12.20'} + dev: false + + /type-is@1.6.18: + resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==} + engines: {node: '>= 0.6'} + dependencies: + media-typer: 0.3.0 + mime-types: 2.1.35 + dev: false + + /typed-array-buffer@1.0.0: + resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + is-typed-array: 1.1.12 + dev: false + + /typed-array-byte-length@1.0.0: + resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + for-each: 0.3.3 + has-proto: 1.0.1 + is-typed-array: 1.1.12 + dev: false + + /typed-array-byte-offset@1.0.0: + resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==} + engines: {node: '>= 0.4'} + dependencies: + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + for-each: 0.3.3 + has-proto: 1.0.1 + is-typed-array: 1.1.12 + dev: false + + /typed-array-length@1.0.4: + resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==} + dependencies: + call-bind: 1.0.2 + for-each: 0.3.3 + is-typed-array: 1.1.12 + dev: false + + /typedarray-to-buffer@3.1.5: + resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==} + dependencies: + is-typedarray: 1.0.0 + dev: false + + /typescript@5.3.3: + resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==} + engines: {node: '>=14.17'} + hasBin: true + + /unbox-primitive@1.0.2: + resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==} + dependencies: + call-bind: 1.0.2 + has-bigints: 1.0.2 + has-symbols: 1.0.3 + which-boxed-primitive: 1.0.2 + dev: false + + /unicode-canonical-property-names-ecmascript@2.0.0: + resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==} + engines: {node: '>=4'} + dev: false + + /unicode-emoji-modifier-base@1.0.0: + resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==} + engines: {node: '>=4'} + dev: false + + /unicode-match-property-ecmascript@2.0.0: + resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==} + engines: {node: '>=4'} + dependencies: + unicode-canonical-property-names-ecmascript: 2.0.0 + unicode-property-aliases-ecmascript: 2.1.0 + dev: false + + /unicode-match-property-value-ecmascript@2.1.0: + resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==} + engines: {node: '>=4'} + dev: false + + /unicode-property-aliases-ecmascript@2.1.0: + resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==} + engines: {node: '>=4'} + dev: false + + /unified@11.0.4: + resolution: {integrity: sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==} + dependencies: + '@types/unist': 3.0.1 + bail: 2.0.2 + devlop: 1.1.0 + extend: 3.0.2 + is-plain-obj: 4.1.0 + trough: 2.1.0 + vfile: 6.0.1 + + /unique-string@2.0.0: + resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==} + engines: {node: '>=8'} + dependencies: + crypto-random-string: 2.0.0 + dev: false + + /unique-string@3.0.0: + resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==} + engines: {node: '>=12'} + dependencies: + crypto-random-string: 4.0.0 + dev: false + + /unist-util-is@6.0.0: + resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==} + dependencies: + '@types/unist': 3.0.1 + + /unist-util-position-from-estree@2.0.0: + resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==} + dependencies: + '@types/unist': 3.0.1 + + /unist-util-position@5.0.0: + resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==} + dependencies: + '@types/unist': 3.0.1 + + /unist-util-remove-position@5.0.0: + resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==} + dependencies: + '@types/unist': 3.0.1 + unist-util-visit: 5.0.0 + + /unist-util-stringify-position@4.0.0: + resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==} + dependencies: + '@types/unist': 3.0.1 + + /unist-util-visit-parents@6.0.1: + resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==} + dependencies: + '@types/unist': 3.0.1 + unist-util-is: 6.0.0 + + /unist-util-visit@5.0.0: + resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==} + dependencies: + '@types/unist': 3.0.1 + unist-util-is: 6.0.0 + unist-util-visit-parents: 6.0.1 + + /universalify@2.0.0: + resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==} + engines: {node: '>= 10.0.0'} + dev: false + + /unpipe@1.0.0: + resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==} + engines: {node: '>= 0.8'} + dev: false + + /untildify@4.0.0: + resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==} + engines: {node: '>=8'} + dev: true + + /upath@1.2.0: + resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==} + engines: {node: '>=4'} + dev: false + + /update-browserslist-db@1.0.13(browserslist@4.22.2): + resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + dependencies: + browserslist: 4.22.2 + escalade: 3.1.1 + picocolors: 1.0.0 + + /update-notifier@6.0.2: + resolution: {integrity: sha512-EDxhTEVPZZRLWYcJ4ZXjGFN0oP7qYvbXWzEgRm/Yql4dHX5wDbvh89YHP6PK1lzZJYrMtXUuZZz8XGK+U6U1og==} + engines: {node: '>=14.16'} + dependencies: + boxen: 7.1.1 + chalk: 5.3.0 + configstore: 6.0.0 + has-yarn: 3.0.0 + import-lazy: 4.0.0 + is-ci: 3.0.1 + is-installed-globally: 0.4.0 + is-npm: 6.0.0 + is-yarn-global: 0.4.1 + latest-version: 7.0.0 + pupa: 3.1.0 + semver: 7.5.4 + semver-diff: 4.0.0 + xdg-basedir: 5.1.0 + dev: false + + /uri-js@4.4.1: + resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} + dependencies: + punycode: 2.3.0 + + /url-loader@4.1.1(file-loader@6.2.0)(webpack@5.88.2): + resolution: {integrity: sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==} + engines: {node: '>= 10.13.0'} + peerDependencies: + file-loader: '*' + webpack: ^4.0.0 || ^5.0.0 + peerDependenciesMeta: + file-loader: + optional: true + dependencies: + file-loader: 6.2.0(webpack@5.88.2) + loader-utils: 2.0.4 + mime-types: 2.1.35 + schema-utils: 3.3.0 + webpack: 5.88.2 + dev: false + + /util-deprecate@1.0.2: + resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} + + /utila@0.4.0: + resolution: {integrity: sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==} + dev: false + + /utility-types@3.10.0: + resolution: {integrity: sha512-O11mqxmi7wMKCo6HKFt5AhO4BwY3VV68YU07tgxfz8zJTIxr4BpsezN49Ffwy9j3ZpwwJp4fkRwjRzq3uWE6Rg==} + engines: {node: '>= 4'} + + /utils-merge@1.0.1: + resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==} + engines: {node: '>= 0.4.0'} + dev: false + + /uuid@8.3.2: + resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==} + hasBin: true + dev: false + + /validate-npm-package-license@3.0.4: + resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==} + dependencies: + spdx-correct: 3.2.0 + spdx-expression-parse: 3.0.1 + dev: true + + /validate-peer-dependencies@2.2.0: + resolution: {integrity: sha512-8X1OWlERjiUY6P6tdeU9E0EwO8RA3bahoOVG7ulOZT5MqgNDUO/BQoVjYiHPcNe+v8glsboZRIw9iToMAA2zAA==} + engines: {node: '>= 12'} + dependencies: + resolve-package-path: 4.0.3 + semver: 7.5.4 + dev: false + + /value-equal@1.0.1: + resolution: {integrity: sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==} + dev: false + + /vary@1.1.2: + resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==} + engines: {node: '>= 0.8'} + dev: false + + /vfile-location@5.0.2: + resolution: {integrity: sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==} + dependencies: + '@types/unist': 3.0.1 + vfile: 6.0.1 + dev: false + + /vfile-message@4.0.2: + resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==} + dependencies: + '@types/unist': 3.0.1 + unist-util-stringify-position: 4.0.0 + + /vfile@6.0.1: + resolution: {integrity: sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==} + dependencies: + '@types/unist': 3.0.1 + unist-util-stringify-position: 4.0.0 + vfile-message: 4.0.2 + + /warning@4.0.3: + resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==} + dependencies: + loose-envify: 1.4.0 + dev: false + + /watchpack@2.4.0: + resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==} + engines: {node: '>=10.13.0'} + dependencies: + glob-to-regexp: 0.4.1 + graceful-fs: 4.2.11 + + /wbuf@1.7.3: + resolution: {integrity: sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==} + dependencies: + minimalistic-assert: 1.0.1 + dev: false + + /web-namespaces@2.0.1: + resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==} + dev: false + + /webidl-conversions@4.0.2: + resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==} + dev: false + + /webpack-bundle-analyzer@4.9.1: + resolution: {integrity: sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==} + engines: {node: '>= 10.13.0'} + hasBin: true + dependencies: + '@discoveryjs/json-ext': 0.5.7 + acorn: 8.10.0 + acorn-walk: 8.2.0 + commander: 7.2.0 + escape-string-regexp: 4.0.0 + gzip-size: 6.0.0 + is-plain-object: 5.0.0 + lodash.debounce: 4.0.8 + lodash.escape: 4.0.1 + lodash.flatten: 4.4.0 + lodash.invokemap: 4.6.0 + lodash.pullall: 4.2.0 + lodash.uniqby: 4.7.0 + opener: 1.5.2 + picocolors: 1.0.0 + sirv: 2.0.3 + ws: 7.5.9 + transitivePeerDependencies: + - bufferutil + - utf-8-validate + dev: false + + /webpack-dev-middleware@5.3.3(webpack@5.88.2): + resolution: {integrity: sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==} + engines: {node: '>= 12.13.0'} + peerDependencies: + webpack: ^4.0.0 || ^5.0.0 + dependencies: + colorette: 2.0.20 + memfs: 3.5.3 + mime-types: 2.1.35 + range-parser: 1.2.1 + schema-utils: 4.2.0 + webpack: 5.88.2 + dev: false + + /webpack-dev-server@4.15.1(webpack@5.88.2): + resolution: {integrity: sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==} + engines: {node: '>= 12.13.0'} + hasBin: true + peerDependencies: + webpack: ^4.37.0 || ^5.0.0 + webpack-cli: '*' + peerDependenciesMeta: + webpack: + optional: true + webpack-cli: + optional: true + dependencies: + '@types/bonjour': 3.5.10 + '@types/connect-history-api-fallback': 1.5.1 + '@types/express': 4.17.17 + '@types/serve-index': 1.9.1 + '@types/serve-static': 1.15.2 + '@types/sockjs': 0.3.33 + '@types/ws': 8.5.5 + ansi-html-community: 0.0.8 + bonjour-service: 1.1.1 + chokidar: 3.5.3 + colorette: 2.0.20 + compression: 1.7.4 + connect-history-api-fallback: 2.0.0 + default-gateway: 6.0.3 + express: 4.18.2 + graceful-fs: 4.2.11 + html-entities: 2.4.0 + http-proxy-middleware: 2.0.6(@types/express@4.17.17) + ipaddr.js: 2.1.0 + launch-editor: 2.6.0 + open: 8.4.2 + p-retry: 4.6.2 + rimraf: 3.0.2 + schema-utils: 4.2.0 + selfsigned: 2.1.1 + serve-index: 1.9.1 + sockjs: 0.3.24 + spdy: 4.0.2 + webpack: 5.88.2 + webpack-dev-middleware: 5.3.3(webpack@5.88.2) + ws: 8.13.0 + transitivePeerDependencies: + - bufferutil + - debug + - supports-color + - utf-8-validate + dev: false + + /webpack-merge@5.9.0: + resolution: {integrity: sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==} + engines: {node: '>=10.0.0'} + dependencies: + clone-deep: 4.0.1 + wildcard: 2.0.1 + + /webpack-sources@3.2.3: + resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==} + engines: {node: '>=10.13.0'} + + /webpack@5.88.2: + resolution: {integrity: sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==} + engines: {node: '>=10.13.0'} + hasBin: true + peerDependencies: + webpack-cli: '*' + peerDependenciesMeta: + webpack-cli: + optional: true + dependencies: + '@types/eslint-scope': 3.7.4 + '@types/estree': 1.0.1 + '@webassemblyjs/ast': 1.11.6 + '@webassemblyjs/wasm-edit': 1.11.6 + '@webassemblyjs/wasm-parser': 1.11.6 + acorn: 8.10.0 + acorn-import-assertions: 1.9.0(acorn@8.10.0) + browserslist: 4.22.2 + chrome-trace-event: 1.0.3 + enhanced-resolve: 5.15.0 + es-module-lexer: 1.3.0 + eslint-scope: 5.1.1 + events: 3.3.0 + glob-to-regexp: 0.4.1 + graceful-fs: 4.2.11 + json-parse-even-better-errors: 2.3.1 + loader-runner: 4.3.0 + mime-types: 2.1.35 + neo-async: 2.6.2 + schema-utils: 3.3.0 + tapable: 2.2.1 + terser-webpack-plugin: 5.3.9(webpack@5.88.2) + watchpack: 2.4.0 + webpack-sources: 3.2.3 + transitivePeerDependencies: + - '@swc/core' + - esbuild + - uglify-js + + /webpackbar@5.0.2(webpack@5.88.2): + resolution: {integrity: sha512-BmFJo7veBDgQzfWXl/wwYXr/VFus0614qZ8i9znqcl9fnEdiVkdbi0TedLQ6xAK92HZHDJ0QmyQ0fmuZPAgCYQ==} + engines: {node: '>=12'} + peerDependencies: + webpack: 3 || 4 || 5 + dependencies: + chalk: 4.1.2 + consola: 2.15.3 + pretty-time: 1.1.0 + std-env: 3.4.3 + webpack: 5.88.2 + dev: false + + /websocket-driver@0.7.4: + resolution: {integrity: sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==} + engines: {node: '>=0.8.0'} + dependencies: + http-parser-js: 0.5.8 + safe-buffer: 5.2.1 + websocket-extensions: 0.1.4 + dev: false + + /websocket-extensions@0.1.4: + resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==} + engines: {node: '>=0.8.0'} + dev: false + + /whatwg-url@7.1.0: + resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==} + dependencies: + lodash.sortby: 4.7.0 + tr46: 1.0.1 + webidl-conversions: 4.0.2 + dev: false + + /which-boxed-primitive@1.0.2: + resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==} + dependencies: + is-bigint: 1.0.4 + is-boolean-object: 1.1.2 + is-number-object: 1.0.7 + is-string: 1.0.7 + is-symbol: 1.0.4 + dev: false + + /which-typed-array@1.1.11: + resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==} + engines: {node: '>= 0.4'} + dependencies: + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + for-each: 0.3.3 + gopd: 1.0.1 + has-tostringtag: 1.0.0 + dev: false + + /which@1.3.1: + resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==} + hasBin: true + dependencies: + isexe: 2.0.0 + + /which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + dependencies: + isexe: 2.0.0 + + /widest-line@4.0.1: + resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==} + engines: {node: '>=12'} + dependencies: + string-width: 5.1.2 + dev: false + + /wildcard@2.0.1: + resolution: {integrity: sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==} + + /workbox-background-sync@7.0.0: + resolution: {integrity: sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==} + dependencies: + idb: 7.1.1 + workbox-core: 7.0.0 + dev: false + + /workbox-broadcast-update@7.0.0: + resolution: {integrity: sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-build@7.0.0: + resolution: {integrity: sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==} + engines: {node: '>=16.0.0'} + dependencies: + '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0) + '@babel/core': 7.23.5 + '@babel/preset-env': 7.23.5(@babel/core@7.23.5) + '@babel/runtime': 7.22.15 + '@rollup/plugin-babel': 5.3.1(@babel/core@7.23.5)(rollup@2.79.1) + '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1) + '@rollup/plugin-replace': 2.4.2(rollup@2.79.1) + '@surma/rollup-plugin-off-main-thread': 2.2.3 + ajv: 8.12.0 + common-tags: 1.8.2 + fast-json-stable-stringify: 2.1.0 + fs-extra: 9.1.0 + glob: 7.2.3 + lodash: 4.17.21 + pretty-bytes: 5.6.0 + rollup: 2.79.1 + rollup-plugin-terser: 7.0.2(rollup@2.79.1) + source-map: 0.8.0-beta.0 + stringify-object: 3.3.0 + strip-comments: 2.0.1 + tempy: 0.6.0 + upath: 1.2.0 + workbox-background-sync: 7.0.0 + workbox-broadcast-update: 7.0.0 + workbox-cacheable-response: 7.0.0 + workbox-core: 7.0.0 + workbox-expiration: 7.0.0 + workbox-google-analytics: 7.0.0 + workbox-navigation-preload: 7.0.0 + workbox-precaching: 7.0.0 + workbox-range-requests: 7.0.0 + workbox-recipes: 7.0.0 + workbox-routing: 7.0.0 + workbox-strategies: 7.0.0 + workbox-streams: 7.0.0 + workbox-sw: 7.0.0 + workbox-window: 7.0.0 + transitivePeerDependencies: + - '@types/babel__core' + - supports-color + dev: false + + /workbox-cacheable-response@7.0.0: + resolution: {integrity: sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-core@7.0.0: + resolution: {integrity: sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==} + dev: false + + /workbox-expiration@7.0.0: + resolution: {integrity: sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==} + dependencies: + idb: 7.1.1 + workbox-core: 7.0.0 + dev: false + + /workbox-google-analytics@7.0.0: + resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==} + dependencies: + workbox-background-sync: 7.0.0 + workbox-core: 7.0.0 + workbox-routing: 7.0.0 + workbox-strategies: 7.0.0 + dev: false + + /workbox-navigation-preload@7.0.0: + resolution: {integrity: sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-precaching@7.0.0: + resolution: {integrity: sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==} + dependencies: + workbox-core: 7.0.0 + workbox-routing: 7.0.0 + workbox-strategies: 7.0.0 + dev: false + + /workbox-range-requests@7.0.0: + resolution: {integrity: sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-recipes@7.0.0: + resolution: {integrity: sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==} + dependencies: + workbox-cacheable-response: 7.0.0 + workbox-core: 7.0.0 + workbox-expiration: 7.0.0 + workbox-precaching: 7.0.0 + workbox-routing: 7.0.0 + workbox-strategies: 7.0.0 + dev: false + + /workbox-routing@7.0.0: + resolution: {integrity: sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-strategies@7.0.0: + resolution: {integrity: sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==} + dependencies: + workbox-core: 7.0.0 + dev: false + + /workbox-streams@7.0.0: + resolution: {integrity: sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==} + dependencies: + workbox-core: 7.0.0 + workbox-routing: 7.0.0 + dev: false + + /workbox-sw@7.0.0: + resolution: {integrity: sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==} + dev: false + + /workbox-window@7.0.0: + resolution: {integrity: sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==} + dependencies: + '@types/trusted-types': 2.0.3 + workbox-core: 7.0.0 + dev: false + + /wrap-ansi@8.1.0: + resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==} + engines: {node: '>=12'} + dependencies: + ansi-styles: 6.2.1 + string-width: 5.1.2 + strip-ansi: 7.1.0 + dev: false + + /wrappy@1.0.2: + resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==} + + /write-file-atomic@3.0.3: + resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==} + dependencies: + imurmurhash: 0.1.4 + is-typedarray: 1.0.0 + signal-exit: 3.0.7 + typedarray-to-buffer: 3.1.5 + dev: false + + /write-file-atomic@5.0.1: + resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==} + engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} + dependencies: + imurmurhash: 0.1.4 + signal-exit: 4.1.0 + dev: true + + /ws@7.5.9: + resolution: {integrity: sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==} + engines: {node: '>=8.3.0'} + peerDependencies: + bufferutil: ^4.0.1 + utf-8-validate: ^5.0.2 + peerDependenciesMeta: + bufferutil: + optional: true + utf-8-validate: + optional: true + dev: false + + /ws@8.13.0: + resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==} + engines: {node: '>=10.0.0'} + peerDependencies: + bufferutil: ^4.0.1 + utf-8-validate: '>=5.0.2' + peerDependenciesMeta: + bufferutil: + optional: true + utf-8-validate: + optional: true + dev: false + + /xdg-basedir@5.1.0: + resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==} + engines: {node: '>=12'} + dev: false + + /xml-js@1.6.11: + resolution: {integrity: sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==} + hasBin: true + dependencies: + sax: 1.2.4 + dev: false + + /yallist@3.1.1: + resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} + dev: false + + /yallist@4.0.0: + resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==} + + /yaml@1.10.2: + resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==} + engines: {node: '>= 6'} + dev: false + + /yargs-parser@20.2.9: + resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==} + engines: {node: '>=10'} + dev: true + + /yocto-queue@0.1.0: + resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} + engines: {node: '>=10'} + + /yocto-queue@1.0.0: + resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==} + engines: {node: '>=12.20'} + dev: false + + /zwitch@2.0.4: + resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} diff --git a/renovate.json b/renovate.json new file mode 100644 index 0000000..39a2b6e --- /dev/null +++ b/renovate.json @@ -0,0 +1,6 @@ +{ + "$schema": "https://docs.renovatebot.com/renovate-schema.json", + "extends": [ + "config:base" + ] +} diff --git a/sidebars.ts b/sidebars.ts new file mode 100644 index 0000000..735bf72 --- /dev/null +++ b/sidebars.ts @@ -0,0 +1,325 @@ +import type { SidebarsConfig } from '@docusaurus/plugin-content-docs' + +const sidebars: SidebarsConfig = { + skill: [ + 'skill/introduction', + { + label: 'Docusaurus 主题魔改', + type: 'category', + link: { + type: 'doc', + id: 'skill/docusaurus/docusaurus-guides', + }, + items: [ + 'skill/docusaurus/docusaurus-config', + 'skill/docusaurus/docusaurus-style', + 'skill/docusaurus/docusaurus-component', + 'skill/docusaurus/docusaurus-plugin', + 'skill/docusaurus/docusaurus-search', + 'skill/docusaurus/docusaurus-comment', + 'skill/docusaurus/docusaurus-deploy', + ], + }, + { + label: '代码规范', + type: 'category', + link: { + type: 'doc', + id: 'skill/code-specification/code-specification-guides', + }, + items: [ + 'skill/code-specification/eslint', + 'skill/code-specification/prettier', + 'skill/code-specification/stylelint', + 'skill/code-specification/editorconfig', + 'skill/code-specification/husky', + 'skill/code-specification/npmrc', + ], + }, + { + label: 'Web', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + label: 'Vue', + type: 'category', + link: { type: 'generated-index' }, + items: [ + 'skill/web/vue/vue-reactive-data-object', + 'skill/web/vue/vue-reactive-data-array', + 'skill/web/vue/vue-reactive-data-basic-type', + 'skill/web/vue/pinia', + ], + }, + { + label: 'React', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/web/react', + }, + ], + }, + { + label: 'Css', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/web/css', + }, + ], + }, + { + label: 'Browser', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/web/browser', + }, + ], + }, + ], + }, + { + label: 'JavaScript/Typescript', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/js&ts', + }, + ], + }, + { + label: 'Node', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/node', + }, + ], + }, + { + label: '编程语言', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + label: 'Java', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/programming-languages/java', + }, + ], + }, + { + label: 'Python', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/programming-languages/python', + }, + ], + }, + { + label: 'Go', + type: 'category', + link: { type: 'generated-index' }, + items: [ + 'skill/programming-languages/go/go-environment-install', + 'skill/programming-languages/go/go-json-usage', + 'skill/programming-languages/go/go-send-http-request', + 'skill/programming-languages/go/go-call-js', + 'skill/programming-languages/go/go-concurrent', + 'skill/programming-languages/go/try-gin-framework', + ], + }, + ], + }, + { + label: 'Git', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/git', + }, + ], + }, + { + label: '算法', + type: 'category', + link: { + type: 'doc', + id: 'skill/algorithm/algorithm-introduction', + }, + items: [ + 'skill/algorithm/two-sum', + 'skill/algorithm/three-sum', + 'skill/algorithm/sliding-window', + 'skill/algorithm/double-pointer', + ], + }, + { + label: '逆向', + type: 'category', + link: { + title: '逆向笔记', + description: 'Web逆向与安卓逆向笔记', + type: 'generated-index', + keywords: ['reverse', 'web', 'android', 'frida'], + }, + items: [ + { + label: '安卓', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/reverse/android', + }, + ], + }, + { + label: 'Web', + type: 'category', + items: [ + { + type: 'autogenerated', + dirName: 'skill/reverse/web', + }, + ], + }, + { + label: '密码学', + type: 'category', + items: [ + { + type: 'autogenerated', + dirName: 'skill/reverse/crypto', + }, + ], + }, + ], + }, + { + label: 'Docker', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/docker', + }, + ], + }, + { + label: '数据库', + type: 'category', + link: { + // title: '', + // description: '', + type: 'generated-index', + keywords: ['database', 'mysql', 'mongodb', 'redis', 'elasticsearch'], + }, + items: [ + { + label: 'Mysql', + type: 'category', + link: { + type: 'doc', + id: 'skill/database/mysql/mysql-note', + }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/database/mysql', + }, + ], + }, + { + label: 'MongoDB', + type: 'category', + link: { + type: 'doc', + id: 'skill/database/mongo/mongodb-note', + }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/database/mongo', + }, + ], + }, + { + label: 'Redis', + type: 'category', + link: { + type: 'doc', + id: 'skill/database/redis/redis-note', + }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/database/redis', + }, + ], + }, + { + label: 'Elasticsearch', + type: 'category', + link: { + type: 'doc', + id: 'skill/database/elasticsearch/elasticsearch-note', + }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/database/elasticsearch', + }, + ], + }, + ], + }, + { + label: '杂项', + type: 'category', + link: { type: 'generated-index' }, + items: [ + { + type: 'autogenerated', + dirName: 'skill/misc', + }, + ], + }, + ], + tools: [ + 'tools/introduction', + 'tools/everything-quick-search-local-files', + 'tools/wappalyzer-recognize-technology', + 'tools/windows-custom-right-click-menu', + 'tools/vscode-config', + 'tools/idea-config', + 'tools/vite-plugin', + 'tools/jetbrains-product-activation-method', + ], +} + +module.exports = sidebars diff --git a/src/components/BrowserWindow/index.tsx b/src/components/BrowserWindow/index.tsx new file mode 100644 index 0000000..240ffa3 --- /dev/null +++ b/src/components/BrowserWindow/index.tsx @@ -0,0 +1,29 @@ +import React from 'react' + +import styles from './styles.module.css' + +function BrowserWindow({ children, minHeight, url }) { + return ( +
+
+ )
+}
+
+export default BrowserWindow
diff --git a/src/components/BrowserWindow/styles.module.css b/src/components/BrowserWindow/styles.module.css
new file mode 100644
index 0000000..667587f
--- /dev/null
+++ b/src/components/BrowserWindow/styles.module.css
@@ -0,0 +1,65 @@
+.browserWindow {
+ border: 3px solid var(--ifm-color-emphasis-200);
+ border-top-left-radius: var(--ifm-global-radius);
+ border-top-right-radius: var(--ifm-global-radius);
+ margin-bottom: 10px;
+}
+
+.browserWindowHeader {
+ align-items: center;
+ background: var(--ifm-color-emphasis-200);
+ display: flex;
+ padding: 0.5rem 1rem;
+}
+
+.row:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+.buttons {
+ white-space: nowrap;
+}
+
+.right {
+ align-self: center;
+ width: 10%;
+}
+
+.browserWindowAddressBar {
+ flex: 1 0;
+ margin: 0 1rem 0 0.5rem;
+ border-radius: 12.5px;
+ background-color: #fff;
+ color: #666;
+ padding: 5px 15px;
+ font: 400 13px Arial;
+ user-select: none;
+}
+
+.dot {
+ margin-right: 6px;
+ margin-top: 4px;
+ height: 12px;
+ width: 12px;
+ background-color: #bbb;
+ border-radius: 50%;
+ display: inline-block;
+}
+
+.browserWindowMenuIcon {
+ margin-left: auto;
+}
+
+.bar {
+ width: 17px;
+ height: 3px;
+ background-color: #aaa;
+ margin: 3px 0;
+ display: block;
+}
+
+.browserWindowBody {
+ padding: 1rem;
+}
diff --git a/src/components/CodeSandBox/index.tsx b/src/components/CodeSandBox/index.tsx
new file mode 100644
index 0000000..930ac24
--- /dev/null
+++ b/src/components/CodeSandBox/index.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import { useColorMode } from '@docusaurus/theme-common'
+
+function index({ slug, title, height = '600px' }) {
+ const { isDarkTheme } = useColorMode()
+ const themedSrc = `https://codesandbox.io/embed/${slug}?fontsize=14&hidenavigation=1&view=preview&theme=${
+ isDarkTheme ? 'dark' : 'light'
+ }`
+ return (
+
+
+
+
+
+
+
+
+ {url}
+
+
+
+
+
+
+
+ {children}
+
+
+
+ )
+}
+
+export default index
diff --git a/src/components/Comment/index.tsx b/src/components/Comment/index.tsx
new file mode 100644
index 0000000..4405fc4
--- /dev/null
+++ b/src/components/Comment/index.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { useThemeConfig, useColorMode } from '@docusaurus/theme-common'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+import { ThemeConfig } from '@docusaurus/preset-classic'
+import BrowserOnly from '@docusaurus/BrowserOnly'
+import Giscus, { GiscusProps, Theme } from '@giscus/react'
+
+export type GiscusConfig = GiscusProps & { darkTheme: Theme }
+
+const defaultConfig: Partial
+ {Object.entries(social).map(([key, { href, icon, title, color }]) => {
+ if (!href) return <>
+
+ return (
+
+ )
+}
diff --git a/src/components/SocialLinks/styles.module.scss b/src/components/SocialLinks/styles.module.scss
new file mode 100644
index 0000000..05cb11b
--- /dev/null
+++ b/src/components/SocialLinks/styles.module.scss
@@ -0,0 +1,59 @@
+.socialLinks {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ max-width: min-content;
+ gap: 1rem;
+ padding: 0.5em 0;
+ z-index: 100;
+ position: relative;
+
+ a {
+ display: inline-flex;
+ box-sizing: content-box;
+ width: 2rem;
+ height: 2rem;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.3s ease-in-out;
+ transition-property: all;
+ transition-duration: 0.3s;
+ transition-delay: 0s;
+
+ border-radius: 50%;
+ padding: 0.25rem;
+
+ &:hover {
+ background-color: var(--color);
+
+ > svg path {
+ color: white;
+ }
+ }
+ }
+
+ .dropdown {
+ display: flex;
+ align-items: center;
+ }
+
+ .dropdown span {
+ margin-left: 6px;
+ /* font-weight: 700; */
+ font-size: 0.9em;
+ }
+
+ .dropdown__menu {
+ max-width: initial;
+ right: 0;
+ top: 120%;
+ }
+}
+
+.socialLinks svg,
+.socialLinks svg path {
+ width: 24px;
+ height: 24px;
+ transition: all 0.3s ease-in-out;
+}
diff --git a/src/components/Svg/index.tsx b/src/components/Svg/index.tsx
new file mode 100644
index 0000000..0bfe317
--- /dev/null
+++ b/src/components/Svg/index.tsx
@@ -0,0 +1,36 @@
+import React, { type ReactNode, type ComponentProps } from 'react'
+import clsx from 'clsx'
+import styles from './styles.module.css'
+
+export interface SvgIconProps extends ComponentProps<'svg'> {
+ viewBox?: string
+ size?: 'inherit' | 'small' | 'medium' | 'large'
+ color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'warning'
+ svgClass?: string // Class attribute on the child
+ colorAttr?: string // Applies a color attribute to the SVG element.
+ children: ReactNode // Node passed into the SVG element.
+}
+
+export default function Svg(props: SvgIconProps): JSX.Element {
+ const {
+ svgClass,
+ colorAttr,
+ children,
+ color = 'inherit',
+ size = 'medium',
+ viewBox = '0 0 24 24',
+ ...rest
+ } = props
+
+ return (
+
+ )
+}
diff --git a/src/components/Svg/styles.module.css b/src/components/Svg/styles.module.css
new file mode 100644
index 0000000..80b8765
--- /dev/null
+++ b/src/components/Svg/styles.module.css
@@ -0,0 +1,47 @@
+.svgIcon {
+ user-select: none;
+ width: 1em;
+ height: 1em;
+ display: inline-block;
+ fill: currentColor;
+ flex-shrink: 0;
+ color: inherit;
+}
+
+/* font-size */
+.small {
+ font-size: 1.25rem;
+}
+
+.medium {
+ font-size: 1.5rem;
+}
+
+.large {
+ font-size: 2.185rem;
+}
+
+/* colors */
+.primary {
+ color: var(--ifm-color-primary);
+}
+
+.secondary {
+ color: var(--ifm-color-secondary);
+}
+
+.success {
+ color: var(--ifm-color-success);
+}
+
+.error {
+ color: var(--ifm-color-error);
+}
+
+.warning {
+ color: var(--ifm-color-warning);
+}
+
+.inherit {
+ color: inherit;
+}
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
new file mode 100644
index 0000000..7391119
--- /dev/null
+++ b/src/components/Tooltip/index.tsx
@@ -0,0 +1,129 @@
+import React, { useEffect, useState, useRef } from 'react'
+import ReactDOM from 'react-dom'
+import { usePopper } from 'react-popper'
+import styles from './styles.module.css'
+
+interface Props {
+ anchorEl?: HTMLElement | string
+ id: string
+ text: string
+ delay?: number
+ children: React.ReactElement
+}
+
+export default function Tooltip({ children, id, anchorEl, text, delay }: Props): JSX.Element {
+ const [open, setOpen] = useState(false)
+ const [referenceElement, setReferenceElement] = useState
+ {text}
+
+
+ ),
+ container,
+ )
+ : container}
+
+ )
+}
diff --git a/src/components/Tooltip/styles.module.css b/src/components/Tooltip/styles.module.css
new file mode 100644
index 0000000..59b1b93
--- /dev/null
+++ b/src/components/Tooltip/styles.module.css
@@ -0,0 +1,30 @@
+.tooltip {
+ border-radius: 4px;
+ padding: 4px 8px;
+ color: var(--site-color-tooltip);
+ background: var(--site-color-tooltip-background);
+ font-size: 0.8rem;
+ z-index: 500;
+ line-height: 1.4;
+ font-weight: 500;
+ max-width: 300px;
+ opacity: 0.92;
+}
+
+.tooltipArrow {
+ visibility: hidden;
+}
+
+.tooltipArrow::before {
+ visibility: visible;
+ content: '';
+ transform: rotate(45deg);
+}
+
+.tooltip[data-popper-placement^='top'] > .tooltipArrow {
+ bottom: -4px;
+}
+
+.tooltip[data-popper-placement^='bottom'] > .tooltipArrow {
+ top: -4px;
+}
diff --git a/src/components/UserCard/index.tsx b/src/components/UserCard/index.tsx
new file mode 100644
index 0000000..287f7ef
--- /dev/null
+++ b/src/components/UserCard/index.tsx
@@ -0,0 +1,91 @@
+import React from 'react'
+import clsx from 'clsx'
+import { usePluginData } from '@docusaurus/useGlobalData'
+import type { BlogPost } from '@docusaurus/plugin-content-blog'
+import Link from '@docusaurus/Link'
+import { Icon } from '@iconify/react'
+import SocialLinks from '@site/src/components/SocialLinks'
+import { useThemeConfig } from '@docusaurus/theme-common'
+import useBaseUrl from '@docusaurus/useBaseUrl'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+
+import { projects } from '@site/data/projects'
+
+import styles from './styles.module.scss'
+
+type Count = {
+ blog: number
+ tag: number
+ doc: number
+ project: number
+}
+
+export default function UserCard({ isNavbar = false }: { isNavbar?: boolean }) {
+ const {
+ siteConfig: { customFields },
+ } = useDocusaurusContext()
+ const { bio } = customFields as { bio: string }
+
+ const {
+ navbar: { title, logo = { src: '' } },
+ } = useThemeConfig()
+
+ const logoLink = useBaseUrl(logo.src || '/')
+
+ const blogData = usePluginData('docusaurus-plugin-content-blog') as {
+ posts: BlogPost[]
+ postNum: number
+ tagNum: number
+ }
+ const docData = (
+ usePluginData('docusaurus-plugin-content-docs') as { versions: { docs: BlogPost[] } }
+ )?.versions[0].docs
+
+ const count: Count = {
+ blog: blogData.postNum,
+ tag: blogData.tagNum ?? 0,
+ doc: docData?.length ?? 0,
+ project: projects?.length ?? 0,
+ }
+
+ return (
+
+
+ 
+
+
+ )
+}
diff --git a/src/components/UserCard/styles.module.scss b/src/components/UserCard/styles.module.scss
new file mode 100644
index 0000000..b10e494
--- /dev/null
+++ b/src/components/UserCard/styles.module.scss
@@ -0,0 +1,106 @@
+.userCard {
+ border-radius: 12px;
+ background: var(--blog-item-background-color);
+ box-shadow: var(--blog-item-shadow);
+ margin: 0;
+ position: relative;
+ display: block;
+ text-align: center;
+
+ a {
+ text-decoration: none;
+ }
+}
+
+.userCardNavbar {
+ margin-top: 1rem;
+ position: relative;
+ display: block;
+ text-align: center;
+}
+
+.cardImg {
+ width: 6rem;
+ height: 6rem;
+ max-width: 100%;
+ border-radius: 50%;
+ padding: 4px;
+ background-color: #fff;
+ box-shadow: 0 0 10px rgb(0 0 0 / 20%);
+ transition: 0.4s;
+
+ &:hover {
+ box-shadow: 0 0 30px rgb(0 120 231 / 20%);
+ }
+}
+
+.name {
+ color: var(--ifm-text-color);
+ font-family: var(--ifm-font-family-name);
+ font-weight: 900;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.bio {
+ margin: 0.5rem auto;
+ color: var(--ifm-secondary-text-color);
+ font-size: 0.8rem;
+}
+
+.num {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ font-size: 1rem;
+ font-weight: 500;
+ gap: 2px;
+}
+
+.numItem {
+ transform: all 0.3s ease-in-out;
+ display: flex;
+ flex-shrink: 0;
+ gap: 5px;
+ padding: 0 10px;
+ align-items: center;
+ color: var(--ifm-text-color);
+ border-left: 1px solid #999;
+
+ &:hover {
+ text-decoration: none;
+ color: var(--ifm-color-primary);
+ cursor: pointer;
+ }
+
+ &:nth-child(1) {
+ border: none;
+ }
+
+ /* &:after {
+ content: attr(data-tips);
+ position: absolute;
+ top: 0;
+ margin: 0 auto;
+ white-space: nowrap;
+ opacity: 0;
+ transform: translateY(-150%);
+ transition: 0.2s;
+}
+
+.&:hover::after {
+ opacity: 1;
+ transform: translateY(-100%);
+} */
+}
+
+.tags {
+ margin-top: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+
+ > a {
+ padding: 2px 5px;
+ }
+}
diff --git a/src/components/svgIcons/FavoriteIcon/index.tsx b/src/components/svgIcons/FavoriteIcon/index.tsx
new file mode 100644
index 0000000..8874ab2
--- /dev/null
+++ b/src/components/svgIcons/FavoriteIcon/index.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import Svg, { type SvgIconProps } from '@site/src/components/Svg'
+
+export default function FavoriteIcon(
+ props: Omit
+
+ {title}
+
+
+ {bio}
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/_components/BlogRecommend/styles.module.scss b/src/pages/_components/BlogRecommend/styles.module.scss
new file mode 100644
index 0000000..7b52ffe
--- /dev/null
+++ b/src/pages/_components/BlogRecommend/styles.module.scss
@@ -0,0 +1,65 @@
+.blog__recommend {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ justify-content: center;
+ gap: 24px;
+ padding: 0;
+
+ li {
+ border-radius: 5px;
+ background: var(--blog-item-background-color);
+ box-shadow: var(--blog-item-shadow);
+ }
+
+ .card__image {
+ overflow: hidden;
+ height: 150px;
+ border-bottom: 2px solid var(--ifm-color-emphasis-200);
+ }
+
+ p {
+ font-size: smaller;
+ }
+
+ h4 {
+ font-size: 1.1rem;
+
+ a {
+ position: relative;
+
+ &:hover {
+ text-decoration: none;
+ }
+
+ &:hover::after {
+ visibility: visible;
+ transform: scaleX(1);
+ }
+
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: var(--ifm-color-primary);
+ visibility: hidden;
+ transition: all 0.3s linear;
+ transform: scaleX(0);
+ }
+ }
+ }
+}
+
+@media (width <= 1024px) {
+ .blog__recommend {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (width <= 768px) {
+ .blog__recommend {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
diff --git a/src/pages/_components/BlogSection/index.tsx b/src/pages/_components/BlogSection/index.tsx
new file mode 100644
index 0000000..fc48aab
--- /dev/null
+++ b/src/pages/_components/BlogSection/index.tsx
@@ -0,0 +1,88 @@
+import React from 'react'
+import clsx from 'clsx'
+import { motion, useScroll, useTransform } from 'framer-motion'
+import { BlogPost } from '@docusaurus/plugin-content-blog'
+import { usePluginData } from '@docusaurus/useGlobalData'
+import Translate from '@docusaurus/Translate'
+import Link from '@docusaurus/Link'
+import Image from '@theme/IdealImage'
+
+import styles from './styles.module.scss'
+import SectionTitle from '../SectionTitle'
+
+const chunk = (arr, size) =>
+ Array.from({ length: Math.ceil(arr.length / size) }, (_, i) =>
+ arr.slice(i * size, i * size + size),
+ )
+
+const BLOG_POSTS_COUNT = 6
+const BLOG_POSTS_PER_ROW = 2
+
+export function BlogItem({ post }: { post: BlogPost }) {
+ const {
+ metadata: { permalink, frontMatter, title, description },
+ } = post
+
+ return (
+
+ 推荐阅读
+
+
+
+
+
+
+
+ -
+ {recommendedPosts.map(post => (
+
+
+ )}
+
+
+ + {post.title} +
+{post.description}
+
+
+ + {title} +
+{description}
+
+ {posts.map((postGroup, index) => (
+
+
+ {postGroup.map((post, i) => (
+
+
+ ))}
+
+ ))}
+
+
+ )
+}
+
+export default function FeaturesSection(): JSX.Element {
+ return (
+
+
+
+
+
+ {title}
+{text}
+
+ {features.map((props, idx) => (
+
+
+
+ {items.map((item, index) => {
+ return (
+
+ )
+ })}
+
+
+ )
+}
+
+export default function ProjectSection() {
+ return (
+
+
+
+
+
+
+
+
+ {icon &&
+ {href && (
+
+ 查看更多
+
+ )
+}
diff --git a/src/pages/_components/SectionTitle/styles.module.scss b/src/pages/_components/SectionTitle/styles.module.scss
new file mode 100644
index 0000000..9a7b0d8
--- /dev/null
+++ b/src/pages/_components/SectionTitle/styles.module.scss
@@ -0,0 +1,30 @@
+.sectionTitle {
+ display: inline-flex;
+ justify-content: space-between;
+ align-items: center;
+
+ padding: 0 var(--ifm-spacing-horizontal);
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ width: 100%;
+
+ h2 {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ margin: 0;
+ font-size: 1.1rem;
+ }
+
+ .moreButton {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+
+ font-size: 1rem;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+}
diff --git a/src/pages/about.mdx b/src/pages/about.mdx
new file mode 100644
index 0000000..842349a
--- /dev/null
+++ b/src/pages/about.mdx
@@ -0,0 +1,114 @@
+---
+id: about
+title: 自我介绍
+description: 愧怍的自我介绍
+hide_table_of_contents: true
+---
+
+import { Icon } from '@iconify/react'
+import Comment from '@site/src/components/Comment'
+import social from '@site/data/social'
+
+# 👋 你好! 我是贾添植
+
+🧑 一名即将毕业的大学生，来自中国
+
+🌱 保持学习，希望在有限的时间内，学到无限的可能
+
+🐛 曾写过比较长时间的爬虫，学过 Web 与安卓逆向，现在主攻 JS/TS 全栈，并将长期发展下去。
+
+💡 我通常会将我的学习过程总结为项目或博客文章的形式，并乐意与他人分享。当其他人学习该技术时，他们可以参考我的项目或文章，我认为这非常有意义。
+
+### 名字由来
+
+愧怍，有愧疚/惭愧之意。也是本人使用此名所想表达的意思。
+
+我曾因某些错误的做法而感到自责苦恼。希望以这个名字不断激励自我，反省过往，不想再次辜负我自己所经历的那么多事物，仅此而已。
+
+### 兴趣爱好
+
+- **手指极限** 入坑长达 8 年(现已退坑)，你所熟知的转笔、魔方、花切等有关手指旋转的我都能够杂耍一番。
+
+- **电音迷** 歌单只有电音，也只听电音。戴上耳机，沉浸在无限律动中。有生之年定要制作首电子音乐。
+
+- **编程开发** 将想法付诸实践, 享受创造的乐趣。
+
+### 设备
+
+- MacBook Pro M2 14
+
+- Xiaomi MIX Fold 2 (折叠屏不那么好用，准备换 iphone 16 了)
+
+- Google Pixel 4XL
+
+- Xiaomi Watch S2
+
+- 米家智能音频眼镜
+
+- 米家显示器挂灯 (买过最实用的设备)
+
+- Keychron K3
+
+- Nuphy Air75 V2
+
+- 罗技 MX Master 3
+
+- ~~坚果 R2 (没收)~~
+
+- ~~机械革命 X3 (2019) (没收)~~
+
+- 联想小新 Pro 14 (2021) 已闲置
+
+- 台式电脑 (AMD 5900X + 64G + RX 6750 GRE)
+
+### 我会什么
+
+- 易语言程序(能写但不想写，因为开发体验很差)
+
+- 自动化脚本(很久没写了)
+
+- 爬虫/协议复现(但更愿意用 ts 而不是 python)
+
+- 逆向分析(网页 js 不成问题，安卓止步 so 层，ios 打扰了)
+
+- Chrome 扩展程序(写个高级点的 demo 应该没问题)
+
+- Electron (曾经写过，如今忘了差不多)
+
+- React Native(正学中)
+
+- 小程序(能写但不想写，因为开发体验很差)
+
+- Web 开发(只用 ts 进行全栈开发)
+
+### 联系方式
+
+
+ {icon &&
+ {href && (
+
+
+
+
+
+
+
+
+
+
+ + + {friend.title} + +
+{friend.description}
+
+
+ {SITE_INFO}
+
+
+ )
+}
+
+function FriendHeader() {
+ return (
+ {TITLE}
+{DESCRIPTION}
+ + 🔗 申请友链 + +
+
+ -
+ {friends.map(friend => (
+
+
+
+ {project.preview && (
+
+ )
+})
+
+export default ShowcaseCard
diff --git a/src/pages/project/_components/ShowcaseCard/styles.module.css b/src/pages/project/_components/ShowcaseCard/styles.module.css
new file mode 100644
index 0000000..247570f
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseCard/styles.module.css
@@ -0,0 +1,109 @@
+.showcaseCard {
+ position: relative;
+ box-shadow: var(--blog-item-shadow);
+ transition: opacity 0.5s;
+ will-change: transform;
+ overflow: hidden;
+ touch-action: none;
+}
+
+.showcaseCard::before {
+ display: block;
+ font-weight: bold;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.showcaseCardImage {
+ overflow: hidden;
+ height: 150px;
+ border-bottom: 2px solid var(--ifm-color-emphasis-200);
+}
+
+.showcaseCardHeader {
+ display: flex;
+ align-items: center;
+ margin-bottom: 12px;
+}
+
+.showcaseCardTitle {
+ margin-bottom: 0;
+ flex: 1 1 auto;
+}
+
+.showcaseCardTitle a {
+ text-decoration: none;
+ background: linear-gradient(
+ var(--ifm-color-primary),
+ var(--ifm-color-primary)
+ )
+ 0% 100% / 0% 1px no-repeat;
+ transition: background-size ease-out 200ms;
+}
+
+.showcaseCardTitle a:not(:focus):hover {
+ background-size: 100% 1px;
+}
+
+.showcaseCardTitle,
+.showcaseCardHeader .svgIconFavorite {
+ margin-right: 0.25rem;
+}
+
+.showcaseCardHeader .svgIconFavorite {
+ color: var(--site-color-svg-icon-favorite);
+}
+
+.showcaseCardSrcBtn {
+ margin-left: 6px;
+ padding-left: 12px;
+ padding-right: 12px;
+ border: none;
+}
+
+.showcaseCardSrcBtn:focus-visible {
+ background-color: var(--ifm-color-secondary-dark);
+}
+
+html[data-theme='dark'] .showcaseCardSrcBtn {
+ background-color: var(--ifm-color-emphasis-200) !important;
+ color: inherit;
+}
+
+html[data-theme='dark'] .showcaseCardSrcBtn:hover {
+ background-color: var(--ifm-color-emphasis-300) !important;
+}
+
+.showcaseCardBody {
+ font-size: smaller;
+ line-height: 1.66;
+}
+
+.cardFooter {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.tag {
+ font-size: 0.675rem;
+ border: 1px solid var(--ifm-color-secondary-darkest);
+ cursor: default;
+ margin-right: 6px;
+ margin-bottom: 6px !important;
+ border-radius: 12px;
+ display: inline-flex;
+ align-items: center;
+}
+
+.tag .textLabel {
+ margin-left: 8px;
+}
+
+.tag .colorLabel {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+ margin-left: 6px;
+ margin-right: 6px;
+}
diff --git a/src/pages/project/_components/ShowcaseFilterToggle/index.tsx b/src/pages/project/_components/ShowcaseFilterToggle/index.tsx
new file mode 100644
index 0000000..4b53f3e
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseFilterToggle/index.tsx
@@ -0,0 +1,60 @@
+import React, { useState, useEffect, useCallback } from 'react'
+import { useHistory, useLocation } from '@docusaurus/router'
+
+import { prepareUserState } from '../../index'
+
+import styles from './styles.module.css'
+import clsx from 'clsx'
+
+export type Operator = 'OR' | 'AND'
+
+export const OperatorQueryKey = 'operator'
+
+export function readOperator(search: string): Operator {
+ return (new URLSearchParams(search).get(OperatorQueryKey) ?? 'OR') as Operator
+}
+
+export default function ShowcaseFilterToggle(): JSX.Element {
+ const id = 'showcase_filter_toggle'
+ const location = useLocation()
+ const history = useHistory()
+ const [operator, setOperator] = useState(false)
+ useEffect(() => {
+ setOperator(readOperator(location.search) === 'AND')
+ }, [location])
+ const toggleOperator = useCallback(() => {
+ setOperator(o => !o)
+ const searchParams = new URLSearchParams(location.search)
+ searchParams.delete(OperatorQueryKey)
+ if (!operator) {
+ searchParams.append(OperatorQueryKey, operator ? 'OR' : 'AND')
+ }
+ history.push({
+ ...location,
+ search: searchParams.toString(),
+ state: prepareUserState(),
+ })
+ }, [operator, location, history])
+
+ return (
+
+
+ )}
+
+
+
+ 源码
+
+ )}
+
+ + + {project.title} + +
+ {project.tags.includes('favorite') && ( +{project.description}
+-
+
+ {
+ if (e.key === 'Enter') {
+ toggleOperator()
+ }
+ }}
+ checked={operator}
+ />
+
+
+ )
+}
diff --git a/src/pages/project/_components/ShowcaseFilterToggle/styles.module.css b/src/pages/project/_components/ShowcaseFilterToggle/styles.module.css
new file mode 100644
index 0000000..6bd397b
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseFilterToggle/styles.module.css
@@ -0,0 +1,50 @@
+.checkboxLabel {
+ --height: 25px;
+ --width: 80px;
+ --border: 2px;
+ display: flex;
+ width: var(--width);
+ height: var(--height);
+ position: relative;
+ border-radius: var(--height);
+ border: var(--border) solid var(--ifm-color-primary-darkest);
+ cursor: pointer;
+ justify-content: space-around;
+ opacity: 0.75;
+ transition: opacity var(--ifm-transition-fast)
+ var(--ifm-transition-timing-default);
+ box-shadow: var(--ifm-global-shadow-md);
+}
+
+.checkboxLabel:hover {
+ opacity: 1;
+ box-shadow: var(--ifm-global-shadow-md),
+ 0 0 2px 1px var(--ifm-color-primary-dark);
+}
+
+.checkboxLabel::after {
+ position: absolute;
+ content: '';
+ inset: 0;
+ width: calc(var(--width) / 2);
+ height: 100%;
+ border-radius: var(--height);
+ background-color: var(--ifm-color-primary-darkest);
+ transition: transform var(--ifm-transition-fast)
+ var(--ifm-transition-timing-default);
+ transform: translateX(calc(var(--width) / 2 - var(--border)));
+}
+
+input:focus-visible ~ .checkboxLabel::after {
+ outline: 2px solid currentColor;
+}
+
+.checkboxLabel > * {
+ font-size: 0.8rem;
+ color: inherit;
+ transition: opacity 150ms ease-in 50ms;
+}
+
+input:checked ~ .checkboxLabel::after {
+ transform: translateX(calc(-1 * var(--border)));
+}
diff --git a/src/pages/project/_components/ShowcaseTagSelect/index.tsx b/src/pages/project/_components/ShowcaseTagSelect/index.tsx
new file mode 100644
index 0000000..18eac40
--- /dev/null
+++ b/src/pages/project/_components/ShowcaseTagSelect/index.tsx
@@ -0,0 +1,90 @@
+import React, {
+ type ComponentProps,
+ type ReactNode,
+ type ReactElement,
+ useCallback,
+ useState,
+ useEffect,
+} from 'react'
+import { useHistory, useLocation } from '@docusaurus/router'
+import { toggleListItem } from '@site/src/utils/jsUtils'
+import { prepareUserState } from '../../index.tsx'
+import type { TagType } from '@site/data/users'
+
+import styles from './styles.module.css'
+
+interface Props extends ComponentProps<'input'> {
+ icon: ReactElement{TITLE}
+{DESCRIPTION}
+ {/* +
+
+ No result
+
+
+
+ {Object.entries(groupByProjects).map(([key, value]) => {
+ return (
+
+
+
+
+ )
+ })}
+
+
+ {upperFirst(lang === 'en' ? key : projectTypeMap[key])}
+-
+ {value.map(project => (
+
+
+
+
+
+
+ + + {resource.name} + +
+{resource.desc}
+
+ {resourceData.map(cate => (
+
+ ))}
+
+ )
+}
+
+export default function Resources() {
+ const title = '网址导航'
+ const description = '整合日常开发常用，推荐的网站导航页'
+
+ return (
+
+
+
+
+
+
+
+ -
+ {posts.map((post, i) => (
+
+ {years.map((_props, idx) => (
+
+
+ ))}
+
+ )
+}
+
+function listPostsByYears(blogPosts: readonly ArchiveBlogPost[]): YearProp[] {
+ const postsByYear = blogPosts.reduceRight((posts, post) => {
+ const year = post.metadata.date.split('-')[0]!
+ const yearPosts = posts.get(year) ?? []
+ return posts.set(year, [post, ...yearPosts])
+ }, new Map
+ 篇
+
+
+ {_props.year}
+ + {(years[idx] as YearProp).posts.length} +
+
+
+
+ {`共 {total} 篇文章`}
+
+
+ {years.length > 0 &&
+
+
+
+ {children}
+
+ {toc &&
+ {toc}
}
+
+ toggleViewType('list')}
+ color={viewType === 'list' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+ toggleViewType('grid')}
+ color={viewType === 'grid' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+
+ )
+}
+
+function BlogListPageContent(props: Props) {
+ const { metadata, items } = props
+
+ const { viewType, toggleViewType } = useViewType()
+
+ const isListView = viewType === 'list'
+ const isGridView = viewType === 'grid'
+
+ return (
+
+ 博客
+
+ 代码人生：编织技术与生活的博客之旅
+
+
+
+ <>
+ {isListView && (
+
+
+
+ )}
+ {isGridView &&
+ {tags.length > 0 && (
+ <>
+
+ {tags.slice(0, 2).map(({ label, permalink: tagPermalink }, index) => {
+ return (
+ <>
+ {index !== 0 && '/'}
+
+ {dateString}
+
+ {children}
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Footer/ReadMoreLink/index.tsx b/src/theme/BlogPostItem/Footer/ReadMoreLink/index.tsx
new file mode 100644
index 0000000..8619599
--- /dev/null
+++ b/src/theme/BlogPostItem/Footer/ReadMoreLink/index.tsx
@@ -0,0 +1,42 @@
+import React from 'react'
+import Translate, { translate } from '@docusaurus/Translate'
+import Link from '@docusaurus/Link'
+import { Icon } from '@iconify/react'
+import type { Props } from '@theme/BlogPostItem/Footer/ReadMoreLink'
+
+function ReadMoreLabel() {
+ return (
+
+
+
+ )
+ }
+
+ return (
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Footer/styles.module.scss b/src/theme/BlogPostItem/Footer/styles.module.scss
new file mode 100644
index 0000000..b5dc01f
--- /dev/null
+++ b/src/theme/BlogPostItem/Footer/styles.module.scss
@@ -0,0 +1,58 @@
+.blogPostFooterDetailsFull {
+ flex-direction: column;
+}
+
+.blogPostInfo {
+ margin-top: 0.5em;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ margin-bottom: var(--ifm-spacing-m);
+ gap: 4px;
+ color: var(--ifm-secondary-text-color);
+
+ font-size: 0.8rem;
+ font-weight: 400;
+}
+
+.blogPostInfoTags {
+ display: flex;
+ gap: 4px;
+
+ a {
+ color: var(--ifm-secondary-text-color);
+ }
+
+ a:hover {
+ color: var(--ifm-link-color);
+ }
+}
+
+.blogPostInfoTags > a {
+ padding: 1px 4px;
+}
+
+.blogPostAuthor {
+ display: inline-block;
+ margin: 0 2px;
+ color: inherit;
+}
+
+.blogPostAuthor:hover {
+ text-decoration: none;
+}
+
+.blogPostDetailsFull {
+ flex-direction: column;
+}
+
+.divider {
+ background-color: #eaecef;
+ border: 0;
+ height: var(--ifm-hr-height);
+ margin: 0.25rem 0;
+}
+
+html[data-theme='dark'] .divider {
+ background-color: #2f3336;
+}
diff --git a/src/theme/BlogPostItem/Header/Author/index.tsx b/src/theme/BlogPostItem/Header/Author/index.tsx
new file mode 100644
index 0000000..d25c60a
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Author/index.tsx
@@ -0,0 +1,49 @@
+import React from 'react'
+import clsx from 'clsx'
+import Link, { type Props as LinkProps } from '@docusaurus/Link'
+
+import type { Props } from '@theme/BlogPostItem/Header/Author'
+
+function MaybeLink(props: LinkProps): JSX.Element {
+ if (props.href) {
+ return
+ }
+ return <>{props.children}
+}
+
+export default function BlogPostItemHeaderAuthor({
+ author,
+ className,
+}: Props): JSX.Element {
+ const { name, title, url, imageURL, email } = author
+ const link = url || (email && `mailto:${email}`) || undefined
+ return (
+
+ {/* {authorsExists && (
+ <>
+
+
+
+ )}
+
+ {imageURL && (
+
+ 
+
+ )}
+
+ {name && (
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Header/Authors/index.tsx b/src/theme/BlogPostItem/Header/Authors/index.tsx
new file mode 100644
index 0000000..bcda3f3
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Authors/index.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import clsx from 'clsx'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import BlogPostItemHeaderAuthor from '@theme/BlogPostItem/Header/Author'
+import type { Props } from '@theme/BlogPostItem/Header/Authors'
+import styles from './styles.module.css'
+
+export default function BlogPostItemHeaderAuthors({ className }: Props): JSX.Element | null {
+ const {
+ metadata: { authors },
+ assets,
+ } = useBlogPost()
+ const authorsCount = authors.length
+ if (authorsCount === 0) {
+ return null
+ }
+ const imageOnly = authors.every(({ name }) => !name)
+ return (
+
+
+ )}
+
+
+ {name}
+
+
+ {title && (
+
+ {title}
+
+ )}
+
+ {authors.map((author, idx) => (
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Header/Authors/styles.module.css b/src/theme/BlogPostItem/Header/Authors/styles.module.css
new file mode 100644
index 0000000..c5aac4d
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Authors/styles.module.css
@@ -0,0 +1,14 @@
+.authorCol {
+ max-width: inherit !important;
+ flex-grow: 1 !important;
+}
+
+.imageOnlyAuthorRow {
+ display: flex;
+ flex-flow: row wrap;
+}
+
+.imageOnlyAuthorCol {
+ margin-left: 0.3rem;
+ margin-right: 0.3rem;
+}
diff --git a/src/theme/BlogPostItem/Header/Info/index.tsx b/src/theme/BlogPostItem/Header/Info/index.tsx
new file mode 100644
index 0000000..83af9ff
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Info/index.tsx
@@ -0,0 +1,81 @@
+import React from 'react'
+import clsx from 'clsx'
+import { translate } from '@docusaurus/Translate'
+import { usePluralForm } from '@docusaurus/theme-common'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import type { Props } from '@theme/BlogPostItem/Header/Info'
+import TagsListInline from '@theme/TagsListInline'
+
+import styles from './styles.module.css'
+import Tag from '@site/src/theme/Tag'
+import { Icon } from '@iconify/react'
+
+// Very simple pluralization: probably good enough for now
+function useReadingTimePlural() {
+ const { selectMessage } = usePluralForm()
+ return (readingTimeFloat: number) => {
+ const readingTime = Math.ceil(readingTimeFloat)
+ return selectMessage(
+ readingTime,
+ translate(
+ {
+ id: 'theme.blog.post.readingTime.plurals',
+ description:
+ 'Pluralized label for "{readingTime} min read". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
+ message: 'One min read|{readingTime} min read',
+ },
+ { readingTime },
+ ),
+ )
+ }
+}
+
+export function ReadingTime({ readingTime }: { readingTime: number }) {
+ const readingTimePlural = useReadingTimePlural()
+ return {readingTimePlural(readingTime)}
+}
+
+function Date({ date, formattedDate }: { date: string; formattedDate: string }) {
+ return (
+
+ )
+}
+
+export default function BlogPostItemHeaderInfo({ className }: Props): JSX.Element {
+ const { metadata } = useBlogPost()
+ const { date, tags, formattedDate, readingTime } = metadata
+
+ const tagsExists = tags.length > 0
+
+ return (
+
+
+ ))}
+
+
+ )
+}
diff --git a/src/theme/BlogPostItem/Header/Info/styles.module.css b/src/theme/BlogPostItem/Header/Info/styles.module.css
new file mode 100644
index 0000000..7ce6d8a
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Info/styles.module.css
@@ -0,0 +1,39 @@
+.container {
+ display: inline-flex;
+ gap: 0.5rem;
+ font-size: 0.95rem;
+}
+
+.date {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+.read {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+.tagInfo {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+.tagList {
+ display: inline-flex;
+ align-items: center;
+}
+
+.tagList a {
+ padding: 1px 2px;
+ color: var(--ifm-text-color);
+
+ border: 0 !important;
+}
+
+.tagList a:hover {
+ color: var(--ifm-color-primary);
+}
diff --git a/src/theme/BlogPostItem/Header/Title/index.tsx b/src/theme/BlogPostItem/Header/Title/index.tsx
new file mode 100644
index 0000000..871a886
--- /dev/null
+++ b/src/theme/BlogPostItem/Header/Title/index.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+import { useBlogPost } from '@docusaurus/theme-common/internal'
+import type { Props } from '@theme/BlogPostItem/Header/Title'
+
+import styles from './styles.module.css'
+
+export default function BlogPostItemHeaderTitle({
+ className,
+}: Props): JSX.Element {
+ const { metadata, isBlogPostPage } = useBlogPost()
+ const { permalink, title } = metadata
+ const TitleHeading = isBlogPostPage ? 'h1' : 'h2'
+ return (
+
+
+ {tagsExists && (
+
+
+ )}
+ {typeof readingTime !== 'undefined' && (
+
+ {tags.slice(0, 3).map(({ label, permalink: tagPermalink }, index) => {
+ return (
+
+
+ {index !== 0 && '/'}
+
+ )
+ })}
+
+
+ )}
+
+
+ )}
+ {!hideComment && -
+ {sidebar.items.map(item => (
+
- + + {item.title} + + + ))} +
+ setType('list')}
+ color={type === 'list' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+ setType('grid')}
+ color={type === 'grid' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+
+
+ {type === 'list' && {title}
+ + tags in markdown map to CodeBlocks. They may contain JSX children. When
+// the children is not a simple string, we just return a styled block without
+// actually highlighting.
+export default function CodeBlockJSX({
+ children,
+ className,
+}: Props): JSX.Element {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/theme/CodeBlock/Content/String.tsx b/src/theme/CodeBlock/Content/String.tsx
new file mode 100644
index 0000000..61e0c14
--- /dev/null
+++ b/src/theme/CodeBlock/Content/String.tsx
@@ -0,0 +1,128 @@
+import React from 'react'
+import clsx from 'clsx'
+import { useThemeConfig, usePrismTheme } from '@docusaurus/theme-common'
+import {
+ parseCodeBlockTitle,
+ parseLanguage,
+ parseLines,
+ containsLineNumbers,
+ useCodeWordWrap,
+} from '@docusaurus/theme-common/internal'
+import { Highlight, type Language } from 'prism-react-renderer'
+import Line from '@theme/CodeBlock/Line'
+import CopyButton from '@theme/CodeBlock/CopyButton'
+import WordWrapButton from '@theme/CodeBlock/WordWrapButton'
+import Container from '@theme/CodeBlock/Container'
+import type { Props } from '@theme/CodeBlock/Content/String'
+import { Icon } from '@iconify/react'
+
+import styles from './styles.module.css'
+
+// Prism languages are always lowercase
+// We want to fail-safe and allow both "php" and "PHP"
+// See https://github.com/facebook/docusaurus/issues/9012
+function normalizeLanguage(language: string | undefined): string | undefined {
+ return language?.toLowerCase()
+}
+
+function parseIcon(metastring?: string): JSX.Element | null {
+ const iconRegex = /icon=(?["'])(?.*?)\1/
+
+ const icon = metastring?.match(iconRegex)?.groups!.icon ?? ''
+
+ if (!icon) return null
+
+ return
+ {title && (
+
+ {icon}
+ {title}
+ {language}
+
+ )}
+
+
+ {({ className, style, tokens, getLineProps, getTokenProps }) => (
+
+
+ {tokens.map((line, i) => (
+
+
+ )}
+
+
+ {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
+ wordWrap.toggle()}
+ isEnabled={wordWrap.isEnabled}
+ />
+ )}
+
+
+
+ )
+}
diff --git a/src/theme/CodeBlock/Content/styles.module.css b/src/theme/CodeBlock/Content/styles.module.css
new file mode 100644
index 0000000..15224fd
--- /dev/null
+++ b/src/theme/CodeBlock/Content/styles.module.css
@@ -0,0 +1,85 @@
+.codeBlockContent {
+ position: relative;
+ /* rtl:ignore */
+ direction: ltr;
+ border-radius: inherit;
+}
+
+.codeBlockTitle {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ width: 100%;
+
+ border-bottom: 1px solid var(--ifm-color-emphasis-300);
+ font-size: var(--ifm-code-font-size);
+ font-weight: 500;
+ padding: 0.75rem var(--ifm-pre-padding);
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+
+.codeBlock {
+ --ifm-pre-background: var(--prism-background-color);
+ margin: 0;
+ padding: 0;
+}
+
+.codeBlockTitle + .codeBlockContent .codeBlock {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.codeBlockStandalone {
+ padding: 0;
+}
+
+.codeBlockLines {
+ font: inherit;
+ /* rtl:ignore */
+ float: left;
+ min-width: 100%;
+ padding: var(--ifm-pre-padding);
+}
+
+.codeBlockLinesWithNumbering {
+ display: table;
+ padding: var(--ifm-pre-padding) 0;
+}
+
+@media print {
+ .codeBlockLines {
+ white-space: pre-wrap;
+ }
+}
+
+.buttonGroup {
+ display: flex;
+ column-gap: 0.2rem;
+ position: absolute;
+ /* rtl:ignore */
+ right: calc(var(--ifm-pre-padding) / 2);
+ top: calc(var(--ifm-pre-padding) / 2);
+}
+
+.buttonGroup button {
+ display: flex;
+ align-items: center;
+ background: var(--prism-background-color);
+ color: var(--prism-color);
+ border: 1px solid var(--ifm-color-emphasis-300);
+ border-radius: var(--ifm-global-radius);
+ padding: 0.4rem;
+ line-height: 0;
+ transition: opacity var(--ifm-transition-fast) ease-in-out;
+ opacity: 0;
+}
+
+.buttonGroup button:focus-visible,
+.buttonGroup button:hover {
+ opacity: 1 !important;
+}
+
+:global(.theme-code-block:hover) .buttonGroup button {
+ opacity: 0.4;
+}
diff --git a/src/theme/CodeBlock/CopyButton/index.tsx b/src/theme/CodeBlock/CopyButton/index.tsx
new file mode 100644
index 0000000..8a94146
--- /dev/null
+++ b/src/theme/CodeBlock/CopyButton/index.tsx
@@ -0,0 +1,58 @@
+import React, {useCallback, useState, useRef, useEffect} from 'react';
+import clsx from 'clsx';
+import copy from 'copy-text-to-clipboard';
+import {translate} from '@docusaurus/Translate';
+import type {Props} from '@theme/CodeBlock/CopyButton';
+import IconCopy from '@theme/Icon/Copy';
+import IconSuccess from '@theme/Icon/Success';
+
+import styles from './styles.module.css';
+
+export default function CopyButton({code, className}: Props): JSX.Element {
+ const [isCopied, setIsCopied] = useState(false);
+ const copyTimeout = useRef(undefined);
+ const handleCopyCode = useCallback(() => {
+ copy(code);
+ setIsCopied(true);
+ copyTimeout.current = window.setTimeout(() => {
+ setIsCopied(false);
+ }, 1000);
+ }, [code]);
+
+ useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
+
+ return (
+
+ );
+}
diff --git a/src/theme/CodeBlock/CopyButton/styles.module.css b/src/theme/CodeBlock/CopyButton/styles.module.css
new file mode 100644
index 0000000..d5268e9
--- /dev/null
+++ b/src/theme/CodeBlock/CopyButton/styles.module.css
@@ -0,0 +1,40 @@
+:global(.theme-code-block:hover) .copyButtonCopied {
+ opacity: 1 !important;
+}
+
+.copyButtonIcons {
+ position: relative;
+ width: 1.125rem;
+ height: 1.125rem;
+}
+
+.copyButtonIcon,
+.copyButtonSuccessIcon {
+ position: absolute;
+ top: 0;
+ left: 0;
+ fill: currentColor;
+ opacity: inherit;
+ width: inherit;
+ height: inherit;
+ transition: all var(--ifm-transition-fast) ease;
+}
+
+.copyButtonSuccessIcon {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) scale(0.33);
+ opacity: 0;
+ color: #00d600;
+}
+
+.copyButtonCopied .copyButtonIcon {
+ transform: scale(0.33);
+ opacity: 0;
+}
+
+.copyButtonCopied .copyButtonSuccessIcon {
+ transform: translate(-50%, -50%) scale(1);
+ opacity: 1;
+ transition-delay: 0.075s;
+}
diff --git a/src/theme/CodeBlock/Line/index.tsx b/src/theme/CodeBlock/Line/index.tsx
new file mode 100644
index 0000000..340163e
--- /dev/null
+++ b/src/theme/CodeBlock/Line/index.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import clsx from 'clsx';
+import type {Props} from '@theme/CodeBlock/Line';
+
+import styles from './styles.module.css';
+
+export default function CodeBlockLine({
+ line,
+ classNames,
+ showLineNumbers,
+ getLineProps,
+ getTokenProps,
+}: Props): JSX.Element {
+ if (line.length === 1 && line[0]!.content === '\n') {
+ line[0]!.content = '';
+ }
+
+ const lineProps = getLineProps({
+ line,
+ className: clsx(classNames, showLineNumbers && styles.codeLine),
+ });
+
+ const lineTokens = line.map((token, key) => (
+
+ ));
+
+ return (
+
+ {showLineNumbers ? (
+ <>
+
+ {lineTokens}
+
+ ) : (
+ lineTokens
+ )}
+
+
+ );
+}
diff --git a/src/theme/CodeBlock/Line/styles.module.css b/src/theme/CodeBlock/Line/styles.module.css
new file mode 100644
index 0000000..7c28ed9
--- /dev/null
+++ b/src/theme/CodeBlock/Line/styles.module.css
@@ -0,0 +1,45 @@
+/* Intentionally has zero specificity, so that to be able to override
+the background in custom CSS file due bug https://github.com/facebook/docusaurus/issues/3678 */
+:where(:root) {
+ --docusaurus-highlighted-code-line-bg: rgb(72 77 91);
+}
+
+:where([data-theme='dark']) {
+ --docusaurus-highlighted-code-line-bg: rgb(100 100 100);
+}
+
+:global(.theme-code-block-highlighted-line) {
+ background-color: var(--docusaurus-highlighted-code-line-bg);
+ display: block;
+ margin: 0 calc(-1 * var(--ifm-pre-padding));
+ padding: 0 var(--ifm-pre-padding);
+}
+
+.codeLine {
+ display: table-row;
+ counter-increment: line-count;
+}
+
+.codeLineNumber {
+ display: table-cell;
+ text-align: right;
+ width: 1%;
+ position: sticky;
+ left: 0;
+ padding: 0 var(--ifm-pre-padding);
+ background: var(--ifm-pre-background);
+ overflow-wrap: normal;
+}
+
+.codeLineNumber::before {
+ content: counter(line-count);
+ opacity: 0.4;
+}
+
+:global(.theme-code-block-highlighted-line) .codeLineNumber::before {
+ opacity: 0.8;
+}
+
+.codeLineContent {
+ padding-right: var(--ifm-pre-padding);
+}
diff --git a/src/theme/CodeBlock/WordWrapButton/index.tsx b/src/theme/CodeBlock/WordWrapButton/index.tsx
new file mode 100644
index 0000000..f472d26
--- /dev/null
+++ b/src/theme/CodeBlock/WordWrapButton/index.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import clsx from 'clsx';
+import {translate} from '@docusaurus/Translate';
+import type {Props} from '@theme/CodeBlock/WordWrapButton';
+import IconWordWrap from '@theme/Icon/WordWrap';
+
+import styles from './styles.module.css';
+
+export default function WordWrapButton({
+ className,
+ onClick,
+ isEnabled,
+}: Props): JSX.Element | null {
+ const title = translate({
+ id: 'theme.CodeBlock.wordWrapToggle',
+ message: 'Toggle word wrap',
+ description:
+ 'The title attribute for toggle word wrapping button of code block lines',
+ });
+
+ return (
+
+ );
+}
diff --git a/src/theme/CodeBlock/WordWrapButton/styles.module.css b/src/theme/CodeBlock/WordWrapButton/styles.module.css
new file mode 100644
index 0000000..fdbc894
--- /dev/null
+++ b/src/theme/CodeBlock/WordWrapButton/styles.module.css
@@ -0,0 +1,8 @@
+.wordWrapButtonIcon {
+ width: 1.2rem;
+ height: 1.2rem;
+}
+
+.wordWrapButtonEnabled .wordWrapButtonIcon {
+ color: var(--ifm-color-primary);
+}
diff --git a/src/theme/CodeBlock/index.tsx b/src/theme/CodeBlock/index.tsx
new file mode 100644
index 0000000..1f1face
--- /dev/null
+++ b/src/theme/CodeBlock/index.tsx
@@ -0,0 +1,38 @@
+import React, {isValidElement, type ReactNode} from 'react';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import ElementContent from '@theme/CodeBlock/Content/Element';
+import StringContent from '@theme/CodeBlock/Content/String';
+import type {Props} from '@theme/CodeBlock';
+
+/**
+ * Best attempt to make the children a plain string so it is copyable. If there
+ * are react elements, we will not be able to copy the content, and it will
+ * return `children` as-is; otherwise, it concatenates the string children
+ * together.
+ */
+function maybeStringifyChildren(children: ReactNode): ReactNode {
+ if (React.Children.toArray(children).some((el) => isValidElement(el))) {
+ return children;
+ }
+ // The children is now guaranteed to be one/more plain strings
+ return Array.isArray(children) ? children.join('') : (children as string);
+}
+
+export default function CodeBlock({
+ children: rawChildren,
+ ...props
+}: Props): JSX.Element {
+ // The Prism theme on SSR is always the default theme but the site theme can
+ // be in a different mode. React hydration doesn't update DOM styles that come
+ // from SSR. Hence force a re-render after mounting to apply the current
+ // relevant styles.
+ const isBrowser = useIsBrowser();
+ const children = maybeStringifyChildren(rawChildren);
+ const CodeBlockComp =
+ typeof children === 'string' ? StringContent : ElementContent;
+ return (
+
+ {children as string}
+
+ );
+}
diff --git a/src/theme/DocTagsListPage/index.tsx b/src/theme/DocTagsListPage/index.tsx
new file mode 100644
index 0000000..427bb97
--- /dev/null
+++ b/src/theme/DocTagsListPage/index.tsx
@@ -0,0 +1,64 @@
+import React, { useState } from 'react'
+import clsx from 'clsx'
+import {
+ PageMetadata,
+ HtmlClassNameProvider,
+ ThemeClassNames,
+ translateTagsPageTitle,
+} from '@docusaurus/theme-common'
+import TagsListByLetter from '@theme/TagsListByLetter'
+import SearchMetadata from '@theme/SearchMetadata'
+import type { Props } from '@theme/DocTagsListPage'
+import { Icon } from '@iconify/react'
+
+import { TagsListByFlat } from '../TagsListByLetter'
+import MyLayout from '../MyLayout'
+
+export default function DocTagsListPage({ tags }: Props): JSX.Element {
+ const title = translateTagsPageTitle()
+
+ const [type, setType] = useState('letter')
+
+ return (
+
+
+
+ {title}
+
+
+ setType('list')}
+ color={type === 'list' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+ setType('grid')}
+ color={type === 'grid' ? 'var(--ifm-color-primary)' : '#ccc'}
+ />
+
+
+
+ {type === 'letter' &&
+
+ )
+}
diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx
new file mode 100644
index 0000000..bbea70a
--- /dev/null
+++ b/src/theme/Footer/index.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import Footer from '@theme-original/Footer'
+import { Analytics } from '@vercel/analytics/react'
+
+export default function FooterWrapper(props) {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ {!hideTableOfContents && MDXPageContent.toc && (
+
+
+
+
+ )
+}
diff --git a/src/theme/MDXPage/styles.module.css b/src/theme/MDXPage/styles.module.css
new file mode 100644
index 0000000..876b32d
--- /dev/null
+++ b/src/theme/MDXPage/styles.module.css
@@ -0,0 +1,7 @@
+.mdxPageWrapper {
+ justify-content: center;
+}
+
+.mdxPageWrapper li p {
+ margin: 0.5em 0;
+}
diff --git a/src/theme/MyLayout/index.tsx b/src/theme/MyLayout/index.tsx
new file mode 100644
index 0000000..67b025b
--- /dev/null
+++ b/src/theme/MyLayout/index.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import clsx from 'clsx'
+import Layout from '@theme/Layout'
+import type { Props } from '@theme/Layout'
+
+import styles from './styles.module.scss'
+
+export default function MyLayout({
+ children,
+ maxWidth,
+ ...layoutProps
+}: Props & { maxWidth?: number }): JSX.Element {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}
diff --git a/src/theme/MyLayout/styles.module.scss b/src/theme/MyLayout/styles.module.scss
new file mode 100644
index 0000000..a2dd70e
--- /dev/null
+++ b/src/theme/MyLayout/styles.module.scss
@@ -0,0 +1,9 @@
+.containerWrapper {
+ background: var(--content-background-color);
+}
+
+.myContainer {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 0 1rem;
+}
diff --git a/src/theme/Navbar/MobileSidebar/Layout/index.tsx b/src/theme/Navbar/MobileSidebar/Layout/index.tsx
new file mode 100644
index 0000000..ad02da4
--- /dev/null
+++ b/src/theme/Navbar/MobileSidebar/Layout/index.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import clsx from 'clsx'
+import { useNavbarSecondaryMenu } from '@docusaurus/theme-common/internal'
+import type { Props } from '@theme/Navbar/MobileSidebar/Layout'
+import UserCard from '@site/src/components/UserCard'
+
+export default function NavbarMobileSidebarLayout({
+ header,
+ primaryMenu,
+ secondaryMenu,
+}: Props): JSX.Element {
+ const { shown: secondaryMenuShown } = useNavbarSecondaryMenu()
+ return (
+
+ {header}
+
+
+ {readPercent + '%'}
+
+ )
+}
diff --git a/src/theme/TOC/styles.module.css b/src/theme/TOC/styles.module.css
new file mode 100644
index 0000000..2a89b38
--- /dev/null
+++ b/src/theme/TOC/styles.module.css
@@ -0,0 +1,31 @@
+.tableOfContents {
+ max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
+ overflow-y: auto;
+ position: sticky;
+ top: calc(var(--ifm-navbar-height) + 1rem);
+ color: var(--ifm-font-color-secondary);
+}
+
+@media (max-width: 996px) {
+ .tableOfContents {
+ display: none;
+ }
+
+ .docItemContainer {
+ padding: 0 0.3rem;
+ }
+}
+
+.hr {
+ margin: 0;
+ border: none;
+ border-top: 1px solid var(--ifm-toc-border-color);
+}
+
+.percent {
+ display: inline-block;
+ margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
+ padding-left: var(--ifm-toc-padding-horizontal);
+ font-size: 0.9rem;
+ color: var(--ifm-color-emphasis-600);
+}
diff --git a/src/theme/Tag/index.tsx b/src/theme/Tag/index.tsx
new file mode 100644
index 0000000..a64b342
--- /dev/null
+++ b/src/theme/Tag/index.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+import type { Props } from '@theme/Tag'
+
+import styles from './styles.module.scss'
+
+export default function Tag({
+ permalink,
+ label,
+ count,
+ className,
+}: Props & { className?: string }): JSX.Element {
+ return (
+
+ {label}
+ {count && {count}}
+
+ )
+}
diff --git a/src/theme/Tag/styles.module.scss b/src/theme/Tag/styles.module.scss
new file mode 100644
index 0000000..38d4b28
--- /dev/null
+++ b/src/theme/Tag/styles.module.scss
@@ -0,0 +1,64 @@
+:root {
+ --docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
+}
+
+.tag {
+ position: relative;
+ border: 1px solid var(--docusaurus-tag-list-border);
+ transition: border var(--ifm-transition-fast);
+
+ &:hover {
+ --docusaurus-tag-list-border: var(--ifm-link-color);
+ text-decoration: none;
+ }
+}
+
+.tagRegular {
+ border-radius: var(--ifm-global-radius);
+ padding: 0.2rem 0.5rem 0.3rem;
+ font-size: 90%;
+}
+
+.tagWithCount {
+ display: flex;
+ align-items: center;
+ position: relative;
+ padding: 0 0.5rem 0 1rem;
+ border-left: 0;
+}
+
+.tagWithCount::before,
+.tagWithCount::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ border: 1px solid var(--docusaurus-tag-list-border);
+ transition: inherit;
+}
+
+.tagWithCount::before {
+ right: 100%;
+ transform: translate(50%, -50%) rotate(-45deg);
+ width: 1.18rem;
+ height: 1.18rem;
+ border-right: 0;
+ border-bottom: 0;
+}
+
+.tagWithCount::after {
+ left: 0;
+ transform: translateY(-50%);
+ width: 0.5rem;
+ height: 0.5rem;
+ border-radius: 50%;
+}
+
+.tagWithCount span {
+ background: var(--ifm-color-secondary);
+ color: var(--ifm-color-black);
+ font-size: 0.7rem;
+ line-height: 1.2;
+ border-radius: var(--ifm-global-radius);
+ padding: 0.1rem 0.4rem;
+ margin-left: 0.3rem;
+}
diff --git a/src/theme/TagsListByLetter/index.tsx b/src/theme/TagsListByLetter/index.tsx
new file mode 100644
index 0000000..dd9a32a
--- /dev/null
+++ b/src/theme/TagsListByLetter/index.tsx
@@ -0,0 +1,53 @@
+import React from 'react'
+import {
+ listTagsByLetters,
+ type TagLetterEntry,
+} from '@docusaurus/theme-common'
+import Tag from '@theme/Tag'
+import type { Props } from '@theme/TagsListByLetter'
+
+import styles from './styles.module.css'
+
+function TagLetterEntryItem({ letterEntry }: { letterEntry: TagLetterEntry }) {
+ return (
+
+ {letterEntry.letter}
+
+ {letterEntry.tags.map(tag => (
+ -
+
+ ))}
+
+
+
+ )
+}
+
+export default function TagsListByLetter({ tags }: Props): JSX.Element {
+ const letterList = listTagsByLetters(tags)
+ return (
+
+ {letterList.map(letterEntry => (
+
+ )
+}
+
+export function TagsListByFlat({ tags }: Props): JSX.Element {
+ return (
+
+
+ {tags.map(tag => (
+ -
+
+ ))}
+
+
+ )
+}
diff --git a/src/theme/TagsListByLetter/styles.module.css b/src/theme/TagsListByLetter/styles.module.css
new file mode 100644
index 0000000..5eb5322
--- /dev/null
+++ b/src/theme/TagsListByLetter/styles.module.css
@@ -0,0 +1,4 @@
+.tag {
+ display: inline-block;
+ margin: 0.5rem 0.5rem 0 1rem;
+}
diff --git a/src/theme/prism-include-languages.ts b/src/theme/prism-include-languages.ts
new file mode 100644
index 0000000..9716d31
--- /dev/null
+++ b/src/theme/prism-include-languages.ts
@@ -0,0 +1,31 @@
+import siteConfig from '@generated/docusaurus.config'
+import type * as PrismNamespace from 'prismjs'
+import type { Optional } from 'utility-types'
+
+export default function prismIncludeLanguages(PrismObject: typeof PrismNamespace): void {
+ const {
+ themeConfig: { prism },
+ } = siteConfig
+ const { additionalLanguages } = prism as { additionalLanguages: string[] }
+
+ // support vue
+ PrismObject.languages.vue = PrismObject.languages.markup!
+
+ // Prism components work on the Prism instance on the window, while prism-
+ // react-renderer uses its own Prism instance. We temporarily mount the
+ // instance onto window, import components to enhance it, then remove it to
+ // avoid polluting global namespace.
+ // You can mutate PrismObject: registering plugins, deleting languages... As
+ // long as you don't re-assign it
+ globalThis.Prism = PrismObject
+
+ additionalLanguages.forEach(lang => {
+ if (lang === 'php') {
+ require('prismjs/components/prism-markup-templating.js')
+ }
+
+ require(`prismjs/components/prism-${lang}`)
+ })
+
+ delete (globalThis as Optional).Prism
+}
diff --git a/src/types.d.ts b/src/types.d.ts
new file mode 100644
index 0000000..bd8aea0
--- /dev/null
+++ b/src/types.d.ts
@@ -0,0 +1,4 @@
+/// (...arrays: T[][]): T[] {
+ return arrays.reduce((a, b) => a.filter(c => !b.includes(c)))
+}
+
+// Inspired by https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_sortby-and-_orderby
+export function sortBy(array: T[], getter: (item: T) => string | number | boolean): T[] {
+ const sortedArray = [...array]
+ sortedArray.sort((a, b) => (getter(a) > getter(b) ? 1 : getter(b) > getter(a) ? -1 : 0))
+ return sortedArray
+}
+
+export function toggleListItem(list: T[], item: T): T[] {
+ const itemIndex = list.indexOf(item)
+ if (itemIndex === -1) {
+ return list.concat(item)
+ } else {
+ const newList = [...list]
+ newList.splice(itemIndex, 1)
+ return newList
+ }
+}
+
+export function shuffle(arr) {
+ let i = arr.length
+
+ while (i) {
+ const j = Math.floor(Math.random() * i--)
+
+ ;[arr[j], arr[i]] = [arr[i], arr[j]]
+ }
+
+ return arr
+}
+
+export function upperFirst(str) {
+ if (typeof str !== 'string' || str.length === 0) {
+ return ''
+ }
+ return str.charAt(0).toUpperCase() + str.slice(1)
+}
diff --git a/static/.htaccess b/static/.htaccess
new file mode 100644
index 0000000..52db16c
--- /dev/null
+++ b/static/.htaccess
@@ -0,0 +1,63 @@
+
+RewriteEngine On
+RewriteCond %{HTTPS} off [OR]
+RewriteCond %{HTTP_HOST} ^www\. [NC]
+RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ [NC]
+RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]
+
+
+# Compress HTML, CSS, JavaScript, Text, XML and fonts
+AddOutputFilterByType DEFLATE application/javascript
+AddOutputFilterByType DEFLATE application/rss+xml
+AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
+AddOutputFilterByType DEFLATE application/x-font
+AddOutputFilterByType DEFLATE application/x-font-opentype
+AddOutputFilterByType DEFLATE application/x-font-otf
+AddOutputFilterByType DEFLATE application/x-font-truetype
+AddOutputFilterByType DEFLATE application/x-font-ttf
+AddOutputFilterByType DEFLATE application/x-javascript
+AddOutputFilterByType DEFLATE application/xhtml+xml
+AddOutputFilterByType DEFLATE application/xml
+AddOutputFilterByType DEFLATE font/opentype
+AddOutputFilterByType DEFLATE font/otf
+AddOutputFilterByType DEFLATE font/ttf
+AddOutputFilterByType DEFLATE image/svg+xml
+AddOutputFilterByType DEFLATE image/x-icon
+AddOutputFilterByType DEFLATE text/css
+AddOutputFilterByType DEFLATE text/html
+AddOutputFilterByType DEFLATE text/javascript
+AddOutputFilterByType DEFLATE text/plain
+AddOutputFilterByType DEFLATE text/xml
+
+# Remove browser bugs (only needed for ancient browsers)
+BrowserMatch ^Mozilla/4 gzip-only-text/html
+BrowserMatch ^Mozilla/4\.0[678] no-gzip
+BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
+Header append Vary User-Agent
+
+# cache
+AddType application/x-font-woff .woff
+AddType video/mp4 .mp4 .m4v
+
+ExpiresActive on
+# Set the default expiry times.
+ExpiresDefault "access plus 2 days"
+ExpiresByType image/jpg "access plus 1 month"
+ExpiresByType image/svg+xml "access 1 month"
+ExpiresByType image/gif "access plus 1 month"
+ExpiresByType image/jpeg "access plus 1 month"
+ExpiresByType image/png "access plus 1 month"
+ExpiresByType image/webp "access plus 1 month"
+ExpiresByType video/mp4 "access plus 1 month"
+ExpiresByType font/opentype "access plus 1 month"
+ExpiresByType font/otf "access plus 1 month"
+ExpiresByType font/ttf "access plus 1 month"
+ExpiresByType application/x-font-woff "access plus 1 month"
+ExpiresByType application/font-woff2 "access plus 1 month"
+ExpiresByType text/css "access plus 1 month"
+ExpiresByType text/javascript "access plus 1 month"
+ExpiresByType application/javascript "access plus 1 month"
+ExpiresByType application/x-shockwave-flash "access plus 1 month"
+ExpiresByType image/ico "access plus 1 month"
+ExpiresByType image/x-icon "access plus 1 month"
+ExpiresByType text/html "access plus 600 seconds"
\ No newline at end of file
diff --git a/static/img/blog/github-success.png b/static/img/blog/github-success.png
new file mode 100644
index 0000000..437cdaf
Binary files /dev/null and b/static/img/blog/github-success.png differ
diff --git a/static/img/blog/jsonpath.png b/static/img/blog/jsonpath.png
new file mode 100644
index 0000000..0ac0d9d
Binary files /dev/null and b/static/img/blog/jsonpath.png differ
diff --git a/static/img/blog/vue-chrome-extension.png b/static/img/blog/vue-chrome-extension.png
new file mode 100644
index 0000000..66d321a
Binary files /dev/null and b/static/img/blog/vue-chrome-extension.png differ
diff --git a/static/img/buildwith.png b/static/img/buildwith.png
new file mode 100644
index 0000000..ab8f77d
Binary files /dev/null and b/static/img/buildwith.png differ
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
new file mode 100644
index 0000000..9a67dc7
Binary files /dev/null and b/static/img/favicon.ico differ
diff --git a/static/img/friend/alan.png b/static/img/friend/alan.png
new file mode 100644
index 0000000..ce5b8f2
Binary files /dev/null and b/static/img/friend/alan.png differ
diff --git a/static/img/friend/cworld.png b/static/img/friend/cworld.png
new file mode 100644
index 0000000..1c88c9e
Binary files /dev/null and b/static/img/friend/cworld.png differ
diff --git a/static/img/friend/disnox.png b/static/img/friend/disnox.png
new file mode 100644
index 0000000..c0d475b
Binary files /dev/null and b/static/img/friend/disnox.png differ
diff --git a/static/img/friend/faith&passion.png b/static/img/friend/faith&passion.png
new file mode 100644
index 0000000..db945d1
Binary files /dev/null and b/static/img/friend/faith&passion.png differ
diff --git a/static/img/friend/innei.png b/static/img/friend/innei.png
new file mode 100644
index 0000000..11bce85
Binary files /dev/null and b/static/img/friend/innei.png differ
diff --git a/static/img/friend/jetzihan.png b/static/img/friend/jetzihan.png
new file mode 100644
index 0000000..d54f8e2
Binary files /dev/null and b/static/img/friend/jetzihan.png differ
diff --git a/static/img/friend/knifer.png b/static/img/friend/knifer.png
new file mode 100644
index 0000000..a45e193
Binary files /dev/null and b/static/img/friend/knifer.png differ
diff --git a/static/img/friend/mas0n.png b/static/img/friend/mas0n.png
new file mode 100644
index 0000000..531c7e4
Binary files /dev/null and b/static/img/friend/mas0n.png differ
diff --git a/static/img/friend/meoo.png b/static/img/friend/meoo.png
new file mode 100644
index 0000000..072e430
Binary files /dev/null and b/static/img/friend/meoo.png differ
diff --git a/static/img/friend/old_monster.png b/static/img/friend/old_monster.png
new file mode 100644
index 0000000..9a0dac9
Binary files /dev/null and b/static/img/friend/old_monster.png differ
diff --git a/static/img/friend/opacity.png b/static/img/friend/opacity.png
new file mode 100644
index 0000000..88af7cd
Binary files /dev/null and b/static/img/friend/opacity.png differ
diff --git a/static/img/friend/pincman.png b/static/img/friend/pincman.png
new file mode 100644
index 0000000..13bf641
Binary files /dev/null and b/static/img/friend/pincman.png differ
diff --git a/static/img/friend/shake.png b/static/img/friend/shake.png
new file mode 100644
index 0000000..f0cffcf
Binary files /dev/null and b/static/img/friend/shake.png differ
diff --git a/static/img/friend/simonme.png b/static/img/friend/simonme.png
new file mode 100644
index 0000000..c7a2958
Binary files /dev/null and b/static/img/friend/simonme.png differ
diff --git a/static/img/friend/xiaojunnan.png b/static/img/friend/xiaojunnan.png
new file mode 100644
index 0000000..ad1f445
Binary files /dev/null and b/static/img/friend/xiaojunnan.png differ
diff --git a/static/img/friend/zxuqian.png b/static/img/friend/zxuqian.png
new file mode 100644
index 0000000..52804b5
Binary files /dev/null and b/static/img/friend/zxuqian.png differ
diff --git a/static/img/icons/icon-128.png b/static/img/icons/icon-128.png
new file mode 100644
index 0000000..9581871
Binary files /dev/null and b/static/img/icons/icon-128.png differ
diff --git a/static/img/icons/icon-192.png b/static/img/icons/icon-192.png
new file mode 100644
index 0000000..8c50108
Binary files /dev/null and b/static/img/icons/icon-192.png differ
diff --git a/static/img/logo.png b/static/img/logo.png
new file mode 100644
index 0000000..2374d4e
Binary files /dev/null and b/static/img/logo.png differ
diff --git a/static/img/logo.webp b/static/img/logo.webp
new file mode 100644
index 0000000..8ce95b7
Binary files /dev/null and b/static/img/logo.webp differ
diff --git a/static/img/police.png b/static/img/police.png
new file mode 100644
index 0000000..fcb0a63
Binary files /dev/null and b/static/img/police.png differ
diff --git a/static/img/project/blog.png b/static/img/project/blog.png
new file mode 100644
index 0000000..1ebaed9
Binary files /dev/null and b/static/img/project/blog.png differ
diff --git a/static/img/project/chaoxing-helper.png b/static/img/project/chaoxing-helper.png
new file mode 100644
index 0000000..0648d64
Binary files /dev/null and b/static/img/project/chaoxing-helper.png differ
diff --git a/static/img/project/chaoxing-sign.png b/static/img/project/chaoxing-sign.png
new file mode 100644
index 0000000..3c05a20
Binary files /dev/null and b/static/img/project/chaoxing-sign.png differ
diff --git a/static/img/project/code-nav.png b/static/img/project/code-nav.png
new file mode 100644
index 0000000..e112d46
Binary files /dev/null and b/static/img/project/code-nav.png differ
diff --git a/static/img/project/example-website.png b/static/img/project/example-website.png
new file mode 100644
index 0000000..58a634c
Binary files /dev/null and b/static/img/project/example-website.png differ
diff --git a/static/img/project/hoppx.png b/static/img/project/hoppx.png
new file mode 100644
index 0000000..d55ff51
Binary files /dev/null and b/static/img/project/hoppx.png differ
diff --git a/static/img/project/image-hosting.png b/static/img/project/image-hosting.png
new file mode 100644
index 0000000..b006b4e
Binary files /dev/null and b/static/img/project/image-hosting.png differ
diff --git a/static/img/project/js-deobfuscator.png b/static/img/project/js-deobfuscator.png
new file mode 100644
index 0000000..02a8a1f
Binary files /dev/null and b/static/img/project/js-deobfuscator.png differ
diff --git a/static/img/project/kz-api.png b/static/img/project/kz-api.png
new file mode 100644
index 0000000..e68a018
Binary files /dev/null and b/static/img/project/kz-api.png differ
diff --git a/static/img/project/link-admin.png b/static/img/project/link-admin.png
new file mode 100644
index 0000000..5f644f5
Binary files /dev/null and b/static/img/project/link-admin.png differ
diff --git a/static/img/project/link-maker.png b/static/img/project/link-maker.png
new file mode 100644
index 0000000..34cac75
Binary files /dev/null and b/static/img/project/link-maker.png differ
diff --git a/static/img/project/nest-vben-admin.png b/static/img/project/nest-vben-admin.png
new file mode 100644
index 0000000..d7a11af
Binary files /dev/null and b/static/img/project/nest-vben-admin.png differ
diff --git a/static/img/project/nuxt-naive-admin.png b/static/img/project/nuxt-naive-admin.png
new file mode 100644
index 0000000..c5c8ce0
Binary files /dev/null and b/static/img/project/nuxt-naive-admin.png differ
diff --git a/static/img/project/ocr-admin.png b/static/img/project/ocr-admin.png
new file mode 100644
index 0000000..23c742d
Binary files /dev/null and b/static/img/project/ocr-admin.png differ
diff --git a/static/img/project/online-tools.png b/static/img/project/online-tools.png
new file mode 100644
index 0000000..b70d564
Binary files /dev/null and b/static/img/project/online-tools.png differ
diff --git a/static/img/project/protocol.png b/static/img/project/protocol.png
new file mode 100644
index 0000000..3048e80
Binary files /dev/null and b/static/img/project/protocol.png differ
diff --git a/static/img/project/question-man.png b/static/img/project/question-man.png
new file mode 100644
index 0000000..51c4c0e
Binary files /dev/null and b/static/img/project/question-man.png differ
diff --git a/static/img/project/vitesse-nuxt3-strapi.png b/static/img/project/vitesse-nuxt3-strapi.png
new file mode 100644
index 0000000..3f15b2c
Binary files /dev/null and b/static/img/project/vitesse-nuxt3-strapi.png differ
diff --git a/static/img/project/vscode-extension.png b/static/img/project/vscode-extension.png
new file mode 100644
index 0000000..91fef58
Binary files /dev/null and b/static/img/project/vscode-extension.png differ
diff --git a/static/img/project/vue-chrome-extension.png b/static/img/project/vue-chrome-extension.png
new file mode 100644
index 0000000..66d321a
Binary files /dev/null and b/static/img/project/vue-chrome-extension.png differ
diff --git a/static/img/resource/antv.png b/static/img/resource/antv.png
new file mode 100644
index 0000000..1526319
Binary files /dev/null and b/static/img/resource/antv.png differ
diff --git a/static/img/resource/any-rule.ico b/static/img/resource/any-rule.ico
new file mode 100644
index 0000000..ae61a8d
Binary files /dev/null and b/static/img/resource/any-rule.ico differ
diff --git a/static/img/resource/apifox.png b/static/img/resource/apifox.png
new file mode 100644
index 0000000..0fb048a
Binary files /dev/null and b/static/img/resource/apifox.png differ
diff --git a/static/img/resource/atoolbox.ico b/static/img/resource/atoolbox.ico
new file mode 100644
index 0000000..9228a40
Binary files /dev/null and b/static/img/resource/atoolbox.ico differ
diff --git a/static/img/resource/axios.ico b/static/img/resource/axios.ico
new file mode 100644
index 0000000..4358576
Binary files /dev/null and b/static/img/resource/axios.ico differ
diff --git a/static/img/resource/bilibili.ico b/static/img/resource/bilibili.ico
new file mode 100644
index 0000000..628ecb4
Binary files /dev/null and b/static/img/resource/bilibili.ico differ
diff --git a/static/img/resource/bootcdn.png b/static/img/resource/bootcdn.png
new file mode 100644
index 0000000..18d28e6
Binary files /dev/null and b/static/img/resource/bootcdn.png differ
diff --git a/static/img/resource/bun.svg b/static/img/resource/bun.svg
new file mode 100644
index 0000000..7ef1500
--- /dev/null
+++ b/static/img/resource/bun.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/coding.png b/static/img/resource/coding.png
new file mode 100644
index 0000000..1f9ba83
Binary files /dev/null and b/static/img/resource/coding.png differ
diff --git a/static/img/resource/component party.svg b/static/img/resource/component party.svg
new file mode 100644
index 0000000..a4b8305
--- /dev/null
+++ b/static/img/resource/component party.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/coolify.png b/static/img/resource/coolify.png
new file mode 100644
index 0000000..7043b07
Binary files /dev/null and b/static/img/resource/coolify.png differ
diff --git a/static/img/resource/coolors.png b/static/img/resource/coolors.png
new file mode 100644
index 0000000..14ba741
Binary files /dev/null and b/static/img/resource/coolors.png differ
diff --git a/static/img/resource/css-inspiration.png b/static/img/resource/css-inspiration.png
new file mode 100644
index 0000000..6697094
Binary files /dev/null and b/static/img/resource/css-inspiration.png differ
diff --git a/static/img/resource/cssfx.png b/static/img/resource/cssfx.png
new file mode 100644
index 0000000..ad74814
Binary files /dev/null and b/static/img/resource/cssfx.png differ
diff --git a/static/img/resource/cypress.png b/static/img/resource/cypress.png
new file mode 100644
index 0000000..d8ae530
Binary files /dev/null and b/static/img/resource/cypress.png differ
diff --git a/static/img/resource/dbyun.png b/static/img/resource/dbyun.png
new file mode 100644
index 0000000..9e5fbc5
Binary files /dev/null and b/static/img/resource/dbyun.png differ
diff --git a/static/img/resource/digitalocean.png b/static/img/resource/digitalocean.png
new file mode 100644
index 0000000..49a7fad
Binary files /dev/null and b/static/img/resource/digitalocean.png differ
diff --git a/static/img/resource/docusaurus.svg b/static/img/resource/docusaurus.svg
new file mode 100644
index 0000000..250f2fc
--- /dev/null
+++ b/static/img/resource/docusaurus.svg
@@ -0,0 +1 @@
+
diff --git a/static/img/resource/electron.ico b/static/img/resource/electron.ico
new file mode 100644
index 0000000..4791215
Binary files /dev/null and b/static/img/resource/electron.ico differ
diff --git a/static/img/resource/es6.png b/static/img/resource/es6.png
new file mode 100644
index 0000000..1a7db43
Binary files /dev/null and b/static/img/resource/es6.png differ
diff --git a/static/img/resource/figma.png b/static/img/resource/figma.png
new file mode 100644
index 0000000..614ec4f
Binary files /dev/null and b/static/img/resource/figma.png differ
diff --git a/static/img/resource/fresh.ico b/static/img/resource/fresh.ico
new file mode 100644
index 0000000..1cfaaa2
Binary files /dev/null and b/static/img/resource/fresh.ico differ
diff --git a/static/img/resource/gitee.ico b/static/img/resource/gitee.ico
new file mode 100644
index 0000000..74846e7
Binary files /dev/null and b/static/img/resource/gitee.ico differ
diff --git a/static/img/resource/github.ico b/static/img/resource/github.ico
new file mode 100644
index 0000000..a59308e
Binary files /dev/null and b/static/img/resource/github.ico differ
diff --git a/static/img/resource/github.png b/static/img/resource/github.png
new file mode 100644
index 0000000..468574c
Binary files /dev/null and b/static/img/resource/github.png differ
diff --git a/static/img/resource/google_fonts.ico b/static/img/resource/google_fonts.ico
new file mode 100644
index 0000000..eeb0738
Binary files /dev/null and b/static/img/resource/google_fonts.ico differ
diff --git a/static/img/resource/graphQL.svg b/static/img/resource/graphQL.svg
new file mode 100644
index 0000000..e46a30b
--- /dev/null
+++ b/static/img/resource/graphQL.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/hoppscotch.png b/static/img/resource/hoppscotch.png
new file mode 100644
index 0000000..e93d602
Binary files /dev/null and b/static/img/resource/hoppscotch.png differ
diff --git a/static/img/resource/igoutu.png b/static/img/resource/igoutu.png
new file mode 100644
index 0000000..4f1f3f9
Binary files /dev/null and b/static/img/resource/igoutu.png differ
diff --git a/static/img/resource/javascript.svg b/static/img/resource/javascript.svg
new file mode 100644
index 0000000..7975261
--- /dev/null
+++ b/static/img/resource/javascript.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/jest.png b/static/img/resource/jest.png
new file mode 100644
index 0000000..4dd0844
Binary files /dev/null and b/static/img/resource/jest.png differ
diff --git a/static/img/resource/jsdelivr.webp b/static/img/resource/jsdelivr.webp
new file mode 100644
index 0000000..9dc73b6
Binary files /dev/null and b/static/img/resource/jsdelivr.webp differ
diff --git a/static/img/resource/juejin.png b/static/img/resource/juejin.png
new file mode 100644
index 0000000..001778f
Binary files /dev/null and b/static/img/resource/juejin.png differ
diff --git a/static/img/resource/loading.ico b/static/img/resource/loading.ico
new file mode 100644
index 0000000..3bf1e52
Binary files /dev/null and b/static/img/resource/loading.ico differ
diff --git a/static/img/resource/mdn.png b/static/img/resource/mdn.png
new file mode 100644
index 0000000..c51ace0
Binary files /dev/null and b/static/img/resource/mdn.png differ
diff --git a/static/img/resource/naiveUI.svg b/static/img/resource/naiveUI.svg
new file mode 100644
index 0000000..f5c4e7f
--- /dev/null
+++ b/static/img/resource/naiveUI.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/namae.png b/static/img/resource/namae.png
new file mode 100644
index 0000000..8f83139
Binary files /dev/null and b/static/img/resource/namae.png differ
diff --git a/static/img/resource/netlify.png b/static/img/resource/netlify.png
new file mode 100644
index 0000000..8215a61
Binary files /dev/null and b/static/img/resource/netlify.png differ
diff --git a/static/img/resource/nuxt.svg b/static/img/resource/nuxt.svg
new file mode 100644
index 0000000..863ec24
--- /dev/null
+++ b/static/img/resource/nuxt.svg
@@ -0,0 +1 @@
+
diff --git a/static/img/resource/ossinsight.png b/static/img/resource/ossinsight.png
new file mode 100644
index 0000000..467c646
Binary files /dev/null and b/static/img/resource/ossinsight.png differ
diff --git a/static/img/resource/playwright.svg b/static/img/resource/playwright.svg
new file mode 100644
index 0000000..7b3ca7d
--- /dev/null
+++ b/static/img/resource/playwright.svg
@@ -0,0 +1,9 @@
+
diff --git a/static/img/resource/prisma.png b/static/img/resource/prisma.png
new file mode 100644
index 0000000..ec9dd0f
Binary files /dev/null and b/static/img/resource/prisma.png differ
diff --git a/static/img/resource/quick reference.svg b/static/img/resource/quick reference.svg
new file mode 100644
index 0000000..64ba7a5
--- /dev/null
+++ b/static/img/resource/quick reference.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/railway.png b/static/img/resource/railway.png
new file mode 100644
index 0000000..de2140f
Binary files /dev/null and b/static/img/resource/railway.png differ
diff --git a/static/img/resource/remix.png b/static/img/resource/remix.png
new file mode 100644
index 0000000..93cac70
Binary files /dev/null and b/static/img/resource/remix.png differ
diff --git a/static/img/resource/roadmap.png b/static/img/resource/roadmap.png
new file mode 100644
index 0000000..90706bc
Binary files /dev/null and b/static/img/resource/roadmap.png differ
diff --git a/static/img/resource/runoob.png b/static/img/resource/runoob.png
new file mode 100644
index 0000000..da18d69
Binary files /dev/null and b/static/img/resource/runoob.png differ
diff --git a/static/img/resource/rust-logo-blk.svg b/static/img/resource/rust-logo-blk.svg
new file mode 100644
index 0000000..1a6c762
--- /dev/null
+++ b/static/img/resource/rust-logo-blk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/rust.svg b/static/img/resource/rust.svg
new file mode 100644
index 0000000..1a6c762
--- /dev/null
+++ b/static/img/resource/rust.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/resource/shields.png b/static/img/resource/shields.png
new file mode 100644
index 0000000..1096a42
Binary files /dev/null and b/static/img/resource/shields.png differ
diff --git a/static/img/resource/stackblitz.png b/static/img/resource/stackblitz.png
new file mode 100644
index 0000000..8976f49
Binary files /dev/null and b/static/img/resource/stackblitz.png differ
diff --git a/static/img/resource/stateofjs.svg b/static/img/resource/stateofjs.svg
new file mode 100644
index 0000000..3c75cbc
--- /dev/null
+++ b/static/img/resource/stateofjs.svg
@@ -0,0 +1,30 @@
+
diff --git a/static/img/resource/strapi.png b/static/img/resource/strapi.png
new file mode 100644
index 0000000..e61afed
Binary files /dev/null and b/static/img/resource/strapi.png differ
diff --git a/static/img/resource/supabase.png b/static/img/resource/supabase.png
new file mode 100644
index 0000000..330e352
Binary files /dev/null and b/static/img/resource/supabase.png differ
diff --git a/static/img/resource/swc.png b/static/img/resource/swc.png
new file mode 100644
index 0000000..006ba21
Binary files /dev/null and b/static/img/resource/swc.png differ
diff --git a/static/img/resource/swr.png b/static/img/resource/swr.png
new file mode 100644
index 0000000..847f8fb
Binary files /dev/null and b/static/img/resource/swr.png differ
diff --git a/static/img/resource/taro.png b/static/img/resource/taro.png
new file mode 100644
index 0000000..ae683cd
Binary files /dev/null and b/static/img/resource/taro.png differ
diff --git a/static/img/resource/terminalgif.ico b/static/img/resource/terminalgif.ico
new file mode 100644
index 0000000..331fe8c
Binary files /dev/null and b/static/img/resource/terminalgif.ico differ
diff --git a/static/img/resource/turbopack.svg b/static/img/resource/turbopack.svg
new file mode 100644
index 0000000..253390f
--- /dev/null
+++ b/static/img/resource/turbopack.svg
@@ -0,0 +1,53 @@
+
\ No newline at end of file
diff --git a/static/img/resource/turborepo.svg b/static/img/resource/turborepo.svg
new file mode 100644
index 0000000..2f9aa1f
--- /dev/null
+++ b/static/img/resource/turborepo.svg
@@ -0,0 +1,32 @@
+
diff --git a/static/img/resource/twind.svg b/static/img/resource/twind.svg
new file mode 100644
index 0000000..72ae8d4
--- /dev/null
+++ b/static/img/resource/twind.svg
@@ -0,0 +1,62 @@
+
diff --git a/static/img/resource/typeorm.ico b/static/img/resource/typeorm.ico
new file mode 100644
index 0000000..0aa3711
Binary files /dev/null and b/static/img/resource/typeorm.ico differ
diff --git a/static/img/resource/typescript.png b/static/img/resource/typescript.png
new file mode 100644
index 0000000..58d3305
Binary files /dev/null and b/static/img/resource/typescript.png differ
diff --git a/static/img/resource/typing-svg.png b/static/img/resource/typing-svg.png
new file mode 100644
index 0000000..22a0a7d
Binary files /dev/null and b/static/img/resource/typing-svg.png differ
diff --git a/static/img/resource/uiverse.png b/static/img/resource/uiverse.png
new file mode 100644
index 0000000..2567263
Binary files /dev/null and b/static/img/resource/uiverse.png differ
diff --git a/static/img/resource/vben-admin.png b/static/img/resource/vben-admin.png
new file mode 100644
index 0000000..cd4c33d
Binary files /dev/null and b/static/img/resource/vben-admin.png differ
diff --git a/static/img/resource/vite.svg b/static/img/resource/vite.svg
new file mode 100644
index 0000000..de4aedd
--- /dev/null
+++ b/static/img/resource/vite.svg
@@ -0,0 +1,15 @@
+
diff --git a/static/img/resource/webgradients.png b/static/img/resource/webgradients.png
new file mode 100644
index 0000000..dab126a
Binary files /dev/null and b/static/img/resource/webgradients.png differ
diff --git a/static/img/resource/webpack.png b/static/img/resource/webpack.png
new file mode 100644
index 0000000..b8ff1d1
Binary files /dev/null and b/static/img/resource/webpack.png differ
diff --git a/static/img/resource/zhubai.png b/static/img/resource/zhubai.png
new file mode 100644
index 0000000..c3a205e
Binary files /dev/null and b/static/img/resource/zhubai.png differ
diff --git a/static/img/resource/zustand.png b/static/img/resource/zustand.png
new file mode 100644
index 0000000..c8a64b6
Binary files /dev/null and b/static/img/resource/zustand.png differ
diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..016310d
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,27 @@
+{
+ "name": "愧怍的小站",
+ "short_name": "愧怍的小站",
+ "theme_color": "#12affa",
+ "background_color": "#424242",
+ "display": "standalone",
+ "scope": "./",
+ "start_url": "./index.html",
+ "related_applications": [
+ {
+ "platform": "webapp",
+ "url": "https://kuizuo.cn/manifest.json"
+ }
+ ],
+ "icons": [
+ {
+ "src": "img/icons/icon-128.pnag",
+ "sizes": "128x128",
+ "type": "image/png"
+ },
+ {
+ "src": "img/icons/icon-192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }
+ ]
+}
diff --git a/static/svg/undraw_open_source.svg b/static/svg/undraw_open_source.svg
new file mode 100644
index 0000000..e5b2f00
--- /dev/null
+++ b/static/svg/undraw_open_source.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/svg/undraw_spider.svg b/static/svg/undraw_spider.svg
new file mode 100644
index 0000000..eeb25fd
--- /dev/null
+++ b/static/svg/undraw_spider.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/svg/undraw_web_developer.svg b/static/svg/undraw_web_developer.svg
new file mode 100644
index 0000000..71a80ed
--- /dev/null
+++ b/static/svg/undraw_web_developer.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..c57b5f8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+ "extends": "@docusaurus/tsconfig",
+ "compilerOptions": {
+ "lib": ["DOM", "ESNext"],
+ "baseUrl": ".",
+ "resolveJsonModule": true,
+
+ "allowUnreachableCode": false,
+ "exactOptionalPropertyTypes": false,
+ "noFallthroughCasesInSwitch": true,
+ "noImplicitOverride": true,
+ "noImplicitReturns": true,
+ "noPropertyAccessFromIndexSignature": false,
+ "noUncheckedIndexedAccess": true,
+ "strict": true,
+ "alwaysStrict": true,
+ "noImplicitAny": false,
+ "noImplicitThis": true,
+ "strictBindCallApply": true,
+ "strictFunctionTypes": true,
+ "strictNullChecks": true,
+ "strictPropertyInitialization": true,
+ "useUnknownInCatchVariables": true,
+ "noUnusedLocals": false,
+ "noUnusedParameters": false,
+ "importsNotUsedAsValues": "remove",
+
+ "moduleResolution": "NodeNext",
+
+ "skipLibCheck": false,
+ "types": ["jest"]
+ },
+ "exclude": ["src/sw.js"]
+}