diff --git a/README.md b/README.md
index 47976a9..8c91e74 100644
--- a/README.md
+++ b/README.md
@@ -8,12 +8,12 @@ duration of a YouTube playlist.
## Previews
- 
+ 
- 
+ 
## Get the extension
@@ -23,6 +23,21 @@ The extension is available for download at:
- Chrome: [Web Store](https://chrome.google.com/webstore/detail/youtube-playlist-duration/pijbakhgmhhadeakaocjfockpndcpobk)
- Firefox: [Firefox Add-ons](https://addons.mozilla.org/firefox/addon/youtube-playlist-duration-calc/)
+## Features
+
+- Calculate & display the total duration of a YouTube playlist
+- Sort playlists containing upto 100 videos, by the following criteria:
+ - Duration
+ - Channel Name
+ - View Count
+ - Upload Date
+ - Index
+
+> **Note:** The sorting feature is only enabled for playlists containing 100 videos
+> or less. This is because for larger playlists (>100 videos), YouTube only
+> loads videos in batches of 100 at a time as you scroll down the page and this
+> currently produces inconsistent & inaccurate sorting results.
+
## Getting Started
This section will explain how to get the project setup locally for development.
diff --git a/package.json b/package.json
index ab2c176..31088b5 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"description": "An extension to calculate & display the total duration of a youtube playlist.",
"author": "nrednav",
"private": true,
- "version": "2.1.0-beta.3",
+ "version": "2.1.0-beta.4",
"type": "module",
"engines": {
"node": ">=20",
@@ -11,8 +11,9 @@
},
"scripts": {
"dev": "vite",
- "build:chrome": "vite build --mode chrome",
- "build:firefox": "vite build --mode firefox",
+ "build:chrome": "pnpm run clean && vite build --mode chrome",
+ "build:firefox": "pnpm run clean && vite build --mode firefox",
+ "clean": "pnpm exec del dist/",
"watch": "vite build --watch --mode development",
"lint": "eslint .",
"format": "prettier --ignore-unknown --write",
@@ -39,5 +40,8 @@
"overrides": {
"postcss@<8.4.31": ">=8.4.31"
}
+ },
+ "dependencies": {
+ "del-cli": "^5.1.0"
}
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d1c4674..42f146a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,6 +7,11 @@ settings:
overrides:
postcss@<8.4.31: '>=8.4.31'
+dependencies:
+ del-cli:
+ specifier: ^5.1.0
+ version: 5.1.0
+
devDependencies:
eslint:
specifier: ^8.49.0
@@ -49,12 +54,10 @@ packages:
dependencies:
'@babel/highlight': 7.22.20
chalk: 2.4.2
- dev: true
/@babel/helper-validator-identifier@7.22.20:
resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
engines: {node: '>=6.9.0'}
- dev: true
/@babel/highlight@7.22.20:
resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
@@ -63,7 +66,6 @@ packages:
'@babel/helper-validator-identifier': 7.22.20
chalk: 2.4.2
js-tokens: 4.0.0
- dev: true
/@babel/runtime@7.23.9:
resolution: {integrity: sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==}
@@ -359,12 +361,10 @@ packages:
dependencies:
'@nodelib/fs.stat': 2.0.5
run-parallel: 1.2.0
- dev: true
/@nodelib/fs.stat@2.0.5:
resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
engines: {node: '>= 8'}
- dev: true
/@nodelib/fs.walk@1.2.8:
resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -372,7 +372,6 @@ packages:
dependencies:
'@nodelib/fs.scandir': 2.1.5
fastq: 1.15.0
- dev: true
/@pnpm/config.env-replace@1.1.0:
resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
@@ -419,10 +418,18 @@ packages:
resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
dev: true
+ /@types/minimist@1.2.5:
+ resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
+ dev: false
+
/@types/node@20.6.2:
resolution: {integrity: sha512-Y+/1vGBHV/cYk6OI1Na/LHzwnlNCAfU3ZNGrc1LdRe/LAIbdDPTTv/HU3M7yXN448aTVDq3eKRm2cg7iKLb8gw==}
dev: true
+ /@types/normalize-package-data@2.4.4:
+ resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+ dev: false
+
/acorn-jsx@5.3.2(acorn@8.10.0):
resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
peerDependencies:
@@ -442,6 +449,14 @@ packages:
engines: {node: '>=6.0'}
dev: true
+ /aggregate-error@4.0.1:
+ resolution: {integrity: sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==}
+ engines: {node: '>=12'}
+ dependencies:
+ clean-stack: 4.2.0
+ indent-string: 5.0.0
+ dev: false
+
/ajv@6.12.6:
resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
dependencies:
@@ -488,7 +503,6 @@ packages:
engines: {node: '>=4'}
dependencies:
color-convert: 1.9.3
- dev: true
/ansi-styles@4.3.0:
resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@@ -582,6 +596,11 @@ packages:
is-shared-array-buffer: 1.0.2
dev: true
+ /arrify@1.0.1:
+ resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+ engines: {node: '>=0.10.0'}
+ dev: false
+
/async-lock@1.4.0:
resolution: {integrity: sha512-coglx5yIWuetakm3/1dsX9hxCNox22h7+V80RQOu2XUUMidtArxKoZoOtHUPuR84SycKTXzgGzAUR5hJxujyJQ==}
dev: true
@@ -602,7 +621,6 @@ packages:
/balanced-match@1.0.2:
resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
- dev: true
/bluebird@3.7.2:
resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
@@ -631,14 +649,12 @@ packages:
dependencies:
balanced-match: 1.0.2
concat-map: 0.0.1
- dev: true
/braces@3.0.2:
resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
engines: {node: '>=8'}
dependencies:
fill-range: 7.0.1
- dev: true
/buffer-from@1.1.2:
resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
@@ -685,6 +701,21 @@ packages:
engines: {node: '>=6'}
dev: true
+ /camelcase-keys@7.0.2:
+ resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
+ engines: {node: '>=12'}
+ dependencies:
+ camelcase: 6.3.0
+ map-obj: 4.3.0
+ quick-lru: 5.1.1
+ type-fest: 1.4.0
+ dev: false
+
+ /camelcase@6.3.0:
+ resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+ engines: {node: '>=10'}
+ dev: false
+
/camelcase@7.0.1:
resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
engines: {node: '>=14.16'}
@@ -697,7 +728,6 @@ packages:
ansi-styles: 3.2.1
escape-string-regexp: 1.0.5
supports-color: 5.5.0
- dev: true
/chalk@4.1.2:
resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -734,6 +764,13 @@ packages:
engines: {node: '>=8'}
dev: true
+ /clean-stack@4.2.0:
+ resolution: {integrity: sha512-LYv6XPxoyODi36Dp976riBtSY27VmFo+MKqEU9QCCWyTrdEPDog+RWA7xQWHi6Vbp61j5c4cdzzX1NidnwtUWg==}
+ engines: {node: '>=12'}
+ dependencies:
+ escape-string-regexp: 5.0.0
+ dev: false
+
/cli-boxes@3.0.0:
resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
engines: {node: '>=10'}
@@ -758,7 +795,6 @@ packages:
resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
dependencies:
color-name: 1.1.3
- dev: true
/color-convert@2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
@@ -769,7 +805,6 @@ packages:
/color-name@1.1.3:
resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
- dev: true
/color-name@1.1.4:
resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
@@ -798,7 +833,6 @@ packages:
/concat-map@0.0.1:
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
- dev: true
/concat-stream@1.6.2:
resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
@@ -909,6 +943,24 @@ packages:
ms: 2.1.2
dev: true
+ /decamelize-keys@1.1.1:
+ resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+ engines: {node: '>=0.10.0'}
+ dependencies:
+ decamelize: 1.2.0
+ map-obj: 1.0.1
+ dev: false
+
+ /decamelize@1.2.0:
+ resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+ engines: {node: '>=0.10.0'}
+ dev: false
+
+ /decamelize@5.0.1:
+ resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
+ engines: {node: '>=10'}
+ dev: false
+
/decompress-response@6.0.0:
resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
engines: {node: '>=10'}
@@ -948,6 +1000,36 @@ packages:
object-keys: 1.1.1
dev: true
+ /del-cli@5.1.0:
+ resolution: {integrity: sha512-xwMeh2acluWeccsfzE7VLsG3yTr7nWikbfw+xhMnpRrF15pGSkw+3/vJZWlGoE4I86UiLRNHicmKt4tkIX9Jtg==}
+ engines: {node: '>=14.16'}
+ hasBin: true
+ dependencies:
+ del: 7.1.0
+ meow: 10.1.5
+ dev: false
+
+ /del@7.1.0:
+ resolution: {integrity: sha512-v2KyNk7efxhlyHpjEvfyxaAihKKK0nWCuf6ZtqZcFFpQRG0bJ12Qsr0RpvsICMjAAZ8DOVCxrlqpxISlMHC4Kg==}
+ engines: {node: '>=14.16'}
+ dependencies:
+ globby: 13.2.2
+ graceful-fs: 4.2.11
+ is-glob: 4.0.3
+ is-path-cwd: 3.0.0
+ is-path-inside: 4.0.0
+ p-map: 5.5.0
+ rimraf: 3.0.2
+ slash: 4.0.0
+ dev: false
+
+ /dir-glob@3.0.1:
+ resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+ engines: {node: '>=8'}
+ dependencies:
+ path-type: 4.0.0
+ dev: false
+
/doctrine@2.1.0:
resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
engines: {node: '>=0.10.0'}
@@ -1026,7 +1108,6 @@ packages:
resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
dependencies:
is-arrayish: 0.2.1
- dev: true
/es-abstract@1.22.2:
resolution: {integrity: sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==}
@@ -1139,13 +1220,17 @@ packages:
/escape-string-regexp@1.0.5:
resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
engines: {node: '>=0.8.0'}
- dev: true
/escape-string-regexp@4.0.0:
resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
engines: {node: '>=10'}
dev: true
+ /escape-string-regexp@5.0.0:
+ resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+ engines: {node: '>=12'}
+ dev: false
+
/eslint-config-prettier@9.0.0(eslint@8.49.0):
resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
hasBin: true
@@ -1342,6 +1427,17 @@ packages:
resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
dev: true
+ /fast-glob@3.3.2:
+ resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+ engines: {node: '>=8.6.0'}
+ dependencies:
+ '@nodelib/fs.stat': 2.0.5
+ '@nodelib/fs.walk': 1.2.8
+ glob-parent: 5.1.2
+ merge2: 1.4.1
+ micromatch: 4.0.5
+ dev: false
+
/fast-json-stable-stringify@2.1.0:
resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
dev: true
@@ -1354,7 +1450,6 @@ packages:
resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
dependencies:
reusify: 1.0.4
- dev: true
/file-entry-cache@6.0.1:
resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
@@ -1368,7 +1463,6 @@ packages:
engines: {node: '>=8'}
dependencies:
to-regex-range: 5.0.1
- dev: true
/find-up@5.0.0:
resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
@@ -1376,7 +1470,6 @@ packages:
dependencies:
locate-path: 6.0.0
path-exists: 4.0.0
- dev: true
/firefox-profile@4.5.0:
resolution: {integrity: sha512-goE2XxbmYVSafvCjcy64/AK3xOr14HCUCD4+TpYWEIMy4nrJfNAacLGzwqKwZhCW0hHI2TYMGH+G/YBvOE8L6g==}
@@ -1443,7 +1536,6 @@ packages:
/fs.realpath@1.0.0:
resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
- dev: true
/fsevents@2.3.3:
resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -1455,7 +1547,6 @@ packages:
/function-bind@1.1.1:
resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
- dev: true
/function.prototype.name@1.1.6:
resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
@@ -1505,6 +1596,13 @@ packages:
get-intrinsic: 1.2.1
dev: true
+ /glob-parent@5.1.2:
+ resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+ engines: {node: '>= 6'}
+ dependencies:
+ is-glob: 4.0.3
+ dev: false
+
/glob-parent@6.0.2:
resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
engines: {node: '>=10.13.0'}
@@ -1537,7 +1635,6 @@ packages:
minimatch: 3.1.2
once: 1.4.0
path-is-absolute: 1.0.1
- dev: true
/global-dirs@3.0.1:
resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
@@ -1560,6 +1657,17 @@ packages:
define-properties: 1.2.1
dev: true
+ /globby@13.2.2:
+ resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
+ engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+ dependencies:
+ dir-glob: 3.0.1
+ fast-glob: 3.3.2
+ ignore: 5.2.4
+ merge2: 1.4.1
+ slash: 4.0.0
+ dev: false
+
/gopd@1.0.1:
resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
dependencies:
@@ -1589,7 +1697,6 @@ packages:
/graceful-fs@4.2.11:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
- dev: true
/graceful-readlink@1.0.1:
resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
@@ -1603,6 +1710,11 @@ packages:
resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
dev: true
+ /hard-rejection@2.1.0:
+ resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+ engines: {node: '>=6'}
+ dev: false
+
/has-bigints@1.0.2:
resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
dev: true
@@ -1610,7 +1722,6 @@ packages:
/has-flag@3.0.0:
resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
engines: {node: '>=4'}
- dev: true
/has-flag@4.0.0:
resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -1650,7 +1761,13 @@ packages:
engines: {node: '>= 0.4.0'}
dependencies:
function-bind: 1.1.1
- dev: true
+
+ /hosted-git-info@4.1.0:
+ resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+ engines: {node: '>=10'}
+ dependencies:
+ lru-cache: 6.0.0
+ dev: false
/html-escaper@3.0.3:
resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
@@ -1691,7 +1808,6 @@ packages:
/ignore@5.2.4:
resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
engines: {node: '>= 4'}
- dev: true
/immediate@3.0.6:
resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
@@ -1715,16 +1831,19 @@ packages:
engines: {node: '>=0.8.19'}
dev: true
+ /indent-string@5.0.0:
+ resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+ engines: {node: '>=12'}
+ dev: false
+
/inflight@1.0.6:
resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
dependencies:
once: 1.4.0
wrappy: 1.0.2
- dev: true
/inherits@2.0.4:
resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
- dev: true
/ini@1.3.8:
resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
@@ -1761,7 +1880,6 @@ packages:
/is-arrayish@0.2.1:
resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
- dev: true
/is-bigint@1.0.4:
resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
@@ -1797,7 +1915,6 @@ packages:
resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
dependencies:
has: 1.0.3
- dev: true
/is-date-object@1.0.5:
resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
@@ -1815,7 +1932,6 @@ packages:
/is-extglob@2.1.1:
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
engines: {node: '>=0.10.0'}
- dev: true
/is-fullwidth-code-point@3.0.0:
resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -1832,7 +1948,6 @@ packages:
engines: {node: '>=0.10.0'}
dependencies:
is-extglob: 2.1.1
- dev: true
/is-installed-globally@0.4.0:
resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
@@ -1862,18 +1977,32 @@ packages:
/is-number@7.0.0:
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
engines: {node: '>=0.12.0'}
- dev: true
/is-obj@2.0.0:
resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
engines: {node: '>=8'}
dev: true
+ /is-path-cwd@3.0.0:
+ resolution: {integrity: sha512-kyiNFFLU0Ampr6SDZitD/DwUo4Zs1nSdnygUBqsu3LooL00Qvb5j+UnvApUn/TTj1J3OuE6BTdQ5rudKmU2ZaA==}
+ engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+ dev: false
+
/is-path-inside@3.0.3:
resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
engines: {node: '>=8'}
dev: true
+ /is-path-inside@4.0.0:
+ resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+ engines: {node: '>=12'}
+ dev: false
+
+ /is-plain-obj@1.1.0:
+ resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+ engines: {node: '>=0.10.0'}
+ dev: false
+
/is-regex@1.1.4:
resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
engines: {node: '>= 0.4'}
@@ -1959,7 +2088,6 @@ packages:
/js-tokens@4.0.0:
resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
- dev: true
/js-yaml@4.1.0:
resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
@@ -1972,6 +2100,10 @@ packages:
resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
dev: true
+ /json-parse-even-better-errors@2.3.1:
+ resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+ dev: false
+
/json-parse-even-better-errors@3.0.1:
resolution: {integrity: sha512-aatBvbL26wVUCLmbWdCpeu9iF5wOyWpagiKkInA+kfws3sWdBrTnsvN2CKcyCYyUrc7rebNBlK6+kteg7ksecg==}
engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -2025,6 +2157,11 @@ packages:
json-buffer: 3.0.1
dev: true
+ /kind-of@6.0.3:
+ resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+ engines: {node: '>=0.10.0'}
+ dev: false
+
/latest-version@7.0.0:
resolution: {integrity: sha512-KvNT4XqAMzdcL6ka6Tl3i2lYeFDgXNCuIX+xNx6ZMVR1dFq+idXd9FLKNMOIx0t9mJ9/HudyX4oZWXZQ0UJHeg==}
engines: {node: '>=14.16'}
@@ -2060,6 +2197,10 @@ packages:
engines: {node: '>=10'}
dev: true
+ /lines-and-columns@1.2.4:
+ resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+ dev: false
+
/lines-and-columns@2.0.3:
resolution: {integrity: sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2117,7 +2258,6 @@ packages:
engines: {node: '>=10'}
dependencies:
p-locate: 5.0.0
- dev: true
/lodash.merge@4.6.2:
resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
@@ -2152,12 +2292,21 @@ packages:
engines: {node: '>=10'}
dependencies:
yallist: 4.0.0
- dev: true
/make-error@1.3.6:
resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
dev: true
+ /map-obj@1.0.1:
+ resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+ engines: {node: '>=0.10.0'}
+ dev: false
+
+ /map-obj@4.3.0:
+ resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+ engines: {node: '>=8'}
+ dev: false
+
/marky@1.2.5:
resolution: {integrity: sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==}
dev: true
@@ -2170,17 +2319,39 @@ packages:
is-buffer: 1.1.6
dev: true
+ /meow@10.1.5:
+ resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
+ engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+ dependencies:
+ '@types/minimist': 1.2.5
+ camelcase-keys: 7.0.2
+ decamelize: 5.0.1
+ decamelize-keys: 1.1.1
+ hard-rejection: 2.1.0
+ minimist-options: 4.1.0
+ normalize-package-data: 3.0.3
+ read-pkg-up: 8.0.0
+ redent: 4.0.0
+ trim-newlines: 4.1.1
+ type-fest: 1.4.0
+ yargs-parser: 20.2.9
+ dev: false
+
/merge-stream@2.0.0:
resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
dev: true
+ /merge2@1.4.1:
+ resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+ engines: {node: '>= 8'}
+ dev: false
+
/micromatch@4.0.5:
resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
engines: {node: '>=8.6'}
dependencies:
braces: 3.0.2
picomatch: 2.3.1
- dev: true
/mimic-fn@2.1.0:
resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
@@ -2202,11 +2373,24 @@ packages:
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
dev: true
+ /min-indent@1.0.1:
+ resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+ engines: {node: '>=4'}
+ dev: false
+
/minimatch@3.1.2:
resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
dependencies:
brace-expansion: 1.1.11
- dev: true
+
+ /minimist-options@4.1.0:
+ resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+ engines: {node: '>= 6'}
+ dependencies:
+ arrify: 1.0.1
+ is-plain-obj: 1.1.0
+ kind-of: 6.0.3
+ dev: false
/minimist@1.2.8:
resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
@@ -2309,6 +2493,16 @@ packages:
which: 2.0.2
dev: true
+ /normalize-package-data@3.0.3:
+ resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+ engines: {node: '>=10'}
+ dependencies:
+ hosted-git-info: 4.1.0
+ is-core-module: 2.13.0
+ semver: 7.5.4
+ validate-npm-package-license: 3.0.4
+ dev: false
+
/normalize-url@8.0.0:
resolution: {integrity: sha512-uVFpKhj5MheNBJRTiMZ9pE/7hD1QTeEvugSJW/OmLzAp78PB5O6adfMNTvmfKhXBkvCzC+rqifWcVYpGFwTjnw==}
engines: {node: '>=14.16'}
@@ -2382,7 +2576,6 @@ packages:
resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
dependencies:
wrappy: 1.0.2
- dev: true
/onetime@5.1.2:
resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
@@ -2425,14 +2618,19 @@ packages:
engines: {node: '>=10'}
dependencies:
yocto-queue: 0.1.0
- dev: true
/p-locate@5.0.0:
resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
engines: {node: '>=10'}
dependencies:
p-limit: 3.1.0
- dev: true
+
+ /p-map@5.5.0:
+ resolution: {integrity: sha512-VFqfGDHlx87K66yZrNdI4YGtD70IRyd+zSvgks6mzHPRNkoKy+9EKP4SFC77/vTTQYmRmti7dvqC+m5jBrBAcg==}
+ engines: {node: '>=12'}
+ dependencies:
+ aggregate-error: 4.0.1
+ dev: false
/package-json@8.1.1:
resolution: {integrity: sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==}
@@ -2455,6 +2653,16 @@ packages:
callsites: 3.1.0
dev: true
+ /parse-json@5.2.0:
+ resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+ engines: {node: '>=8'}
+ dependencies:
+ '@babel/code-frame': 7.22.13
+ error-ex: 1.3.2
+ json-parse-even-better-errors: 2.3.1
+ lines-and-columns: 1.2.4
+ dev: false
+
/parse-json@7.1.1:
resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
engines: {node: '>=16'}
@@ -2469,12 +2677,10 @@ packages:
/path-exists@4.0.0:
resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
engines: {node: '>=8'}
- dev: true
/path-is-absolute@1.0.1:
resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
engines: {node: '>=0.10.0'}
- dev: true
/path-key@3.1.1:
resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -2490,6 +2696,11 @@ packages:
resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
dev: true
+ /path-type@4.0.0:
+ resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+ engines: {node: '>=8'}
+ dev: false
+
/picocolors@1.0.0:
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
dev: true
@@ -2497,7 +2708,6 @@ packages:
/picomatch@2.3.1:
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
engines: {node: '>=8.6'}
- dev: true
/pidtree@0.6.0:
resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
@@ -2554,12 +2764,10 @@ packages:
/queue-microtask@1.2.3:
resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
- dev: true
/quick-lru@5.1.1:
resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
engines: {node: '>=10'}
- dev: true
/rc@1.2.8:
resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
@@ -2571,6 +2779,25 @@ packages:
strip-json-comments: 2.0.1
dev: true
+ /read-pkg-up@8.0.0:
+ resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
+ engines: {node: '>=12'}
+ dependencies:
+ find-up: 5.0.0
+ read-pkg: 6.0.0
+ type-fest: 1.4.0
+ dev: false
+
+ /read-pkg@6.0.0:
+ resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
+ engines: {node: '>=12'}
+ dependencies:
+ '@types/normalize-package-data': 2.4.4
+ normalize-package-data: 3.0.3
+ parse-json: 5.2.0
+ type-fest: 1.4.0
+ dev: false
+
/readable-stream@2.3.8:
resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
dependencies:
@@ -2583,6 +2810,14 @@ packages:
util-deprecate: 1.0.2
dev: true
+ /redent@4.0.0:
+ resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
+ engines: {node: '>=12'}
+ dependencies:
+ indent-string: 5.0.0
+ strip-indent: 4.0.0
+ dev: false
+
/regenerator-runtime@0.14.1:
resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
dev: true
@@ -2651,7 +2886,6 @@ packages:
/reusify@1.0.4:
resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
- dev: true
/rfdc@1.3.0:
resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
@@ -2671,7 +2905,6 @@ packages:
hasBin: true
dependencies:
glob: 7.2.3
- dev: true
/rollup@3.29.2:
resolution: {integrity: sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==}
@@ -2685,7 +2918,6 @@ packages:
resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
dependencies:
queue-microtask: 1.2.3
- dev: true
/safe-array-concat@1.0.1:
resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
@@ -2737,7 +2969,6 @@ packages:
hasBin: true
dependencies:
lru-cache: 6.0.0
- dev: true
/set-function-name@2.0.1:
resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
@@ -2784,6 +3015,11 @@ packages:
resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
dev: true
+ /slash@4.0.0:
+ resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
+ engines: {node: '>=12'}
+ dev: false
+
/slice-ansi@5.0.0:
resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
engines: {node: '>=12'}
@@ -2817,6 +3053,28 @@ packages:
os-shim: 0.1.3
dev: true
+ /spdx-correct@3.2.0:
+ resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+ dependencies:
+ spdx-expression-parse: 3.0.1
+ spdx-license-ids: 3.0.17
+ dev: false
+
+ /spdx-exceptions@2.5.0:
+ resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+ dev: false
+
+ /spdx-expression-parse@3.0.1:
+ resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+ dependencies:
+ spdx-exceptions: 2.5.0
+ spdx-license-ids: 3.0.17
+ dev: false
+
+ /spdx-license-ids@3.0.17:
+ resolution: {integrity: sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==}
+ dev: false
+
/split@1.0.1:
resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
dependencies:
@@ -2906,6 +3164,13 @@ packages:
engines: {node: '>=12'}
dev: true
+ /strip-indent@4.0.0:
+ resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
+ engines: {node: '>=12'}
+ dependencies:
+ min-indent: 1.0.1
+ dev: false
+
/strip-json-comments@2.0.1:
resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
engines: {node: '>=0.10.0'}
@@ -2926,7 +3191,6 @@ packages:
engines: {node: '>=4'}
dependencies:
has-flag: 3.0.0
- dev: true
/supports-color@7.2.0:
resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -2973,7 +3237,11 @@ packages:
engines: {node: '>=8.0'}
dependencies:
is-number: 7.0.0
- dev: true
+
+ /trim-newlines@4.1.1:
+ resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
+ engines: {node: '>=12'}
+ dev: false
/tsconfig-paths@3.14.2:
resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==}
@@ -2999,7 +3267,6 @@ packages:
/type-fest@1.4.0:
resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
engines: {node: '>=10'}
- dev: true
/type-fest@2.19.0:
resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
@@ -3124,6 +3391,13 @@ packages:
hasBin: true
dev: true
+ /validate-npm-package-license@3.0.4:
+ resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+ dependencies:
+ spdx-correct: 3.2.0
+ spdx-expression-parse: 3.0.1
+ dev: false
+
/vite-plugin-web-extension@4.1.3:
resolution: {integrity: sha512-xX+RF9SWi1D3UgR512nf8htQH5iL3BsoNhREIE/MnjKV9WDa89xQAM1Hkhyssykd5DQZ50FYTAqnvr2PmyHffg==}
engines: {node: '>=16'}
@@ -3296,7 +3570,6 @@ packages:
/wrappy@1.0.2:
resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
- dev: true
/write-file-atomic@3.0.3:
resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==}
@@ -3340,7 +3613,6 @@ packages:
/yallist@4.0.0:
resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
- dev: true
/yaml@2.3.1:
resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
@@ -3353,10 +3625,14 @@ packages:
hasBin: true
dev: true
+ /yargs-parser@20.2.9:
+ resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+ engines: {node: '>=10'}
+ dev: false
+
/yocto-queue@0.1.0:
resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
engines: {node: '>=10'}
- dev: true
/zip-dir@2.0.0:
resolution: {integrity: sha512-uhlsJZWz26FLYXOD6WVuq+fIcZ3aBPGo/cFdiLlv3KNwpa52IF3ISV8fLhQLiqVu5No3VhlqlgthN6gehil1Dg==}
diff --git a/screenshots/default.jpeg b/screenshots/default.jpeg
new file mode 100644
index 0000000..028fcf4
Binary files /dev/null and b/screenshots/default.jpeg differ
diff --git a/screenshots/default.png b/screenshots/default.png
deleted file mode 100644
index 6e55428..0000000
Binary files a/screenshots/default.png and /dev/null differ
diff --git a/screenshots/example1.png b/screenshots/example1.png
index 44893c4..e4b652a 100644
Binary files a/screenshots/example1.png and b/screenshots/example1.png differ
diff --git a/screenshots/example1_2.png b/screenshots/example1_2.png
deleted file mode 100644
index cabf70e..0000000
Binary files a/screenshots/example1_2.png and /dev/null differ
diff --git a/screenshots/example2.png b/screenshots/example2.png
new file mode 100644
index 0000000..1899db0
Binary files /dev/null and b/screenshots/example2.png differ
diff --git a/src/library.js b/src/library/index.js
similarity index 52%
rename from src/library.js
rename to src/library/index.js
index 3ab6e5f..96ebbb3 100644
--- a/src/library.js
+++ b/src/library/index.js
@@ -1,3 +1,9 @@
+import {
+ PlaylistSorter,
+ generateSortOptions,
+ generateSortTypes
+} from "./sorting";
+
const config = {
videoElement: "ytd-playlist-video-renderer",
videoElementsContainer: "ytd-playlist-video-list-renderer #contents",
@@ -10,6 +16,10 @@ const config = {
main: ".metadata-stats yt-formatted-string",
fallback: "#stats yt-formatted-string"
},
+ playlistSummaryContainer: {
+ main: "#ytpdc-playlist-summary-new",
+ fallback: "#ytpdc-playlist-summary-old"
+ },
// Design anchor = Element that helps distinguish between old & new layout
designAnchor: {
old: "ytd-playlist-sidebar-renderer",
@@ -41,27 +51,28 @@ const pollPlaylistReady = () => {
const displayLoader = () => {
const playlistSummary = document.querySelector(
isNewDesign()
- ? "#ytpdc-playlist-summary-new"
- : "#ytpdc-playlist-summary-old"
+ ? config.playlistSummaryContainer.main
+ : config.playlistSummaryContainer.fallback
);
if (playlistSummary) {
- const loading = document.createElement("div");
- loading.style.minHeight = "128px";
- loading.style.width = "100%";
- loading.style.display = "flex";
- loading.style.justifyContent = "center";
- loading.style.alignItems = "center";
- loading.textContent = "Calculating...";
+ const loader = document.createElement("div");
+ loader.id = "ytpdc-loader";
+ loader.textContent = "Calculating...";
playlistSummary.innerHTML = "";
- playlistSummary.appendChild(loading);
+ playlistSummary.appendChild(loader);
}
};
+/**
+ * Counts the number of invalid timestamps in a list of video container elements
+ * @returns {number}
+ */
const countUnavailableTimestamps = () => {
- const timestamps = getTimestampsFromVideos(getVideos());
- return timestamps.filter((timestamp) => timestamp === null).length;
+ return getVideos()
+ .map(getTimestampFromVideo)
+ .filter((timestamp) => timestamp === null).length;
};
const countUnavailableVideos = () => {
@@ -89,10 +100,10 @@ const countUnavailableVideos = () => {
const processPlaylist = () => {
configurePage();
- setupPlaylistObserver();
+ const playlistObserver = setupPlaylistObserver();
setupEventListeners();
const videos = getVideos();
- const timestamps = getTimestampsFromVideos(videos);
+ const timestamps = videos.map(getTimestampFromVideo);
const totalDurationInSeconds =
Array.isArray(timestamps) && timestamps.length > 0
? timestamps.reduce((a, b) => a + b)
@@ -100,39 +111,68 @@ const processPlaylist = () => {
const playlistDuration = convertSecondsToTimestamp(totalDurationInSeconds);
const playlistSummary = createPlaylistSummary({
timestamps,
- playlistDuration
+ playlistDuration,
+ playlistObserver
});
addSummaryToPage(playlistSummary);
};
const configurePage = () => {
if (window.ytpdc) return;
- window.ytpdc = { playlistObserver: false, interPlaylistNavigation: false };
+ window.ytpdc = { playlistObserver: false, setupEventListeners: false };
};
+/**
+ * Setup a mutation observer on the playlist to detect when video(s) are added
+ * or removed and trigger a re-processing of the playlist
+ * @returns {{
+ disconnect: () => void,
+ reconnect: () => void
+ }}
+ */
const setupPlaylistObserver = () => {
if (window.ytpdc.playlistObserver) return;
- window.ytpdc.playlistObserver = true;
const playlistObserver = new MutationObserver((_) => {
pollPlaylistReady();
});
+ window.ytpdc.playlistObserver = playlistObserver;
+
const targetNode = document.querySelector(config.videoElementsContainer);
if (targetNode) {
playlistObserver.observe(targetNode, { childList: true });
}
+
+ return {
+ disconnect: () => playlistObserver.disconnect(),
+ reconnect: () => playlistObserver.observe(targetNode, { childList: true })
+ };
};
const setupEventListeners = () => {
- if (!window.ytpdc.interPlaylistNavigation) {
- window.ytpdc.interPlaylistNavigation = true;
- document.addEventListener(
- "yt-navigate-finish",
- () => pollPlaylistReady(),
- false
- );
- }
+ if (window.ytpdc.setupEventListeners) return;
+ window.ytpdc.setupEventListeners = true;
+
+ const onYoutubeNavigationFinished = () => {
+ if (window.ytpdc.playlistObserver) {
+ window.ytpdc.playlistObserver?.disconnect();
+ window.ytpdc.playlistObserver = null;
+ }
+
+ if (
+ window.location.pathname === "/playlist" &&
+ window.location.search.startsWith("?list=")
+ ) {
+ pollPlaylistReady();
+ }
+ };
+
+ document.addEventListener(
+ "yt-navigate-finish",
+ onYoutubeNavigationFinished,
+ false
+ );
};
const getVideos = () => {
@@ -146,23 +186,21 @@ const getVideos = () => {
};
/**
- * Extracts a list of timestamps from a list of video container elements
- * @param {Array} videos
- * @returns {Array} timestamps
+ * Extracts a timestamp from a video container element
+ * @param {Element} video
+ * @returns {string}
*/
-const getTimestampsFromVideos = (videos) => {
- return videos.map((video) => {
- if (!video) return null;
+const getTimestampFromVideo = (video) => {
+ if (!video) return null;
- const timestampContainer = video.querySelector(config.timestampContainer);
- if (!timestampContainer) return null;
+ const timestampContainer = video.querySelector(config.timestampContainer);
+ if (!timestampContainer) return null;
- const timestamp = timestampContainer.innerText;
- if (!timestamp) return null;
+ const timestamp = timestampContainer.innerText;
+ if (!timestamp) return null;
- const timestampInSeconds = convertTimestampToSeconds(timestamp);
- return timestampInSeconds;
- });
+ const timestampInSeconds = convertTimestampToSeconds(timestamp);
+ return timestampInSeconds;
};
/**
@@ -179,48 +217,43 @@ const convertSecondsToTimestamp = (seconds) => {
return `${hours}:${minutes}:${remainingSeconds}`;
};
-const createPlaylistSummary = ({ timestamps, playlistDuration }) => {
- const summaryContainer = document.createElement("div");
-
- // Styles for new design
- summaryContainer.style.display = "flex";
- summaryContainer.style.flexDirection = "column";
- summaryContainer.style.justifyContent = "center";
- summaryContainer.style.alignItems = "start";
- summaryContainer.style.minHeight = "128px";
- summaryContainer.style.margin = "16px 0px";
- summaryContainer.style.padding = "16px";
- summaryContainer.style.borderRadius = "16px";
- summaryContainer.style.background = "rgba(255,255,255,0.2)";
- summaryContainer.style.fontSize = "1.5rem";
+const createPlaylistSummary = ({
+ timestamps,
+ playlistDuration,
+ playlistObserver
+}) => {
+ const container = document.createElement("div");
+ container.id = (
+ isNewDesign()
+ ? config.playlistSummaryContainer.main
+ : config.playlistSummaryContainer.fallback
+ ).replace("#", "");
+ container.classList.add("container");
// Fallback styles for old design
if (!isNewDesign()) {
if (isDarkMode()) {
- summaryContainer.style.color = "white";
+ container.style.color = "white";
} else {
- summaryContainer.style.background = "rgba(0,0,0,0.8)";
- summaryContainer.style.color = "white";
+ container.style.background = "rgba(0,0,0,0.8)";
+ container.style.color = "white";
}
}
- // Total Duration
const totalDuration = createSummaryItem(
"Total duration:",
`${playlistDuration}`,
"#86efac"
);
- summaryContainer.appendChild(totalDuration);
+ container.appendChild(totalDuration);
- // Videos counted
const videosCounted = createSummaryItem(
"Videos counted:",
`${timestamps.length}`,
"#fdba74"
);
- summaryContainer.appendChild(videosCounted);
+ container.appendChild(videosCounted);
- // Videos not counted
const totalVideosInPlaylist = countTotalVideosInPlaylist();
const videosNotCounted = createSummaryItem(
"Videos not counted:",
@@ -229,30 +262,34 @@ const createPlaylistSummary = ({ timestamps, playlistDuration }) => {
}`,
"#fca5a5"
);
- summaryContainer.appendChild(videosNotCounted);
+ container.appendChild(videosNotCounted);
- // Tooltip
- if (timestamps.length >= 100) {
+ if (totalVideosInPlaylist <= 100) {
+ const sortDropdown = createSortDropdown(playlistObserver);
+ container.appendChild(sortDropdown);
+ }
+
+ if (totalVideosInPlaylist >= 100) {
const tooltip = document.createElement("div");
- tooltip.style.marginTop = "16px";
- tooltip.style.display = "flex";
- tooltip.style.flexDirection = "row";
- tooltip.style.alignItems = "center";
-
- const icon = document.createElement("div");
- icon.style.color = "#000";
- icon.innerHTML = ``;
+ tooltip.id = "ytpdc-playlist-summary-tooltip";
+
+ const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+ icon.setAttribute("preserveAspectRatio", "xMidYMid meet");
+ icon.setAttribute("viewBox", "0 0 24 24");
+ icon.innerHTML = ``;
tooltip.appendChild(icon);
const tooltipText = document.createElement("p");
- tooltipText.style.paddingLeft = "8px";
tooltipText.textContent = "Scroll down to count more videos";
tooltip.appendChild(tooltipText);
- summaryContainer.appendChild(tooltip);
+ container.appendChild(tooltip);
}
- return summaryContainer;
+ return container;
};
/**
@@ -282,18 +319,14 @@ const convertTimestampToSeconds = (timestamp) => {
const createSummaryItem = (label, value, valueColor = "#facc15") => {
const container = document.createElement("div");
- container.style.margin = "8px 0px";
- container.style.display = "flex";
- container.style.flexDirection = "row";
- container.style.justifyContent = "between";
+ container.classList.add("ytpdc-playlist-summary-item");
const labelContainer = document.createElement("p");
labelContainer.textContent = label;
const valueContainer = document.createElement("p");
+ valueContainer.classList.add("ytpdc-playlist-summary-item-value");
valueContainer.style.color = valueColor;
- valueContainer.style.fontWeight = 700;
- valueContainer.style.paddingLeft = "8px";
valueContainer.textContent = value;
container.appendChild(labelContainer);
@@ -313,17 +346,15 @@ const addSummaryToPage = (summary) => {
if (!metadataSection) return null;
const previousSummary = document.querySelector(
- newDesign ? "#ytpdc-playlist-summary-new" : "#ytpdc-playlist-summary-old"
+ newDesign
+ ? config.playlistSummaryContainer.main
+ : config.playlistSummaryContainer.fallback
);
if (previousSummary) {
previousSummary.parentNode.removeChild(previousSummary);
}
- summary.id = newDesign
- ? "ytpdc-playlist-summary-new"
- : "ytpdc-playlist-summary-old";
-
metadataSection.parentNode.insertBefore(summary, metadataSection.nextSibling);
};
@@ -334,11 +365,11 @@ const countTotalVideosInPlaylist = () => {
if (!totalVideosStat) return null;
- const totalVideoCount = parseInt(
+ const totalVideosCount = parseInt(
totalVideosStat.innerText.replace(/\D/g, "")
);
- return totalVideoCount;
+ return totalVideosCount;
};
const isDarkMode = () => {
@@ -355,4 +386,66 @@ const isNewDesign = () => {
return isNewDesign;
};
-export { pollPlaylistReady };
+const createSortDropdown = (playlistObserver) => {
+ const container = document.createElement("div");
+ container.id = "ytpdc-sort-control";
+ container.classList.add("container");
+
+ const label = document.createElement("p");
+ label.classList.add("label");
+ label.textContent = "Sort by:";
+
+ const group = document.createElement("div");
+ group.classList.add("group");
+
+ const dropdown = document.createElement("select");
+ const sortTypes = generateSortTypes();
+ const sortOptions = generateSortOptions(sortTypes);
+
+ sortOptions.forEach((sortOption) => {
+ dropdown.appendChild(sortOption);
+ });
+
+ dropdown.addEventListener("change", (event) => {
+ if (event.target.value === "") return;
+
+ playlistObserver?.disconnect();
+
+ const videoElementsContainer = document.querySelector(
+ config.videoElementsContainer
+ );
+
+ const videos = videoElementsContainer.getElementsByTagName(
+ config.videoElement
+ );
+
+ const [sortType, sortOrder] = event.target.value.split(":");
+ const SortStrategy = sortTypes[sortType].strategy;
+ const playlistSorter = new PlaylistSorter(new SortStrategy(), sortOrder);
+ const sortedVideos = playlistSorter.sort(videos);
+
+ videoElementsContainer.replaceChildren(...sortedVideos);
+
+ playlistObserver?.reconnect();
+ });
+
+ const caretDownIcon = document.createElementNS(
+ "http://www.w3.org/2000/svg",
+ "svg"
+ );
+ caretDownIcon.style.width = "1em";
+ caretDownIcon.style.height = "1em";
+ caretDownIcon.setAttribute("viewBox", "0 0 256 256");
+ caretDownIcon.innerHTML = ``;
+
+ container.appendChild(label);
+ group.appendChild(dropdown);
+ group.appendChild(caretDownIcon);
+ container.appendChild(group);
+
+ return container;
+};
+
+export { config, getTimestampFromVideo, pollPlaylistReady };
diff --git a/src/library/sorting.js b/src/library/sorting.js
new file mode 100644
index 0000000..5227753
--- /dev/null
+++ b/src/library/sorting.js
@@ -0,0 +1,290 @@
+import { config, getTimestampFromVideo } from "./index";
+
+class PlaylistSorter {
+ constructor(strategy, sortOrder) {
+ this.strategy = strategy;
+ this.sortOrder = sortOrder;
+ }
+
+ setStrategy(strategy, sortOrder) {
+ this.strategy = strategy;
+ this.sortOrder = sortOrder;
+ }
+
+ sort(videos) {
+ return this.strategy.sort(videos, this.sortOrder);
+ }
+}
+
+class SortByDurationStrategy {
+ /**
+ * Sorts a list of videos by their duration
+ * @param {Array} videos
+ * @param {"asc" | "desc"} sortOrder
+ * @returns {Array}
+ */
+ sort(videos, sortOrder) {
+ return Array.from(videos)
+ .slice(0, 100)
+ .sort((videoA, videoB) => {
+ const timestampA = getTimestampFromVideo(videoA);
+ const timestampB = getTimestampFromVideo(videoB);
+
+ if (sortOrder === "asc") {
+ return timestampA - timestampB;
+ }
+
+ if (sortOrder === "desc") {
+ return timestampB - timestampA;
+ }
+ });
+ }
+}
+
+class SortByChannelNameStrategy {
+ /**
+ * Sorts a list of videos by their channel name
+ * @param {Array} videos
+ * @param {"asc" | "desc"} sortOrder
+ * @returns {Array}
+ */
+ sort(videos, sortOrder) {
+ return Array.from(videos)
+ .slice(0, 100)
+ .sort((videoA, videoB) => {
+ const channelNameA =
+ videoA.querySelector(".ytd-channel-name").innerText;
+ const channelNameB =
+ videoB.querySelector(".ytd-channel-name").innerText;
+
+ if (sortOrder === "asc") {
+ return channelNameA.localeCompare(channelNameB);
+ }
+
+ if (sortOrder === "desc") {
+ return channelNameB.localeCompare(channelNameA);
+ }
+ });
+ }
+}
+
+class SortByIndexStrategy {
+ /**
+ * Sorts a list of videos by their index
+ * @param {Array} videos
+ * @param {"asc" | "desc"} sortOrder
+ * @returns {Array}
+ */
+ sort(videos, sortOrder) {
+ return Array.from(videos)
+ .slice(0, 100)
+ .sort((videoA, videoB) => {
+ const indexA = videoA.querySelector(
+ "yt-formatted-string#index"
+ ).innerText;
+ const indexB = videoB.querySelector(
+ "yt-formatted-string#index"
+ ).innerText;
+
+ if (sortOrder === "asc") {
+ return Number(indexA) - Number(indexB);
+ }
+
+ if (sortOrder === "desc") {
+ return Number(indexB) - Number(indexA);
+ }
+ });
+ }
+}
+
+class SortByViewsStrategy {
+ /**
+ * Sorts a list of videos by their view count
+ * @param {Array} videos
+ * @param {"asc" | "desc"} sortOrder
+ * @returns {Array}
+ */
+ sort(videos, sortOrder) {
+ return Array.from(videos)
+ .slice(0, 100)
+ .sort((videoA, videoB) => {
+ const videoInfoA = videoA.querySelector(
+ "yt-formatted-string#video-info"
+ );
+ const videoInfoB = videoB.querySelector(
+ "yt-formatted-string#video-info"
+ );
+
+ const viewCountA = this.extractViewCount(videoInfoA);
+ const viewCountB = this.extractViewCount(videoInfoB);
+ console.log(viewCountA, viewCountB);
+
+ if (sortOrder === "asc") {
+ return viewCountA - viewCountB;
+ }
+
+ if (sortOrder === "desc") {
+ return viewCountB - viewCountA;
+ }
+ });
+ }
+
+ /**
+ * Extracts the view count as a number from a video info element
+ * @param {Element} videoInfo
+ * @returns {number}
+ */
+ extractViewCount(videoInfo) {
+ const viewCountElement = videoInfo.firstElementChild;
+ const viewCountRegex = /(\d+(\.\d+)?[km]?)/g;
+ const [viewCountString] = viewCountElement.textContent
+ .toLowerCase()
+ .match(viewCountRegex);
+ console.log(viewCountString);
+ const suffix = viewCountString.slice(-1);
+ const viewCountBase = parseFloat(viewCountString);
+
+ if (isNaN(viewCountBase)) {
+ return 0;
+ }
+
+ if (suffix === "k") {
+ return Math.round(viewCountBase * 1000);
+ } else if (suffix === "m") {
+ return Math.round(viewCountBase * 1_000_000);
+ } else {
+ return Math.round(viewCountBase);
+ }
+ }
+}
+
+class SortByUploadDateStrategy {
+ /**
+ * Sorts a list of videos by their upload date
+ * @param {Array} videos
+ * @param {"asc" | "desc"} sortOrder
+ * @returns {Array}
+ */
+ sort(videos, sortOrder) {
+ return Array.from(videos)
+ .slice(0, 100)
+ .sort((videoA, videoB) => {
+ const videoInfoA = videoA.querySelector(
+ "yt-formatted-string#video-info"
+ );
+ const videoInfoB = videoB.querySelector(
+ "yt-formatted-string#video-info"
+ );
+
+ const secondsA = this.extractUploadDateAsSeconds(videoInfoA);
+ const secondsB = this.extractUploadDateAsSeconds(videoInfoB);
+
+ if (sortOrder === "asc") {
+ return secondsA - secondsB;
+ }
+
+ if (sortOrder === "desc") {
+ return secondsB - secondsA;
+ }
+ });
+ }
+
+ /**
+ * Extracts the upload date as seconds from a video info element
+ * @param {Element} videoInfo
+ * @returns {number}
+ */
+ extractUploadDateAsSeconds(videoInfo) {
+ const secondsByUnit = {
+ day: 1 * 86400,
+ week: 7 * 86400,
+ month: 30 * 86400,
+ year: 365 * 86400
+ };
+
+ const uploadDateElement = videoInfo.children[2];
+ const uploadDateRegex = /(\d+) (\w+) ago/;
+ const [value, unit] = uploadDateElement.textContent
+ .toLowerCase()
+ .match(uploadDateRegex)
+ .slice(1);
+ const normalizedUnit = unit.endsWith("s") ? unit.slice(0, -1) : unit;
+ return parseFloat(value) * secondsByUnit[normalizedUnit];
+ }
+}
+
+/**
+ * Generates an object containing information about each supported sort type
+ * @returns {Object}
+ */
+const generateSortTypes = () => ({
+ index: {
+ enabled: videoHasElement("yt-formatted-string#index"),
+ label: {
+ asc: "Index (Ascending)",
+ desc: "Index (Descending)"
+ },
+ strategy: SortByIndexStrategy
+ },
+ duration: {
+ enabled: videoHasElement(config.timestampContainer),
+ label: {
+ asc: "Duration (Shortest)",
+ desc: "Duration (Longest)"
+ },
+ strategy: SortByDurationStrategy
+ },
+ channelName: {
+ enabled: videoHasElement(".ytd-channel-name"),
+ label: {
+ asc: "Channel Name (A-Z)",
+ desc: "Channel Name (Z-A)"
+ },
+ strategy: SortByChannelNameStrategy
+ },
+ views: {
+ enabled: videoHasElement("yt-formatted-string#video-info"),
+ label: {
+ asc: "Views (Least)",
+ desc: "Views (Most)"
+ },
+ strategy: SortByViewsStrategy
+ },
+ uploadDate: {
+ enabled: videoHasElement("yt-formatted-string#video-info"),
+ label: {
+ asc: "Upload Date (Newest)",
+ desc: "Upload Date (Oldest)"
+ },
+ strategy: SortByUploadDateStrategy
+ }
+});
+
+/**
+ * Checks whether an element identified by identifier can be found within the
+ * first video element rendered in the playlist
+ * @param {string} identifier
+ * @returns {boolean}
+ */
+const videoHasElement = (identifier) => {
+ const videoElement = document.querySelector(config.videoElement);
+ return videoElement && videoElement.querySelector(identifier);
+};
+
+/**
+ * Generates a list of