Phanpy

commit 2b9390a0a1bb84552f2f3292a1805e64148fcee6 Author: Lim Chee Aun Date: Sat Dec 10 17:14:48 2022 +0800 Initial commit diff --git a/.env b/.env new file mode 100644 index 0000000..9a845db --- /dev/null +++ b/.env @@ -0,0 +1,2 @@ +VITE_CLIENT_NAME=Phanpy +VITE_WEBSITE=https://phanpy.social \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8d9cd59 --- /dev/null +++ b/.gitignore @@ -0,0 +1,27 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? + +# Custom +.env.dev \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..6e1e7a6 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,11 @@ +{ + "tabWidth": 2, + "useTabs": false, + "singleQuote": true, + "trailingComma": "all", + "importOrder": [".css$", "", "^../", "^[./]"], + "importOrderSeparation": true, + "importOrderSortSpecifiers": true, + "importOrderGroupNamespaceSpecifiers": true, + "importOrderCaseInsensitive": true +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..c8777f7 --- /dev/null +++ b/README.md @@ -0,0 +1,85 @@ +

+ +Phanpy +=== + +**Minimalistic opinionated Mastodon web client.** +

+ +
+ +This is an alternative web client for [Mastodon](https://joinmastodon.org/). + +Everything is designed and engineered for my own use case, following my taste and vision. This is a personal side project for me to learn about Mastodon and experiment with new UI/UX ideas. + +🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧 + +**🐘 This is an early ALPHA project. Many features are missing, many bugs are present. Please report issues as detailed as possible. Thanks 🙏** + +🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧 + +## Features + +- Minimalistic UI +- Accounts switching +- Theme switching (light, dark, auto) + +## Design decisions + +- **Status actions (reply, boost, favourite, bookmark, etc) are hidden by default**.
They only appear in individual status page. This is to reduce clutter and distraction. It may result in lower engagement, but we're not chasing numbers here. +- **Boost is represented with the rocket icon**.
The green double arrow icon (retweet for Twitter) doesn't look right for the term "boost". Green rocket looks weird, so I use purple. +- **Short usernames (`@username`) are displayed in timelines, instead of the full account username (`@username@instance`)**.
Despite the [guideline](https://docs.joinmastodon.org/api/guidelines/#username) mentioned that "Decentralization must be transparent to the user", I don't think we should shove it to the face every single time. There are also some [screen-reader-related accessibility concerns](https://twitter.com/lifeofablindgrl/status/1595864647554502656) with the full username, though this web app is unfortunately not accessible yet. +- **Hash-based URLs**.
This web app is not meant to be a full-fledged replacement to Mastodon's existing front-end. There's no SEO, database, serverless or any long-running servers. I could be wrong one day. + +## Development + +Prerequisites: Node.js 18+ + +- `npm install` - Install dependencies +- `npm run dev` - Start development server +- `npm run build` - Build for production +- `npm run preview` - Preview the production build +- `npm run fetch-instances` - Fetch instances list from [instances.social](https://instances.social/), save it to `src/data/instances.json` + - requires `.env.dev` file with `INSTANCES_SOCIAL_SECRET_TOKEN` variable set + +## Tech stack + +- [Vite](https://vitejs.dev/) - Build tool +- [Preact](https://preactjs.com/) - UI library +- [Valtio](https://valtio.pmnd.rs/) - State management +- [masto.js](https://github.com/neet/masto.js/) - Mastodon API client +- [Iconify](https://iconify.design/) - Icon library +- Vanilla CSS - *Yes, I'm old school.* + +Some of these may change in the future. The front-end world is ever-changing. + +## Mascot + +[Phanpy](https://bulbapedia.bulbagarden.net/wiki/Phanpy_(Pok%C3%A9mon)) is a Ground-type Pokémon. + +## Maintainers + +- [Chee Aun](https://github.com/cheeaun) ([Mastodon](https://mastodon.social/@cheeaun)) ([Twitter](https://twitter.com/cheeaun)) + +## Backstory + +I am one of the earliest users of Twitter. Twitter was launched on [15 July 2006](https://en.wikipedia.org/wiki/Twitter). I joined on December 2006 and my [first tweet](https://twitter.com/cheeaun/status/1298723) was posted on 18 December 2006. + +I know how early Twitter looks like. It was fun. + +Back then, I [made a Twitter clone](https://twitter.com/cheeaun/status/789031599) called "Twig" written in Python and Google App Engine. I almost made my own [Twitter desktop client](https://github.com/cheeaun/chidori) written in Appcelerator Titanium. I [gave one of my best talks about the Twitter client](https://www.slideshare.net/cheeaun/story-of-a-thousand-birds) in a mini-conference. I built this thing called "Twitter [Columns](https://twitter.com/columns)", a web app that shows your list of followings, your followings' followings, your followers, your followers' followers and so on. In 2009, I wrote a blog post titled ["How I got started with Twitter"](https://cheeaun.com/blog/2009/04/how-i-got-started-with-twitter/). I created [two](https://twitter.com/cheeaun/status/1273422454) [themes](https://twitter.com/cheeaun/status/1487781343) for DestroyTwitter (a desktop client made with Adobe Air by Jonnie Hallman) and one of them is called ["Vimeo"](https://dribbble.com/shots/31624). In 2013, I wrote [my own tweets backup site](https://github.com/cheeaun/tweets) with a front-end to view my tweets and a [CouchDB backend](https://github.com/cheeaun/tweet-couch) to store them. + +It's been **more than 15 years**. + +And here I am. Building a Mastodon web client. + +## Alternative clients + +- [Pinafore](https://pinafore.social/) +- [Elk](https://m.webtoo.ls/@elk) +- [More...](https://github.com/tleb/awesome-mastodon#clients) + +## License + +[MIT]([LICENSE](https://cheeaun.mit-license.org/)). diff --git a/design/logo-2-avatar.png b/design/logo-2-avatar.png new file mode 100644 index 0000000..9b20f10 Binary files /dev/null and b/design/logo-2-avatar.png differ diff --git a/design/logo-2.png b/design/logo-2.png new file mode 100644 index 0000000..1f899be Binary files /dev/null and b/design/logo-2.png differ diff --git a/design/logo-2.svg b/design/logo-2.svg new file mode 100644 index 0000000..fe0243a --- /dev/null +++ b/design/logo-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/design/logo.afdesign b/design/logo.afdesign new file mode 100644 index 0000000..6f84220 Binary files /dev/null and b/design/logo.afdesign differ diff --git a/design/logo.png b/design/logo.png new file mode 100644 index 0000000..2b60875 Binary files /dev/null and b/design/logo.png differ diff --git a/design/logo.svg b/design/logo.svg new file mode 100644 index 0000000..8f38a0a --- /dev/null +++ b/design/logo.svg @@ -0,0 +1,39 @@ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..3318e5a --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + + + + + + Phanpy + + + +

+ + + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..48396eb --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3785 @@ +{ + "name": "phanpy", + "version": "0.1.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "phanpy", + "version": "0.1.0", + "dependencies": { + "@github/text-expander-element": "~2.3.0", + "@github/time-elements": "~4.0.0", + "autoprefixer": "~10.4.13", + "fast-blurhash": "~1.1.2", + "history": "~5.3.0", + "iconify-icon": "~1.0.2", + "masto": "~4.9.1", + "mem": "~9.0.2", + "preact": "~10.11.3", + "preact-router": "~4.1.0", + "react-intersection-observer": "~9.4.1", + "valtio": "~1.7.6" + }, + "devDependencies": { + "@preact/preset-vite": "~2.4.0", + "@trivago/prettier-plugin-sort-imports": "~4.0.0", + "postcss": "~8.4.19", + "postcss-dark-theme-class": "~0.7.3", + "vite": "3.2.5" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", + "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.1.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", + "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz", + "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.2.tgz", + "integrity": "sha512-w7DbG8DtMrJcFOi4VrLm+8QM4az8Mo+PuLBKLp2zrYRCow8W/f9xiXm5sN53C8HksCyDQwCKha9JiDoIyPjT2g==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.20.2", + "@babel/helper-compilation-targets": "^7.20.0", + "@babel/helper-module-transforms": "^7.20.2", + "@babel/helpers": "^7.20.1", + "@babel/parser": "^7.20.2", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.2", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.1", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.20.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.4.tgz", + "integrity": "sha512-luCf7yk/cm7yab6CAW1aiFnmEfBJplb/JojV56MYEK7ziWfGmFlTfmL9Ehwfy4gFhbjBfWO1wj7/TuSbVNEEtA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.2", + "@jridgewell/gen-mapping": "^0.3.2", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", + "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.20.0", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz", + "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.20.0", + "@babel/helper-validator-option": "^7.18.6", + "browserslist": "^4.21.3", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz", + "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==", + "dev": true, + "dependencies": { + "@babel/template": "^7.18.10", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", + "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", + "devOptional": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz", + "integrity": "sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.20.2", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.19.1", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz", + "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz", + "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.19.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", + "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", + "devOptional": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "devOptional": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz", + "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.1.tgz", + "integrity": "sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg==", + "dev": true, + "dependencies": { + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.20.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.3.tgz", + "integrity": "sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-syntax-jsx": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz", + "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz", + "integrity": "sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-plugin-utils": "^7.19.0", + "@babel/plugin-syntax-jsx": "^7.18.6", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-development": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz", + "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==", + "dev": true, + "dependencies": { + "@babel/plugin-transform-react-jsx": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/runtime": { + "version": "7.20.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz", + "integrity": "sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==", + "dependencies": { + "regenerator-runtime": "^0.13.11" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/template": { + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz", + "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.18.10", + "@babel/types": "^7.18.10" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.1.tgz", + "integrity": "sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.20.1", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.20.1", + "@babel/types": "^7.20.0", + "debug": "^4.1.0", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.2.tgz", + "integrity": "sha512-FnnvsNWgZCr232sqtXggapvlkk/tuwR/qhGzcmxI0GXLCjmPYQPzio2FbdlWuY6y1sHFfQKk+rRbUZ9VStQMog==", + "devOptional": true, + "dependencies": { + "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-validator-identifier": "^7.19.1", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.18.tgz", + "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz", + "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@github/combobox-nav": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@github/combobox-nav/-/combobox-nav-2.1.5.tgz", + "integrity": "sha512-dmG1PuppNKHnBBEcfylWDwj9SSxd/E/qd8mC1G/klQC3s7ps5q6JZ034mwkkG0LKfI+Y+UgEua/ROD776N400w==" + }, + "node_modules/@github/text-expander-element": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@github/text-expander-element/-/text-expander-element-2.3.0.tgz", + "integrity": "sha512-E1KCxTOA/7Y4dP5g7vXbfRDFU6/SjU0TuJxx6JMwvxzI/NlBrXyXsx/fjFskD2T/un6i6CNKnXu1ZwExDLjcqw==", + "dependencies": { + "@github/combobox-nav": "^2.0.2" + } + }, + "node_modules/@github/time-elements": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@github/time-elements/-/time-elements-4.0.0.tgz", + "integrity": "sha512-oTPpERR/FylYCyUdVjufmF5MmlrIZ7gYzN59xe5mF3aQA+zn5IWiNj+5/D/6NgQWFNXoRB84DILnP/YlkETKhg==" + }, + "node_modules/@iconify/types": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz", + "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==" + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", + "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.0", + "@jridgewell/sourcemap-codec": "^1.4.10" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.17", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz", + "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + } + }, + "node_modules/@preact/preset-vite": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/@preact/preset-vite/-/preset-vite-2.4.0.tgz", + "integrity": "sha512-EiUMHuiCThuTuK+eH2r5uDg+CJbbt4aWJGePuszrHuXUpRv6WAeO4S+/DTJsEHtPtGmPRR3cLQ68N5097eOSRA==", + "dev": true, + "dependencies": { + "@babel/plugin-transform-react-jsx": "^7.14.9", + "@babel/plugin-transform-react-jsx-development": "^7.16.7", + "@prefresh/vite": "^2.2.8", + "@rollup/pluginutils": "^4.1.1", + "babel-plugin-transform-hook-names": "^1.0.2", + "debug": "^4.3.1", + "kolorist": "^1.2.10", + "resolve": "^1.20.0" + }, + "peerDependencies": { + "@babel/core": "7.x", + "vite": "2.x || 3.x" + } + }, + "node_modules/@prefresh/babel-plugin": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.4.4.tgz", + "integrity": "sha512-/EvgIFMDL+nd20WNvMO0JQnzIl1EJPgmSaSYrZUww7A+aSdKsi37aL07TljrZR1cBMuzFxcr4xvqsUQLFJEukw==", + "dev": true + }, + "node_modules/@prefresh/core": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.4.1.tgz", + "integrity": "sha512-og1vaBj3LMJagVncNrDb37Gqc0cWaUcDbpVt5hZtsN4i2Iwzd/5hyTsDHvlMirhSym3wL9ihU0Xa2VhSaOue7g==", + "dev": true, + "peerDependencies": { + "preact": "^10.0.0" + } + }, + "node_modules/@prefresh/utils": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.1.3.tgz", + "integrity": "sha512-Mb9abhJTOV4yCfkXrMrcgFiFT7MfNOw8sDa+XyZBdq/Ai2p4Zyxqsb3EgHLOEdHpMj6J9aiZ54W8H6FTam1u+A==", + "dev": true + }, + "node_modules/@prefresh/vite": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/@prefresh/vite/-/vite-2.2.9.tgz", + "integrity": "sha512-1ERBF85Ja9/lkrfaltmo4Gca7R2ClQPSHHDDysFgfvPzHmLUeyB0x9WHwhwov/AA1DnyPhsfYT54z3yQd8XrgA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.9.6", + "@prefresh/babel-plugin": "0.4.4", + "@prefresh/core": "^1.3.3", + "@prefresh/utils": "^1.1.2", + "@rollup/pluginutils": "^4.1.0" + }, + "peerDependencies": { + "preact": "^10.4.0", + "vite": ">=2.0.0-beta.3" + } + }, + "node_modules/@rollup/pluginutils": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz", + "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==", + "dev": true, + "dependencies": { + "estree-walker": "^2.0.1", + "picomatch": "^2.2.2" + }, + "engines": { + "node": ">= 8.0.0" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.0.0.tgz", + "integrity": "sha512-Tyuk5ZY4a0e2MNFLdluQO9F6d1awFQYXVVujEPFfvKPPXz8DADNHzz73NMhwCSXGSuGGZcA/rKOyZBrxVNMxaA==", + "dev": true, + "dependencies": { + "@babel/core": "7.17.8", + "@babel/generator": "7.17.7", + "@babel/parser": "7.18.9", + "@babel/traverse": "7.17.3", + "@babel/types": "7.17.0", + "javascript-natural-sort": "0.7.1", + "lodash": "4.17.21" + }, + "peerDependencies": { + "@vue/compiler-sfc": "3.x", + "prettier": "2.x" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/core": { + "version": "7.17.8", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz", + "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.16.7", + "@babel/generator": "^7.17.7", + "@babel/helper-compilation-targets": "^7.17.7", + "@babel/helper-module-transforms": "^7.17.7", + "@babel/helpers": "^7.17.8", + "@babel/parser": "^7.17.8", + "@babel/template": "^7.16.7", + "@babel/traverse": "^7.17.3", + "@babel/types": "^7.17.0", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.1.2", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/generator": { + "version": "7.17.7", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz", + "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==", + "dev": true, + "dependencies": { + "@babel/types": "^7.17.0", + "jsesc": "^2.5.1", + "source-map": "^0.5.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz", + "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse": { + "version": "7.17.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz", + "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.16.7", + "@babel/generator": "^7.17.3", + "@babel/helper-environment-visitor": "^7.16.7", + "@babel/helper-function-name": "^7.16.7", + "@babel/helper-hoist-variables": "^7.16.7", + "@babel/helper-split-export-declaration": "^7.16.7", + "@babel/parser": "^7.17.3", + "@babel/types": "^7.17.0", + "debug": "^4.1.0", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/types": { + "version": "7.17.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz", + "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.16.7", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@vue/compiler-core": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz", + "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.16.4", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "source-map": "^0.6.1" + } + }, + "node_modules/@vue/compiler-dom": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz", + "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==", + "dev": true, + "peer": true, + "dependencies": { + "@vue/compiler-core": "3.2.45", + "@vue/shared": "3.2.45" + } + }, + "node_modules/@vue/compiler-sfc": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz", + "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.16.4", + "@vue/compiler-core": "3.2.45", + "@vue/compiler-dom": "3.2.45", + "@vue/compiler-ssr": "3.2.45", + "@vue/reactivity-transform": "3.2.45", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "magic-string": "^0.25.7", + "postcss": "^8.1.10", + "source-map": "^0.6.1" + } + }, + "node_modules/@vue/compiler-ssr": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz", + "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==", + "dev": true, + "peer": true, + "dependencies": { + "@vue/compiler-dom": "3.2.45", + "@vue/shared": "3.2.45" + } + }, + "node_modules/@vue/reactivity-transform": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz", + "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.16.4", + "@vue/compiler-core": "3.2.45", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "magic-string": "^0.25.7" + } + }, + "node_modules/@vue/shared": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz", + "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==", + "dev": true, + "peer": true + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" + }, + "node_modules/autoprefixer": { + "version": "10.4.13", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz", + "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/autoprefixer" + } + ], + "dependencies": { + "browserslist": "^4.21.4", + "caniuse-lite": "^1.0.30001426", + "fraction.js": "^4.2.0", + "normalize-range": "^0.1.2", + "picocolors": "^1.0.0", + "postcss-value-parser": "^4.2.0" + }, + "bin": { + "autoprefixer": "bin/autoprefixer" + }, + "engines": { + "node": "^10 || ^12 || >=14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/axios": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.1.3.tgz", + "integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==", + "dependencies": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/babel-plugin-transform-hook-names": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-hook-names/-/babel-plugin-transform-hook-names-1.0.2.tgz", + "integrity": "sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw==", + "dev": true, + "peerDependencies": { + "@babel/core": "^7.12.10" + } + }, + "node_modules/browserslist": { + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", + "node-releases": "^2.0.6", + "update-browserslist-db": "^1.0.9" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/camel-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", + "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", + "dependencies": { + "pascal-case": "^3.1.2", + "tslib": "^2.0.3" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001431", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz", + "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + } + ] + }, + "node_modules/capital-case": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz", + "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/change-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz", + "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==", + "dependencies": { + "camel-case": "^4.1.2", + "capital-case": "^1.0.4", + "constant-case": "^3.0.4", + "dot-case": "^3.0.4", + "header-case": "^2.0.4", + "no-case": "^3.0.4", + "param-case": "^3.0.4", + "pascal-case": "^3.1.2", + "path-case": "^3.0.4", + "sentence-case": "^3.0.4", + "snake-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/constant-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz", + "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case": "^2.0.2" + } + }, + "node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/dot-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", + "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.4.284", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz", + "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==" + }, + "node_modules/esbuild": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.18.tgz", + "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==", + "devOptional": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.15.18", + "@esbuild/linux-loong64": "0.15.18", + "esbuild-android-64": "0.15.18", + "esbuild-android-arm64": "0.15.18", + "esbuild-darwin-64": "0.15.18", + "esbuild-darwin-arm64": "0.15.18", + "esbuild-freebsd-64": "0.15.18", + "esbuild-freebsd-arm64": "0.15.18", + "esbuild-linux-32": "0.15.18", + "esbuild-linux-64": "0.15.18", + "esbuild-linux-arm": "0.15.18", + "esbuild-linux-arm64": "0.15.18", + "esbuild-linux-mips64le": "0.15.18", + "esbuild-linux-ppc64le": "0.15.18", + "esbuild-linux-riscv64": "0.15.18", + "esbuild-linux-s390x": "0.15.18", + "esbuild-netbsd-64": "0.15.18", + "esbuild-openbsd-64": "0.15.18", + "esbuild-sunos-64": "0.15.18", + "esbuild-windows-32": "0.15.18", + "esbuild-windows-64": "0.15.18", + "esbuild-windows-arm64": "0.15.18" + } + }, + "node_modules/esbuild-android-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz", + "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-android-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz", + "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-darwin-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz", + "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-darwin-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz", + "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-freebsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz", + "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-freebsd-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz", + "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-32": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz", + "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz", + "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz", + "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz", + "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-mips64le": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz", + "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-ppc64le": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz", + "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-riscv64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz", + "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-s390x": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz", + "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-netbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz", + "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-openbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz", + "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-sunos-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz", + "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-32": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz", + "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz", + "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz", + "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, + "node_modules/eventemitter3": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.0.tgz", + "integrity": "sha512-riuVbElZZNXLeLEoprfNYoDSwTBRR44X3mnhdI1YcnENpWTCsTTVZ2zFuqQcpoyqPQIUXdiPEU0ECAq0KQRaHg==" + }, + "node_modules/fast-blurhash": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fast-blurhash/-/fast-blurhash-1.1.2.tgz", + "integrity": "sha512-lJVOgYSlahqkRhrKumNx/SGB2F/qS0D1z7xjGYjb5EZJRtlzySGMniZjkQ9h9Rv8sPmM/V9orEgRiMwazDNH6A==" + }, + "node_modules/follow-redirects": { + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", + "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fraction.js": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", + "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", + "engines": { + "node": "*" + }, + "funding": { + "type": "patreon", + "url": "https://www.patreon.com/infusion" + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "devOptional": true + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "devOptional": true, + "dependencies": { + "function-bind": "^1.1.1" + }, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/header-case": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz", + "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==", + "dependencies": { + "capital-case": "^1.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/history": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz", + "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==", + "dependencies": { + "@babel/runtime": "^7.7.6" + } + }, + "node_modules/iconify-icon": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/iconify-icon/-/iconify-icon-1.0.2.tgz", + "integrity": "sha512-mehAvz2a4eUAlPo76Wul4zzsPNr3hbOHiauMhPrTVIdLOt0AnccnNloh1EeTO3tYeBv7iaJZfdCPHczvi+CkXQ==", + "dependencies": { + "@iconify/types": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/cyberalien" + } + }, + "node_modules/is-core-module": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", + "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", + "devOptional": true, + "dependencies": { + "has": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/isomorphic-form-data": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isomorphic-form-data/-/isomorphic-form-data-2.0.0.tgz", + "integrity": "sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==", + "dependencies": { + "form-data": "^2.3.2" + } + }, + "node_modules/isomorphic-form-data/node_modules/form-data": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz", + "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 0.12" + } + }, + "node_modules/isomorphic-ws": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz", + "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==", + "peerDependencies": { + "ws": "*" + } + }, + "node_modules/javascript-natural-sort": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz", + "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==", + "dev": true + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json5": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", + "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/kolorist": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.6.0.tgz", + "integrity": "sha512-dLkz37Ab97HWMx9KTes3Tbi3D1ln9fCAy2zr2YVExJasDRPGRaKcoE4fycWNtnCAJfjFqe0cnY+f8KT2JePEXQ==", + "dev": true + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "peer": true, + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lower-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", + "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/magic-string": { + "version": "0.25.9", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz", + "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==", + "dev": true, + "peer": true, + "dependencies": { + "sourcemap-codec": "^1.4.8" + } + }, + "node_modules/map-age-cleaner": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", + "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", + "dependencies": { + "p-defer": "^1.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/masto": { + "version": "4.9.1", + "resolved": "https://registry.npmjs.org/masto/-/masto-4.9.1.tgz", + "integrity": "sha512-3jdNqCgI0ZKiG+WzYcJamwt32fd9aChjKSjP8glMUSttQ+OnMYlXb7MdqJivKFNrnRz1R5aorJQL+v18/+o7ng==", + "dependencies": { + "axios": "1.1.3", + "change-case": "^4.1.2", + "eventemitter3": "^5.0.0", + "isomorphic-form-data": "^2.0.0", + "isomorphic-ws": "^5.0.0", + "semver": "^7.3.7", + "ws": "^8.8.0" + } + }, + "node_modules/masto/node_modules/semver": { + "version": "7.3.8", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", + "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==", + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/mem": { + "version": "9.0.2", + "resolved": "https://registry.npmjs.org/mem/-/mem-9.0.2.tgz", + "integrity": "sha512-F2t4YIv9XQUBHt6AOJ0y7lSmP1+cY7Fm1DRh9GClTGzKST7UWLMx6ly9WZdLH/G/ppM5RL4MlQfRT71ri9t19A==", + "dependencies": { + "map-age-cleaner": "^0.1.3", + "mimic-fn": "^4.0.0" + }, + "engines": { + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sindresorhus/mem?sponsor=1" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mimic-fn": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/nanoid": { + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", + "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/no-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", + "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", + "dependencies": { + "lower-case": "^2.0.2", + "tslib": "^2.0.3" + } + }, + "node_modules/node-releases": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", + "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==" + }, + "node_modules/normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/p-defer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", + "integrity": "sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/param-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", + "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/pascal-case": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", + "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/path-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz", + "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "devOptional": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.4.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", + "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + } + ], + "dependencies": { + "nanoid": "^3.3.4", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-dark-theme-class": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/postcss-dark-theme-class/-/postcss-dark-theme-class-0.7.3.tgz", + "integrity": "sha512-M9vtfh8ORzQsVdT9BWb+xpEDAzC7nHBn7wVc988/JkEVLPupKcUnV0jw7RZ8sSj0ovpqN1POf6PLdt19JCHfhQ==", + "dev": true, + "engines": { + "node": ">=12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.2.14" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + }, + "node_modules/preact": { + "version": "10.11.3", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.3.tgz", + "integrity": "sha512-eY93IVpod/zG3uMF22Unl8h9KkrcKIRs2EGar8hwLZZDU1lkjph303V9HZBwufh2s736U6VXuhD109LYqPoffg==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/preact" + } + }, + "node_modules/preact-router": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/preact-router/-/preact-router-4.1.0.tgz", + "integrity": "sha512-y1w2YvVpKAju9FMV+fAVR1NpH4MW5q07BZrziMZeg6F/rGJ9KvLUZtjOqsy2I8fDYiX36AM1AQTXIIK3jigBhA==", + "peerDependencies": { + "preact": ">=10" + } + }, + "node_modules/prettier": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz", + "integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==", + "dev": true, + "peer": true, + "bin": { + "prettier": "bin-prettier.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/proxy-compare": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.3.0.tgz", + "integrity": "sha512-c3L2CcAi7f7pvlD0D7xsF+2CQIW8C3HaYx2Pfgq8eA4HAl3GAH6/dVYsyBbYF/0XJs2ziGLrzmz5fmzPm6A0pQ==" + }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, + "node_modules/react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-intersection-observer": { + "version": "9.4.1", + "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.4.1.tgz", + "integrity": "sha512-IXpIsPe6BleFOEHKzKh5UjwRUaz/JYS0lT/HPsupWEQou2hDqjhLMStc5zyE3eQVT4Fk3FufM8Fw33qW1uyeiw==", + "peerDependencies": { + "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" + }, + "node_modules/resolve": { + "version": "1.22.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", + "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "devOptional": true, + "dependencies": { + "is-core-module": "^2.9.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", + "devOptional": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=10.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/sentence-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz", + "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "node_modules/snake-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz", + "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/sourcemap-codec": { + "version": "1.4.8", + "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", + "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", + "dev": true, + "peer": true + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "devOptional": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "devOptional": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/tslib": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz", + "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==" + }, + "node_modules/update-browserslist-db": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "browserslist-lint": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/upper-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz", + "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/upper-case-first": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz", + "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/use-sync-external-store": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz", + "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/valtio": { + "version": "1.7.6", + "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.7.6.tgz", + "integrity": "sha512-zsGrCCYOIpy8egQxftduFyJusF/BMu3CganhHKUOE/I6t6V6yA1MDfZZkrYoWYCGkC3rSBYcIHEEsoYQM9lV2w==", + "dependencies": { + "proxy-compare": "2.3.0", + "use-sync-external-store": "1.2.0" + }, + "engines": { + "node": ">=12.7.0" + }, + "peerDependencies": { + "@babel/helper-module-imports": ">=7.12", + "@babel/types": ">=7.13", + "aslemammad-vite-plugin-macro": ">=1.0.0-alpha.1", + "babel-plugin-macros": ">=3.0", + "react": ">=16.8", + "vite": ">=2.8.6" + }, + "peerDependenciesMeta": { + "@babel/helper-module-imports": { + "optional": true + }, + "@babel/types": { + "optional": true + }, + "aslemammad-vite-plugin-macro": { + "optional": true + }, + "babel-plugin-macros": { + "optional": true + }, + "react": { + "optional": true + }, + "vite": { + "optional": true + } + } + }, + "node_modules/vite": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-3.2.5.tgz", + "integrity": "sha512-4mVEpXpSOgrssFZAOmGIr85wPHKvaDAcXqxVxVRZhljkJOMZi1ibLibzjLHzJvcok8BMguLc7g1W6W/GqZbLdQ==", + "devOptional": true, + "dependencies": { + "esbuild": "^0.15.9", + "postcss": "^8.4.18", + "resolve": "^1.22.1", + "rollup": "^2.79.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/ws": { + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", + "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", + "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 + } + } + }, + "node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + } + }, + "dependencies": { + "@ampproject/remapping": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", + "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, + "requires": { + "@jridgewell/gen-mapping": "^0.1.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@babel/code-frame": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", + "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", + "dev": true, + "requires": { + "@babel/highlight": "^7.18.6" + } + }, + "@babel/compat-data": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz", + "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==", + "dev": true + }, + "@babel/core": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.2.tgz", + "integrity": "sha512-w7DbG8DtMrJcFOi4VrLm+8QM4az8Mo+PuLBKLp2zrYRCow8W/f9xiXm5sN53C8HksCyDQwCKha9JiDoIyPjT2g==", + "dev": true, + "requires": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.20.2", + "@babel/helper-compilation-targets": "^7.20.0", + "@babel/helper-module-transforms": "^7.20.2", + "@babel/helpers": "^7.20.1", + "@babel/parser": "^7.20.2", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.2", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.1", + "semver": "^6.3.0" + } + }, + "@babel/generator": { + "version": "7.20.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.4.tgz", + "integrity": "sha512-luCf7yk/cm7yab6CAW1aiFnmEfBJplb/JojV56MYEK7ziWfGmFlTfmL9Ehwfy4gFhbjBfWO1wj7/TuSbVNEEtA==", + "dev": true, + "requires": { + "@babel/types": "^7.20.2", + "@jridgewell/gen-mapping": "^0.3.2", + "jsesc": "^2.5.1" + }, + "dependencies": { + "@jridgewell/gen-mapping": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", + "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + } + } + } + }, + "@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-compilation-targets": { + "version": "7.20.0", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz", + "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.20.0", + "@babel/helper-validator-option": "^7.18.6", + "browserslist": "^4.21.3", + "semver": "^6.3.0" + } + }, + "@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true + }, + "@babel/helper-function-name": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz", + "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==", + "dev": true, + "requires": { + "@babel/template": "^7.18.10", + "@babel/types": "^7.19.0" + } + }, + "@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-module-imports": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", + "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", + "devOptional": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-module-transforms": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz", + "integrity": "sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.20.2", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.19.1", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.2" + } + }, + "@babel/helper-plugin-utils": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz", + "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==", + "dev": true + }, + "@babel/helper-simple-access": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz", + "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==", + "dev": true, + "requires": { + "@babel/types": "^7.20.2" + } + }, + "@babel/helper-split-export-declaration": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-string-parser": { + "version": "7.19.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", + "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", + "devOptional": true + }, + "@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "devOptional": true + }, + "@babel/helper-validator-option": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz", + "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==", + "dev": true + }, + "@babel/helpers": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.1.tgz", + "integrity": "sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg==", + "dev": true, + "requires": { + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.20.1", + "@babel/types": "^7.20.0" + } + }, + "@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + } + }, + "@babel/parser": { + "version": "7.20.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.3.tgz", + "integrity": "sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg==", + "dev": true + }, + "@babel/plugin-syntax-jsx": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz", + "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.18.6" + } + }, + "@babel/plugin-transform-react-jsx": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz", + "integrity": "sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-plugin-utils": "^7.19.0", + "@babel/plugin-syntax-jsx": "^7.18.6", + "@babel/types": "^7.19.0" + } + }, + "@babel/plugin-transform-react-jsx-development": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz", + "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==", + "dev": true, + "requires": { + "@babel/plugin-transform-react-jsx": "^7.18.6" + } + }, + "@babel/runtime": { + "version": "7.20.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz", + "integrity": "sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==", + "requires": { + "regenerator-runtime": "^0.13.11" + } + }, + "@babel/template": { + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz", + "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.18.10", + "@babel/types": "^7.18.10" + } + }, + "@babel/traverse": { + "version": "7.20.1", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.1.tgz", + "integrity": "sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.20.1", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.20.1", + "@babel/types": "^7.20.0", + "debug": "^4.1.0", + "globals": "^11.1.0" + } + }, + "@babel/types": { + "version": "7.20.2", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.2.tgz", + "integrity": "sha512-FnnvsNWgZCr232sqtXggapvlkk/tuwR/qhGzcmxI0GXLCjmPYQPzio2FbdlWuY6y1sHFfQKk+rRbUZ9VStQMog==", + "devOptional": true, + "requires": { + "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-validator-identifier": "^7.19.1", + "to-fast-properties": "^2.0.0" + } + }, + "@esbuild/android-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.18.tgz", + "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==", + "dev": true, + "optional": true + }, + "@esbuild/linux-loong64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz", + "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==", + "dev": true, + "optional": true + }, + "@github/combobox-nav": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@github/combobox-nav/-/combobox-nav-2.1.5.tgz", + "integrity": "sha512-dmG1PuppNKHnBBEcfylWDwj9SSxd/E/qd8mC1G/klQC3s7ps5q6JZ034mwkkG0LKfI+Y+UgEua/ROD776N400w==" + }, + "@github/text-expander-element": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@github/text-expander-element/-/text-expander-element-2.3.0.tgz", + "integrity": "sha512-E1KCxTOA/7Y4dP5g7vXbfRDFU6/SjU0TuJxx6JMwvxzI/NlBrXyXsx/fjFskD2T/un6i6CNKnXu1ZwExDLjcqw==", + "requires": { + "@github/combobox-nav": "^2.0.2" + } + }, + "@github/time-elements": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@github/time-elements/-/time-elements-4.0.0.tgz", + "integrity": "sha512-oTPpERR/FylYCyUdVjufmF5MmlrIZ7gYzN59xe5mF3aQA+zn5IWiNj+5/D/6NgQWFNXoRB84DILnP/YlkETKhg==" + }, + "@iconify/types": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz", + "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==" + }, + "@jridgewell/gen-mapping": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", + "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.0", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true + }, + "@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, + "@jridgewell/trace-mapping": { + "version": "0.3.17", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz", + "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==", + "dev": true, + "requires": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + } + }, + "@preact/preset-vite": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/@preact/preset-vite/-/preset-vite-2.4.0.tgz", + "integrity": "sha512-EiUMHuiCThuTuK+eH2r5uDg+CJbbt4aWJGePuszrHuXUpRv6WAeO4S+/DTJsEHtPtGmPRR3cLQ68N5097eOSRA==", + "dev": true, + "requires": { + "@babel/plugin-transform-react-jsx": "^7.14.9", + "@babel/plugin-transform-react-jsx-development": "^7.16.7", + "@prefresh/vite": "^2.2.8", + "@rollup/pluginutils": "^4.1.1", + "babel-plugin-transform-hook-names": "^1.0.2", + "debug": "^4.3.1", + "kolorist": "^1.2.10", + "resolve": "^1.20.0" + } + }, + "@prefresh/babel-plugin": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/@prefresh/babel-plugin/-/babel-plugin-0.4.4.tgz", + "integrity": "sha512-/EvgIFMDL+nd20WNvMO0JQnzIl1EJPgmSaSYrZUww7A+aSdKsi37aL07TljrZR1cBMuzFxcr4xvqsUQLFJEukw==", + "dev": true + }, + "@prefresh/core": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/@prefresh/core/-/core-1.4.1.tgz", + "integrity": "sha512-og1vaBj3LMJagVncNrDb37Gqc0cWaUcDbpVt5hZtsN4i2Iwzd/5hyTsDHvlMirhSym3wL9ihU0Xa2VhSaOue7g==", + "dev": true, + "requires": {} + }, + "@prefresh/utils": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@prefresh/utils/-/utils-1.1.3.tgz", + "integrity": "sha512-Mb9abhJTOV4yCfkXrMrcgFiFT7MfNOw8sDa+XyZBdq/Ai2p4Zyxqsb3EgHLOEdHpMj6J9aiZ54W8H6FTam1u+A==", + "dev": true + }, + "@prefresh/vite": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/@prefresh/vite/-/vite-2.2.9.tgz", + "integrity": "sha512-1ERBF85Ja9/lkrfaltmo4Gca7R2ClQPSHHDDysFgfvPzHmLUeyB0x9WHwhwov/AA1DnyPhsfYT54z3yQd8XrgA==", + "dev": true, + "requires": { + "@babel/core": "^7.9.6", + "@prefresh/babel-plugin": "0.4.4", + "@prefresh/core": "^1.3.3", + "@prefresh/utils": "^1.1.2", + "@rollup/pluginutils": "^4.1.0" + } + }, + "@rollup/pluginutils": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz", + "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==", + "dev": true, + "requires": { + "estree-walker": "^2.0.1", + "picomatch": "^2.2.2" + } + }, + "@trivago/prettier-plugin-sort-imports": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.0.0.tgz", + "integrity": "sha512-Tyuk5ZY4a0e2MNFLdluQO9F6d1awFQYXVVujEPFfvKPPXz8DADNHzz73NMhwCSXGSuGGZcA/rKOyZBrxVNMxaA==", + "dev": true, + "requires": { + "@babel/core": "7.17.8", + "@babel/generator": "7.17.7", + "@babel/parser": "7.18.9", + "@babel/traverse": "7.17.3", + "@babel/types": "7.17.0", + "javascript-natural-sort": "0.7.1", + "lodash": "4.17.21" + }, + "dependencies": { + "@babel/core": { + "version": "7.17.8", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.8.tgz", + "integrity": "sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==", + "dev": true, + "requires": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.16.7", + "@babel/generator": "^7.17.7", + "@babel/helper-compilation-targets": "^7.17.7", + "@babel/helper-module-transforms": "^7.17.7", + "@babel/helpers": "^7.17.8", + "@babel/parser": "^7.17.8", + "@babel/template": "^7.16.7", + "@babel/traverse": "^7.17.3", + "@babel/types": "^7.17.0", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.1.2", + "semver": "^6.3.0" + } + }, + "@babel/generator": { + "version": "7.17.7", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz", + "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==", + "dev": true, + "requires": { + "@babel/types": "^7.17.0", + "jsesc": "^2.5.1", + "source-map": "^0.5.0" + } + }, + "@babel/parser": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz", + "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==", + "dev": true + }, + "@babel/traverse": { + "version": "7.17.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.17.3.tgz", + "integrity": "sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.16.7", + "@babel/generator": "^7.17.3", + "@babel/helper-environment-visitor": "^7.16.7", + "@babel/helper-function-name": "^7.16.7", + "@babel/helper-hoist-variables": "^7.16.7", + "@babel/helper-split-export-declaration": "^7.16.7", + "@babel/parser": "^7.17.3", + "@babel/types": "^7.17.0", + "debug": "^4.1.0", + "globals": "^11.1.0" + } + }, + "@babel/types": { + "version": "7.17.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz", + "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.16.7", + "to-fast-properties": "^2.0.0" + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true + } + } + }, + "@vue/compiler-core": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz", + "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==", + "dev": true, + "peer": true, + "requires": { + "@babel/parser": "^7.16.4", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "source-map": "^0.6.1" + } + }, + "@vue/compiler-dom": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz", + "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==", + "dev": true, + "peer": true, + "requires": { + "@vue/compiler-core": "3.2.45", + "@vue/shared": "3.2.45" + } + }, + "@vue/compiler-sfc": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz", + "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==", + "dev": true, + "peer": true, + "requires": { + "@babel/parser": "^7.16.4", + "@vue/compiler-core": "3.2.45", + "@vue/compiler-dom": "3.2.45", + "@vue/compiler-ssr": "3.2.45", + "@vue/reactivity-transform": "3.2.45", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "magic-string": "^0.25.7", + "postcss": "^8.1.10", + "source-map": "^0.6.1" + } + }, + "@vue/compiler-ssr": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz", + "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==", + "dev": true, + "peer": true, + "requires": { + "@vue/compiler-dom": "3.2.45", + "@vue/shared": "3.2.45" + } + }, + "@vue/reactivity-transform": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz", + "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==", + "dev": true, + "peer": true, + "requires": { + "@babel/parser": "^7.16.4", + "@vue/compiler-core": "3.2.45", + "@vue/shared": "3.2.45", + "estree-walker": "^2.0.2", + "magic-string": "^0.25.7" + } + }, + "@vue/shared": { + "version": "3.2.45", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz", + "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==", + "dev": true, + "peer": true + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } + }, + "asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" + }, + "autoprefixer": { + "version": "10.4.13", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz", + "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==", + "requires": { + "browserslist": "^4.21.4", + "caniuse-lite": "^1.0.30001426", + "fraction.js": "^4.2.0", + "normalize-range": "^0.1.2", + "picocolors": "^1.0.0", + "postcss-value-parser": "^4.2.0" + } + }, + "axios": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.1.3.tgz", + "integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==", + "requires": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "babel-plugin-transform-hook-names": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-hook-names/-/babel-plugin-transform-hook-names-1.0.2.tgz", + "integrity": "sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw==", + "dev": true, + "requires": {} + }, + "browserslist": { + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", + "requires": { + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", + "node-releases": "^2.0.6", + "update-browserslist-db": "^1.0.9" + } + }, + "camel-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", + "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", + "requires": { + "pascal-case": "^3.1.2", + "tslib": "^2.0.3" + } + }, + "caniuse-lite": { + "version": "1.0.30001431", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz", + "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==" + }, + "capital-case": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz", + "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "change-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz", + "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==", + "requires": { + "camel-case": "^4.1.2", + "capital-case": "^1.0.4", + "constant-case": "^3.0.4", + "dot-case": "^3.0.4", + "header-case": "^2.0.4", + "no-case": "^3.0.4", + "param-case": "^3.0.4", + "pascal-case": "^3.1.2", + "path-case": "^3.0.4", + "sentence-case": "^3.0.4", + "snake-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "requires": { + "delayed-stream": "~1.0.0" + } + }, + "constant-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz", + "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case": "^2.0.2" + } + }, + "convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "requires": { + "ms": "2.1.2" + } + }, + "delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==" + }, + "dot-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", + "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "electron-to-chromium": { + "version": "1.4.284", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz", + "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==" + }, + "esbuild": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.18.tgz", + "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==", + "devOptional": true, + "requires": { + "@esbuild/android-arm": "0.15.18", + "@esbuild/linux-loong64": "0.15.18", + "esbuild-android-64": "0.15.18", + "esbuild-android-arm64": "0.15.18", + "esbuild-darwin-64": "0.15.18", + "esbuild-darwin-arm64": "0.15.18", + "esbuild-freebsd-64": "0.15.18", + "esbuild-freebsd-arm64": "0.15.18", + "esbuild-linux-32": "0.15.18", + "esbuild-linux-64": "0.15.18", + "esbuild-linux-arm": "0.15.18", + "esbuild-linux-arm64": "0.15.18", + "esbuild-linux-mips64le": "0.15.18", + "esbuild-linux-ppc64le": "0.15.18", + "esbuild-linux-riscv64": "0.15.18", + "esbuild-linux-s390x": "0.15.18", + "esbuild-netbsd-64": "0.15.18", + "esbuild-openbsd-64": "0.15.18", + "esbuild-sunos-64": "0.15.18", + "esbuild-windows-32": "0.15.18", + "esbuild-windows-64": "0.15.18", + "esbuild-windows-arm64": "0.15.18" + } + }, + "esbuild-android-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz", + "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==", + "dev": true, + "optional": true + }, + "esbuild-android-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz", + "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==", + "dev": true, + "optional": true + }, + "esbuild-darwin-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz", + "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==", + "dev": true, + "optional": true + }, + "esbuild-darwin-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz", + "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==", + "dev": true, + "optional": true + }, + "esbuild-freebsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz", + "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==", + "dev": true, + "optional": true + }, + "esbuild-freebsd-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz", + "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==", + "dev": true, + "optional": true + }, + "esbuild-linux-32": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz", + "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==", + "dev": true, + "optional": true + }, + "esbuild-linux-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz", + "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==", + "dev": true, + "optional": true + }, + "esbuild-linux-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz", + "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==", + "dev": true, + "optional": true + }, + "esbuild-linux-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz", + "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==", + "dev": true, + "optional": true + }, + "esbuild-linux-mips64le": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz", + "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==", + "dev": true, + "optional": true + }, + "esbuild-linux-ppc64le": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz", + "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==", + "dev": true, + "optional": true + }, + "esbuild-linux-riscv64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz", + "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==", + "dev": true, + "optional": true + }, + "esbuild-linux-s390x": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz", + "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==", + "dev": true, + "optional": true + }, + "esbuild-netbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz", + "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==", + "dev": true, + "optional": true + }, + "esbuild-openbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz", + "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==", + "dev": true, + "optional": true + }, + "esbuild-sunos-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz", + "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==", + "dev": true, + "optional": true + }, + "esbuild-windows-32": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz", + "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==", + "dev": true, + "optional": true + }, + "esbuild-windows-64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz", + "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==", + "dev": true, + "optional": true + }, + "esbuild-windows-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz", + "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==", + "dev": true, + "optional": true + }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==" + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true + }, + "estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, + "eventemitter3": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.0.tgz", + "integrity": "sha512-riuVbElZZNXLeLEoprfNYoDSwTBRR44X3mnhdI1YcnENpWTCsTTVZ2zFuqQcpoyqPQIUXdiPEU0ECAq0KQRaHg==" + }, + "fast-blurhash": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fast-blurhash/-/fast-blurhash-1.1.2.tgz", + "integrity": "sha512-lJVOgYSlahqkRhrKumNx/SGB2F/qS0D1z7xjGYjb5EZJRtlzySGMniZjkQ9h9Rv8sPmM/V9orEgRiMwazDNH6A==" + }, + "follow-redirects": { + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", + "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==" + }, + "form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + } + }, + "fraction.js": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", + "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==" + }, + "fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "optional": true + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "devOptional": true + }, + "gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true + }, + "globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "devOptional": true, + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true + }, + "header-case": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz", + "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==", + "requires": { + "capital-case": "^1.0.4", + "tslib": "^2.0.3" + } + }, + "history": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz", + "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==", + "requires": { + "@babel/runtime": "^7.7.6" + } + }, + "iconify-icon": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/iconify-icon/-/iconify-icon-1.0.2.tgz", + "integrity": "sha512-mehAvz2a4eUAlPo76Wul4zzsPNr3hbOHiauMhPrTVIdLOt0AnccnNloh1EeTO3tYeBv7iaJZfdCPHczvi+CkXQ==", + "requires": { + "@iconify/types": "^2.0.0" + } + }, + "is-core-module": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", + "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", + "devOptional": true, + "requires": { + "has": "^1.0.3" + } + }, + "isomorphic-form-data": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isomorphic-form-data/-/isomorphic-form-data-2.0.0.tgz", + "integrity": "sha512-TYgVnXWeESVmQSg4GLVbalmQ+B4NPi/H4eWxqALKj63KsUrcu301YDjBqaOw3h+cbak7Na4Xyps3BiptHtxTfg==", + "requires": { + "form-data": "^2.3.2" + }, + "dependencies": { + "form-data": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz", + "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + } + } + } + }, + "isomorphic-ws": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz", + "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==", + "requires": {} + }, + "javascript-natural-sort": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz", + "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==", + "dev": true + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true + }, + "json5": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", + "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "dev": true + }, + "kolorist": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.6.0.tgz", + "integrity": "sha512-dLkz37Ab97HWMx9KTes3Tbi3D1ln9fCAy2zr2YVExJasDRPGRaKcoE4fycWNtnCAJfjFqe0cnY+f8KT2JePEXQ==", + "dev": true + }, + "lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "peer": true, + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lower-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", + "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", + "requires": { + "tslib": "^2.0.3" + } + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "requires": { + "yallist": "^4.0.0" + } + }, + "magic-string": { + "version": "0.25.9", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz", + "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==", + "dev": true, + "peer": true, + "requires": { + "sourcemap-codec": "^1.4.8" + } + }, + "map-age-cleaner": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", + "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", + "requires": { + "p-defer": "^1.0.0" + } + }, + "masto": { + "version": "4.9.1", + "resolved": "https://registry.npmjs.org/masto/-/masto-4.9.1.tgz", + "integrity": "sha512-3jdNqCgI0ZKiG+WzYcJamwt32fd9aChjKSjP8glMUSttQ+OnMYlXb7MdqJivKFNrnRz1R5aorJQL+v18/+o7ng==", + "requires": { + "axios": "1.1.3", + "change-case": "^4.1.2", + "eventemitter3": "^5.0.0", + "isomorphic-form-data": "^2.0.0", + "isomorphic-ws": "^5.0.0", + "semver": "^7.3.7", + "ws": "^8.8.0" + }, + "dependencies": { + "semver": { + "version": "7.3.8", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz", + "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==", + "requires": { + "lru-cache": "^6.0.0" + } + } + } + }, + "mem": { + "version": "9.0.2", + "resolved": "https://registry.npmjs.org/mem/-/mem-9.0.2.tgz", + "integrity": "sha512-F2t4YIv9XQUBHt6AOJ0y7lSmP1+cY7Fm1DRh9GClTGzKST7UWLMx6ly9WZdLH/G/ppM5RL4MlQfRT71ri9t19A==", + "requires": { + "map-age-cleaner": "^0.1.3", + "mimic-fn": "^4.0.0" + } + }, + "mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==" + }, + "mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "requires": { + "mime-db": "1.52.0" + } + }, + "mimic-fn": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==" + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "nanoid": { + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", + "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==" + }, + "no-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", + "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", + "requires": { + "lower-case": "^2.0.2", + "tslib": "^2.0.3" + } + }, + "node-releases": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", + "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==" + }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==" + }, + "p-defer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", + "integrity": "sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==" + }, + "param-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", + "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "pascal-case": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", + "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "path-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz", + "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==", + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "devOptional": true + }, + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true + }, + "postcss": { + "version": "8.4.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", + "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", + "requires": { + "nanoid": "^3.3.4", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + } + }, + "postcss-dark-theme-class": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/postcss-dark-theme-class/-/postcss-dark-theme-class-0.7.3.tgz", + "integrity": "sha512-M9vtfh8ORzQsVdT9BWb+xpEDAzC7nHBn7wVc988/JkEVLPupKcUnV0jw7RZ8sSj0ovpqN1POf6PLdt19JCHfhQ==", + "dev": true, + "requires": {} + }, + "postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + }, + "preact": { + "version": "10.11.3", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.3.tgz", + "integrity": "sha512-eY93IVpod/zG3uMF22Unl8h9KkrcKIRs2EGar8hwLZZDU1lkjph303V9HZBwufh2s736U6VXuhD109LYqPoffg==" + }, + "preact-router": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/preact-router/-/preact-router-4.1.0.tgz", + "integrity": "sha512-y1w2YvVpKAju9FMV+fAVR1NpH4MW5q07BZrziMZeg6F/rGJ9KvLUZtjOqsy2I8fDYiX36AM1AQTXIIK3jigBhA==", + "requires": {} + }, + "prettier": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz", + "integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==", + "dev": true, + "peer": true + }, + "proxy-compare": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.3.0.tgz", + "integrity": "sha512-c3L2CcAi7f7pvlD0D7xsF+2CQIW8C3HaYx2Pfgq8eA4HAl3GAH6/dVYsyBbYF/0XJs2ziGLrzmz5fmzPm6A0pQ==" + }, + "proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, + "react": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "peer": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, + "react-intersection-observer": { + "version": "9.4.1", + "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.4.1.tgz", + "integrity": "sha512-IXpIsPe6BleFOEHKzKh5UjwRUaz/JYS0lT/HPsupWEQou2hDqjhLMStc5zyE3eQVT4Fk3FufM8Fw33qW1uyeiw==", + "requires": {} + }, + "regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" + }, + "resolve": { + "version": "1.22.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", + "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "devOptional": true, + "requires": { + "is-core-module": "^2.9.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + } + }, + "rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", + "devOptional": true, + "requires": { + "fsevents": "~2.3.2" + } + }, + "semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true + }, + "sentence-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz", + "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==", + "requires": { + "no-case": "^3.0.4", + "tslib": "^2.0.3", + "upper-case-first": "^2.0.2" + } + }, + "snake-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz", + "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==", + "requires": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "peer": true + }, + "source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" + }, + "sourcemap-codec": { + "version": "1.4.8", + "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", + "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", + "dev": true, + "peer": true + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + }, + "supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "devOptional": true + }, + "to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "devOptional": true + }, + "tslib": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz", + "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==" + }, + "update-browserslist-db": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "requires": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + } + }, + "upper-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz", + "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==", + "requires": { + "tslib": "^2.0.3" + } + }, + "upper-case-first": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz", + "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==", + "requires": { + "tslib": "^2.0.3" + } + }, + "use-sync-external-store": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz", + "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==", + "requires": {} + }, + "valtio": { + "version": "1.7.6", + "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.7.6.tgz", + "integrity": "sha512-zsGrCCYOIpy8egQxftduFyJusF/BMu3CganhHKUOE/I6t6V6yA1MDfZZkrYoWYCGkC3rSBYcIHEEsoYQM9lV2w==", + "requires": { + "proxy-compare": "2.3.0", + "use-sync-external-store": "1.2.0" + } + }, + "vite": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-3.2.5.tgz", + "integrity": "sha512-4mVEpXpSOgrssFZAOmGIr85wPHKvaDAcXqxVxVRZhljkJOMZi1ibLibzjLHzJvcok8BMguLc7g1W6W/GqZbLdQ==", + "devOptional": true, + "requires": { + "esbuild": "^0.15.9", + "fsevents": "~2.3.2", + "postcss": "^8.4.18", + "resolve": "^1.22.1", + "rollup": "^2.79.1" + } + }, + "ws": { + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", + "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", + "requires": {} + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..04cedc1 --- /dev/null +++ b/package.json @@ -0,0 +1,38 @@ +{ + "name": "phanpy", + "version": "0.1.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview", + "fetch-instances": "env $(cat .env.dev | grep -v \"#\" | xargs) node scripts/fetch-instances-list.js" + }, + "dependencies": { + "@github/text-expander-element": "~2.3.0", + "@github/time-elements": "~4.0.0", + "autoprefixer": "~10.4.13", + "fast-blurhash": "~1.1.2", + "history": "~5.3.0", + "iconify-icon": "~1.0.2", + "masto": "~4.9.1", + "mem": "~9.0.2", + "preact": "~10.11.3", + "preact-router": "~4.1.0", + "react-intersection-observer": "~9.4.1", + "valtio": "~1.7.6" + }, + "devDependencies": { + "@preact/preset-vite": "~2.4.0", + "@trivago/prettier-plugin-sort-imports": "~4.0.0", + "postcss": "~8.4.19", + "postcss-dark-theme-class": "~0.7.3", + "vite": "3.2.5" + }, + "postcss": { + "plugins": { + "postcss-dark-theme-class": {}, + "autoprefixer": {} + } + } +} diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..857788c --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/scripts/fetch-instances-list.js b/scripts/fetch-instances-list.js new file mode 100644 index 0000000..7b39126 --- /dev/null +++ b/scripts/fetch-instances-list.js @@ -0,0 +1,23 @@ +import fs from 'fs'; + +const { INSTANCES_SOCIAL_SECRET_TOKEN } = process.env; + +const params = new URLSearchParams({ + count: 200, + sort_by: 'active_users', + sort_order: 'desc', +}); + +const url = `https://instances.social/api/1.0/instances/list?${params.toString()}`; +const results = await fetch(url, { + headers: { + Authorization: `Bearer ${INSTANCES_SOCIAL_SECRET_TOKEN}`, + }, +}); + +const json = await results.json(); +const names = json.instances.map((instance) => instance.name); + +// Write to file +const path = './src/data/instances.json'; +fs.writeFileSync(path, JSON.stringify(names, null, '\t'), 'utf8'); diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..e85e2fd --- /dev/null +++ b/src/app.css @@ -0,0 +1,433 @@ +html, body { + margin: 0; + padding: 0; + background-color: var(--bg-faded-color); + color: var(--text-color); + overflow: hidden; +} + +#app { + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.deck-container { + width: 100%; + height: 100vh; + overflow: auto; + transition: opacity 1s ease-in-out; +} +.deck-container[hidden] { + display: block; + position: absolute; + user-select: none; + pointer-events: none; + opacity: 0; + content-visibility: hidden; +} + +.deck-container, +.deck.contained { + scroll-padding-top: 4em; +} + +.deck { + min-height: 100vh; + margin: auto; + width: 40em; + max-width: 100vw; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); + background-color: var(--bg-color); +} +.deck.contained { + overflow: auto; + height: 100vh; +} + +.deck header { + min-height: 4em; + padding: 0 8px; + position: sticky; + top: 0; + background-color: var(--bg-blur-color); + backdrop-filter: blur(12px); + border-bottom: 1px solid var(--divider-color); + z-index: 1; + display: flex; + align-items: center; + cursor: default; +} +.deck header > *:not(button) { + flex-grow: 1; + min-width: 44px; +} +.deck header > .header-side:last-of-type { + text-align: right; +} +.deck header h1 { + margin: 0; + padding: 0; + font-size: 1.2em; + text-align: center; +} +.deck header h1:first-child { + text-align: left; + padding-left: 8px; +} +.deck h2 { + font-size: 1.45em; +} +.deck.padded-bottom .timeline li:last-child { + padding-bottom: 80vh; +} + +.timeline { + margin: 0 auto; + padding: 0; +} +.timeline li { + list-style: none; + margin: 0; + padding: 0; + border-bottom: 1px solid var(--divider-color); +} +.timeline.flat li { + border-bottom: none; +} +/* .timeline li.insignificant { + filter: opacity(0.5); + background-color: var(--bg-faded-color); +} +.timeline li.insignificant > * { + opacity: 0.75; +} +.timeline li.insignificant:hover > * { + opacity: 1; +} */ + +.timeline.contextual li { + --width: 3px; + --left: 40px; + --right: calc(var(--left) + var(--width)); + background-image: linear-gradient(to right, transparent, transparent var(--left), var(--comment-line-color) var(--left), var(--comment-line-color) var(--right), transparent var(--right), transparent); + background-repeat: no-repeat; +} +.timeline.contextual li:first-child { + background-position: 0 16px; +} +.timeline.contextual li:last-child { + background-size: 100% 20px; +} +.timeline.contextual li.descendant { + position: relative; +} +.timeline.contextual li.descendant.indirect:before { + --radius: 10px; + --diameter: calc(var(--radius) * 2); + content: ''; + position: absolute; + top: 10px; + left: 40px; + width: var(--diameter); + height: var(--diameter); + border-radius: var(--radius); + border-style: solid; + border-width: var(--width); + border-color: transparent transparent var(--comment-line-color) transparent; + transform: rotate(45deg); +} +.timeline.contextual li.descendant.indirect .status-link { + position: relative; +} + +.timeline-deck { + padding-bottom: 100px; /* faux nav height */ +} +.timeline-deck.compact .status { + max-height: max(25vh, 160px); + overflow: hidden; + mask-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 80%, transparent 95%); +} +.timeline-deck.compact .status .meta ~ * { + pointer-events: none; +} + +.timeline-header { + padding: 0 16px; + opacity: 0.75; +} + +.timeline-empty { + color: var(--text-insignificant-color); + padding: 0 16px; + margin-bottom: 3em; +} + +.status-loading { + text-align: center; + color: var(--text-insignificant-color); +} + +.status-link { + display: block; + text-decoration-line: none; + color: inherit; + transition: background-color 0.2s ease-out; +} +.status-link:hover { + background-color: var(--link-bg-hover-color); +} + +.ui-state { + padding: 16px; + text-align: center; +} + +.deck-backdrop { + position: fixed; + top: 0; + right: 0; + height: 100%; + width: 100%; + z-index: 1000; + display: flex; + background-color: var(--backdrop-color); +} +.deck-backdrop > a { + flex-grow: 1; + backdrop-filter: saturate(.75); +} +@keyframes slide-in { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +.deck-backdrop .deck { + width: 40em; + max-width: 100vw; + border-left: 1px solid var(--divider-color); + background-color: var(--bg-color); + animation: slide-in 0.2s ease-out; + box-shadow: -1px 0 var(--bg-color); +} +.deck-backdrop .deck .status { + max-width: 40em; +} + +.decks { + flex-grow: 1; + transition: transform 0.2s ease-in-out; +} + +.deck-close { + color: var(--text-insignificant-color) !important; +} +.deck-close:hover { + color: var(--text-color) !important; +} + +:is(button, .button).plain.has-badge:after { + content: ""; + display: inline-block; + position: absolute; + right: 10px; + width: 4px; + height: 4px; + border-radius: 50%; + background-color: var(--link-color); + opacity: .5; +} + +@keyframes fade-from-top { + 0% { + transform: translate(-50%, -100%); + opacity: 0; + } + 100% { + transform: translate(-50%, 0); + opacity: 1; + } +} +.updates-button { + position: absolute; + animation: fade-from-top 2s ease-out; + left: 50%; + transform: translate(-50%, 0); +} + +/* BOX */ + +.box { + width: 40em; + max-width: 100vw; + text-align: center; + padding: 16px; + margin: 16px; + background-color: var(--bg-color); + border-radius: 8px; + border: 1px solid var(--divider-color); +} + +.box-shadow { + box-shadow: 0px 36px 89px rgb(0 0 0 / 4%), 0px 23.3333px 52.1227px rgb(0 0 0 / 3%), 0px 13.8667px 28.3481px rgb(0 0 0 / 2%), 0px 7.2px 14.4625px rgb(0 0 0 / 2%), 0px 2.93333px 7.25185px rgb(0 0 0 / 2%), 0px 0.666667px 3.50231px rgb(0 0 0 / 1%); +} + +/* CAROUSEL */ +/* use snap, center children, max width viewport */ + +.carousel { + display: flex; + overflow-x: auto; + scroll-snap-type: x mandatory; + /* scroll-behavior: smooth; */ + scrollbar-width: none; +} +.carousel::-webkit-scrollbar { + display: none; +} +.carousel > * { + scroll-snap-align: center; + flex-shrink: 0; + display: flex; + justify-content: center; + align-items: center; + width: 100vw; + height: 100vh; +} +.carousel > * :is(img, video) { + width: auto; + max-width: 100vw; + height: auto; + max-height: 100vh; +} + +.carousel-controls { + position: fixed; + width: 100%; + bottom: 0; + text-align: center; + padding: 32px; + display: flex; + gap: 8px; + justify-content: space-between; +} +button.carousel-button { + font-weight: bold; + color: var(--link-color); +} +button.carousel-button[hidden] { + display: inline-block; + opacity: 0; + pointer-events: none; +} +.carousel-dots { + border-radius: 999px; + backdrop-filter: blur(12px); +} +button.carousel-dot { + color: var(--text-insignificant-color) !important; + font-weight: bold; + backdrop-filter: none !important; +} +button.carousel-dot:hover, +button.carousel-dot.active { + color: var(--link-color) !important; +} + +/* COMPOSE BUTTON */ + +#compose-button { + position: fixed; + bottom: 16px; + right: 16px; + padding: 16px; + box-shadow: 0 0 32px var(--bg-color); + z-index: 1; + outline: 1px solid var(--bg-color); + opacity: .75; +} + +/* SHEET */ + +@keyframes slide-up { + 0% { + transform: translateY(100%); + opacity: 0; + } + 100% { + transform: translateY(0); + opacity: 1; + } +} +.sheet { + align-self: flex-end; + max-height: 90vh; + overflow: auto; + background-color: var(--bg-color); + width: 100%; + max-width: calc(40em - 50px - 16px); + border-radius: 36px 36px 0 0; + padding: 16px; + box-shadow: 0 -1px 32px var(--divider-color); + animation: slide-up 0.2s ease-out; + outline: 1px solid var(--outline-color); +} + +/* TAG */ + +.tag { + font-size: smaller; + color: var(--bg-faded-color); + background-color: var(--text-insignificant-color); + padding: 2px 4px; + border-radius: 4px; + display: inline-block; + margin: 4px; + align-self: center; +} + +@media (min-width: 40em) { + #app { + display: flex; + } + .decks:has(~ .deck-backdrop) { + transform: translateX(-5vw); + } + .deck-backdrop .deck { + width: 50%; + min-width: 40em; + } + .timeline-deck { + border: 0; + background-color: transparent; + } + .timeline-deck header { + min-height: 6em; + border-bottom: 0; + background-color: var(--bg-faded-blur-color); + border-bottom: 0; + mask-image: linear-gradient(rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .5) 90%, transparent); + } + .deck header h1 { + font-size: 1.5em; + } + .timeline-deck .timeline:not(.flat) li { + border: 1px solid var(--divider-color); + margin: 16px 0; + background-color: var(--bg-color); + border-radius: 16px; + overflow: hidden; + box-shadow: 0px 1px var(--bg-blur-color); + } + .box { + padding: 32px; + } +} \ No newline at end of file diff --git a/src/app.jsx b/src/app.jsx new file mode 100644 index 0000000..fbc0cfe --- /dev/null +++ b/src/app.jsx @@ -0,0 +1,306 @@ +import './app.css'; + +import { createHashHistory } from 'history'; +import { login } from 'masto/fetch'; +import Router from 'preact-router'; +import { useEffect, useLayoutEffect, useState } from 'preact/hooks'; +import { useSnapshot } from 'valtio'; + +import Account from './components/account'; +import Compose from './components/compose'; +import Icon from './components/icon'; +import Loader from './components/loader'; +import Modal from './components/modal'; +import Home from './pages/home'; +import Login from './pages/login'; +import Notifications from './pages/notifications'; +import Settings from './pages/settings'; +import Status from './pages/status'; +import Welcome from './pages/welcome'; +import { getAccessToken } from './utils/auth'; +import states from './utils/states'; +import store from './utils/store'; + +const { VITE_CLIENT_NAME: CLIENT_NAME } = import.meta.env; + +window._STATES = states; + +async function startStream() { + const stream = await masto.stream.streamUser(); + console.log('STREAM START', { stream }); + stream.on('update', (status) => { + console.log('UPDATE', status); + + const inHomeNew = states.homeNew.find((s) => s.id === status.id); + const inHome = states.home.find((s) => s.id === status.id); + if (!inHomeNew && !inHome) { + states.homeNew.unshift({ + id: status.id, + reblog: status.reblog?.id, + reply: !!status.inReplyToAccountId, + }); + } + + states.statuses.set(status.id, status); + if (status.reblog) { + states.statuses.set(status.reblog.id, status.reblog); + } + }); + stream.on('status.update', (status) => { + console.log('STATUS.UPDATE', status); + states.statuses.set(status.id, status); + if (status.reblog) { + states.statuses.set(status.reblog.id, status.reblog); + } + }); + stream.on('delete', (statusID) => { + console.log('DELETE', statusID); + states.statuses.delete(statusID); + }); + stream.on('notification', (notification) => { + console.log('NOTIFICATION', notification); + + const inNotificationsNew = states.notificationsNew.find( + (n) => n.id === notification.id, + ); + const inNotifications = states.notifications.find( + (n) => n.id === notification.id, + ); + if (!inNotificationsNew && !inNotifications) { + states.notificationsNew.unshift(notification); + } + + if (notification.status && !states.statuses.has(notification.status.id)) { + states.statuses.set(notification.status.id, notification.status); + if ( + notification.status.reblog && + !states.statuses.has(notification.status.reblog.id) + ) { + states.statuses.set( + notification.status.reblog.id, + notification.status.reblog, + ); + } + } + }); + + stream.ws.onclose = () => { + console.log('STREAM CLOSED!'); + + requestAnimationFrame(() => { + startStream(); + }); + }; + + return { + stream, + stopStream: () => { + stream.ws.close(); + }, + }; +} + +export function App() { + const snapStates = useSnapshot(states); + const [isLoggedIn, setIsLoggedIn] = useState(false); + const [uiState, setUIState] = useState('default'); + + useLayoutEffect(() => { + const theme = store.local.get('theme'); + if (theme) { + document.documentElement.classList.add(`is-${theme}`); + document + .querySelector('meta[name="color-scheme"]') + .setAttribute('content', theme); + } + }, []); + + useEffect(() => { + const instanceURL = store.local.get('instanceURL'); + const accounts = store.local.getJSON('accounts') || []; + const code = (window.location.search.match(/code=([^&]+)/) || [])[1]; + + if (code) { + console.log({ code }); + // Clear the code from the URL + window.history.replaceState({}, document.title, '/'); + + const clientID = store.session.get('clientID'); + const clientSecret = store.session.get('clientSecret'); + + (async () => { + setUIState('loading'); + const tokenJSON = await getAccessToken({ + instanceURL, + client_id: clientID, + client_secret: clientSecret, + code, + }); + const { access_token: accessToken } = tokenJSON; + store.session.set('accessToken', accessToken); + + window.masto = await login({ + url: `https://${instanceURL}`, + accessToken, + }); + + const mastoAccount = await masto.accounts.verifyCredentials(); + + console.log({ tokenJSON, mastoAccount }); + + let account = accounts.find((a) => a.info.id === mastoAccount.id); + if (account) { + account.info = mastoAccount; + account.instanceURL = instanceURL; + account.accessToken = accessToken; + } else { + account = { + info: mastoAccount, + instanceURL, + accessToken, + }; + accounts.push(account); + } + + store.local.setJSON('accounts', accounts); + store.session.set('currentAccount', account.info.id); + + setIsLoggedIn(true); + setUIState('default'); + })(); + } else if (accounts.length) { + const currentAccount = store.session.get('currentAccount'); + const account = + accounts.find((a) => a.info.id === currentAccount) || accounts[0]; + const instanceURL = account.instanceURL; + const accessToken = account.accessToken; + store.session.set('currentAccount', account.info.id); + + (async () => { + try { + setUIState('loading'); + window.masto = await login({ + url: `https://${instanceURL}`, + accessToken, + }); + setIsLoggedIn(true); + } catch (e) { + setIsLoggedIn(false); + } + setUIState('default'); + })(); + } + }, []); + + const [currentDeck, setCurrentDeck] = useState('home'); + + useEffect(() => { + // HACK: prevent this from running again due to HMR + if (states.init) return; + + if (isLoggedIn) { + requestAnimationFrame(() => { + startStream(); + + // Collect instance info + (async () => { + const info = await masto.instances.fetch(); + console.log(info); + const { uri } = info; + const instances = store.local.getJSON('instances') || {}; + instances[uri] = info; + store.local.setJSON('instances', instances); + })(); + }); + states.init = true; + } + }, [isLoggedIn]); + + return ( + <> + {isLoggedIn && currentDeck && ( + <> + +

+ {/* Home will never be unmounted */} +

+ + )} + {!isLoggedIn && uiState === 'loading' && } + { + // Special handling for Home and Notifications + const { url } = e; + if (/notifications/i.test(url)) { + setCurrentDeck('notifications'); + } else if (url === '/') { + setCurrentDeck('home'); + document.title = `Home / ${CLIENT_NAME}}`; + } else if (url === '/login' || url === '/welcome') { + setCurrentDeck(null); + } + states.history.push(url); + }} + > + {!isLoggedIn && uiState !== 'loading' && } + + {isLoggedIn && } + + + {!!snapStates.showCompose && ( + + { + states.showCompose = false; + if (result) { + states.reloadStatusPage++; + } + }} + /> + + )} + {!!snapStates.showSettings && ( + { + if (e.target === e.currentTarget) { + states.showSettings = false; + } + }} + > + { + states.showSettings = false; + }} + /> + + )} + {!!snapStates.showAccount && ( + { + if (e.target === e.currentTarget) { + states.showAccount = false; + } + }} + > + + + )} + + ); +} diff --git a/src/components/account.css b/src/components/account.css new file mode 100644 index 0000000..6eac8cd --- /dev/null +++ b/src/components/account.css @@ -0,0 +1,30 @@ +#account-container.skeleton { + color: var(--outline-color); +} + +#account-container header{ + display: flex; + align-items: center; + gap: 8px; +} + +#account-container .note { + font-size: 95%; + line-height: 1.5; +} + +#account-container .stats { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +#account-container .actions { + display: flex; + gap: 8px; + justify-content: space-between; + min-height: 2.5em; +} +#account-container .actions button { + align-self: flex-end; +} \ No newline at end of file diff --git a/src/components/account.jsx b/src/components/account.jsx new file mode 100644 index 0000000..265db0e --- /dev/null +++ b/src/components/account.jsx @@ -0,0 +1,167 @@ +import './account.css'; + +import { useEffect, useState } from 'preact/hooks'; + +import shortenNumber from '../utils/shorten-number'; + +import Avatar from './avatar'; +import NameText from './name-text'; + +export default ({ account }) => { + const [uiState, setUIState] = useState('default'); + const isString = typeof account === 'string'; + const [info, setInfo] = useState(isString ? null : account); + + useEffect(() => { + if (isString) { + setUIState('loading'); + (async () => { + try { + const info = await masto.accounts.lookup({ + acct: account, + skip_webfinger: false, + }); + setInfo(info); + setUIState('default'); + } catch (e) { + alert(e); + setUIState('error'); + } + })(); + } + }, []); + + const { + acct, + avatar, + avatarStatic, + bot, + createdAt, + displayName, + emojis, + fields, + followersCount, + followingCount, + group, + header, + headerStatic, + id, + lastStatusAt, + locked, + note, + statusesCount, + url, + username, + } = info || {}; + + const [relationshipUIState, setRelationshipUIState] = useState('default'); + const [relationship, setRelationship] = useState(null); + useEffect(() => { + if (info) { + setRelationshipUIState('loading'); + (async () => { + try { + const relationships = await masto.accounts.fetchRelationships([id]); + console.log('fetched relationship', relationships); + if (relationships.length) { + setRelationship(relationships[0]); + } + setRelationshipUIState('default'); + } catch (e) { + console.error(e); + setRelationshipUIState('error'); + } + })(); + } + }, [info]); + + const { + following, + showingReblogs, + notifying, + followedBy, + blocking, + blockedBy, + muting, + mutingNotifications, + requested, + domainBlocking, + endorsed, + } = relationship || {}; + + return ( +

+ {!info || uiState === 'loading' ? ( + <> +

+ + ███ ████████████ +

████████ ███████

███████████████ ███████████████

+ ██ Posts + ██ Following + ██ Followers +

+ + ) : ( + <> +

+ + +

+ + {shortenNumber(statusesCount)} Posts + + + {shortenNumber(followingCount)}{' '} + Following + + + {shortenNumber(followersCount)}{' '} + Followers + +

+ {followedBy ? Following you : }{' '} + {relationshipUIState !== 'loading' && relationship && ( + + )} +

+ + )} +

+ ); +}; diff --git a/src/components/avatar.css b/src/components/avatar.css new file mode 100644 index 0000000..3dc9e70 --- /dev/null +++ b/src/components/avatar.css @@ -0,0 +1,17 @@ +.avatar { + display: inline-block; + line-height: 0; + aspect-ratio: 1/1; + border-radius: 50%; + overflow: hidden; + background-color: var(--bg-faded-color); + outline: 1px solid var(--outline-color); + flex-shrink: 0; +} + +.avatar img { + width: 100%; + height: 100%; + object-fit: cover; + background-color: var(--img-bg-color); +} \ No newline at end of file diff --git a/src/components/avatar.jsx b/src/components/avatar.jsx new file mode 100644 index 0000000..8166686 --- /dev/null +++ b/src/components/avatar.jsx @@ -0,0 +1,26 @@ +import './avatar.css'; + +const SIZES = { + s: 16, + m: 20, + l: 24, + xl: 32, + xxl: 50, +}; + +export default ({ url, size, alt = '' }) => { + size = SIZES[size] || size || SIZES.m; + return ( + + {!!url && ( +

+ )} + + ); +}; diff --git a/src/components/compose.css b/src/components/compose.css new file mode 100644 index 0000000..b0ba259 --- /dev/null +++ b/src/components/compose.css @@ -0,0 +1,232 @@ +#compose-container { + width: 40em; + max-width: 100vw; + align-self: stretch; + animation: fade-in 0.2s ease-out; + max-height: 100vh; + overflow: auto; +} + +#compose-container .compose-top { + text-align: right; + display: flex; + justify-content: space-between; + gap: 8px; + align-items: center; + padding: 16px; + position: sticky; + top: 0; + z-index: 100; +} + +#compose-container .close-button { + padding: 6px; + color: var(--text-insignificant-color); +} + +#compose-container textarea{ + width: 100%; + max-width: 100%; + height: 3em; + min-height: 3em; + max-height: 10em; + resize: vertical; +} +@keyframes appear-up { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +#compose-container .reply-to { + border-radius: 8px 8px 0 0; + max-height: 160px; + pointer-events: none; + filter: saturate(0.25) opacity(0.75); + background-color: var(--bg-blur-color); + margin: 0 12px; + border: 1px solid var(--outline-color); + border-bottom: 0; + /* box-shadow: 0 0 12px var(--divider-color); */ + /* mask-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 90%, transparent); */ + animation: appear-up 1s ease-in-out; +} +@keyframes appear-down { + 0% { + transform: translateY(-2em); + } + 100% { + transform: translateY(0); + } +} +#compose-container form { + border-radius: 8px; + padding: 4px 12px; + background-image: linear-gradient(var(--bg-color) 75%, transparent); + /* outline: 1px solid var(--outline-color); */ + /* box-shadow: 0 0 12px var(--divider-color); */ + position: relative; + z-index: 1; +} +#compose-container .reply-to ~ form { + animation: appear-down 1s ease-in-out; + box-shadow: 0 -12px 12px -12px var(--divider-color); +} + +#compose-container .toolbar { + display: flex; + justify-content: space-between; + padding: 8px 0; + gap: 8px; +} +#compose-container .toolbar.stretch { + justify-content: stretch; +} +#compose-container .toolbar .spoiler-text-field { + flex: 1; + min-width: 0; +} +#compose-container .toolbar-button { + cursor: pointer; + display: inline-block; + background-color: var(--bg-faded-color); + padding: 0 8px; + border-radius: 8px; + min-height: 2.5em; + line-height: 2.5em; + min-width: 2.5em; + text-align: center; + overflow: hidden; + position: relative; + white-space: nowrap; +} +#compose-container .toolbar-button > * { + vertical-align: middle; + cursor: inherit; +} +#compose-container .toolbar-button:has([disabled]) { + cursor: not-allowed; +} +#compose-container .toolbar-button:has([disabled]) > * { + filter: opacity(0.3); +} +#compose-container .toolbar-button:not(.show-field) :is(input[type="checkbox"], select, input[type="file"]) { + opacity: 0; + position: absolute; + left: 0; + height: 100%; +} +#compose-container .toolbar-button input[type="file"] { + /* Move this out of the way, to fix cursor: pointer bug */ + left: -100vw !important; +} +#compose-container .toolbar-button select { + background-color: transparent; + border: 0; + outline: 0; + padding: 0 0 0 8px; +} +#compose-container .toolbar-button:not(.show-field) select { + right: 0; + left: auto !important; +} +#compose-container .toolbar-button:hover { + outline: 2px solid var(--divider-color); +} +#compose-container .toolbar-button:active { + filter: brightness(0.8); +} + +#compose-container text-expander { + position: relative; +} +#compose-container .text-expander-menu { + color: var(--text-color); + background-color: var(--bg-color); + position: absolute; + margin: 0 0 0 -8px; + padding: 0; + list-style: none; + outline: 1px solid var(--outline-color); + /* box-shadow: 0 0 12px var(--outline-color); */ + border-radius: 8px; + overflow: hidden; + top: 0 !important; + z-index: 100; + min-width: 50vw; +} +#compose-container .text-expander-menu li { + white-space: nowrap; + padding: 8px; + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; + display: flex; + gap: 8px; + align-items: center; + font-size: 90%; +} +#compose-container .text-expander-menu li img { + /* The shortcode emojis */ + width: 1em; + height: 1em; +} +#compose-container .text-expander-menu li .avatar { + width: 2.2em; + height: 2.2em; +} +#compose-container .text-expander-menu li:hover { + color: var(--bg-color); + background-color: var(--link-color); +} + +#compose-container .media-attachments { + background-color: var(--bg-faded-color); + padding: 8px; + border-radius: 8px; + margin: 8px 0 0; + display: flex; + flex-direction: column; + gap: 8px; +} +#compose-container .media-attachment { + display: flex; + gap: 8px; + align-items: stretch; +} +#compose-container .media-preview { + flex-shrink: 1; +} +#compose-container .media-preview > *{ + min-width: 80px; + width: 80px !important; + height: 80px; + object-fit: contain; + background-color: var(--img-bg-color); + border-radius: 8px; + outline: 1px solid var(--outline-color); +} +#compose-container .media-attachment textarea { + height: 80px; + flex-grow: 1; + resize: none; +} +#compose-container .media-aside { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; +} +#compose-container .media-aside .close-button { + padding: 4px; + align-self: flex-start; + color: var(--text-insignificant-color); +} +#compose-container .media-aside .uploaded { + color: var(--green-color); + margin-bottom: 4px; +} \ No newline at end of file diff --git a/src/components/compose.jsx b/src/components/compose.jsx new file mode 100644 index 0000000..0e9bd28 --- /dev/null +++ b/src/components/compose.jsx @@ -0,0 +1,527 @@ +import './compose.css'; + +import '@github/text-expander-element'; +import { useEffect, useMemo, useRef, useState } from 'preact/hooks'; + +import emojifyText from '../utils/emojify-text'; +import store from '../utils/store'; +import visibilityIconsMap from '../utils/visibility-icons-map'; + +import Avatar from './avatar'; +import Icon from './icon'; +import Loader from './loader'; +import Status from './status'; + +/* NOTES: + - Max character limit includes BOTH status text and Content Warning text +*/ + +export default ({ onClose, replyToStatus }) => { + const [uiState, setUIState] = useState('default'); + + const accounts = store.local.getJSON('accounts'); + const currentAccount = store.session.get('currentAccount'); + const currentAccountInfo = accounts.find( + (a) => a.info.id === currentAccount, + ).info; + + const configuration = useMemo(() => { + const instances = store.local.getJSON('instances'); + const currentInstance = accounts.find( + (a) => a.info.id === currentAccount, + ).instanceURL; + const config = instances[currentInstance].configuration; + console.log(config); + return config; + }, []); + + const { + statuses: { maxCharacters, maxMediaAttachments, charactersReservedPerUrl }, + mediaAttachments: { + supportedMimeTypes, + imageSizeLimit, + imageMatrixLimit, + videoSizeLimit, + videoMatrixLimit, + videoFrameRateLimit, + }, + polls: { maxOptions, maxCharactersPerOption, maxExpiration, minExpiration }, + } = configuration; + + const textareaRef = useRef(); + + const [visibility, setVisibility] = useState( + replyToStatus?.visibility || 'public', + ); + const [sensitive, setSensitive] = useState(replyToStatus?.sensitive || false); + const spoilerTextRef = useRef(); + + useEffect(() => { + let timer = setTimeout(() => { + const spoilerText = replyToStatus?.spoilerText; + if (spoilerText && spoilerTextRef.current) { + spoilerTextRef.current.value = spoilerText; + spoilerTextRef.current.focus(); + } else { + textareaRef.current?.focus(); + } + }, 0); + return () => clearTimeout(timer); + }, []); + + const textExpanderRef = useRef(); + const textExpanderTextRef = useRef(''); + useEffect(() => { + if (textExpanderRef.current) { + const handleChange = (e) => { + console.log('text-expander-change', e); + const { key, provide, text } = e.detail; + textExpanderTextRef.current = text; + if (text === '') { + provide( + Promise.resolve({ + matched: false, + }), + ); + return; + } + const type = { + '@': 'accounts', + '#': 'hashtags', + }[key]; + provide( + new Promise((resolve) => { + const resultsIterator = masto.search({ + type, + q: text, + limit: 5, + }); + resultsIterator.next().then(({ value }) => { + if (text !== textExpanderTextRef.current) { + return; + } + const results = value[type]; + console.log('RESULTS', value, results); + const menu = document.createElement('ul'); + menu.role = 'listbox'; + menu.className = 'text-expander-menu'; + results.forEach((result) => { + const { + name, + avatarStatic, + displayName, + username, + acct, + emojis, + } = result; + const displayNameWithEmoji = emojifyText(displayName, emojis); + const item = document.createElement('li'); + item.setAttribute('role', 'option'); + if (acct) { + item.dataset.value = acct; + // Want to use here, but will need to render to string 😅 + item.innerHTML = ` + +

+ + + ${displayNameWithEmoji || username} +
@${acct} + + `; + } else { + item.dataset.value = name; + item.innerHTML = ` + #${name} + `; + } + menu.appendChild(item); + }); + console.log('MENU', results, menu); + resolve({ + matched: results.length > 0, + fragment: menu, + }); + }); + }), + ); + }; + + textExpanderRef.current.addEventListener( + 'text-expander-change', + handleChange, + ); + + textExpanderRef.current.addEventListener('text-expander-value', (e) => { + const { key, item } = e.detail; + e.detail.value = key + item.dataset.value; + }); + } + }, []); + + const [mediaAttachments, setMediaAttachments] = useState([]); + + const formRef = useRef(); + + const beforeUnloadCopy = + 'You have unsaved changes. Are you sure you want to discard this post?'; + const canClose = () => { + // check for status or mediaAttachments + if (textareaRef.current.value || mediaAttachments.length > 0) { + const yes = confirm(beforeUnloadCopy); + return yes; + } + return true; + }; + + useEffect(() => { + // Show warning if user tries to close window with unsaved changes + const handleBeforeUnload = (e) => { + if (!canClose()) { + e.preventDefault(); + e.returnValue = beforeUnloadCopy; + } + }; + window.addEventListener('beforeunload', handleBeforeUnload, { + capture: true, + }); + return () => + window.removeEventListener('beforeunload', handleBeforeUnload, { + capture: true, + }); + }, []); + + return ( +

+ {currentAccountInfo?.avatarStatic && ( + + )} + +

+ {!!replyToStatus && ( +

+ +

+ )} +

{ + e.preventDefault(); + + const formData = new FormData(e.target); + const entries = Object.fromEntries(formData.entries()); + console.log('ENTRIES', entries); + let { status, visibility, sensitive, spoilerText } = entries; + + // Pre-cleanup + sensitive = sensitive === 'on'; // checkboxes return "on" if checked + + // Validation + if (status.length > maxCharacters) { + alert(`Status is too long! Max characters: ${maxCharacters}`); + return; + } + if (sensitive && status.length + spoilerText.length > maxCharacters) { + alert( + `Status and content warning is too long! Max characters: ${maxCharacters}`, + ); + return; + } + // TODO: check for URLs and use `charactersReservedPerUrl` to calculate max characters + + // Post-cleanup + spoilerText = (sensitive && spoilerText) || undefined; + status = status === '' ? undefined : status; + + setUIState('loading'); + (async () => { + try { + console.log('MEDIA ATTACHMENTS', mediaAttachments); + if (mediaAttachments.length > 0) { + // Upload media attachments first + const mediaPromises = mediaAttachments.map((attachment) => { + const params = { + file: attachment.file, + description: attachment.description || undefined, + }; + return masto.mediaAttachments.create(params).then((res) => { + // Update media attachment with ID + if (res.id) { + attachment.id = res.id; + } + return res; + }); + }); + const results = await Promise.allSettled(mediaPromises); + + // If any failed, return + if ( + results.some( + (result) => + result.status === 'rejected' || !result.value.id, + ) + ) { + setUIState('error'); + // Alert all the reasons + results.forEach((result) => { + if (result.status === 'rejected') { + alert(result.reason || `Attachment #${i} failed`); + } + }); + return; + } + + console.log({ results, mediaAttachments }); + } + + const params = { + status, + visibility, + sensitive, + spoilerText, + inReplyToId: replyToStatus?.id || undefined, + mediaIds: mediaAttachments.map((attachment) => attachment.id), + }; + console.log('POST', params); + const newStatus = await masto.statuses.create(params); + setUIState('default'); + + // Close + onClose({ + newStatus, + }); + } catch (e) { + alert(e); + setUIState('error'); + } + })(); + }} + > + + + + + {mediaAttachments.length > 0 && ( +

+ {mediaAttachments.map((attachment, i) => { + const { url, type, id } = attachment; + const suffixType = type.split('/')[0]; + return ( +

+ {suffixType === 'image' ? ( +

+ ) : suffixType === 'video' ? ( +

+ +

+ + {!!id && ( + + )} +

+ ); + })} +

+ )} + +

+ ); +}; diff --git a/src/components/icon.jsx b/src/components/icon.jsx new file mode 100644 index 0000000..e4858a4 --- /dev/null +++ b/src/components/icon.jsx @@ -0,0 +1,59 @@ +const SIZES = { + s: 12, + m: 16, + l: 20, + xl: 24, + xxl: 32, +}; + +const ICONS = { + x: 'mingcute:close-line', + heart: 'mingcute:heart-line', + bookmark: 'mingcute:bookmark-line', + 'check-circle': 'mingcute:check-circle-line', + transfer: 'mingcute:transfer-4-line', + rocket: 'mingcute:rocket-line', + 'arrow-left': 'mingcute:arrow-left-line', + 'arrow-right': 'mingcute:arrow-right-line', + 'arrow-up': 'mingcute:arrow-up-line', + earth: 'mingcute:earth-line', + lock: 'mingcute:lock-line', + unlock: 'mingcute:unlock-line', + 'eye-close': 'mingcute:eye-close-line', + 'eye-open': 'mingcute:eye-2-line', + message: 'mingcute:mail-line', + comment: 'mingcute:chat-3-line', + home: 'mingcute:home-5-line', + notification: 'mingcute:notification-line', + follow: 'mingcute:user-follow-line', + 'follow-add': 'mingcute:user-add-line', + poll: 'mingcute:chart-bar-line', + pencil: 'mingcute:pencil-line', + quill: 'mingcute:quill-pen-line', + at: 'mingcute:at-line', + attachment: 'mingcute:attachment-line', + upload: 'mingcute:upload-3-line', + gear: 'mingcute:settings-3-line', +}; + +export default ({ icon, size = 'm', alt, title, class: className = '' }) => { + const iconSize = SIZES[size]; + const iconName = ICONS[icon]; + return ( +

+ + {alt} + +

+ ); +}; diff --git a/src/components/loader.css b/src/components/loader.css new file mode 100644 index 0000000..71933a2 --- /dev/null +++ b/src/components/loader.css @@ -0,0 +1,43 @@ +.loader-container { + display: inline-block; + width: 16px; + height: 16px; + pointer-events: none; + animation: slow-appear .3s ease-in-out 1s both; + vertical-align: middle; +} +@keyframes slow-appear { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.loader-container.abrupt { + animation: none; +} +.loader-container.hidden { + visibility: hidden; +} + +.loader { + display: inline-block; + width: 16px; + height: 16px; + border-radius: 50%; + border: 2.5px solid; + border-color: var(--loader-color) var(--loader-color) transparent transparent; + animation: loader 1s infinite linear; +} +@keyframes loader { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.loader-container.hidden .loader { + animation: none; +} \ No newline at end of file diff --git a/src/components/loader.jsx b/src/components/loader.jsx new file mode 100644 index 0000000..84dcf68 --- /dev/null +++ b/src/components/loader.jsx @@ -0,0 +1,11 @@ +import './loader.css'; + +export default ({ abrupt, hidden }) => ( +

+); diff --git a/src/components/modal.css b/src/components/modal.css new file mode 100644 index 0000000..3189f66 --- /dev/null +++ b/src/components/modal.css @@ -0,0 +1,17 @@ +#modal-container > div { + position: fixed; + top: 0; + right: 0; + height: 100%; + width: 100%; + z-index: 1000; + display: flex; + justify-content: center; + align-items: center; + background-color: var(--backdrop-color); + backdrop-filter: blur(24px); +} + +#modal-container > .light { + backdrop-filter: saturate(.75); +} \ No newline at end of file diff --git a/src/components/modal.jsx b/src/components/modal.jsx new file mode 100644 index 0000000..52d7c92 --- /dev/null +++ b/src/components/modal.jsx @@ -0,0 +1,20 @@ +import './modal.css'; + +import { createPortal } from 'preact/compat'; +import { useEffect } from 'preact/hooks'; + +const $modalContainer = document.getElementById('modal-container'); + +export default ({ children, onClick, class: className }) => { + if (!children) return null; + + const Modal = ( +

+ {children} +

+ ); + + return createPortal(Modal, $modalContainer); + + // return createPortal(children, $modalContainer); +}; diff --git a/src/components/name-text.css b/src/components/name-text.css new file mode 100644 index 0000000..420e40a --- /dev/null +++ b/src/components/name-text.css @@ -0,0 +1,19 @@ +.name-text { + color: inherit; + text-decoration: none; + display: inline-block; +} +a.name-text:hover b, +a.name-text.short:hover i { + text-decoration: underline; + text-decoration-color: var(--text-insignificant-color); +} +.name-text i { + font-style: normal; + opacity: 0.75; +} + +.name-text .avatar { + vertical-align: middle; + margin-right: 4px; +} \ No newline at end of file diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx new file mode 100644 index 0000000..285bf88 --- /dev/null +++ b/src/components/name-text.jsx @@ -0,0 +1,58 @@ +import './name-text.css'; + +import emojifyText from '../utils/emojify-text'; +import states from '../utils/states'; + +import Avatar from './avatar'; + +export default ({ account, showAvatar, showAcct, short, external }) => { + const { acct, avatar, avatarStatic, id, url, displayName, username, emojis } = + account; + + const displayNameWithEmoji = emojifyText(displayName, emojis); + + return ( + { + if (external) return; + e.preventDefault(); + states.showAccount = account; + }} + > + {showAvatar && ( + <> + {' '} + + )} + {displayName && !short ? ( + <> + + {!showAcct && ( + <> + {' '} + @{username} + + )} + + ) : short ? ( + @{username} + ) : ( + @{username} + )} + {showAcct && ( + <> +
+ @{acct} + + )} + + ); +}; diff --git a/src/components/status.css b/src/components/status.css new file mode 100644 index 0000000..5659d63 --- /dev/null +++ b/src/components/status.css @@ -0,0 +1,438 @@ +/* REBLOG + REPLY-TO */ + +.status-reblog { + background: linear-gradient(to bottom right, var( + --reblog-faded-color + ), transparent 160px); +} +.status-reply-to { + background: linear-gradient(to bottom right, var( + --reply-to-faded-color + ), transparent 160px); +} +.status-reblog .status-reply-to { + background: linear-gradient(to top left, var( + --reply-to-faded-color + ), transparent 160px); +} + +/* STATUS PRE META */ + +.status-pre-meta { + line-height: 1.5; + padding: 8px 16px 0; + opacity: 0.75; + font-size: smaller; + vertical-align: middle; +} +.status-pre-meta .icon { + color: var(--reblog-color); + vertical-align: middle; + margin-right: 4px; +} + +/* STATUS */ + +.status { + display: flex; + padding: 16px 16px 20px; + line-height: 1.5; + align-items: flex-start; +} +.status.large { + padding-bottom: 8px; +} +.status-pre-meta + .status { + padding-top: 8px; +} +.status.small { + font-size: 95%; +} +.status.skeleton { + color: var(--outline-color); +} + +.status.skeleton > .avatar { + background-color: var(--outline-color); +} +.indirect .status { + padding-left: 57px; +} +.indirect .status > .avatar { + width: 25px !important; + height: 25px !important; +} + +.status:not(.small) .container { + padding-left: 16px; + flex-grow: 1; + min-width: 0; +} + +.status.large > .container > .meta { + display: flex; + gap: 8px; + min-height: 50px; + justify-content: space-between; +} +.status > .container > .meta .arrow { + color: var(--reply-to-color); + vertical-align: middle; +} +.status > .container > .meta .time { + color: inherit; + text-align: end; + opacity: 0.5; + text-decoration: none; + flex-shrink: 0; + margin-left: 4px; + white-space: nowrap; +} +.status > .container > .meta a.time:hover { + text-decoration: underline; +} +.status > .container > .meta .reply-to { + opacity: 0.5; + font-size: smaller; +} + +.status.large .content-container { + margin-left: calc(-50px - 16px); + background-image: linear-gradient(to bottom, transparent, var(--bg-color) 10px, var(--bg-color)); + padding-top: 10px; + padding-bottom: 10px; +} + +.status .content-container.has-spoiler .spoiler { + margin: 8px 0; + font-size: 90%; + outline: 1px dashed var(--button-bg-color); + display: flex; + gap: 8px; + align-items: center; +} +.status .content-container.has-spoiler .spoiler ~ * { + filter: blur(6px) invert(.5); + pointer-events: none; + transition: filter .5s; + user-select: none; +} +.status .content-container.has-spoiler .spoiler ~ .content ~ * { + opacity: .5; +} +.status .content-container.show-spoiler .spoiler { + outline-style: dotted; +} +.status .content-container.show-spoiler .spoiler ~ * { + filter: none; + pointer-events: auto; + user-select: auto; +} +.status .content-container.has-spoiler .spoiler ~ .content ~ * { + opacity: 1; +} + +.status .content { + margin-top: 8px; +} +.status .content p { + margin-block: .75em; +} +.status .content p:first-child { + margin-block-start: 0; +} +.status .content p:last-child { + margin-block-end: 0; +} +.status .content .invisible { + display: none; +} +.status .content .ellipsis::after { + content: '…'; +} +.status:hover .content a { + text-decoration-line: underline; +} +.status .content a.mention { + text-decoration-line: none; +} +.status .content a.mention span { + text-decoration-line: underline; + text-decoration-color: inherit; +} +.status .content a.hashtag { + color: var(--link-light-color); +} +.status .content a.hashtag span{ + color: var(--text-color); +} +.status .content a.u-url span{ + color: var(--text-color); +} +.status.large .content { + font-size: 150%; +} +.status.large .poll, +.status.large .actions { + font-size: 125%; +} + +/* MEDIA */ + +.status .media-container { + margin-top: 8px; + display: flex; + flex-wrap: wrap; + gap: 8px; + flex-direction: row; +} +.status .media { + flex-grow: 1; + flex-basis: calc(50% - 8px); + border-radius: 8px; + overflow: hidden; + max-height: 160px; + outline: 1px solid var(--outline-color); +} +.status .media:hover { + outline-color: var(--outline-hover-color); +} +.status .media.block { + flex-basis: 100%; + max-height: auto; +} +.status .media :is(img, video) { + width: 100%; + height: 100%; + object-fit: cover; + cursor: pointer; +} +@keyframes position-object { + 0% { + object-position: 50% 50%; + } + 25% { + object-position: 0% 0%; + } + 75% { + object-position: 100% 100%; + } + 100% { + object-position: 50% 50%; + } +} +.status .media img:hover { + animation: position-object 5s ease-in-out 1s infinite; +} +.status .media video { + width: 100%; + height: 100%; + object-fit: contain; +} +.status .media-video { + position: relative; +} +.status .media-video:after { + /* show play icon */ + content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 0; + height: 0; + border-style: solid; + border-width: 15px 0 15px 26.0px; + border-color: transparent transparent transparent var(--text-color); + pointer-events: none; + filter: drop-shadow(0 0 10px var(--bg-color)) drop-shadow(0 0 10px var(--bg-color)) drop-shadow(0 0 10px var(--bg-color)) drop-shadow(0 0 10px var(--bg-color)) drop-shadow(0 0 10px var(--bg-color)); + opacity: 0.75; +} +.status .media-video:hover:after { + opacity: 1; +} +.status .media-gif video { + object-fit: cover; +} +.status .media-audio { + outline: 0; +} +.status .media-audio audio { + width: 100%; +} + +/* CARD */ + +.card { + display: flex; + margin-top: 8px; + border-radius: 8px; + outline: 1px solid var(--outline-color); + overflow: hidden; + gap: 8px; + color: inherit; + align-items: center; + background: var(--bg-color); +} +.card .image { + min-width: 120px; + max-width: 160px; + height: auto; + min-height: 120px; + max-height: 160px; + object-fit: cover; + outline: 1px solid var(--outline-color); +} +.card:hover .image { + animation: position-object 5s ease-in-out 1s infinite; +} +.card p { + margin: 0; +} +.card .meta-container { + padding: 4px; +} +.card .title { + font-weight: normal; + text-overflow: ellipsis; + overflow: hidden; + display: -webkit-box; + display: box; + -webkit-box-orient: vertical; + box-orient: vertical; + -webkit-line-clamp: 2; + line-clamp: 2; +} +.card .meta { + font-size: smaller; + opacity: 0.75; + margin: 0; +} +.card .meta.domain { + opacity: 1; + color: var(--link-color); +} +a.card { + text-decoration: none; + transition: opacity 0.2s ease-in-out; +} +a.card:hover { + outline: 1px solid var(--outline-hover-color); +} +.card.video { + max-width: 320px; + max-height: 320px; +} +.card.video iframe { + width: 100%; + height: 100%; +} + +/* POLLS */ + +.poll-option { + margin-top: 8px; + padding: 8px; + display: flex; + gap: 8px; + justify-content: space-between; + background-image: linear-gradient(to right, var(--link-faded-color), var(--link-faded-color) var(--percentage), transparent var(--percentage), transparent); + border-radius: 8px; + outline: 1px solid rgba(128, 128, 128, .1); + align-items: center; +} +.poll-label { + width: 100%; + display: flex; + gap: 8px; + cursor: pointer; +} +.poll-vote-button { + margin-top: 8px; +} +.poll-meta { + margin: 8px 0; +} + +/* ACTIONS */ + +.status .actions { + margin-left: -8px; /* visual balance */ + padding-top: 16px; + display: flex; + gap: 8px; + justify-content: space-between; +} +.status.large .actions { + /* margin-left: -12px; */ + padding-top: 8px; + padding-bottom: 16px; + margin-left: calc(-50px - 16px); + background-image: linear-gradient(to bottom, var(--bg-color), var(--bg-color) calc(100% - 10px), transparent); +} +.status .actions > * { + opacity: .5; + transition: opacity 0.2s ease-in-out; +} +.status:hover .actions > * { + opacity: 1; +} +.status .actions > button { + min-height: 40px; + min-width: 40px; + padding: 0 8px; +} +.status .actions > button.plain { + color: var(--text-insignificant-color); +} +.status .actions > button.plain:hover { + color: var(--link-color); + background-color: var(--button-plain-bg-hover-color); +} +.status .actions > button.plain.reblog-button:hover { + color: var(--reblog-color); +} +.status .actions > button.plain.reblog-button.reblogged { + color: var(--reblog-color); + outline: 1.5px solid var(--reblog-color); +} +.status .actions > button.plain.favourite-button:hover { + color: var(--favourite-color); +} +.status .actions > button.plain.favourite-button.favourited { + color: var(--favourite-color); + outline: 1.5px solid var(--favourite-color); +} +.status .actions > button.plain.bookmark-button.bookmarked { + color: var(--link-color); + outline: 1.5px solid var(--link-color); +} + +/* ENHANCED CONTENT */ + +.status .content pre { + border-radius: 8px; + padding: 8px; + margin: 8px 0; + overflow: auto; + width: 100%; + font-size: 90%; + outline: 1px solid var(--outline-color); + background: linear-gradient(to bottom right, var( + --bg-faded-color + ), transparent 160px); +} + +/* MISC */ + +.status-aside { + padding: 0 16px 16px 80px; + color: var(--text-insignificant-color); +} + +.shortcode-emoji { + width: 1.2em; + height: 1.2em; + vertical-align: middle; + object-fit: contain; +} diff --git a/src/components/status.jsx b/src/components/status.jsx new file mode 100644 index 0000000..7ac24ad --- /dev/null +++ b/src/components/status.jsx @@ -0,0 +1,835 @@ +import './status.css'; + +import { getBlurHashAverageColor } from 'fast-blurhash'; +import mem from 'mem'; +import { useEffect, useRef, useState } from 'preact/hooks'; +import { useSnapshot } from 'valtio'; + +import Modal from '../components/modal'; +import NameText from '../components/name-text'; +import enhanceContent from '../utils/enhance-content'; +import shortenNumber from '../utils/shorten-number'; +import states from '../utils/states'; +import visibilityIconsMap from '../utils/visibility-icons-map'; + +import Avatar from './avatar'; +import Icon from './icon'; + +/* +Media type +=== +unknown = unsupported or unrecognized file type +image = Static image +gifv = Looping, soundless animation +video = Video clip +audio = Audio track +*/ + +function Media({ media, showOriginal, onClick }) { + const { blurhash, description, meta, previewUrl, remoteUrl, url, type } = + media; + const { original, small, focus } = meta || {}; + + const width = showOriginal ? original?.width : small?.width; + const height = showOriginal ? original?.height : small?.height; + const mediaURL = showOriginal ? url : previewUrl; + + const rgbAverageColor = blurhash ? getBlurHashAverageColor(blurhash) : null; + + const videoRef = useRef(); + + let focalBackgroundPosition; + if (focus) { + // Convert focal point to CSS background position + // Formula from jquery-focuspoint + // x = -1, y = 1 => 0% 0% + // x = 0, y = 0 => 50% 50% + // x = 1, y = -1 => 100% 100% + const x = ((focus.x + 1) / 2) * 100; + const y = ((1 - focus.y) / 2) * 100; + focalBackgroundPosition = `${x.toFixed(0)}% ${y.toFixed(0)}%`; + } + + if (type === 'image') { + return ( +
+ +
+ ); + } else if (type === 'gifv' || type === 'video') { + // 20 seconds, treat as a gif + const isGIF = type === 'gifv' && original.duration <= 20; + return ( +
{ + if (isGIF) { + try { + videoRef.current?.play(); + } catch (e) {} + } + }} + onMouseLeave={() => { + if (isGIF) { + try { + videoRef.current?.pause(); + } catch (e) {} + } + }} + > + {showOriginal ? ( + + ) : isGIF ? ( +
+ ); + } else if (type === 'audio') { + return ( +
+
+ ); + } +} + +function Card({ card }) { + const { + blurhash, + title, + description, + html, + providerName, + authorName, + width, + height, + image, + url, + type, + embedUrl, + } = card; + + /* type + link = Link OEmbed + photo = Photo OEmbed + video = Video OEmbed + rich = iframe OEmbed. Not currently accepted, so won’t show up in practice. + */ + + const hasText = title || providerName || authorName; + + if (hasText && image) { + const domain = new URL(url).hostname; + return ( + + { + this.style.display = 'none'; + }} + /> +
+
+
{providerName || authorName}
+
{domain}
+
+ + ); + } else if (type === 'photo') { + return ( + + + + ); + } else if (type === 'video') { + return ( +
+ ); + } +} + +function Poll({ poll }) { + const [pollSnapshot, setPollSnapshot] = useState(poll); + const [uiState, setUIState] = useState('default'); + + const { + expired, + expiresAt, + id, + multiple, + options, + ownVotes, + voted, + votersCount, + votesCount, + } = pollSnapshot; + + const expiresAtDate = new Date(expiresAt); + + return ( +
+ {voted || expired ? ( + options.map((option, i) => { + const { title, votesCount: optionVotesCount } = option; + const percentage = Math.round((optionVotesCount / votesCount) * 100); + return ( +
+
+ {title} + {voted && ownVotes.includes(i) && ( + <> + {' '} + + + )} +
+
+ {percentage}% +
+
+ ); + }) + ) : ( +
{ + e.preventDefault(); + const form = e.target; + const formData = new FormData(form); + const votes = []; + formData.forEach((value, key) => { + if (key === 'poll') { + votes.push(value); + } + }); + console.log(votes); + setUIState('loading'); + const pollResponse = await masto.poll.vote(id, { + choices: votes, + }); + console.log(pollResponse); + setPollSnapshot(pollResponse); + setUIState('default'); + }} + style={{ + pointerEvents: uiState === 'loading' ? 'none' : 'auto', + opacity: uiState === 'loading' ? 0.5 : 1, + }} + > + {options.map((option, i) => { + const { title } = option; + return ( +
+ + + {title} + +
+ ); + })} + +
+ )} +
+ {shortenNumber(votersCount)}{' '} + {votersCount === 1 ? 'voter' : 'voters'} + {votersCount !== votesCount && ( + <> + {' '} + • + {shortenNumber(votesCount)} + {' '} + vote + {votesCount === 1 ? '' : 's'} + + )}{' '} + • {expired ? 'Ended' : 'Ending'}{' '} + +
+
+ ); +} + +function fetchAccount(id) { + return masto.accounts.fetch(id); +} +const memFetchAccount = mem(fetchAccount); + +function Status({ statusID, status, withinContext, size = 'm', skeleton }) { + if (skeleton) { + return ( +
+ +
+
███ ████████████
+
+
+
████ ████████████
+
+
+
+
+ ); + } + + const snapStates = useSnapshot(states); + if (!status) { + status = snapStates.statuses.get(statusID); + } + if (!status) { + return null; + } + + const { + account: { + acct, + avatar, + avatarStatic, + id: accountId, + url, + displayName, + username, + emojis: accountEmojis, + }, + id, + repliesCount, + reblogged, + reblogsCount, + favourited, + favouritesCount, + bookmarked, + poll, + muted, + sensitive, + spoilerText, + visibility, // public, unlisted, private, direct + language, + editedAt, + filtered, + card, + createdAt, + inReplyToAccountId, + content, + mentions, + mediaAttachments, + reblog, + uri, + emojis, + } = status; + + const createdAtDate = new Date(createdAt); + + let inReplyToAccountRef = mentions.find( + (mention) => mention.id === inReplyToAccountId, + ); + if (!inReplyToAccountRef && inReplyToAccountId === id) { + inReplyToAccountRef = { url, username, displayName }; + } + const [inReplyToAccount, setInReplyToAccount] = useState(inReplyToAccountRef); + if (!withinContext && !inReplyToAccount && inReplyToAccountId) { + const account = states.accounts.get(inReplyToAccountId); + if (account) { + setInReplyToAccount(account); + } else { + memFetchAccount(inReplyToAccountId) + .then((account) => { + setInReplyToAccount(account); + states.accounts.set(account.id, account); + }) + .catch((e) => {}); + } + } + + const [showSpoiler, setShowSpoiler] = useState(false); + + const debugHover = (e) => { + if (e.shiftKey) { + console.log(status); + } + }; + + const [showMediaModal, setShowMediaModal] = useState(false); + const carouselFocusItem = useRef(null); + const prevShowMediaModal = useRef(showMediaModal); + useEffect(() => { + if (showMediaModal !== false) { + carouselFocusItem.current?.scrollIntoView({ + behavior: prevShowMediaModal.current === false ? 'auto' : 'smooth', + }); + } + prevShowMediaModal.current = showMediaModal; + }, [showMediaModal]); + + if (reblog) { + return ( +
+
+ {' '} + boosted +
+ +
+ ); + } + + return ( +
+ {size !== 's' && ( + { + e.preventDefault(); + e.stopPropagation(); + states.showAccount = status.account; + }} + > + + + )} +
+
+ + + {inReplyToAccount && !withinContext && size !== 's' && ( + <> + {' '} + + {' '} + + + + )} + {' '} + + {' '} + + {createdAtDate.toLocaleString()} + + +
+
+ {!!spoilerText && sensitive && ( + <> +
+
{spoilerText}
+
+ + + )} +
{ + let { target } = e; + if (target.parentNode.tagName.toLowerCase() === 'a') { + target = target.parentNode; + } + console.log('click', target, e); + if ( + target.tagName.toLowerCase() === 'a' && + target.classList.contains('mention') + ) { + e.preventDefault(); + e.stopPropagation(); + const username = target.querySelector('span'); + const mention = mentions.find( + (mention) => mention.username === username?.innerText.trim(), + ); + if (mention) { + states.showAccount = mention.acct; + } else { + const href = target.getAttribute('href'); + states.showAccount = href; + } + } + }} + dangerouslySetInnerHTML={{ + __html: enhanceContent(content, { + emojis, + }), + }} + /> + {!!poll && } + {!spoilerText && sensitive && !!mediaAttachments.length && ( + + )} + {!!mediaAttachments.length && size !== 's' && ( +
+ {mediaAttachments.map((media, i) => ( + { + e.preventDefault(); + e.stopPropagation(); + setShowMediaModal(i); + }} + /> + ))} +
+ )} + {!!card && + (size === 'l' || + (size === 'm' && !poll && !mediaAttachments.length)) && ( + + )} +
+ {size === 'l' && ( +
+ + {/* TODO: if visibility = private, only can reblog own statuses */} + {visibility !== 'direct' && ( + + )} + + +
+ )} +
+ {showMediaModal !== false && ( + +
{ + setShowMediaModal(false); + }} + tabindex="0" + > + {mediaAttachments?.map((media, i) => ( +
+ +
+ ))} +
+ {mediaAttachments?.length > 1 && ( +
+ + + {mediaAttachments?.map((media, i) => ( + + ))} + + +
+ )} + + )} +
+ ); +} + +export default Status; diff --git a/src/data/instances.json b/src/data/instances.json new file mode 100644 index 0000000..dd5018f --- /dev/null +++ b/src/data/instances.json @@ -0,0 +1,202 @@ +[ + "mastodon.social", + "mastodon.world", + "mas.to", + "pawoo.net", + "mastodon.online", + "mstdn.jp", + "universeodon.com", + "mastodon.lol", + "mastodonapp.uk", + "infosec.exchange", + "mastodon.uno", + "techhub.social", + "mastodon.sdf.org", + "fosstodon.org", + "troet.cafe", + "masto.ai", + "mstdn.party", + "c.im", + "hachyderm.io", + "m.cmx.im", + "mstdn.ca", + "sfba.social", + "kolektiva.social", + "mastodon.scot", + "ohai.social", + "fedibird.com", + "piaille.fr", + "home.social", + "mindly.social", + "mastodon.nl", + "toot.community", + "aus.social", + "thu.closed.social", + "mastodon.gamedev.place", + "nerdculture.de", + "mastodon.cloud", + "mastodon.ie", + "det.social", + "mastodon.au", + "nrw.social", + "mastodon.art", + "chaos.social", + "norden.social", + "ioc.exchange", + "alive.bar", + "tkz.one", + "sueden.social", + "mastodon.nu", + "mastodon.top", + "mastouille.fr", + "mastodontech.de", + "o3o.ca", + "social.tchncs.de", + "noagendasocial.com", + "newsie.social", + "masto.es", + "planet.moe", + "social.vivaldi.net", + "ravenation.club", + "wxw.moe", + "mathstodon.xyz", + "social.cologne", + "mastodon.nz", + "qoto.org", + "hessen.social", + "mastodon.com.tr", + "ruhr.social", + "muenchen.social", + "mamot.fr", + "twit.social", + "dice.camp", + "meow.social", + "www.masto.pt", + "social.anoxinon.de", + "www.sociale.network", + "tech.lgbt", + "econtwitter.net", + "masthead.social", + "glasgow.social", + "ieji.de", + "toot.wales", + "ecoevo.social", + "ro-mastodon.puyo.jp", + "noc.social", + "indieweb.social", + "zirk.us", + "twingyeo.kr", + "social.linux.pizza", + "mastodont.cat", + "social.dev-wiki.de", + "mastodonczech.cz", + "climatejustice.social", + "eldritch.cafe", + "g0v.social", + "socel.net", + "dju.social", + "mastodontti.fi", + "101010.pl", + "framapiaf.org", + "wien.rocks", + "botsin.space", + "mastodon.bida.im", + "bildung.social", + "pouet.chapril.org", + "urbanists.social", + "wandering.shop", + "masto.pt", + "union.place", + "metalhead.club", + "ruby.social", + "hiveway.net", + "h4.io", + "genomic.social", + "mastodon-belgium.be", + "mastodon.xyz", + "octodon.social", + "pol.social", + "tooot.im", + "berlin.social", + "sciences.social", + "mstdn.guru", + "qdon.space", + "mastodon.radio", + "lile.cl", + "masto.nu", + "witches.live", + "mastodonners.nl", + "muenster.im", + "lor.sh", + "phpc.social", + "pewtix.com", + "social.librem.one", + "rollenspiel.social", + "peoplemaking.games", + "kinky.business", + "mastodon.fun", + "me.ns.ci", + "mastodon.eus", + "dresden.network", + "hostux.social", + "scholar.social", + "freiburg.social", + "todon.eu", + "writing.exchange", + "toot.aquilenet.fr", + "digitalcourage.social", + "rheinneckar.social", + "discuss.systems", + "defcon.social", + "snabelen.no", + "mastodon.se", + "rubber.social", + "fulda.social", + "vis.social", + "toot.funami.tech", + "mast.dragon-fly.club", + "disabled.social", + "medibubble.org", + "mastodon.technology", + "vmst.io", + "mstdn.io", + "equestria.social", + "vocalodon.net", + "mastodon.ml", + "libretooth.gr", + "tooting.ch", + "dizl.de", + "best-friends.chat", + "romancelandia.club", + "queer.party", + "tilde.zone", + "xarxa.cloud", + "abdl.link", + "bitcoinhackers.org", + "photog.social", + "macaw.social", + "yiff.life", + "sociale.network", + "ursal.zone", + "eupolicy.social", + "gruene.social", + "artisan.chat", + "graz.social", + "social.coop", + "mstdn.id", + "social.sciences.re", + "ludosphere.fr", + "social.politicaconciencia.org", + "oslo.town", + "scicomm.xyz", + "floss.social", + "creators.social", + "tabletop.social", + "bonn.social", + "openbiblio.social", + "mastodon.la", + "halifaxsocial.ca", + "freeradical.zone", + "kfem.cat", + "federated.press" +] \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..8d6a2a0 --- /dev/null +++ b/src/index.css @@ -0,0 +1,191 @@ +:root { + --blue-color: royalblue; + --purple-color: blueviolet; + --green-color: green; + --orange-color: orange; + --red-color: orangered; + --bg-color: #fff; + --bg-faded-color: #f0f2f5; + --bg-blur-color: #fff9; + --bg-faded-blur-color: #f0f2f599; + --text-color: #1c1e21; + --text-insignificant-color: #1c1e2199; + --link-color: var(--blue-color); + --link-light-color: #4169e199; + --link-faded-color: #4169e122; + --link-bg-hover-color: #f0f2f599; + --button-bg-color: var(--blue-color); + --button-bg-blur-color: #4169e1aa; + --button-text-color: white; + --button-plain-bg-hover-color: rgba(128, 128, 128, 0.1); + --reblog-color: var(--purple-color); + --reblog-faded-color: #892be220; + --reply-to-color: var(--orange-color); + --favourite-color: var(--red-color); + --reply-to-faded-color: #ffa6001a; + --outline-color: rgba(128, 128, 128, .2); + --outline-hover-color: rgba(128, 128, 128, .7); + --divider-color: rgba(0, 0, 0, 0.1); + --backdrop-color: rgba(255, 255, 255, 0.5); + --img-bg-color: rgba(128, 128, 128, 0.2); + --loader-color: #1c1e2199; + --comment-line-color: #e5e5e5; +} + +@media (prefers-color-scheme: dark) { + :root { + --blue-color: CornflowerBlue; + --purple-color: mediumpurple; + --green-color: MediumSeaGreen; + --bg-color: #242526; + --bg-faded-color: #18191a; + --bg-blur-color: #0009; + --bg-faded-blur-color: #18191a99; + --text-color: #f0f2f5; + --text-insignificant-color: #f0f2f599; + --link-bg-hover-color: #34353799; + --divider-color: rgba(255, 255, 255, 0.1); + --bg-blur-color: #24252699; + --backdrop-color: rgba(0, 0, 0, 0.5); + --comment-line-color: #565656; + } +} + +*, *::before, *::after { + box-sizing: border-box; +} + +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + font-size: 15px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +a { + color: var(--link-color); + text-decoration-color: var(--link-faded-color); + text-decoration-thickness: 2px; + text-underline-offset: 2px; + overflow-wrap: anywhere; +} +a:hover { + text-decoration-color: var(--link-color); +} + +img { + max-width: 100%; +} + +hr { + height: 2px; + border: 0; + padding: 0; + margin: 16px 0; + background-image: linear-gradient(to right, transparent, var(--divider-color), transparent); +} + +button, input, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; + max-width: 100%; +} + +button, .button { + display: inline-block; + margin: 2px; + padding: 8px 12px; + border-radius: 2.5em; + border: 0; + background-color: var(--button-bg-color); + color: var(--button-text-color); + cursor: pointer; + line-height: 1; + vertical-align: middle; + text-decoration: none; +} +button > * { + vertical-align: middle; +} +:is(button, .button):not([disabled]):hover { + filter: brightness(1.2); +} +:is(button, .button):active { + filter: brightness(0.8); +} +:is(button, .button)[disabled] { + cursor: auto; + opacity: 0.5; +} + +:is(button, .button).plain { + background-color: transparent; + color: var(--link-color); + backdrop-filter: blur(12px); +} +:is(button, .button).light { + background-color: var(--bg-faded-color); + color: var(--text-color); + outline: 1px solid var(--outline-color); +} + +:is(button, .button).block { + display: block; + width: 100%; + padding: 12px; +} + +input[type="text"], textarea, select { + color: var(--text-color); + background-color: var(--bg-color); + border: 2px solid var(--divider-color); + padding: 8px; + border-radius: 4px; +} +input[type="text"]:focus, textarea:focus, select:focus { + border-color: var(--outline-color); +} +input[type="text"].large, textarea.large, select.large, button.large { + font-size: 125%; + padding: 12px; +} + +button.small { + font-size: 90%; + padding: 4px 8px; +} + +select.plain { + border: 0; + background-color: transparent; +} + +@media (prefers-color-scheme: dark) { + img, video { + filter: brightness(0.7); + transition: filter 0.3s ease-out; + } + img:hover, video:hover { + filter: brightness(1); + } +} + +/* UTILS */ + +.ib { + display: inline-block; +} + +/* KEYFRAMES */ + +@keyframes fade-in { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} \ No newline at end of file diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 0000000..49265b0 --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,9 @@ +import { render } from 'preact'; +import { App } from './app'; + +import 'iconify-icon'; +import '@github/time-elements'; + +import './index.css'; + +render(, document.getElementById('app')); diff --git a/src/pages/home.jsx b/src/pages/home.jsx new file mode 100644 index 0000000..182d686 --- /dev/null +++ b/src/pages/home.jsx @@ -0,0 +1,217 @@ +import { Link } from 'preact-router/match'; +import { useEffect, useRef, useState } from 'preact/hooks'; +import { InView } from 'react-intersection-observer'; +import { useSnapshot } from 'valtio'; + +import Icon from '../components/icon'; +import Loader from '../components/loader'; +import Status from '../components/status'; +import states from '../utils/states'; +import store from '../utils/store'; + +const LIMIT = 20; + +export default ({ hidden }) => { + const snapStates = useSnapshot(states); + const [uiState, setUIState] = useState('default'); + const [showMore, setShowMore] = useState(false); + + const statusIterator = useRef( + masto.timelines.getHomeIterable({ + limit: LIMIT, + }), + ).current; + async function fetchStatuses(firstLoad) { + const allStatuses = await statusIterator.next( + firstLoad + ? { + limit: LIMIT, + } + : undefined, + ); + if (allStatuses.value <= 0) { + return { done: true }; + } + const homeValues = allStatuses.value.map((status) => { + states.statuses.set(status.id, status); + if (status.reblog) { + states.statuses.set(status.reblog.id, status.reblog); + } + return { + id: status.id, + reblog: status.reblog?.id, + reply: !!status.inReplyToAccountId, + }; + }); + if (firstLoad) { + states.home = homeValues; + } else { + states.home.push(...homeValues); + } + states.homeLastFetchTime = Date.now(); + console.log(allStatuses); + return allStatuses; + } + + const loadStatuses = (firstLoad) => { + setUIState('loading'); + (async () => { + try { + const { done } = await fetchStatuses(firstLoad); + setShowMore(!done); + setUIState('default'); + } catch (e) { + console.warn(e); + setUIState('error'); + } + })(); + }; + + useEffect(() => { + loadStatuses(true); + }, []); + + useEffect(() => { + const handleVisibilityChange = () => { + if (document.hidden) { + const timestamp = Date.now(); + store.session.set('lastHidden', timestamp); + console.log('hidden', timestamp); + } else { + const timestamp = Date.now(); + const lastHidden = store.session.get('lastHidden'); + const diff = timestamp - lastHidden; + const diffMins = Math.round(diff / 1000 / 60); + console.log('visible', { timestamp, diff, diffMins }); + if (diffMins > 1) { + setTimeout(() => { + loadStatuses(true); + states.homeNew = []; + }, 100); + } + } + }; + document.addEventListener('visibilitychange', handleVisibilityChange); + return () => { + document.removeEventListener('visibilitychange', handleVisibilityChange); + }; + }, []); + + const scrollableRef = useRef(); + + return ( + + ); +}; diff --git a/src/pages/login.jsx b/src/pages/login.jsx new file mode 100644 index 0000000..5916ed7 --- /dev/null +++ b/src/pages/login.jsx @@ -0,0 +1,99 @@ +import { useEffect, useRef, useState } from 'preact/hooks'; + +import Loader from '../components/loader'; +import instancesList from '../data/instances.json'; +import { getAuthorizationURL, registerApplication } from '../utils/auth'; +import store from '../utils/store'; +import useTitle from '../utils/useTitle'; + +export default () => { + useTitle('Log in'); + const instanceURLRef = useRef(); + const cachedInstanceURL = store.local.get('instanceURL'); + const [uiState, setUIState] = useState('default'); + + useEffect(() => { + if (cachedInstanceURL) { + instanceURLRef.current.value = cachedInstanceURL; + } + }, []); + + const onSubmit = (e) => { + e.preventDefault(); + const { elements } = e.target; + let instanceURL = elements.instanceURL.value; + // Remove protocol from instance URL + instanceURL = instanceURL.replace(/(^\w+:|^)\/\//, ''); + store.local.set('instanceURL', instanceURL); + + (async () => { + setUIState('loading'); + try { + const { client_id, client_secret } = await registerApplication({ + instanceURL, + }); + + if (client_id && client_secret) { + store.session.set('clientID', client_id); + store.session.set('clientSecret', client_secret); + + location.href = await getAuthorizationURL({ + instanceURL, + client_id, + }); + } else { + alert('Failed to register application'); + } + setUIState('default'); + } catch (e) { + console.error(e); + setUIState('error'); + } + })(); + }; + + return ( +
+
+
Log in
+ +
Instance
+ + + {instancesList.map((instance) => ( + + + {uiState === 'error' && ( +
+ Failed to log in. Please try again or another instance. +
+ )} +
+ {' '} +
+
+
+ + Don't have an account? Create one! + +
+
+ Go home +
+
+
+ ); +}; diff --git a/src/pages/notifications.css b/src/pages/notifications.css new file mode 100644 index 0000000..e91adcd --- /dev/null +++ b/src/pages/notifications.css @@ -0,0 +1,49 @@ +.notification { + display: flex; + padding: 16px !important; + gap: 16px; +} +.notification.skeleton { + color: var(--outline-color); +} + +.notification-type { + width: 24px; + flex-shrink: 0; + opacity: 0.75; + color: var(--text-insignificant-color); +} +.notification-type.favourite { + color: var(--favourite-color); +} +.notification-type.reblog { + color: var(--reblog-color); +} +.notification-type.poll, +.notification-type.mention { + color: var(--link-color); +} + +.notification .status-link { + border-radius: 8px 8px 0 0; + border: 1px solid var(--divider-color); + max-height: 160px; + overflow: hidden; + /* fade out mask gradient bottom */ + mask-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 50%, transparent); + filter: saturate(0.25); +} +.notification .status-link:hover { + background-color: var(--bg-blur-color); + filter: saturate(1); +} +.notification .status-link > * { + pointer-events: none; +} + +.notification-content { + flex-grow: 1; +} +.notification-content p:first-child { + margin-top: 0; +} \ No newline at end of file diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx new file mode 100644 index 0000000..f1db543 --- /dev/null +++ b/src/pages/notifications.jsx @@ -0,0 +1,292 @@ +import './notifications.css'; + +import { Link } from 'preact-router/match'; +import { useEffect, useRef, useState } from 'preact/hooks'; +import { useSnapshot } from 'valtio'; + +import Icon from '../components/icon'; +import Loader from '../components/loader'; +import NameText from '../components/name-text'; +import Status from '../components/status'; +import states from '../utils/states'; +import useTitle from '../utils/useTitle'; + +/* +Notification types +================== +mention = Someone mentioned you in their status +status = Someone you enabled notifications for has posted a status +reblog = Someone boosted one of your statuses +follow = Someone followed you +follow_request = Someone requested to follow you +favourite = Someone favourited one of your statuses +poll = A poll you have voted in or created has ended +update = A status you interacted with has been edited +admin.sign_up = Someone signed up (optionally sent to admins) +admin.report = A new report has been filed +*/ + +const contentText = { + mention: 'mentioned you in their status.', + status: 'posted a status.', + reblog: 'boosted your status.', + follow: 'followed you.', + follow_request: 'requested to follow you.', + favourite: 'favourited your status.', + poll: 'A poll you have voted in or created has ended.', + update: 'A status you interacted with has been edited.', +}; + +const LIMIT = 20; + +function Notification({ notification }) { + const { id, type, status, account } = notification; + + // status = Attached when type of the notification is favourite, reblog, status, mention, poll, or update + const actualStatusID = status?.reblog?.id || status?.id; + + return ( + <> +
+ +
+
+
+ {!/poll|update/i.test(type) && ( + <> + {' '} + + )} + {contentText[type]} +
+ {status && ( + + + + )} +
+ + ); +} + +function NotificationsList({ notifications, emptyCopy }) { + if (!notifications.length && emptyCopy) { + return
{emptyCopy}
; + } + return ( +
+ {notifications.map((notification) => { + const { id, type } = notification; + return ( +
+ +
+ ); + })} +
+ ); +} + +export default () => { + useTitle('Notifications'); + const snapStates = useSnapshot(states); + const [uiState, setUIState] = useState('default'); + const [showMore, setShowMore] = useState(false); + + const notificationsIterator = useRef( + masto.notifications.getIterator({ + limit: LIMIT, + }), + ).current; + async function fetchNotifications(firstLoad) { + const allNotifications = await notificationsIterator.next( + firstLoad + ? { + limit: LIMIT, + } + : undefined, + ); + if (allNotifications.value <= 0) { + return { done: true }; + } + const notificationsValues = allNotifications.value.map((notification) => { + if (notification.status) { + states.statuses.set(notification.status.id, notification.status); + } + return notification; + }); + if (firstLoad) { + states.notifications = notificationsValues; + } else { + states.notifications.push(...notificationsValues); + } + states.notificationsLastFetchTime = Date.now(); + console.log(allNotifications); + return allNotifications; + } + + const loadNotifications = (firstLoad) => { + setUIState('loading'); + (async () => { + try { + const { done } = await fetchNotifications(firstLoad); + setShowMore(!done); + setUIState('default'); + } catch (e) { + setUIState('error'); + } + })(); + }; + + useEffect(() => { + loadNotifications(true); + }, []); + + const scrollableRef = useRef(); + + // Group notifications by today, yesterday, and older + const groupedNotifications = snapStates.notifications.reduce( + (acc, notification) => { + const date = new Date(notification.created_at); + const today = new Date(); + const yesterday = new Date(); + yesterday.setDate(today.getDate() - 1); + if ( + date.getDate() === today.getDate() && + date.getMonth() === today.getMonth() && + date.getFullYear() === today.getFullYear() + ) { + acc.today.push(notification); + } else if ( + date.getDate() === yesterday.getDate() && + date.getMonth() === yesterday.getMonth() && + date.getFullYear() === yesterday.getFullYear() + ) { + acc.yesterday.push(notification); + } else { + acc.older.push(notification); + } + return acc; + }, + { today: [], yesterday: [], older: [] }, + ); + + console.log(groupedNotifications); + + return ( +
+
+
+
+ + + +
+
Notifications
+
+
+ {snapStates.notificationsNew.length > 0 && ( + + )} +
+ {snapStates.notifications.length ? ( + <> +
Today
+ + {groupedNotifications.yesterday.length > 0 && ( + <> +
Yesterday
+ + + )} + {groupedNotifications.older.length > 0 && ( + <> +
Older
+ + + )} + {showMore && ( + + )} + + ) : ( + <> + {uiState === 'loading' && ( + <> +
Today
+
+ {Array.from({ length: 5 }).map((_, i) => ( +
+
+ +
+
+
███████████ ████
+
+
+ ))} +
+ + )} + {uiState === 'error' && ( +
Error loading notifications
+ )} + + )} +
+
+ ); +}; diff --git a/src/pages/settings.css b/src/pages/settings.css new file mode 100644 index 0000000..f83787b --- /dev/null +++ b/src/pages/settings.css @@ -0,0 +1,95 @@ +#settings-container { + text-align: left; + padding-bottom: 3em; + animation: fade-in 0.2s ease-out; + max-height: 100vh; + overflow: auto; +} + +#settings-container .close-button { + float: right; +} + +#settings-container h2 { + margin: 3em 0 1em; + font-size: .9em; + text-transform: uppercase; + color: var(--text-insignificant-color); +} + +#settings-container ul { + margin: 0; + padding: 0; + list-style: none; +} +#settings-container ul li { + padding: 8px 0; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +#settings-container ul li .current { + margin-right: 8px; + color: var(--green-color); + opacity: 0.1; +} +#settings-container ul li .current.is-current { + opacity: 1; +} +#settings-container ul li .current.is-current + .avatar { + outline-color: var(--green-color); + outline-width: 2px; +} +#settings-container ul li > div { + flex-grow: 1; + max-width: 100%; +} +#settings-container ul li > div.actions { + flex-basis: min-content; + margin-top: 8px; +} +#settings-container ul li > div:last-child { + text-align: right; +} +#settings-container div, +#settings-container div > *{ + vertical-align: middle; +} +#settings-container .avatar { + margin-right: 8px; +} + +#settings-container .radio-group { + display: inline-flex; + align-items: center; + border-radius: 999px; + border: 1px solid var(--button-bg-color); + overflow: hidden; + padding: 1px; +} +#settings-container .radio-group input[type="radio"] { + opacity: 0; + position: absolute; + pointer-events: none; +} +#settings-container .radio-group label { + display: inline-block; + padding: 6px 12px; + cursor: pointer; +} +#settings-container .radio-group label input:checked + span { + color: var(--link-color); + font-weight: bold; +} +#settings-container .radio-group label:hover { + color: var(--button-bg-color); +} +#settings-container .radio-group label:has(input:checked) { + border-radius: 999px; + color: var(--button-text-color); + background-color: var(--button-bg-color); +} +#settings-container .radio-group label:has(input:checked) input:checked + span { + color: inherit; +} \ No newline at end of file diff --git a/src/pages/settings.jsx b/src/pages/settings.jsx new file mode 100644 index 0000000..7a6aa3a --- /dev/null +++ b/src/pages/settings.jsx @@ -0,0 +1,186 @@ +import './settings.css'; + +import { useRef, useState } from 'preact/hooks'; + +import Avatar from '../components/avatar'; +import Icon from '../components/icon'; +import NameText from '../components/name-text'; +import store from '../utils/store'; + +/* + Settings component that shows these settings: + - Accounts list for switching + - Dark/light/auto theme switch (done with adding/removing 'is-light' or 'is-dark' class on the body) +*/ + +export default ({ onClose }) => { + // Accounts + const accounts = store.local.getJSON('accounts'); + const currentAccount = store.session.get('currentAccount'); + const currentTheme = store.local.get('theme') || 'auto'; + const themeFormRef = useRef(); + const moreThanOneAccount = accounts.length > 1; + const [currentDefault, setCurrentDefault] = useState(0); + + return ( +
+
+ +
+
+
Accounts
+
+ {accounts.map((account, i) => { + const isCurrent = account.info.id === currentAccount; + const isDefault = i === (currentDefault || 0); + return ( +
+
+ {moreThanOneAccount && ( + + + + )} + + +
+
+ {isDefault && moreThanOneAccount && ( + <> + Default{' '} + + )} + {!isCurrent && ( + + )} +
+ {!isDefault && moreThanOneAccount && ( + + )} + {isCurrent && ( + <> + {' '} + + + )} +
+
+
+ ); + })} +
+ {moreThanOneAccount && ( +
+ + Note: Default account will always be used for first load. + Switched accounts will persist during the session. + +
+ )} +
+ + Add new account + +
+
+
+
Theme
+
{ + console.log(e); + e.preventDefault(); + const formData = new FormData(themeFormRef.current); + const theme = formData.get('theme'); + const html = document.documentElement; + + if (theme === 'auto') { + html.classList.remove('is-light', 'is-dark'); + } else { + html.classList.toggle('is-light', theme === 'light'); + html.classList.toggle('is-dark', theme === 'dark'); + } + document + .querySelector('meta[name="color-scheme"]') + .setAttribute('content', theme); + + if (theme === 'auto') { + store.local.del('theme'); + } else { + store.local.set('theme', theme); + } + }} + > +
+ + + Light + + + + Dark + + + + Auto + +
+
+
+
+ ); +}; diff --git a/src/pages/status.jsx b/src/pages/status.jsx new file mode 100644 index 0000000..08f3e53 --- /dev/null +++ b/src/pages/status.jsx @@ -0,0 +1,210 @@ +import { Link } from 'preact-router/match'; +import { + useEffect, + useLayoutEffect, + useMemo, + useRef, + useState, +} from 'preact/hooks'; +import { useSnapshot } from 'valtio'; + +import Icon from '../components/icon'; +import Loader from '../components/loader'; +import Status from '../components/status'; +import states from '../utils/states'; +import useTitle from '../utils/useTitle'; + +export default ({ id }) => { + const snapStates = useSnapshot(states); + const [statuses, setStatuses] = useState([{ id }]); + const [uiState, setUIState] = useState('default'); + const heroStatusRef = useRef(); + + useEffect(async () => { + // If id is completely new, reset the whole list + if (!statuses.find((s) => s.id === id)) { + setStatuses([{ id }]); + } + + setUIState('loading'); + + if (!states.statuses.has(id)) { + try { + const status = await masto.statuses.fetch(id); + states.statuses.set(id, status); + } catch (e) { + setUIState('error'); + alert('Error fetching status'); + return; + } + } + + try { + const context = await masto.statuses.fetchContext(id); + const { ancestors, descendants } = context; + + ancestors.forEach((status) => { + states.statuses.set(status.id, status); + }); + const directReplies = []; + descendants.forEach((status) => { + states.statuses.set(status.id, status); + if (status.inReplyToId === id) { + directReplies.push(status); + } + }); + console.log({ ancestors, descendants, directReplies }); + + if (directReplies.length) { + const heroStatus = states.statuses.get(id); + const heroStatusRepliesCount = heroStatus.repliesCount; + if (heroStatusRepliesCount != directReplies.length) { + // If replies count doesn't match, refetch the status + const status = await masto.statuses.fetch(id); + states.statuses.set(id, status); + } + } + + const allStatuses = [ + ...ancestors.map((s) => ({ id: s.id, ancestor: true })), + { id }, + ...descendants.map((s) => ({ + id: s.id, + descendant: true, + directReply: + s.inReplyToId === id || s.inReplyToAccountId === s.account.id, + // I can assume if the reply is to the same account, it's a direct reply. In other words, it's a thread?!? + })), + ]; + setStatuses(allStatuses); + } catch (e) { + setUIState('error'); + } + + setUIState('default'); + }, [id, snapStates.reloadStatusPage]); + + useLayoutEffect(() => { + if (heroStatusRef.current && statuses.length > 1) { + heroStatusRef.current.scrollIntoView({ + behavior: 'smooth', + block: 'start', + }); + } + }, [id]); + + useLayoutEffect(() => { + heroStatusRef.current?.scrollIntoView({ + // behavior: 'smooth', + block: 'start', + }); + }, [statuses]); + + const heroStatus = states.statuses.get(id); + const heroDisplayName = useMemo(() => { + // Remove shortcodes from display name + if (!heroStatus) return ''; + const { account } = heroStatus; + const div = document.createElement('div'); + div.innerHTML = account.displayName; + return div.innerText.trim(); + }, [heroStatus]); + const heroContentText = useMemo(() => { + if (!heroStatus) return ''; + const { content } = heroStatus; + const div = document.createElement('div'); + div.innerHTML = content; + let text = div.innerText.trim(); + if (text.length > 64) { + text = text.slice(0, 64) + '…'; + } + return text; + }, [heroStatus]); + useTitle( + heroDisplayName && heroContentText + ? `${heroDisplayName}: ${heroContentText}` + : 'Status', + ); + + const comments = statuses.filter((s) => s.descendant); + const replies = comments.filter((s) => s.directReply); + + const prevRoute = states.history.findLast((h) => { + return h === '/' || /notifications/i.test(h); + }); + const closeLink = `#${prevRoute || '/'}`; + + return ( +
+ +
1 ? 'padded-bottom' : '' + }`} + > +
+
Status
+
+
+
+
+ {statuses.map((status) => { + const { id: statusID, ancestor, descendant, directReply } = status; + const isHero = statusID === id; + return ( +
+ {isHero ? ( + + ) : ( + + + + )} + {uiState === 'loading' && + isHero && + !!heroStatus?.repliesCount && ( +
+ {' '} + + {!!replies.length && + replies.length !== comments.length && ( + <> + {replies.length} repl + {replies.length > 1 ? 'ies' : 'y'} + + )} + {!!comments.length && ( + <> + {' '} + • {comments.length} comment + {comments.length > 1 ? 's' : ''} + + )} + +
+ )} +
+ ); + })} +
+
+
+ ); +}; diff --git a/src/pages/welcome.css b/src/pages/welcome.css new file mode 100644 index 0000000..b8fafee --- /dev/null +++ b/src/pages/welcome.css @@ -0,0 +1,40 @@ +#welcome { + overflow: auto; + max-height: 90vh; +} + +#welcome img { + margin-top: 16px; + height: auto; +} +@keyframes dance { + 0% { + transform: rotate(0deg); + } + 20% { + transform: rotate(5deg); + } + 40% { + transform: rotate(-5deg); + } + 60% { + transform: rotate(5deg); + } + 80% { + transform: rotate(-5deg); + } + 100% { + transform: rotate(0deg); + } +} +#welcome:hover img { + animation: dance 2s infinite 15s linear; +} + +#welcome .warning { + font-weight: bold; + padding: 16px; + background: lemonchiffon; + color: chocolate; + border-radius: 16px; +} \ No newline at end of file diff --git a/src/pages/welcome.jsx b/src/pages/welcome.jsx new file mode 100644 index 0000000..afd8591 --- /dev/null +++ b/src/pages/welcome.jsx @@ -0,0 +1,35 @@ +import './welcome.css'; + +import useTitle from '../utils/useTitle'; + +export default () => { + useTitle(); + return ( +
+ +
Welcome
+
Phanpy is a minimalistic opinionated Mastodon web client.
+
+ 🚧 This is an early ALPHA project. Many features are missing, many bugs + are present. Please report issues as detailed as possible. Thanks 🙏 +
+
+ + + + Log in + + + +
+
+ ); +}; diff --git a/src/utils/auth.js b/src/utils/auth.js new file mode 100644 index 0000000..36898f7 --- /dev/null +++ b/src/utils/auth.js @@ -0,0 +1,62 @@ +const { VITE_CLIENT_NAME: CLIENT_NAME, VITE_WEBSITE: WEBSITE } = import.meta + .env; + +export async function registerApplication({ instanceURL }) { + const registrationParams = new URLSearchParams({ + client_name: CLIENT_NAME, + redirect_uris: location.origin, + scopes: 'read write follow', + website: WEBSITE, + }); + const registrationResponse = await fetch( + `https://${instanceURL}/api/v1/apps`, + { + method: 'POST', + headers: { + 'Content-Type': 'application/x-www-form-urlencoded', + }, + body: registrationParams.toString(), + }, + ); + const registrationJSON = await registrationResponse.json(); + console.log({ registrationJSON }); + return registrationJSON; +} + +export async function getAuthorizationURL({ instanceURL, client_id }) { + const authorizationParams = new URLSearchParams({ + client_id, + scope: 'read write follow', + redirect_uri: location.origin, + // redirect_uri: 'urn:ietf:wg:oauth:2.0:oob', + response_type: 'code', + }); + const authorizationURL = `https://${instanceURL}/oauth/authorize?${authorizationParams.toString()}`; + return authorizationURL; +} + +export async function getAccessToken({ + instanceURL, + client_id, + client_secret, + code, +}) { + const params = new URLSearchParams({ + client_id, + client_secret, + redirect_uri: location.origin, + grant_type: 'authorization_code', + code, + scope: 'read write follow', + }); + const tokenResponse = await fetch(`https://${instanceURL}/oauth/token`, { + method: 'POST', + headers: { + 'Content-Type': 'application/x-www-form-urlencoded', + }, + body: params.toString(), + }); + const tokenJSON = await tokenResponse.json(); + console.log({ tokenJSON }); + return tokenJSON; +} diff --git a/src/utils/emojify-text.js b/src/utils/emojify-text.js new file mode 100644 index 0000000..468476b --- /dev/null +++ b/src/utils/emojify-text.js @@ -0,0 +1,16 @@ +function emojifyText(text, emojis = []) { + if (!emojis.length) return text; + // Replace shortcodes in text with emoji + // emojis = [{ shortcode: 'smile', url: 'https://example.com/emoji.png' }] + emojis.forEach((emoji) => { + const { shortcode, staticUrl, url } = emoji; + text = text.replace( + new RegExp(`:${shortcode}:`, 'g'), + ``, + ); + }); + // console.log(text, emojis); + return text; +} + +export default emojifyText; diff --git a/src/utils/enhance-content.js b/src/utils/enhance-content.js new file mode 100644 index 0000000..2eeeaa5 --- /dev/null +++ b/src/utils/enhance-content.js @@ -0,0 +1,34 @@ +import emojifyText from './emojify-text'; + +export default (content, { emojis }) => { + // 1. Emojis + let enhancedContent = content; + + if (emojis) { + enhancedContent = emojifyText(enhancedContent, emojis); + } + + // 2. Code blocks + const dom = document.createElement('div'); + dom.innerHTML = enhancedContent; + // Check for
with markdown-like content "```" + const blocks = Array.from(dom.querySelectorAll('p')).filter((p) => + /^```[^]+```$/g.test(p.innerText.trim()), + ); + blocks.forEach((block) => { + const pre = document.createElement('pre'); + const code = document.createElement('code'); + const breaks = block.querySelectorAll('br'); + Array.from(breaks).forEach((br) => br.replaceWith('\n')); + code.innerHTML = block.innerText + .trim() + // .replace(/^```/g, '') + // .replace(/```$/g, '') + .replace(/^[\n\r]+/, ''); + pre.appendChild(code); + block.replaceWith(pre); + }); + enhancedContent = dom.innerHTML; + + return enhancedContent; +}; diff --git a/src/utils/shorten-number.jsx b/src/utils/shorten-number.jsx new file mode 100644 index 0000000..43dd068 --- /dev/null +++ b/src/utils/shorten-number.jsx @@ -0,0 +1,5 @@ +export default function shortenNumber(num) { + return Intl.NumberFormat('en-US', { + notation: 'compact', + }).format(num); +} diff --git a/src/utils/states.js b/src/utils/states.js new file mode 100644 index 0000000..31b1438 --- /dev/null +++ b/src/utils/states.js @@ -0,0 +1,19 @@ +import { proxy } from 'valtio'; +import { proxyMap } from 'valtio/utils'; + +export default proxy({ + history: [], + statuses: proxyMap([]), + home: [], + homeNew: [], + homeLastFetchTime: null, + notifications: [], + notificationsNew: [], + notificationsLastFetchTime: null, + accounts: new WeakMap(), + reloadStatusPage: 0, + // Modals + showCompose: false, + showSettings: false, + showAccount: false, +}); diff --git a/src/utils/store.js b/src/utils/store.js new file mode 100644 index 0000000..cf9a750 --- /dev/null +++ b/src/utils/store.js @@ -0,0 +1,87 @@ +const local = { + get: (key) => { + try { + return localStorage.getItem(key); + } catch (e) { + console.warn(e); + return null; + } + }, + getJSON: (key) => { + try { + return JSON.parse(local.get(key)); + } catch (e) { + console.warn(e); + return null; + } + }, + set: (key, value) => { + try { + return localStorage.setItem(key, value); + } catch (e) { + console.warn(e); + return null; + } + }, + setJSON: (key, value) => { + try { + return local.set(key, JSON.stringify(value)); + } catch (e) { + console.warn(e); + return null; + } + }, + del: (key) => { + try { + return localStorage.removeItem(key); + } catch (e) { + console.warn(e); + return null; + } + }, +}; + +const session = { + get: (key) => { + try { + return sessionStorage.getItem(key); + } catch (e) { + console.warn(e); + return null; + } + }, + getJSON: (key) => { + try { + return JSON.parse(session.get(key)); + } catch (e) { + console.warn(e); + return null; + } + }, + set: (key, value) => { + try { + return sessionStorage.setItem(key, value); + } catch (e) { + console.warn(e); + return null; + } + }, + setJSON: (key, value) => { + try { + return session.set(key, JSON.stringify(value)); + } catch (e) { + console.warn(e); + return null; + } + }, + del: (key) => { + try { + return sessionStorage.removeItem(key); + } catch (e) { + console.warn(e); + return null; + } + }, +}; + +export default { local, session }; diff --git a/src/utils/useTitle.js b/src/utils/useTitle.js new file mode 100644 index 0000000..86007a1 --- /dev/null +++ b/src/utils/useTitle.js @@ -0,0 +1,9 @@ +import { useEffect } from 'preact/hooks'; + +const { VITE_CLIENT_NAME: CLIENT_NAME } = import.meta.env; + +export default (title) => { + useEffect(() => { + document.title = title ? `${title} - ${CLIENT_NAME}` : CLIENT_NAME; + }, [title]); +}; diff --git a/src/utils/visibility-icons-map.js b/src/utils/visibility-icons-map.js new file mode 100644 index 0000000..2daadf9 --- /dev/null +++ b/src/utils/visibility-icons-map.js @@ -0,0 +1,6 @@ +export default { + public: 'earth', + unlisted: 'unlock', + private: 'lock', + direct: 'at', +}; diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..019d219 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import preact from '@preact/preset-vite'; +import { defineConfig } from 'vite'; + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [preact()], +});