From 2fbfc5e650535b24372b1faf369627d439995df1 Mon Sep 17 00:00:00 2001 From: Morris Brodersen Date: Mon, 9 May 2022 15:46:58 +0200 Subject: [PATCH] update to ES2020, some refactoring and cleanups --- .eslintrc.js | 27 +- LICENSE.md | 2 +- README.md | 184 ++- package-lock.json | 2102 +++++++++++----------------- package.json | 21 +- public/index.html | 26 +- public/scripts/AppCollapsible.js | 25 +- public/scripts/AppDraggable.js | 121 +- public/scripts/AppFlip.js | 81 +- public/scripts/AppFps.js | 33 +- public/scripts/AppIcon.js | 25 +- public/scripts/AppSortable.js | 63 +- public/scripts/TodoApp.js | 132 +- public/scripts/TodoCustomList.js | 91 +- public/scripts/TodoDay.js | 50 +- public/scripts/TodoFrameCustom.js | 125 +- public/scripts/TodoFrameDays.js | 137 +- public/scripts/TodoItem.js | 75 +- public/scripts/TodoItemInput.js | 35 +- public/scripts/TodoList.js | 59 +- public/scripts/TodoStore.js | 131 +- public/scripts/util.js | 81 +- public/styles/app-collapsible.css | 2 +- public/styles/app-header.css | 2 +- public/styles/app-icon.css | 2 +- public/styles/todo-custom-list.css | 4 +- 26 files changed, 1507 insertions(+), 2129 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index e529dd8..049e52b 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,24 +1,19 @@ module.exports = { - extends: ['eslint:recommended', 'plugin:compat/recommended'], - globals: { - Set: 'readonly', - Map: 'readonly', - }, + extends: 'eslint:recommended', env: { browser: true, + es2020: true, }, parserOptions: { - ecmaVersion: 5, + ecmaVersion: 2020, + sourceType: 'module', }, - rules: {}, - settings: { - polyfills: [ - 'Set', - 'Map', - 'fetch', - 'Object.assign', - 'requestAnimationFrame', - 'performance.now', - ], + rules: { + 'object-shorthand': 'error', + 'prefer-arrow-callback': 'error', + 'arrow-body-style': ['error', 'as-needed'], + 'no-var': 'error', + 'prefer-template': 'error', + 'no-console': 'error', }, }; diff --git a/LICENSE.md b/LICENSE.md index 00172e1..1df43a1 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,4 +1,4 @@ -Copyright 2020-2021 Morris Brodersen +Copyright 2020-2022 Morris Brodersen Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies. diff --git a/README.md b/README.md index 973cd53..6f89702 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ with a total transfer size of **44KB** (unminified). More importantly, it's a case study showing that **vanilla web development** is viable in terms of [maintainability](#521-the-good), and worthwhile in terms of [user experience](#51-user-experience) -(**100%** faster loads and **90%** less bandwidth in this case). +(**50%** less time to load and **90%** less bandwidth in this case). **There's no custom framework invented here.** Instead, the case study was [designed](#22-rules) to discover @@ -119,7 +119,7 @@ I came up with a set of rules to follow throughout the process: - No build steps. - No general-purpose utility functions related to the DOM/UI (2). -(1) This is a moving target; I used ES5 for maximum support. +(1) This is a moving target; the current version is using ES2020. (2) These usually end up becoming a custom micro-framework, thereby questioning why you didn't use one of the @@ -162,16 +162,12 @@ plain HTML, CSS and JS files. The HTML and CSS mostly follows which yields an intuitive, component-oriented structure. The stylesheets are slightly verbose. -I missed [SCSS](https://sass-lang.com/) or [LESS](http://lesscss.org/) here +I missed [SCSS](https://sass-lang.com/) here and I think one of these is a must-have for bigger projects. +Additionally, the global CSS namespace problem is unaddressed +(see e.g. [CSS Modules](https://github.com/css-modules/css-modules)). -ES6 modules are ruled out so all JavaScript lives under -a global namespace (`VT`). This works everywhere but has some downsides -e.g. cannot be statically analyzed and may miss code completion. - -Polyfills are directly fetched from [polyfill.io](https://polyfill.io/). -I've set the `nomodule` script attribute so polyfills are only fetched -for older browsers. +All JavaScript files are ES modules (`import`/`export`). Basic code quality (code style, linting) is guided by [Prettier](https://prettier.io), [stylelint](https://stylelint.io) and @@ -206,11 +202,11 @@ per matching element. This yields a simple mental model and synergizes with the DOM and styles: ``` -.todo-list -> VT.TodoList +.todo-list -> TodoList scripts/TodoList.js styles/todo-list.css -.app-collapsible -> VT.AppCollapsible +.app-collapsible -> AppCollapsible scripts/AppCollapsible.js styles/app-collapsible.css @@ -229,40 +225,30 @@ provide behavior and rendering for the target element. Here's a "Hello, World!" example of mount functions: ```js -// safely initialize namespace -window.MYAPP = window.MYAPP || {}; - // define mount function // loosely mapped to ".hello-world" -MYAPP.HelloWorld = function (el) { +export function HelloWorld(el) { // define initial state - var state = { + const state = { title: 'Hello, World!', description: 'An example vanilla component', counter: 0, }; // set rigid base HTML - // no ES6 template literals :( - el.innerHTML = [ - '

', - '

', - '
', - ].join('\n'); + el.innerHTML = ` +

+

+
+ `; // mount sub-components el.querySelectorAll('.my-counter').forEach(MYAPP.MyCounter); // attach event listeners - el.addEventListener('modifyCounter', function (e) { - update({ counter: state.counter + e.detail }); - }); - - // expose public interface - // use lower-case function name - el.helloWorld = { - update: update, - }; + el.addEventListener('modifyCounter', (e) => + update({ counter: state.counter + e.detail }) + ); // initial update update(); @@ -278,29 +264,30 @@ MYAPP.HelloWorld = function (el) { el.querySelector('.description').innerText = state.description; // pass data to sub-scomponents - el.querySelector('.my-counter').myCounter.update({ - value: state.counter, - }); + el.querySelector('.my-counter').dispatchEvent( + new CustomEvent('updateMyCounter', { + detail: { value: state.counter }, + }) + ); } -}; +} // define another component // loosely mapped to ".my-counter" -MYAPP.MyCounter = function (el) { +export function MyCounter(el) { // define initial state - var state = { + const state = { value: 0, }; // set rigid base HTML - // no ES6 template literals :( - el.innerHTML = [ - '

', - ' ', - ' ', - ' ', - '

', - ].join('\n'); + el.innerHTML = ` +

+ + + +

+ `; // attach event listeners el.querySelector('.increment').addEventListener('click', function () { @@ -325,11 +312,7 @@ MYAPP.MyCounter = function (el) { ); }); - // expose public interface - // use lower-case function name - el.myCounter = { - update: update, - }; + el.addEventListener('updateMyCounter', (e) => update(e.detail)); // define idempotent update function function update(next) { @@ -337,11 +320,11 @@ MYAPP.MyCounter = function (el) { el.querySelector('.value').innerText = state.value; } -}; +} // mount HelloWorld component(s) // any
in the document will be mounted -document.querySelectorAll('.hello-world').forEach(MYAPP.HelloWorld); +document.querySelectorAll('.hello-world').forEach(HelloWorld); ``` This comes with quite some boilerplate but has useful properties, @@ -352,7 +335,7 @@ For example, a mount function does not have to set any base HTML, and may instead only set event listeners to enable some behavior. Also note that an element can be mounted with multiple mount functions. -For example, to-do items are mounted with `VT.TodoItem` and `VT.AppDraggable`. +For example, to-do items are mounted with `TodoItem` and `AppDraggable`. Compared to React components, mount functions provide interesting flexibility as components and behaviors can be implemented using the same idiom and combined @@ -366,16 +349,17 @@ Reference: #### 3.2.2. Data Flow -I found it effective to implement one-way data flow similar to React's approach. +I found it effective to implement one-way data flow similar to React's approach, +however exclusively using custom DOM events. - **Data flows downwards** from parent components to child components - through their public interfaces (usually `update` functions). + through custom DOM events. - **Actions flow upwards** through custom DOM events (bubbling up), usually resulting in some parent component state change which is in turn - propagated downwards through `update` functions. + propagated downwards through data events. -The data store is factored into a separate behavior (`VT.TodoStore`). -It only receives and dispatches events, and encapsulates all of the data logic. +The data store is factored into a separate behavior (`TodoStore`). +It only receives and dispatches events and encapsulates all of the data logic. Listening to and dispatching events is slightly verbose with standard APIs and certainly justifies introducing helpers. @@ -424,35 +408,34 @@ amount of dynamic components efficiently. Here's a commented example from the implementation outlining the reconciliation algorithm: ```js -/* global VT */ -window.VT = window.VT || {}; - -VT.TodoList = function (el) { - var state = { +export function TodoList(el) { + const state = { items: [], }; - el.innerHTML = '
'; + el.innerHTML = `
`; + + el.addEventListener('updateTodoList', (e) => update(e.detail)); function update(next) { Object.assign(state, next); - var container = el.querySelector('.items'); + const container = el.querySelector('.items'); // mark current children for removal - var obsolete = new Set(container.children); + const obsolete = new Set(container.children); // map current children by data-key - var childrenByKey = new Map(); + const childrenByKey = new Map(); - obsolete.forEach(function (child) { - childrenByKey.set(child.getAttribute('data-key'), child); - }); + obsolete.forEach((child) => + childrenByKey.set(child.getAttribute('data-key'), child) + ); // build new list of child elements from data - var children = state.items.map(function (item) { + const children = state.items.map((item) => { // find existing child by data-key - var child = childrenByKey.get(item.id); + let child = childrenByKey.get(item.id); if (child) { // if child exists, keep it @@ -466,32 +449,28 @@ VT.TodoList = function (el) { child.setAttribute('data-key', item.id); // mount component - VT.TodoItem(child); + TodoItem(child); } // update child - child.todoItem.update({ item: item }); + child.dispatchEvent( + new CustomEvent('updateTodoItem', { detail: { item: item } }) + ); return child; }); // remove obsolete children - obsolete.forEach(function (child) { - container.removeChild(child); - }); + obsolete.forEach((child) => container.removeChild(child)); // (re-)insert new list of children - children.forEach(function (child, index) { + children.forEach((child, index) => { if (child !== container.children[index]) { container.insertBefore(child, container.children[index]); } }); } - - el.todoList = { - update: update, - }; -}; +} ``` It's very verbose and has lots of opportunity to introduce bugs. @@ -570,7 +549,7 @@ In particular, dragging and dropping gives proper visual feedback when elements are reordered. _The latter was an improvement over the original application when I started -working on the case study some weeks ago. In the meantime, the TeuxDeux +working on the case study in 2019. In the meantime, the TeuxDeux team released an update with a much better drag & drop experience. Great job!_ One notable missing feature is Markdown support. It would be insensible @@ -632,7 +611,7 @@ and some opinionated statements based on my experience in the industry. - Low coupling - The result is literally just a bunch of HTML, CSS, and JS files. -All source files (HTML, CSS and JS) combine to **under 2500 lines of code**, +All source files (HTML, CSS and JS) combine to **under 2400 lines of code**, including comments and empty lines. For comparison, prettifying the original TeuxDeux's minified JS application @@ -645,11 +624,6 @@ I suspect a fully equivalent clone to be well below 10000 LOC, though._ - Stylesheets are a bit verbose. SCSS would help here. - Simple components require quite some boilerplate code. -- Writing HTML templates as an array of lines is ugly (and sub-optimal). -- ES5 is generally a lot more verbose than ES6. - - Especially arrow functions, template literals, - and async/await would make the code more readable. - - ES6 modules would eliminate the need for a global namespace. - `el.querySelectorAll(':scope ...')` is somewhat default/expected and would justify a helper. - Listening to and dispatching events is slightly verbose. @@ -661,6 +635,10 @@ would reduce the comparably low code size (see above) even further. #### 5.2.3. The Bad +- Class names share a global namespace. +- Event names share a global namespace. + - Especially problematic for events that bubble up. +- No code completion in HTML strings. - The separation between base HTML and dynamic rendering is not ideal when compared to JSX, for example. - JSX/virtual DOM techniques provide much better development ergonomics. @@ -672,10 +650,10 @@ would reduce the comparably low code size (see above) even further. e.g. watch elements of selector X (at all times) and ensure the desired behaviors are mounted once on them. - No type safety. I've always been a proponent of dynamic languages - but since TypeScripts' type system provides the best of both worlds, + but since TypeScript's type system provides the best of both worlds, I cannot recommend using it enough. - We're effectively locked out of using NPM dependencies that don't provide - browser builds as we cannot use CommonJS or ES6 modules. + browser-ready builds (ES modules or UMD). - Most frameworks handle a lot of browser inconsistencies **for free** and continuously monitor regressions with extensive test suites. The cost of browser testing is surely a lot higher @@ -703,6 +681,17 @@ after all: - Rendering is idempotent and complete (React's pure `render` function). - One-way data flow (React) +An open question is if these patterns hold for library authors. +Although not considered during the study, some observations can be made: + +- The JavaScript itself would be fine to share as ES modules. +- However, event naming needs great care, as dispatching (bubbling) events + from imported behaviors can trigger parent listeners in consumer code. + - Can be mitigated by providing options to prefix or map event names. +- CSS names share a global namespace and need to be managed as well. + - Could be mitigated by prefixing as well, however making the JavaScript + a bit more complex. + ## 6. Conclusion The result of this study is a working todo application with decent UI/UX and @@ -809,9 +798,16 @@ Thanks! ## 9. Changelog +### 05/2022 + +- Refactored for ES2020 +- Refactored for event-driven communication exclusively +- Moved original ES5-based version of the study to [/es5](./es5) +- Added assessment regarding library authoring + ### 01/2021 -- Add [response section](#82-response) +- Added [response section](#82-response) ### 10/2020 diff --git a/package-lock.json b/package-lock.json index 117dc86..2597826 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,178 +5,40 @@ "requires": true, "dependencies": { "@babel/code-frame": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz", - "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz", + "integrity": "sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==", "dev": true, "requires": { - "@babel/highlight": "^7.10.4" - } - }, - "@babel/core": { - "version": "7.12.10", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.10.tgz", - "integrity": "sha512-eTAlQKq65zHfkHZV0sIVODCPGVgoo1HdBlbSLi9CqOzuZanMv2ihzY+4paiKr1mH+XmYESMAmJ/dpZ68eN6d8w==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.10.4", - "@babel/generator": "^7.12.10", - "@babel/helper-module-transforms": "^7.12.1", - "@babel/helpers": "^7.12.5", - "@babel/parser": "^7.12.10", - "@babel/template": "^7.12.7", - "@babel/traverse": "^7.12.10", - "@babel/types": "^7.12.10", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.1", - "json5": "^2.1.2", - "lodash": "^4.17.19", - "semver": "^5.4.1", - "source-map": "^0.5.0" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - } - } - }, - "@babel/generator": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz", - "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==", - "dev": true, - "requires": { - "@babel/types": "^7.12.11", - "jsesc": "^2.5.1", - "source-map": "^0.5.0" - } - }, - "@babel/helper-function-name": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz", - "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==", - "dev": true, - "requires": { - "@babel/helper-get-function-arity": "^7.12.10", - "@babel/template": "^7.12.7", - "@babel/types": "^7.12.11" - } - }, - "@babel/helper-get-function-arity": { - "version": "7.12.10", - "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz", - "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==", - "dev": true, - "requires": { - "@babel/types": "^7.12.10" - } - }, - "@babel/helper-member-expression-to-functions": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.7.tgz", - "integrity": "sha512-DCsuPyeWxeHgh1Dus7APn7iza42i/qXqiFPWyBDdOFtvS581JQePsc1F/nD+fHrcswhLlRc2UpYS1NwERxZhHw==", - "dev": true, - "requires": { - "@babel/types": "^7.12.7" - } - }, - "@babel/helper-module-imports": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz", - "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==", - "dev": true, - "requires": { - "@babel/types": "^7.12.5" - } - }, - "@babel/helper-module-transforms": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz", - "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.12.1", - "@babel/helper-replace-supers": "^7.12.1", - "@babel/helper-simple-access": "^7.12.1", - "@babel/helper-split-export-declaration": "^7.11.0", - "@babel/helper-validator-identifier": "^7.10.4", - "@babel/template": "^7.10.4", - "@babel/traverse": "^7.12.1", - "@babel/types": "^7.12.1", - "lodash": "^4.17.19" - } - }, - "@babel/helper-optimise-call-expression": { - "version": "7.12.10", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz", - "integrity": "sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ==", - "dev": true, - "requires": { - "@babel/types": "^7.12.10" - } - }, - "@babel/helper-replace-supers": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.11.tgz", - "integrity": "sha512-q+w1cqmhL7R0FNzth/PLLp2N+scXEK/L2AHbXUyydxp828F4FEa5WcVoqui9vFRiHDQErj9Zof8azP32uGVTRA==", - "dev": true, - "requires": { - "@babel/helper-member-expression-to-functions": "^7.12.7", - "@babel/helper-optimise-call-expression": "^7.12.10", - "@babel/traverse": "^7.12.10", - "@babel/types": "^7.12.11" - } - }, - "@babel/helper-simple-access": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz", - "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==", - "dev": true, - "requires": { - "@babel/types": "^7.12.1" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz", - "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==", - "dev": true, - "requires": { - "@babel/types": "^7.12.11" + "@babel/highlight": "^7.16.7" } }, "@babel/helper-validator-identifier": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz", - "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==", "dev": true }, - "@babel/helpers": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz", - "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==", - "dev": true, - "requires": { - "@babel/template": "^7.10.4", - "@babel/traverse": "^7.12.5", - "@babel/types": "^7.12.5" - } - }, "@babel/highlight": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz", - "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==", + "version": "7.17.9", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.9.tgz", + "integrity": "sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==", "dev": true, "requires": { - "@babel/helper-validator-identifier": "^7.10.4", + "@babel/helper-validator-identifier": "^7.16.7", "chalk": "^2.0.0", "js-tokens": "^4.0.0" }, "dependencies": { + "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" + } + }, "chalk": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", @@ -187,153 +49,121 @@ "escape-string-regexp": "^1.0.5", "supports-color": "^5.3.0" } - } - } - }, - "@babel/parser": { - "version": "7.12.11", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz", - "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==", - "dev": true - }, - "@babel/template": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz", - "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.10.4", - "@babel/parser": "^7.12.7", - "@babel/types": "^7.12.7" - } - }, - "@babel/traverse": { - "version": "7.12.12", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz", - "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.12.11", - "@babel/generator": "^7.12.11", - "@babel/helper-function-name": "^7.12.11", - "@babel/helper-split-export-declaration": "^7.12.11", - "@babel/parser": "^7.12.11", - "@babel/types": "^7.12.12", - "debug": "^4.1.0", - "globals": "^11.1.0", - "lodash": "^4.17.19" - }, - "dependencies": { - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + }, + "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": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", "dev": true + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", + "dev": true + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": 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" + } } } }, - "@babel/types": { - "version": "7.12.12", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz", - "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==", - "dev": true, - "requires": { - "@babel/helper-validator-identifier": "^7.12.11", - "lodash": "^4.17.19", - "to-fast-properties": "^2.0.0" - } - }, "@eslint/eslintrc": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.2.2.tgz", - "integrity": "sha512-EfB5OHNYp1F4px/LI/FEnGylop7nOqkQ1LRzCM0KccA2U8tvV8w01KBv37LbO7nW4H+YhKyo2LcJhRwjjV17QQ==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.2.2.tgz", + "integrity": "sha512-lTVWHs7O2hjBFZunXTZYnYqtB9GakA1lnxIf+gKq2nY5gxkkNi/lQvveW6t8gFdOHTg6nG50Xs95PrLqVpcaLg==", "dev": true, "requires": { "ajv": "^6.12.4", - "debug": "^4.1.1", - "espree": "^7.3.0", - "globals": "^12.1.0", - "ignore": "^4.0.6", + "debug": "^4.3.2", + "espree": "^9.3.1", + "globals": "^13.9.0", + "ignore": "^5.2.0", "import-fresh": "^3.2.1", - "js-yaml": "^3.13.1", - "lodash": "^4.17.19", + "js-yaml": "^4.1.0", "minimatch": "^3.0.4", "strip-json-comments": "^3.1.1" } }, - "@mdn/browser-compat-data": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-2.0.7.tgz", - "integrity": "sha512-GeeM827DlzFFidn1eKkMBiqXFD2oLsnZbaiGhByPl0vcapsRzUL+t9hDoov1swc9rB2jw64R+ihtzC8qOE9wXw==", + "@humanwhocodes/config-array": { + "version": "0.9.5", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.5.tgz", + "integrity": "sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==", "dev": true, "requires": { - "extend": "3.0.2" + "@humanwhocodes/object-schema": "^1.2.1", + "debug": "^4.1.1", + "minimatch": "^3.0.4" } }, + "@humanwhocodes/object-schema": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", + "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", + "dev": true + }, + "@mdn/browser-compat-data": { + "version": "4.1.19", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-4.1.19.tgz", + "integrity": "sha512-zDrdjvX2dwunW4HOGwpibLHvfnDRQOJ89bGnkQ7TXZ7H7JSehbg2Gf0zNbML+R/03QItZ7EI6QHloOJ2znFSdA==", + "dev": true + }, "@nodelib/fs.scandir": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz", - "integrity": "sha512-33g3pMJk3bg5nXbL/+CY6I2eJDzZAni49PfJnL5fghPTggPvBd/pFNSgJsdAgWptuFu7qq/ERvOYFlhvsLTCKA==", + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", "dev": true, "requires": { - "@nodelib/fs.stat": "2.0.4", + "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "@nodelib/fs.stat": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.4.tgz", - "integrity": "sha512-IYlHJA0clt2+Vg7bccq+TzRdJvv19c2INqBSsoOLp1je7xjtr7J26+WXR72MCdvU9q1qTzIWDfhMf+DRvQJK4Q==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", "dev": true }, "@nodelib/fs.walk": { - "version": "1.2.6", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.6.tgz", - "integrity": "sha512-8Broas6vTtW4GIXTAHDoE32hnN2M5ykgCpWGbuXHQ15vEMqr23pB76e/GZcYsZCHALv50ktd24qhEyKr6wBtow==", + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", "dev": true, "requires": { - "@nodelib/fs.scandir": "2.1.4", + "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, - "@stylelint/postcss-css-in-js": { - "version": "0.37.2", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz", - "integrity": "sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==", - "dev": true, - "requires": { - "@babel/core": ">=7.9.0" - } - }, - "@stylelint/postcss-markdown": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz", - "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==", - "dev": true, - "requires": { - "remark": "^13.0.0", - "unist-util-find-all-after": "^3.0.2" - } - }, - "@types/mdast": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.3.tgz", - "integrity": "sha512-SXPBMnFVQg1s00dlMCc/jCdvPqdE4mXaMMCeRlxLDmTAEoegHT53xKtkDnzDTOcmMHUfcjyf36/YYZ6SxRdnsw==", - "dev": true, - "requires": { - "@types/unist": "*" - } - }, "@types/minimist": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz", - "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", "dev": true }, "@types/normalize-package-data": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz", - "integrity": "sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==", + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", "dev": true }, "@types/parse-json": { @@ -342,22 +172,16 @@ "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", "dev": true }, - "@types/unist": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz", - "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==", - "dev": true - }, "acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "version": "8.7.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz", + "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==", "dev": true }, "acorn-jsx": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz", - "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==", + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", "dev": true }, "ajv": { @@ -372,35 +196,26 @@ "uri-js": "^4.2.2" } }, - "ansi-colors": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz", - "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==", - "dev": true - }, "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", "dev": 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==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "^2.0.1" } }, "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "dev": true, - "requires": { - "sprintf-js": "~1.0.2" - } + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true }, "array-union": { "version": "2.1.0", @@ -415,10 +230,21 @@ "dev": true }, "ast-metadata-inferer": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/ast-metadata-inferer/-/ast-metadata-inferer-0.4.0.tgz", - "integrity": "sha512-tKHdBe8N/Vq2nLAm4YPBVREVZjMux6KrqyPfNQgIbDl0t7HaNSmy8w4OyVHYg/cvyn5BW7o7pVwpjPte89Zhcg==", - "dev": true + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/ast-metadata-inferer/-/ast-metadata-inferer-0.7.0.tgz", + "integrity": "sha512-OkMLzd8xelb3gmnp6ToFvvsHLtS6CbagTkFQvQ+ZYFe3/AIl9iKikNR9G7pY3GfOR/2Xc222hwBjzI7HLkE76Q==", + "dev": true, + "requires": { + "@mdn/browser-compat-data": "^3.3.14" + }, + "dependencies": { + "@mdn/browser-compat-data": { + "version": "3.3.14", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-3.3.14.tgz", + "integrity": "sha512-n2RC9d6XatVbWFdHLimzzUJxJ1KY8LdjqrW6YvGPiRmsHkhOUx74/Ct10x5Yo7bC/Jvqx7cDEW8IMPv/+vwEzA==", + "dev": true + } + } }, "astral-regex": { "version": "2.0.0", @@ -426,32 +252,29 @@ "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==", "dev": true }, - "autoprefixer": { - "version": "9.8.6", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz", - "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==", + "async": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz", + "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==", "dev": true, "requires": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001109", - "colorette": "^1.2.1", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^7.0.32", - "postcss-value-parser": "^4.1.0" + "lodash": "^4.17.14" } }, - "bail": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", - "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==", + "balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", "dev": true }, - "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true + "basic-auth": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz", + "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==", + "dev": true, + "requires": { + "safe-buffer": "5.1.2" + } }, "brace-expansion": { "version": "1.1.11", @@ -473,16 +296,26 @@ } }, "browserslist": { - "version": "4.16.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.0.tgz", - "integrity": "sha512-/j6k8R0p3nxOC6kx5JGAxsnhc9ixaWJfYc+TNTzxg6+ARaESAvQGV7h0uNOB4t+pLQJZWzcrMxXOxjgsCj3dqQ==", + "version": "4.20.3", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz", + "integrity": "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001165", - "colorette": "^1.2.1", - "electron-to-chromium": "^1.3.621", + "caniuse-lite": "^1.0.30001332", + "electron-to-chromium": "^1.4.118", "escalade": "^3.1.1", - "node-releases": "^1.1.67" + "node-releases": "^2.0.3", + "picocolors": "^1.0.0" + } + }, + "call-bind": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", + "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.2" } }, "callsites": { @@ -509,80 +342,21 @@ } }, "caniuse-lite": { - "version": "1.0.30001171", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001171.tgz", - "integrity": "sha512-5Alrh8TTYPG9IH4UkRqEBZoEToWRLvPbSQokvzSz0lii8/FOWKG4keO1HoYfPWs8IF/NH/dyNPg1cmJGvV3Zlg==", + "version": "1.0.30001338", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001338.tgz", + "integrity": "sha512-1gLHWyfVoRDsHieO+CaeYe7jSo/MT7D7lhaXUiwwbuR5BwQxORs0f1tAwUSQr3YbxRXJvxHM/PA5FfPQRnsPeQ==", "dev": true }, "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, "requires": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } } }, - "character-entities": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz", - "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==", - "dev": true - }, - "character-entities-legacy": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz", - "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==", - "dev": true - }, - "character-reference-invalid": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz", - "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==", - "dev": true - }, "clone-regexp": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", @@ -593,24 +367,24 @@ } }, "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==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, "requires": { - "color-name": "1.1.3" + "color-name": "~1.1.4" } }, "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, - "colorette": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz", - "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==", + "colord": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz", + "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==", "dev": true }, "concat-map": { @@ -619,25 +393,22 @@ "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", "dev": true }, - "convert-source-map": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz", - "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.1" - } - }, "core-js": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.8.1.tgz", - "integrity": "sha512-9Id2xHY1W7m8hCl8NkhQn5CufmF/WuR30BTRewvCXc1aZd3kMECwNZ69ndLbekKfakw9Rf2Xyc+QR6E7Gg+obg==", + "version": "3.22.4", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.22.4.tgz", + "integrity": "sha512-1uLykR+iOfYja+6Jn/57743gc9n73EWiOnSJJ4ba3B4fOEYDBv25MagmEZBxTp5cWq4b/KPx/l77zgsp28ju4w==", + "dev": true + }, + "corser": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz", + "integrity": "sha1-jtolLsqrWEDc2XXOuQ2TcMgZ/4c=", "dev": true }, "cosmiconfig": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz", - "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz", + "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==", "dev": true, "requires": { "@types/parse-json": "^4.0.0", @@ -658,6 +429,12 @@ "which": "^2.0.1" } }, + "css-functions-list": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz", + "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==", + "dev": true + }, "cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -665,9 +442,9 @@ "dev": true }, "debug": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", - "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", + "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" @@ -698,9 +475,9 @@ } }, "deep-is": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", - "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=", + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", "dev": true }, "dir-glob": { @@ -721,59 +498,10 @@ "esutils": "^2.0.2" } }, - "dom-serializer": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz", - "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==", - "dev": true, - "requires": { - "domelementtype": "^2.0.1", - "entities": "^2.0.0" - }, - "dependencies": { - "domelementtype": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.1.0.tgz", - "integrity": "sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==", - "dev": true - }, - "entities": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz", - "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==", - "dev": true - } - } - }, - "domelementtype": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", - "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==", - "dev": true - }, - "domhandler": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz", - "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==", - "dev": true, - "requires": { - "domelementtype": "1" - } - }, - "domutils": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", - "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", - "dev": true, - "requires": { - "dom-serializer": "0", - "domelementtype": "1" - } - }, "electron-to-chromium": { - "version": "1.3.633", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.633.tgz", - "integrity": "sha512-bsVCsONiVX1abkWdH7KtpuDAhsQ3N3bjPYhROSAXE78roJKet0Y5wznA14JE9pzbwSZmSMAW6KiKYf1RvbTJkA==", + "version": "1.4.136", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.136.tgz", + "integrity": "sha512-GnITX8rHnUrIVnTxU9UlsTnSemHUA2iF+6QrRqxFbp/mf0vfuSc/goEyyQhUX3TUUCE3mv/4BNuXOtaJ4ur0eA==", "dev": true }, "emoji-regex": { @@ -782,21 +510,6 @@ "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", "dev": true }, - "enquirer": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", - "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", - "dev": true, - "requires": { - "ansi-colors": "^4.1.1" - } - }, - "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", - "dev": true - }, "error-ex": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", @@ -813,153 +526,121 @@ "dev": true }, "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", "dev": true }, "eslint": { - "version": "7.17.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.17.0.tgz", - "integrity": "sha512-zJk08MiBgwuGoxes5sSQhOtibZ75pz0J35XTRlZOk9xMffhpA9BTbQZxoXZzOl5zMbleShbGwtw+1kGferfFwQ==", + "version": "8.14.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.14.0.tgz", + "integrity": "sha512-3/CE4aJX7LNEiE3i6FeodHmI/38GZtWCsAtsymScmzYapx8q1nVVb+eLcLSzATmCPXw5pT4TqVs1E0OmxAd9tw==", "dev": true, "requires": { - "@babel/code-frame": "^7.0.0", - "@eslint/eslintrc": "^0.2.2", + "@eslint/eslintrc": "^1.2.2", + "@humanwhocodes/config-array": "^0.9.2", "ajv": "^6.10.0", "chalk": "^4.0.0", "cross-spawn": "^7.0.2", - "debug": "^4.0.1", + "debug": "^4.3.2", "doctrine": "^3.0.0", - "enquirer": "^2.3.5", - "eslint-scope": "^5.1.1", - "eslint-utils": "^2.1.0", - "eslint-visitor-keys": "^2.0.0", - "espree": "^7.3.1", - "esquery": "^1.2.0", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^7.1.1", + "eslint-utils": "^3.0.0", + "eslint-visitor-keys": "^3.3.0", + "espree": "^9.3.1", + "esquery": "^1.4.0", "esutils": "^2.0.2", - "file-entry-cache": "^6.0.0", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^6.0.1", "functional-red-black-tree": "^1.0.1", - "glob-parent": "^5.0.0", - "globals": "^12.1.0", - "ignore": "^4.0.6", + "glob-parent": "^6.0.1", + "globals": "^13.6.0", + "ignore": "^5.2.0", "import-fresh": "^3.0.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", - "js-yaml": "^3.13.1", + "js-yaml": "^4.1.0", "json-stable-stringify-without-jsonify": "^1.0.1", "levn": "^0.4.1", - "lodash": "^4.17.19", + "lodash.merge": "^4.6.2", "minimatch": "^3.0.4", "natural-compare": "^1.4.0", "optionator": "^0.9.1", - "progress": "^2.0.0", - "regexpp": "^3.1.0", - "semver": "^7.2.1", - "strip-ansi": "^6.0.0", + "regexpp": "^3.2.0", + "strip-ansi": "^6.0.1", "strip-json-comments": "^3.1.0", - "table": "^6.0.4", "text-table": "^0.2.0", "v8-compile-cache": "^2.0.3" } }, "eslint-plugin-compat": { - "version": "3.9.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-3.9.0.tgz", - "integrity": "sha512-lt3l5PHFHVEYSZ5zijcoYvtQJPsBifRiH5N0Et57KwVu7l/yxmHhSG6VJiLMa/lXrg93Qu8049RNQOMn0+yJBg==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-4.0.2.tgz", + "integrity": "sha512-xqvoO54CLTVaEYGMzhu35Wzwk/As7rCvz/2dqwnFiWi0OJccEtGIn+5qq3zqIu9nboXlpdBN579fZcItC73Ycg==", "dev": true, "requires": { - "@mdn/browser-compat-data": "^2.0.7", - "ast-metadata-inferer": "^0.4.0", - "browserslist": "^4.12.2", - "caniuse-lite": "^1.0.30001166", - "core-js": "^3.6.5", - "find-up": "^4.1.0", + "@mdn/browser-compat-data": "^4.1.5", + "ast-metadata-inferer": "^0.7.0", + "browserslist": "^4.16.8", + "caniuse-lite": "^1.0.30001304", + "core-js": "^3.16.2", + "find-up": "^5.0.0", "lodash.memoize": "4.1.2", - "semver": "7.3.2" - }, - "dependencies": { - "semver": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz", - "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==", - "dev": true - } + "semver": "7.3.5" } }, "eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz", + "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==", "dev": true, "requires": { "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" + "estraverse": "^5.2.0" } }, "eslint-utils": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz", - "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz", + "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==", "dev": true, "requires": { - "eslint-visitor-keys": "^1.1.0" + "eslint-visitor-keys": "^2.0.0" }, "dependencies": { "eslint-visitor-keys": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", - "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz", + "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==", "dev": true } } }, "eslint-visitor-keys": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz", - "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz", + "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==", "dev": true }, "espree": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz", - "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==", + "version": "9.3.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.1.tgz", + "integrity": "sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==", "dev": true, "requires": { - "acorn": "^7.4.0", + "acorn": "^8.7.0", "acorn-jsx": "^5.3.1", - "eslint-visitor-keys": "^1.3.0" - }, - "dependencies": { - "eslint-visitor-keys": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", - "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", - "dev": true - } + "eslint-visitor-keys": "^3.3.0" } }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "dev": true - }, "esquery": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz", - "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==", + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz", + "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==", "dev": true, "requires": { "estraverse": "^5.1.0" - }, - "dependencies": { - "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", - "dev": true - } } }, "esrecurse": { @@ -969,20 +650,12 @@ "dev": true, "requires": { "estraverse": "^5.2.0" - }, - "dependencies": { - "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", - "dev": true - } } }, "estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", "dev": true }, "esutils": { @@ -991,6 +664,12 @@ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", "dev": true }, + "eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true + }, "execall": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", @@ -1000,12 +679,6 @@ "clone-regexp": "^2.1.0" } }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true - }, "fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -1013,17 +686,27 @@ "dev": true }, "fast-glob": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.4.tgz", - "integrity": "sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==", + "version": "3.2.11", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", + "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", "dev": true, "requires": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.0", + "glob-parent": "^5.1.2", "merge2": "^1.3.0", - "micromatch": "^4.0.2", - "picomatch": "^2.2.1" + "micromatch": "^4.0.4" + }, + "dependencies": { + "glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "requires": { + "is-glob": "^4.0.1" + } + } } }, "fast-json-stable-stringify": { @@ -1045,18 +728,18 @@ "dev": true }, "fastq": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.10.0.tgz", - "integrity": "sha512-NL2Qc5L3iQEsyYzweq7qfgy5OtXCmGzGvhElGEd/SoFWEMOEczNh5s5ocaF01HDetxz+p8ecjNPA6cZxxIHmzA==", + "version": "1.13.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz", + "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==", "dev": true, "requires": { "reusify": "^1.0.4" } }, "file-entry-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.0.tgz", - "integrity": "sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", "dev": true, "requires": { "flat-cache": "^3.0.4" @@ -1072,12 +755,12 @@ } }, "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", "dev": true, "requires": { - "locate-path": "^5.0.0", + "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, @@ -1092,9 +775,9 @@ } }, "flatted": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.0.tgz", - "integrity": "sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA==", + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz", + "integrity": "sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==", "dev": true }, "flatten": { @@ -1103,6 +786,12 @@ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==", "dev": true }, + "follow-redirects": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.0.tgz", + "integrity": "sha512-aExlJShTV4qOUOL7yF1U5tvLCB0xQuudbf6toyYA0E/acBNw71mvjFTnLaRp50aQaYocMR0a/RMMBIHeZnGyjQ==", + "dev": true + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -1121,11 +810,16 @@ "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=", "dev": 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 + "get-intrinsic": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz", + "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } }, "get-stdin": { "version": "8.0.0", @@ -1134,9 +828,9 @@ "dev": true }, "glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==", "dev": true, "requires": { "fs.realpath": "^1.0.0", @@ -1148,12 +842,12 @@ } }, "glob-parent": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", - "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", "dev": true, "requires": { - "is-glob": "^4.0.1" + "is-glob": "^4.0.3" } }, "global-modules": { @@ -1188,34 +882,26 @@ } }, "globals": { - "version": "12.4.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", - "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", + "version": "13.13.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.13.0.tgz", + "integrity": "sha512-EQ7Q18AJlPwp3vUDL4mKA0KXrXyNIQyWon6T6XQiBQF0XHvRsiCSrWmmeATpUzdJN2HhWZU6Pdl0a9zdep5p6A==", "dev": true, "requires": { - "type-fest": "^0.8.1" + "type-fest": "^0.20.2" } }, "globby": { - "version": "11.0.1", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz", - "integrity": "sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", "dev": true, "requires": { "array-union": "^2.1.0", "dir-glob": "^3.0.1", - "fast-glob": "^3.1.1", - "ignore": "^5.1.4", - "merge2": "^1.3.0", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", "slash": "^3.0.0" - }, - "dependencies": { - "ignore": { - "version": "5.1.8", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", - "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", - "dev": true - } } }, "globjoin": { @@ -1224,15 +910,6 @@ "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=", "dev": true }, - "gonzales-pe": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz", - "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, "hard-rejection": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", @@ -1249,44 +926,92 @@ } }, "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true + }, + "he": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", + "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", "dev": true }, "hosted-git-info": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.7.tgz", - "integrity": "sha512-fWqc0IcuXs+BmE9orLDyVykAG9GJtGLGuZAAqgcckPgv5xad4AcXGIv8galtQvlwutxSlaMcdw7BUtq2EIvqCQ==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", "dev": true, "requires": { "lru-cache": "^6.0.0" } }, - "html-tags": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz", - "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==", - "dev": true - }, - "htmlparser2": { - "version": "3.10.1", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz", - "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==", + "html-encoding-sniffer": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz", + "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==", "dev": true, "requires": { - "domelementtype": "^1.3.1", - "domhandler": "^2.3.0", - "domutils": "^1.5.1", - "entities": "^1.1.1", - "inherits": "^2.0.1", - "readable-stream": "^3.1.1" + "whatwg-encoding": "^2.0.0" + } + }, + "html-tags": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz", + "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==", + "dev": true + }, + "http-proxy": { + "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", + "dev": true, + "requires": { + "eventemitter3": "^4.0.0", + "follow-redirects": "^1.0.0", + "requires-port": "^1.0.0" + } + }, + "http-server": { + "version": "14.1.0", + "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.0.tgz", + "integrity": "sha512-5lYsIcZtf6pdR8tCtzAHTWrAveo4liUlJdWc7YafwK/maPgYHs+VNP6KpCClmUnSorJrARVMXqtT055zBv11Yg==", + "dev": true, + "requires": { + "basic-auth": "^2.0.1", + "chalk": "^4.1.2", + "corser": "^2.0.1", + "he": "^1.2.0", + "html-encoding-sniffer": "^3.0.0", + "http-proxy": "^1.18.1", + "mime": "^1.6.0", + "minimist": "^1.2.5", + "opener": "^1.5.1", + "portfinder": "^1.0.28", + "secure-compare": "3.0.1", + "union": "~0.5.0", + "url-join": "^4.0.1" + } + }, + "iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "ignore": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", - "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz", + "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==", "dev": true }, "import-fresh": { @@ -1345,49 +1070,21 @@ "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", "dev": true }, - "is-alphabetical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz", - "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==", - "dev": true - }, - "is-alphanumerical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz", - "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==", - "dev": true, - "requires": { - "is-alphabetical": "^1.0.0", - "is-decimal": "^1.0.0" - } - }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", "dev": true }, - "is-buffer": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz", - "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==", - "dev": true - }, "is-core-module": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz", - "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==", + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz", + "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==", "dev": true, "requires": { "has": "^1.0.3" } }, - "is-decimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz", - "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==", - "dev": true - }, "is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -1401,20 +1098,14 @@ "dev": true }, "is-glob": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", - "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", "dev": true, "requires": { "is-extglob": "^2.1.1" } }, - "is-hexadecimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz", - "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==", - "dev": true - }, "is-number": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", @@ -1422,9 +1113,15 @@ "dev": true }, "is-plain-obj": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz", - "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true + }, + "is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", "dev": true }, "is-regexp": { @@ -1433,12 +1130,6 @@ "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", "dev": true }, - "is-typedarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", - "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", - "dev": true - }, "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -1452,21 +1143,14 @@ "dev": true }, "js-yaml": { - "version": "3.14.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", - "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" + "argparse": "^2.0.1" } }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true - }, "json-parse-even-better-errors": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", @@ -1485,15 +1169,6 @@ "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=", "dev": true }, - "json5": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz", - "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, "kind-of": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", @@ -1501,9 +1176,9 @@ "dev": true }, "known-css-properties": { - "version": "0.20.0", - "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.20.0.tgz", - "integrity": "sha512-URvsjaA9ypfreqJ2/ylDr5MUERhJZ+DhguoWRr2xgS5C7aGCalXo+ewL+GixgKBfhT2vuL02nbIgNGqVWgTOYw==", + "version": "0.25.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz", + "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==", "dev": true }, "levn": { @@ -1517,24 +1192,24 @@ } }, "lines-and-columns": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz", - "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", "dev": true }, "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", "dev": true, "requires": { - "p-locate": "^4.1.0" + "p-locate": "^5.0.0" } }, "lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dev": true }, "lodash.memoize": { @@ -1543,19 +1218,16 @@ "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=", "dev": true }, - "log-symbols": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz", - "integrity": "sha512-FN8JBzLx6CzeMrB0tg6pqlGU1wCrXW+ZXGH481kfsBqer0hToTIiHdjH4Mq8xJUbvATujKCvaREGWpGUionraA==", - "dev": true, - "requires": { - "chalk": "^4.0.0" - } + "lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true }, - "longest-streak": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz", - "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==", + "lodash.truncate": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz", + "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=", "dev": true }, "lru-cache": { @@ -1568,9 +1240,9 @@ } }, "map-obj": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz", - "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", + "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", "dev": true }, "mathml-tag-names": { @@ -1579,47 +1251,15 @@ "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", "dev": true }, - "mdast-util-from-markdown": { - "version": "0.8.4", - "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.4.tgz", - "integrity": "sha512-jj891B5pV2r63n2kBTFh8cRI2uR9LQHsXG1zSDqfhXkIlDzrTcIlbB5+5aaYEkl8vOPIOPLf8VT7Ere1wWTMdw==", - "dev": true, - "requires": { - "@types/mdast": "^3.0.0", - "mdast-util-to-string": "^2.0.0", - "micromark": "~2.11.0", - "parse-entities": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" - } - }, - "mdast-util-to-markdown": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.2.tgz", - "integrity": "sha512-iRczns6WMvu0hUw02LXsPDJshBIwtUPbvHBWo19IQeU0YqmzlA8Pd30U8V7uiI0VPkxzS7A/NXBXH6u+HS87Zg==", - "dev": true, - "requires": { - "@types/unist": "^2.0.0", - "longest-streak": "^2.0.0", - "mdast-util-to-string": "^2.0.0", - "parse-entities": "^2.0.0", - "repeat-string": "^1.0.0", - "zwitch": "^1.0.0" - } - }, - "mdast-util-to-string": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz", - "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==", - "dev": true - }, "meow": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.0.tgz", - "integrity": "sha512-fNWkgM1UVMey2kf24yLiccxLihc5W+6zVus3/N0b+VfnJgxV99E9u04X6NAiKdg6ED7DAQBX5sy36NM0QJZkWA==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", "dev": true, "requires": { "@types/minimist": "^1.2.0", "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", "decamelize-keys": "^1.1.0", "hard-rejection": "^2.1.0", "minimist-options": "4.1.0", @@ -1645,25 +1285,21 @@ "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", "dev": true }, - "micromark": { - "version": "2.11.2", - "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.2.tgz", - "integrity": "sha512-IXuP76p2uj8uMg4FQc1cRE7lPCLsfAXuEfdjtdO55VRiFO1asrCSQ5g43NmPqFtRwzEnEhafRVzn2jg0UiKArQ==", + "micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", "dev": true, "requires": { - "debug": "^4.0.0", - "parse-entities": "^2.0.0" + "braces": "^3.0.2", + "picomatch": "^2.3.1" } }, - "micromatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", - "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", - "dev": true, - "requires": { - "braces": "^3.0.1", - "picomatch": "^2.0.5" - } + "mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true }, "min-indent": { "version": "1.0.1", @@ -1672,18 +1308,18 @@ "dev": true }, "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz", + "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==", "dev": true }, "minimist-options": { @@ -1695,14 +1331,15 @@ "arrify": "^1.0.1", "is-plain-obj": "^1.1.0", "kind-of": "^6.0.3" - }, - "dependencies": { - "is-plain-obj": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", - "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", - "dev": true - } + } + }, + "mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "requires": { + "minimist": "^1.2.6" } }, "ms": { @@ -1711,6 +1348,12 @@ "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==", + "dev": true + }, "natural-compare": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", @@ -1718,27 +1361,27 @@ "dev": true }, "node-releases": { - "version": "1.1.67", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz", - "integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz", + "integrity": "sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==", "dev": true }, "normalize-package-data": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.0.tgz", - "integrity": "sha512-6lUjEI0d3v6kFrtgA/lOx4zHCWULXsFNIjHolnZCKCTLA6m/G625cdn3O7eNmT0iD3jfo6HZ9cdImGZwf21prw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", + "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", "dev": true, "requires": { - "hosted-git-info": "^3.0.6", - "resolve": "^1.17.0", - "semver": "^7.3.2", + "hosted-git-info": "^4.0.1", + "is-core-module": "^2.5.0", + "semver": "^7.3.4", "validate-npm-package-license": "^3.0.1" } }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "dev": true }, "normalize-selector": { @@ -1747,10 +1390,10 @@ "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=", "dev": true }, - "num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", + "object-inspect": { + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz", + "integrity": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==", "dev": true }, "once": { @@ -1762,6 +1405,12 @@ "wrappy": "1" } }, + "opener": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz", + "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==", + "dev": true + }, "optionator": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz", @@ -1777,21 +1426,21 @@ } }, "p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", "dev": true, "requires": { - "p-try": "^2.0.0" + "yocto-queue": "^0.1.0" } }, "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", "dev": true, "requires": { - "p-limit": "^2.2.0" + "p-limit": "^3.0.2" } }, "p-try": { @@ -1809,24 +1458,10 @@ "callsites": "^3.0.0" } }, - "parse-entities": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz", - "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==", - "dev": true, - "requires": { - "character-entities": "^1.0.0", - "character-entities-legacy": "^1.0.0", - "character-reference-invalid": "^1.0.0", - "is-alphanumerical": "^1.0.0", - "is-decimal": "^1.0.0", - "is-hexadecimal": "^1.0.0" - } - }, "parse-json": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz", - "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", "dev": true, "requires": { "@babel/code-frame": "^7.0.0", @@ -1854,9 +1489,9 @@ "dev": true }, "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, "path-type": { @@ -1865,78 +1500,49 @@ "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "dev": true }, - "picomatch": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", - "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", "dev": true }, - "postcss": { - "version": "7.0.35", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", - "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true + }, + "portfinder": { + "version": "1.0.28", + "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz", + "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "async": "^2.6.2", + "debug": "^3.1.1", + "mkdirp": "^0.5.5" }, "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "debug": { + "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "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" - } - } - } - }, - "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 - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" + "ms": "^2.1.1" } } } }, - "postcss-html": { - "version": "0.36.0", - "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz", - "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==", + "postcss": { + "version": "8.4.13", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz", + "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==", "dev": true, "requires": { - "htmlparser2": "^3.10.0" - } - }, - "postcss-less": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz", - "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==", - "dev": true, - "requires": { - "postcss": "^7.0.14" + "nanoid": "^3.3.3", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" } }, "postcss-media-query-parser": { @@ -1952,55 +1558,25 @@ "dev": true }, "postcss-safe-parser": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz", - "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==", - "dev": true, - "requires": { - "postcss": "^7.0.26" - } - }, - "postcss-sass": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz", - "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==", - "dev": true, - "requires": { - "gonzales-pe": "^4.3.0", - "postcss": "^7.0.21" - } - }, - "postcss-scss": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz", - "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==", - "dev": true, - "requires": { - "postcss": "^7.0.6" - } + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz", + "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==", + "dev": true }, "postcss-selector-parser": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", - "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", + "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "requires": { "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1", "util-deprecate": "^1.0.2" } }, - "postcss-syntax": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz", - "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==", - "dev": true - }, "postcss-value-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", - "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dev": true }, "prelude-ls": { @@ -2010,15 +1586,9 @@ "dev": true }, "prettier": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz", - "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==", - "dev": true - }, - "progress": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", - "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz", + "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==", "dev": true }, "punycode": { @@ -2027,6 +1597,21 @@ "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", "dev": true }, + "qs": { + "version": "6.10.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz", + "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==", + "dev": true, + "requires": { + "side-channel": "^1.0.4" + } + }, + "queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true + }, "quick-lru": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", @@ -2046,9 +1631,9 @@ }, "dependencies": { "hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==", + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", "dev": true }, "normalize-package-data": { @@ -2086,17 +1671,51 @@ "find-up": "^4.1.0", "read-pkg": "^5.2.0", "type-fest": "^0.8.1" - } - }, - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" + }, + "dependencies": { + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true + } } }, "redent": { @@ -2110,44 +1729,9 @@ } }, "regexpp": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz", - "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==", - "dev": true - }, - "remark": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz", - "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==", - "dev": true, - "requires": { - "remark-parse": "^9.0.0", - "remark-stringify": "^9.0.0", - "unified": "^9.1.0" - } - }, - "remark-parse": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz", - "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==", - "dev": true, - "requires": { - "mdast-util-from-markdown": "^0.8.0" - } - }, - "remark-stringify": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.1.tgz", - "integrity": "sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==", - "dev": true, - "requires": { - "mdast-util-to-markdown": "^0.6.0" - } - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz", + "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==", "dev": true }, "require-from-string": { @@ -2156,14 +1740,21 @@ "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", "dev": true }, + "requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=", + "dev": true + }, "resolve": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz", - "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==", + "version": "1.22.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz", + "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==", "dev": true, "requires": { - "is-core-module": "^2.1.0", - "path-parse": "^1.0.6" + "is-core-module": "^2.8.1", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" } }, "resolve-from": { @@ -2188,10 +1779,13 @@ } }, "run-parallel": { - "version": "1.1.10", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.10.tgz", - "integrity": "sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==", - "dev": true + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "requires": { + "queue-microtask": "^1.2.2" + } }, "safe-buffer": { "version": "5.1.2", @@ -2199,10 +1793,22 @@ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", "dev": true }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "secure-compare": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz", + "integrity": "sha1-8aAymzCLIh+uN7mXTz1XjQypmeM=", + "dev": true + }, "semver": { - "version": "7.3.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz", - "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==", + "version": "7.3.5", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz", + "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==", "dev": true, "requires": { "lru-cache": "^6.0.0" @@ -2223,10 +1829,21 @@ "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", "dev": true }, + "side-channel": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz", + "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "get-intrinsic": "^1.0.2", + "object-inspect": "^1.9.0" + } + }, "signal-exit": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", - "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true }, "slash": { @@ -2244,38 +1861,12 @@ "ansi-styles": "^4.0.0", "astral-regex": "^2.0.0", "is-fullwidth-code-point": "^3.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - } } }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "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==", "dev": true }, "spdx-correct": { @@ -2305,9 +1896,9 @@ } }, "spdx-license-ids": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz", - "integrity": "sha512-U+MTEOO0AiDzxwFvoa4JVnMV6mZlJKk2sBLt90s7G0Gd0Mlknc7kxEn3nuDPNZRta7O2uy8oLcZLVT+4sqNZHQ==", + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", + "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", "dev": true }, "specificity": { @@ -2316,47 +1907,24 @@ "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", "dev": true }, - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", - "dev": true - }, "string-width": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", - "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", "dev": true, "requires": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.0" - } - }, - "string_decoder": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", - "dev": true, - "requires": { - "safe-buffer": "~5.2.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", - "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true - } + "strip-ansi": "^6.0.1" } }, "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, "requires": { - "ansi-regex": "^5.0.0" + "ansi-regex": "^5.0.1" } }, "strip-indent": { @@ -2381,65 +1949,58 @@ "dev": true }, "stylelint": { - "version": "13.8.0", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.8.0.tgz", - "integrity": "sha512-iHH3dv3UI23SLDrH4zMQDjLT9/dDIz/IpoFeuNxZmEx86KtfpjDOscxLTFioQyv+2vQjPlRZnK0UoJtfxLICXQ==", + "version": "14.8.2", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz", + "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==", "dev": true, "requires": { - "@stylelint/postcss-css-in-js": "^0.37.2", - "@stylelint/postcss-markdown": "^0.36.2", - "autoprefixer": "^9.8.6", - "balanced-match": "^1.0.0", - "chalk": "^4.1.0", - "cosmiconfig": "^7.0.0", - "debug": "^4.2.0", + "balanced-match": "^2.0.0", + "colord": "^2.9.2", + "cosmiconfig": "^7.0.1", + "css-functions-list": "^3.0.1", + "debug": "^4.3.4", "execall": "^2.0.0", - "fast-glob": "^3.2.4", + "fast-glob": "^3.2.11", "fastest-levenshtein": "^1.0.12", - "file-entry-cache": "^6.0.0", + "file-entry-cache": "^6.0.1", "get-stdin": "^8.0.0", "global-modules": "^2.0.0", - "globby": "^11.0.1", + "globby": "^11.1.0", "globjoin": "^0.1.4", - "html-tags": "^3.1.0", - "ignore": "^5.1.8", + "html-tags": "^3.2.0", + "ignore": "^5.2.0", "import-lazy": "^4.0.0", "imurmurhash": "^0.1.4", - "known-css-properties": "^0.20.0", - "lodash": "^4.17.20", - "log-symbols": "^4.0.0", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.25.0", "mathml-tag-names": "^2.1.3", - "meow": "^8.0.0", - "micromatch": "^4.0.2", + "meow": "^9.0.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", "normalize-selector": "^0.2.0", - "postcss": "^7.0.35", - "postcss-html": "^0.36.0", - "postcss-less": "^3.1.4", + "picocolors": "^1.0.0", + "postcss": "^8.4.13", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", - "postcss-safe-parser": "^4.0.2", - "postcss-sass": "^0.4.4", - "postcss-scss": "^2.1.1", - "postcss-selector-parser": "^6.0.4", - "postcss-syntax": "^0.36.2", - "postcss-value-parser": "^4.1.0", + "postcss-safe-parser": "^6.0.0", + "postcss-selector-parser": "^6.0.10", + "postcss-value-parser": "^4.2.0", "resolve-from": "^5.0.0", - "slash": "^3.0.0", "specificity": "^0.4.1", - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", "style-search": "^0.1.0", - "sugarss": "^2.0.0", + "supports-hyperlinks": "^2.2.0", "svg-tags": "^1.0.0", - "table": "^6.0.3", - "v8-compile-cache": "^2.2.0", - "write-file-atomic": "^3.0.3" + "table": "^6.8.0", + "v8-compile-cache": "^2.3.0", + "write-file-atomic": "^4.0.1" }, "dependencies": { - "ignore": { - "version": "5.1.8", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", - "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", + "balanced-match": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", + "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", "dev": true }, "resolve-from": { @@ -2451,18 +2012,18 @@ } }, "stylelint-config-recommended": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz", - "integrity": "sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz", + "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==", "dev": true }, "stylelint-config-standard": { - "version": "20.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-20.0.0.tgz", - "integrity": "sha512-IB2iFdzOTA/zS4jSVav6z+wGtin08qfj+YyExHB3LF9lnouQht//YyB0KZq9gGz5HNPkddHOzcY8HsUey6ZUlA==", + "version": "25.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz", + "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==", "dev": true, "requires": { - "stylelint-config-recommended": "^3.0.0" + "stylelint-config-recommended": "^7.0.0" } }, "stylelint-rscss": { @@ -2488,24 +2049,31 @@ } } }, - "sugarss": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz", - "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==", + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, "requires": { - "postcss": "^7.0.2" + "has-flag": "^4.0.0" } }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "supports-hyperlinks": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz", + "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "^4.0.0", + "supports-color": "^7.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==", + "dev": true + }, "svg-tags": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", @@ -2513,21 +2081,22 @@ "dev": true }, "table": { - "version": "6.0.6", - "resolved": "https://registry.npmjs.org/table/-/table-6.0.6.tgz", - "integrity": "sha512-OInCtPmDNieVBkVFi6C8RwU2S2H0h8mF3e3TQK4nreaUNCpooQUkI+A/KuEkm5FawfhWIfNqG+qfelVVR+V00g==", + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz", + "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==", "dev": true, "requires": { - "ajv": "^7.0.2", - "lodash": "^4.17.20", + "ajv": "^8.0.1", + "lodash.truncate": "^4.4.2", "slice-ansi": "^4.0.0", - "string-width": "^4.2.0" + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1" }, "dependencies": { "ajv": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.0.3.tgz", - "integrity": "sha512-R50QRlXSxqXcQP5SvKUrw8VZeypvo12i2IX0EeR5PiZ7bEKeHWgzgo264LDadUsCU42lTJVhFikTqJwNeH34gQ==", + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz", + "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", "dev": true, "requires": { "fast-deep-equal": "^3.1.1", @@ -2550,12 +2119,6 @@ "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", "dev": true }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", - "dev": true - }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -2566,15 +2129,9 @@ } }, "trim-newlines": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz", - "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==", - "dev": true - }, - "trough": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz", - "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", + "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", "dev": true }, "type-check": { @@ -2587,32 +2144,18 @@ } }, "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true }, - "typedarray-to-buffer": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz", - "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==", + "union": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz", + "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==", "dev": true, "requires": { - "is-typedarray": "^1.0.0" - } - }, - "unified": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz", - "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==", - "dev": true, - "requires": { - "bail": "^1.0.0", - "extend": "^3.0.0", - "is-buffer": "^2.0.0", - "is-plain-obj": "^2.0.0", - "trough": "^1.0.0", - "vfile": "^4.0.0" + "qs": "^6.4.0" } }, "uniq": { @@ -2621,39 +2164,21 @@ "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=", "dev": true }, - "unist-util-find-all-after": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz", - "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==", - "dev": true, - "requires": { - "unist-util-is": "^4.0.0" - } - }, - "unist-util-is": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.4.tgz", - "integrity": "sha512-3dF39j/u423v4BBQrk1AQ2Ve1FxY5W3JKwXxVFzBODQ6WEvccguhgp802qQLKSnxPODE6WuRZtV+ohlUg4meBA==", - "dev": true - }, - "unist-util-stringify-position": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", - "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", - "dev": true, - "requires": { - "@types/unist": "^2.0.2" - } - }, "uri-js": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz", - "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==", + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", "dev": true, "requires": { "punycode": "^2.1.0" } }, + "url-join": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz", + "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==", + "dev": true + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -2661,9 +2186,9 @@ "dev": true }, "v8-compile-cache": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz", - "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz", + "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==", "dev": true }, "validate-npm-package-license": { @@ -2676,26 +2201,13 @@ "spdx-expression-parse": "^3.0.0" } }, - "vfile": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz", - "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==", + "whatwg-encoding": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz", + "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==", "dev": true, "requires": { - "@types/unist": "^2.0.0", - "is-buffer": "^2.0.0", - "unist-util-stringify-position": "^2.0.0", - "vfile-message": "^2.0.0" - } - }, - "vfile-message": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", - "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", - "dev": true, - "requires": { - "@types/unist": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" + "iconv-lite": "0.6.3" } }, "which": { @@ -2720,15 +2232,13 @@ "dev": true }, "write-file-atomic": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz", - "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz", + "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==", "dev": true, "requires": { "imurmurhash": "^0.1.4", - "is-typedarray": "^1.0.0", - "signal-exit": "^3.0.2", - "typedarray-to-buffer": "^3.1.5" + "signal-exit": "^3.0.7" } }, "yallist": { @@ -2738,21 +2248,21 @@ "dev": true }, "yaml": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz", - "integrity": "sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==", + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", "dev": true }, "yargs-parser": { - "version": "20.2.4", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz", - "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==", + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", "dev": true }, - "zwitch": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", - "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==", + "yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", "dev": true } } diff --git a/package.json b/package.json index 6a7627c..e9c2f2b 100644 --- a/package.json +++ b/package.json @@ -5,8 +5,9 @@ "scripts": { "format": "prettier --write *.js 'public/scripts/*.js' 'public/styles/**/*.css'", "format-check": "prettier --check *.js 'public/scripts/**/*.js' 'public/styles/**/*.css'", - "lint": "eslint .", - "lint-styles": "stylelint public/styles/*" + "lint": "eslint public", + "lint-styles": "stylelint public/styles/*", + "serve": "http-server public" }, "repository": { "type": "git", @@ -14,8 +15,9 @@ }, "keywords": [ "vanilla", - "radio", - "somafm" + "html", + "javascript", + "css" ], "author": "Morris Brodersen ", "license": "ISC", @@ -24,11 +26,12 @@ }, "homepage": "https://github.com/morris/vanilla-todo#readme", "devDependencies": { - "eslint": "^7.17.0", - "eslint-plugin-compat": "^3.9.0", - "prettier": "^2.2.1", - "stylelint": "^13.8.0", - "stylelint-config-standard": "^20.0.0", + "eslint": "^8.14.0", + "eslint-plugin-compat": "^4.0.2", + "http-server": "^14.1.0", + "prettier": "^2.6.2", + "stylelint": "^14.8.2", + "stylelint-config-standard": "^25.0.0", "stylelint-rscss": "^0.4.0" } } diff --git a/public/index.html b/public/index.html index 6924273..687b2c9 100644 --- a/public/index.html +++ b/public/index.html @@ -24,30 +24,10 @@
- - - - - - - - - - - - - - - - - + diff --git a/public/scripts/AppCollapsible.js b/public/scripts/AppCollapsible.js index 16918d7..5c721e7 100644 --- a/public/scripts/AppCollapsible.js +++ b/public/scripts/AppCollapsible.js @@ -1,18 +1,15 @@ -/* global VT */ -window.VT = window.VT || {}; - -VT.AppCollapsible = function (el) { - var state = { +export function AppCollapsible(el) { + const state = { show: true, }; - el.querySelector('.bar > .toggle').addEventListener('click', function () { - update({ show: !state.show }); - }); + el.addEventListener('collapse', (e) => update({ show: !e.detail })); - el.appCollapsible = { - update: update, - }; + el.querySelector('.bar > .toggle').addEventListener('click', () => + update({ show: !state.show }) + ); + + update(); function update(next) { Object.assign(state, next); @@ -22,8 +19,8 @@ VT.AppCollapsible = function (el) { state.show ); - el.querySelectorAll('.body').forEach(function (el) { - el.style.height = state.show ? el.children[0].offsetHeight + 'px' : '0'; + el.querySelectorAll('.body').forEach((el) => { + el.style.height = state.show ? `${el.children[0].offsetHeight}px` : '0'; }); } -}; +} diff --git a/public/scripts/AppDraggable.js b/public/scripts/AppDraggable.js index d4199e5..7485468 100644 --- a/public/scripts/AppDraggable.js +++ b/public/scripts/AppDraggable.js @@ -1,21 +1,18 @@ -/* global VT */ -window.VT = window.VT || {}; +export function AppDraggable(el, options) { + const dragThreshold = options.dragThreshold ?? 5; + const dropRange = options.dropRange ?? 50; + const dropRangeSquared = dropRange * dropRange; -VT.AppDraggable = function (el, options) { - var dragThreshold = options.dragThreshold || 5; - var dropRange = options.dropRange || 50; - var dropRangeSquared = dropRange * dropRange; - - var originX, originY; - var clientX, clientY; - var startTime; - var dragging = false; - var clicked = false; - var data; - var image; - var imageSource; - var imageX, imageY; - var currentTarget; + let originX, originY; + let clientX, clientY; + let startTime; + let dragging = false; + let clicked = false; + let data; + let image; + let imageSource; + let imageX, imageY; + let currentTarget; el.addEventListener('touchstart', start); el.addEventListener('mousedown', start); @@ -23,7 +20,7 @@ VT.AppDraggable = function (el, options) { // maybe prevent click el.addEventListener( 'click', - function (e) { + (e) => { if (dragging || clicked) { e.preventDefault(); e.stopImmediatePropagation(); @@ -39,9 +36,9 @@ VT.AppDraggable = function (el, options) { e.preventDefault(); - var p = getPositionHost(e); - clientX = originX = p.clientX || p.pageX; - clientY = originY = p.clientY || p.pageY; + const p = getPositionHost(e); + clientX = originX = p.clientX ?? p.pageX; + clientY = originY = p.clientY ?? p.pageY; startTime = Date.now(); startListening(); @@ -50,9 +47,9 @@ VT.AppDraggable = function (el, options) { function move(e) { e.preventDefault(); - var p = getPositionHost(e); - clientX = p.clientX || p.pageX; - clientY = p.clientY || p.pageY; + const p = getPositionHost(e); + clientX = p.clientX ?? p.pageX; + clientY = p.clientY ?? p.pageY; if (dragging) { dispatchDrag(); @@ -60,8 +57,8 @@ VT.AppDraggable = function (el, options) { return; } - var deltaX = clientX - originX; - var deltaY = clientY - originY; + const deltaX = clientX - originX; + const deltaY = clientY - originY; if (Math.abs(deltaX) < dragThreshold && Math.abs(deltaY) < dragThreshold) { return; @@ -92,7 +89,7 @@ VT.AppDraggable = function (el, options) { stopListening(); - requestAnimationFrame(function () { + requestAnimationFrame(() => { clicked = false; if (dragging) { @@ -141,7 +138,7 @@ VT.AppDraggable = function (el, options) { function dispatchTarget() { if (!dragging) return; - var nextTarget = getTarget(); + const nextTarget = getTarget(); if (nextTarget === currentTarget) return; @@ -210,18 +207,18 @@ VT.AppDraggable = function (el, options) { // function buildDetail() { - var detail = { - el: el, - data: data, - image: image, - imageSource: imageSource, - originX: originX, - originY: originY, - clientX: clientX, - clientY: clientY, - imageX: imageX, - imageY: imageY, - setImage: function (source) { + const detail = { + el, + data, + image, + imageSource, + originX, + originY, + clientX, + clientY, + imageX, + imageY, + setImage: (source) => { setImage(source); detail.image = image; }, @@ -240,21 +237,21 @@ VT.AppDraggable = function (el, options) { image.style.position = 'fixed'; image.style.left = '0'; image.style.top = '0'; - image.style.width = imageSource.offsetWidth + 'px'; - image.style.height = imageSource.offsetHeight + 'px'; + image.style.width = `${imageSource.offsetWidth}px`; + image.style.height = `${imageSource.offsetHeight}px`; image.style.margin = '0'; image.style.zIndex = 9999; image.classList.add('-dragging'); - var rect = source.getBoundingClientRect(); + const rect = source.getBoundingClientRect(); imageX = originX - rect.left; imageY = originY - rect.top; - image.addEventListener('draggableDrag', function (e) { - var x = e.detail.clientX - e.detail.imageX; - var y = e.detail.clientY - e.detail.imageY; + image.addEventListener('draggableDrag', (e) => { + const x = e.detail.clientX - e.detail.imageX; + const y = e.detail.clientY - e.detail.imageY; image.style.transition = 'none'; - image.style.transform = 'translate(' + x + 'px, ' + y + 'px)'; + image.style.transform = `translate(${x}px, ${y}px)`; }); image.addEventListener('draggableCancel', cleanUp); @@ -278,9 +275,7 @@ VT.AppDraggable = function (el, options) { } function cleanUp() { - if (currentTarget) { - currentTarget.classList.remove('-drop'); - } + currentTarget?.classList.remove('-drop'); removeImage(); @@ -291,27 +286,29 @@ VT.AppDraggable = function (el, options) { } function removeImage() { - if (image && image.parentNode) { - image.parentNode.removeChild(image); - } + image?.parentNode?.removeChild(image); } function getTarget() { - var candidates = []; + const candidates = []; - document.querySelectorAll(options.dropSelector).forEach(function (el) { - var rect = el.getBoundingClientRect(); - var distanceSquared = pointDistanceToRectSquared(clientX, clientY, rect); + document.querySelectorAll(options.dropSelector).forEach((el) => { + const rect = el.getBoundingClientRect(); + const distanceSquared = pointDistanceToRectSquared( + clientX, + clientY, + rect + ); if (distanceSquared > dropRangeSquared) return; candidates.push({ - el: el, + el, distance2: distanceSquared, }); }); - candidates.sort(function (a, b) { + candidates.sort((a, b) => { if (a.distance2 === 0 && b.distance2 === 0) { // in this case, the client position is inside both rectangles // if A contains B, B is the correct target and vice versa @@ -327,9 +324,9 @@ VT.AppDraggable = function (el, options) { } function pointDistanceToRectSquared(x, y, rect) { - var dx = + const dx = x < rect.left ? x - rect.left : x > rect.right ? x - rect.right : 0; - var dy = + const dy = y < rect.top ? y - rect.top : y > rect.bottom ? y - rect.bottom : 0; return dx * dx + dy * dy; @@ -346,4 +343,4 @@ VT.AppDraggable = function (el, options) { return e; } -}; +} diff --git a/public/scripts/AppFlip.js b/public/scripts/AppFlip.js index 5bbb242..d46b8e8 100644 --- a/public/scripts/AppFlip.js +++ b/public/scripts/AppFlip.js @@ -1,19 +1,16 @@ -/* global VT */ -window.VT = window.VT || {}; - -VT.AppFlip = function (el, options) { - var enabled = options.initialDelay === 0; - var first; - var level = 0; +export function AppFlip(el, options) { + let enabled = options.initialDelay === 0; + let first; + let level = 0; // enable animations only after an initial delay - setTimeout(function () { + setTimeout(() => { enabled = true; }, options.initialDelay || 100); // take a snapshot before any HTML changes // do this only for the first beforeFlip event in the current cycle - el.addEventListener('beforeFlip', function () { + el.addEventListener('beforeFlip', () => { if (!enabled) return; if (++level > 1) return; @@ -22,16 +19,16 @@ VT.AppFlip = function (el, options) { // take a snapshot after HTML changes, calculate and play animations // do this only for the last flip event in the current cycle - el.addEventListener('flip', function () { + el.addEventListener('flip', () => { if (!enabled) return; if (--level > 0) return; - var last = snapshot(); - var toRemove = invertForRemoval(first, last); - var toAnimate = invertForAnimation(first, last); + const last = snapshot(); + const toRemove = invertForRemoval(first, last); + const toAnimate = invertForAnimation(first, last); - requestAnimationFrame(function () { - requestAnimationFrame(function () { + requestAnimationFrame(() => { + requestAnimationFrame(() => { remove(toRemove); animate(toAnimate); @@ -43,23 +40,23 @@ VT.AppFlip = function (el, options) { // build a snapshot of the current HTML's client rectangles // includes original transforms and hierarchy function snapshot() { - var map = new Map(); + const map = new Map(); - el.querySelectorAll(options.selector).forEach(function (el) { - var key = el.dataset.key || el; + el.querySelectorAll(options.selector).forEach((el) => { + const key = el.dataset.key ?? el; // parse original transform // i.e. strip inverse transform using "scale(1)" marker - var transform = el.style.transform + const transform = el.style.transform ? el.style.transform.replace(/^.*scale\(1\)/, '') : ''; map.set(key, { - key: key, - el: el, + key, + el, rect: el.getBoundingClientRect(), ancestor: null, - transform: transform, + transform, }); }); @@ -69,11 +66,11 @@ VT.AppFlip = function (el, options) { } function resolveAncestors(map) { - map.forEach(function (entry) { - var current = entry.el.parentNode; + map.forEach((entry) => { + let current = entry.el.parentNode; while (current && current !== el) { - var ancestor = map.get(current.dataset.key || current); + const ancestor = map.get(current.dataset.key ?? current); if (ancestor) { entry.ancestor = ancestor; @@ -87,16 +84,16 @@ VT.AppFlip = function (el, options) { // reinsert removed elements at their original position function invertForRemoval(first, last) { - var toRemove = []; + const toRemove = []; - first.forEach(function (entry) { + first.forEach((entry) => { if (entry.el.classList.contains('_noflip')) return; if (!needsRemoval(entry)) return; entry.el.style.position = 'fixed'; - entry.el.style.left = entry.rect.left + 'px'; - entry.el.style.top = entry.rect.top + 'px'; - entry.el.style.width = entry.rect.right - entry.rect.left + 'px'; + entry.el.style.left = `${entry.rect.left}px`; + entry.el.style.top = `${entry.rect.top}px`; + entry.el.style.width = `${entry.rect.right - entry.rect.left}px`; entry.el.style.transition = 'none'; entry.el.style.transform = ''; @@ -118,9 +115,9 @@ VT.AppFlip = function (el, options) { // set position of moved elements to their original position // or set opacity to zero for new elements to appear nicely function invertForAnimation(first, last) { - var toAnimate = []; + const toAnimate = []; - last.forEach(function (entry) { + last.forEach((entry) => { if (entry.el.classList.contains('_noflip')) return; calculate(entry); @@ -132,13 +129,7 @@ VT.AppFlip = function (el, options) { } else if (entry.deltaX !== 0 || entry.deltaY !== 0) { // set inverted transform with "scale(1)" marker, see above entry.el.style.transition = 'none'; - entry.el.style.transform = - 'translate(' + - entry.deltaX + - 'px, ' + - entry.deltaY + - 'px) scale(1) ' + - entry.transform; + entry.el.style.transform = `translate(${entry.deltaX}px, ${entry.deltaY}px) scale(1) ${entry.transform}`; toAnimate.push(entry); } }); @@ -150,7 +141,7 @@ VT.AppFlip = function (el, options) { if (entry.calculated) return; entry.calculated = true; - var b = first.get(entry.key); + const b = first.get(entry.key); if (b) { entry.deltaX = b.rect.left - entry.rect.left; @@ -172,13 +163,13 @@ VT.AppFlip = function (el, options) { // play remove animations and remove elements after timeout function remove(entries) { - entries.forEach(function (entry) { + entries.forEach((entry) => { entry.el.style.transition = ''; entry.el.style.opacity = '0'; }); - setTimeout(function () { - entries.forEach(function (entry) { + setTimeout(() => { + entries.forEach((entry) => { if (entry.el.parentNode) { entry.el.parentNode.removeChild(entry.el); } @@ -188,10 +179,10 @@ VT.AppFlip = function (el, options) { // play move/appear animations function animate(entries) { - entries.forEach(function (entry) { + entries.forEach((entry) => { entry.el.style.transition = ''; entry.el.style.transform = entry.transform; entry.el.style.opacity = ''; }); } -}; +} diff --git a/public/scripts/AppFps.js b/public/scripts/AppFps.js index d83408a..199957d 100644 --- a/public/scripts/AppFps.js +++ b/public/scripts/AppFps.js @@ -1,9 +1,6 @@ -/* global VT */ -window.VT = window.VT || {}; - -VT.AppFps = function (el) { - var sampleSize = 20; - var times = []; +export function AppFps(el) { + const sampleSize = 20; + let times = []; tick(); @@ -14,27 +11,23 @@ VT.AppFps = function (el) { if (times.length <= sampleSize) return; - var min = Infinity; - var max = 0; - var sum = 0; + let min = Infinity; + let max = 0; + let sum = 0; - for (var i = 1; i < sampleSize + 1; ++i) { - var delta = times[i] - times[i - 1]; + for (let i = 1; i < sampleSize + 1; ++i) { + const delta = times[i] - times[i - 1]; min = Math.min(min, delta); max = Math.max(max, delta); sum += delta; } - var fps = (sampleSize / sum) * 1000; + const fps = (sampleSize / sum) * 1000; - el.innerText = - fps.toFixed(0) + - ' fps (' + - min.toFixed(0) + - ' ms - ' + - max.toFixed(0) + - ' ms)'; + el.innerText = `${fps.toFixed(0)} fps (${min.toFixed(0)} ms - ${max.toFixed( + 0 + )} ms)`; times = []; } -}; +} diff --git a/public/scripts/AppIcon.js b/public/scripts/AppIcon.js index edb0d2d..37539ec 100644 --- a/public/scripts/AppIcon.js +++ b/public/scripts/AppIcon.js @@ -1,24 +1,19 @@ -/* global VT */ -window.VT = window.VT || {}; +export const BASE_URL = + 'https://rawcdn.githack.com/primer/octicons/ff7f6eee63fa2f2d24d02e3aa76a87db48e4b6f6/icons/'; -VT.AppIcon = function (el) { +const cache = {}; + +export function AppIcon(el) { if (el.children.length > 0) return; - var id = el.dataset.id; - var promise = VT.AppIcon.cache[id]; + const id = el.dataset.id; + let promise = cache[id]; if (!promise) { - var url = VT.AppIcon.baseUrl + id + '.svg'; - promise = VT.AppIcon.cache[id] = fetch(url).then(function (r) { - return r.text(); - }); + promise = cache[id] = fetch(`${BASE_URL}${id}.svg`).then((r) => r.text()); } - promise.then(function (svg) { + promise.then((svg) => { el.innerHTML = el.classList.contains('-double') ? svg + svg : svg; }); -}; - -VT.AppIcon.baseUrl = - 'https://rawcdn.githack.com/primer/octicons/ff7f6eee63fa2f2d24d02e3aa76a87db48e4b6f6/icons/'; -VT.AppIcon.cache = {}; +} diff --git a/public/scripts/AppSortable.js b/public/scripts/AppSortable.js index 6af6ec7..b1f1a34 100644 --- a/public/scripts/AppSortable.js +++ b/public/scripts/AppSortable.js @@ -1,34 +1,29 @@ -/* global VT */ -window.VT = window.VT || {}; +export function AppSortable(el, options) { + let placeholder; + let placeholderSource; + const horizontal = options.direction === 'horizontal'; + let currentIndex = -1; -VT.AppSortable = function (el, options) { - var placeholder; - var placeholderSource; - var horizontal = options.direction === 'horizontal'; - var currentIndex = -1; + el.addEventListener('draggableStart', (e) => + e.detail.image.addEventListener('draggableCancel', cleanUp) + ); - el.addEventListener('draggableStart', function (e) { - e.detail.image.addEventListener('draggableCancel', cleanUp); - }); + el.addEventListener('draggableOver', (e) => + maybeDispatchUpdate(calculateIndex(e.detail.image), e) + ); - el.addEventListener('draggableOver', function (e) { - maybeDispatchUpdate(calculateIndex(e.detail.image), e); - }); + el.addEventListener('draggableLeave', (e) => maybeDispatchUpdate(-1, e)); - el.addEventListener('draggableLeave', function (e) { - maybeDispatchUpdate(-1, e); - }); - - el.addEventListener('draggableDrop', function (e) { + el.addEventListener('draggableDrop', (e) => el.dispatchEvent( new CustomEvent('sortableDrop', { detail: buildDetail(e), bubbles: true, }) - ); - }); + ) + ); - el.addEventListener('sortableUpdate', function (e) { + el.addEventListener('sortableUpdate', (e) => { if (!placeholder) { e.detail.setPlaceholder(e.detail.originalEvent.detail.imageSource); } @@ -65,11 +60,11 @@ VT.AppSortable = function (el, options) { } function buildDetail(e) { - var detail = { + const detail = { data: e.detail.data, index: currentIndex, - placeholder: placeholder, - setPlaceholder: function (source) { + placeholder, + setPlaceholder: (source) => { setPlaceholder(source); detail.placeholder = placeholder; }, @@ -98,14 +93,12 @@ VT.AppSortable = function (el, options) { } function removePlaceholder() { - if (placeholder && placeholder.parentNode) { - placeholder.parentNode.removeChild(placeholder); - } + placeholder?.parentNode?.removeChild(placeholder); } function removeByKey(key) { - for (var i = 0, l = el.children.length; i < l; ++i) { - var child = el.children[i]; + for (let i = 0, l = el.children.length; i < l; ++i) { + const child = el.children[i]; if (child && child.dataset.key === key) { el.removeChild(child); @@ -116,12 +109,12 @@ VT.AppSortable = function (el, options) { function calculateIndex(image) { if (el.children.length === 0) return 0; - var isBefore = horizontal ? isLeft : isAbove; - var rect = image.getBoundingClientRect(); - var p = 0; + const isBefore = horizontal ? isLeft : isAbove; + const rect = image.getBoundingClientRect(); + let p = 0; - for (var i = 0, l = el.children.length; i < l; ++i) { - var child = el.children[i]; + for (let i = 0, l = el.children.length; i < l; ++i) { + const child = el.children[i]; if (isBefore(rect, child.getBoundingClientRect())) return i - p; if (child === placeholder) p = 1; @@ -143,4 +136,4 @@ VT.AppSortable = function (el, options) { rectB.left + (rectB.right - rectB.left) / 2 ); } -}; +} diff --git a/public/scripts/TodoApp.js b/public/scripts/TodoApp.js index 946995b..ca8a822 100644 --- a/public/scripts/TodoApp.js +++ b/public/scripts/TodoApp.js @@ -1,49 +1,56 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppCollapsible } from './AppCollapsible.js'; +import { AppFlip } from './AppFlip.js'; +import { AppFps } from './AppFps.js'; +import { AppIcon } from './AppIcon.js'; +import { TodoFrameCustom } from './TodoFrameCustom.js'; +import { TodoFrameDays } from './TodoFrameDays.js'; +import { TodoStore } from './TodoStore.js'; +import { formatDateId } from './util.js'; -VT.TodoApp = function (el) { - var state = { +export function TodoApp(el) { + const state = { items: [], customLists: [], - at: VT.formatDateId(new Date()), + at: formatDateId(new Date()), customAt: 0, }; - el.innerHTML = [ - '
', - '

VANILLA TODO

', - '

', - '
', - '
', - '
', - '

', - ' ', - '

', - '
', - '
', - '
', - '
', - '
', - '

', - ' VANILLA TODO © 2020 Morris Brodersen', - ' — A case study on viable techniques for vanilla web development.', - ' About →', - '

', - '
', - ].join('\n'); + el.innerHTML = ` +
+

VANILLA TODO

+

+
+
+
+

+ +

+
+
+
+
+
+

+ VANILLA TODO © 2020-2022 Morris Brodersen + — A case study on viable techniques for vanilla web development. + About → +

+
+ `; - VT.AppFlip(el, { + AppFlip(el, { selector: '.todo-item, .todo-item-input, .todo-day, .todo-custom-list', removeTimeout: 200, }); - VT.TodoStore(el); - el.querySelectorAll('.app-collapsible').forEach(VT.AppCollapsible); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); - el.querySelectorAll('.app-fps').forEach(VT.AppFps); + TodoStore(el); - VT.TodoFrameDays(el.querySelector('.todo-frame.-days')); - VT.TodoFrameCustom(el.querySelector('.todo-frame.-custom')); + el.querySelectorAll('.app-collapsible').forEach(AppCollapsible); + el.querySelectorAll('.app-icon').forEach(AppIcon); + el.querySelectorAll('.app-fps').forEach(AppFps); + + TodoFrameDays(el.querySelector('.todo-frame.-days')); + TodoFrameCustom(el.querySelector('.todo-frame.-custom')); // each of these events make changes to the HTML to be animated using FLIP // listening to them using "capture" dispatches "beforeFlip" before any changes @@ -53,30 +60,30 @@ VT.TodoApp = function (el) { el.addEventListener('draggableDrop', beforeFlip, true); // some necessary work to orchestrate drag & drop with FLIP animations - el.addEventListener('draggableStart', function (e) { + el.addEventListener('draggableStart', (e) => { e.detail.image.classList.add('_noflip'); el.appendChild(e.detail.image); }); - el.addEventListener('draggableCancel', function (e) { + el.addEventListener('draggableCancel', (e) => { e.detail.image.classList.remove('_noflip'); update(); }); - el.addEventListener('draggableDrop', function (e) { + el.addEventListener('draggableDrop', (e) => { e.detail.image.classList.remove('_noflip'); }); - el.addEventListener('sortableUpdate', function (e) { + el.addEventListener('sortableUpdate', (e) => { e.detail.placeholder.classList.add('_noflip'); }); - // dispatch "focusOther" .use-focus-other inputs if they are not active + // dispatch "focusOther" on .use-focus-other inputs if they are not active // ensures only one edit input is active - el.addEventListener('focusin', function (e) { + el.addEventListener('focusin', (e) => { if (!e.target.classList.contains('use-focus-other')) return; - document.querySelectorAll('.use-focus-other').forEach(function (el) { + document.querySelectorAll('.use-focus-other').forEach((el) => { if (el === e.target) return; el.dispatchEvent(new CustomEvent('focusOther')); }); @@ -85,9 +92,7 @@ VT.TodoApp = function (el) { // listen to the TodoStore's data // this is the main update // everything else is related to drag & drop or FLIP animations - el.addEventListener('todoData', function (e) { - update(e.detail); - }); + el.addEventListener('todoData', (e) => update(e.detail)); // dispatch "flip" after HTML changes from these events // this plays the FLIP animations @@ -96,40 +101,27 @@ VT.TodoApp = function (el) { el.addEventListener('draggableCancel', flip); el.addEventListener('draggableDrop', flip); - el.todoStore.load(); + el.dispatchEvent(new CustomEvent('loadStore')); function update(next) { Object.assign(state, next); - el.querySelector('.todo-frame.-days').todoFrameDays.update({ - items: state.items, - at: state.at, - }); + el.querySelectorAll('.todo-frame').forEach((el) => + el.dispatchEvent(new CustomEvent('todoData', { detail: state })) + ); - el.querySelector('.todo-frame.-custom').todoFrameCustom.update({ - lists: state.customLists, - items: state.items, - at: state.customAt, - }); - - el.querySelectorAll('.app-collapsible').forEach(function (el) { - el.appCollapsible.update(); - }); + el.querySelectorAll('.app-collapsible').forEach((el) => + el.dispatchEvent(new CustomEvent('collapse')) + ); } - function beforeFlip() { - el.dispatchEvent( - new CustomEvent('beforeFlip', { - bubbles: true, - }) - ); + function beforeFlip(e) { + if (e.type === 'todoData' && e.target !== el) return; + + el.dispatchEvent(new CustomEvent('beforeFlip')); } function flip() { - el.dispatchEvent( - new CustomEvent('flip', { - bubbles: true, - }) - ); + el.dispatchEvent(new CustomEvent('flip')); } -}; +} diff --git a/public/scripts/TodoCustomList.js b/public/scripts/TodoCustomList.js index 9da6182..80946bc 100644 --- a/public/scripts/TodoCustomList.js +++ b/public/scripts/TodoCustomList.js @@ -1,58 +1,59 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppDraggable } from './AppDraggable.js'; +import { AppIcon } from './AppIcon.js'; +import { TodoList } from './TodoList.js'; -VT.TodoCustomList = function (el) { - var state = { +export function TodoCustomList(el) { + const state = { list: null, editing: false, }; - var startEditing = false; - var saveOnBlur = true; + let startEditing = false; + let saveOnBlur = true; - el.innerHTML = [ - '
', - '

', - '

', - ' ', - ' ', - '

', - '
', - '
', - ].join('\n'); + el.innerHTML = ` +
+

+

+ + +

+
+
+ `; - var titleEl = el.querySelector('.title'); - var inputEl = el.querySelector('.input'); - var deleteEl = el.querySelector('.delete'); + const titleEl = el.querySelector('.title'); + const inputEl = el.querySelector('.input'); + const deleteEl = el.querySelector('.delete'); - VT.AppDraggable(titleEl, { + AppDraggable(titleEl, { dropSelector: '.todo-frame.-custom .container', }); - VT.TodoList(el.querySelector('.todo-list')); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); + el.querySelectorAll('.app-icon').forEach(AppIcon); + TodoList(el.querySelector('.todo-list')); - titleEl.addEventListener('click', function () { + titleEl.addEventListener('click', () => { startEditing = true; update({ editing: true }); }); - deleteEl.addEventListener('touchstart', function () { + deleteEl.addEventListener('touchstart', () => { saveOnBlur = false; }); - deleteEl.addEventListener('mousedown', function () { + deleteEl.addEventListener('mousedown', () => { saveOnBlur = false; }); - inputEl.addEventListener('blur', function () { + inputEl.addEventListener('blur', () => { if (saveOnBlur) save(); saveOnBlur = true; }); - inputEl.addEventListener('focusOther', function () { + inputEl.addEventListener('focusOther', () => { if (state.editing) save(); }); - inputEl.addEventListener('keyup', function (e) { + inputEl.addEventListener('keyup', (e) => { switch (e.keyCode) { case 13: // enter save(); @@ -63,7 +64,7 @@ VT.TodoCustomList = function (el) { } }); - deleteEl.addEventListener('click', function () { + deleteEl.addEventListener('click', () => { if (state.list.items.length > 0) { if ( !confirm( @@ -82,7 +83,7 @@ VT.TodoCustomList = function (el) { ); }); - el.addEventListener('draggableStart', function (e) { + el.addEventListener('draggableStart', (e) => { if (e.target !== titleEl) return; e.detail.data.list = state.list; @@ -92,25 +93,23 @@ VT.TodoCustomList = function (el) { e.detail.setImage(el); // override for horizontal dragging only - e.detail.image.addEventListener('draggableDrag', function (e) { - var x = e.detail.clientX - e.detail.imageX; - var y = e.detail.originY - e.detail.imageY; - e.detail.image.style.transform = 'translate(' + x + 'px, ' + y + 'px)'; + e.detail.image.addEventListener('draggableDrag', (e) => { + const x = e.detail.clientX - e.detail.imageX; + const y = e.detail.originY - e.detail.imageY; + e.detail.image.style.transform = `translate(${x}px, ${y}px)`; }); }); - el.addEventListener('addItem', function (e) { + el.addEventListener('addItem', (e) => { e.detail.listId = state.list.id; }); - el.addEventListener('moveItem', function (e) { + el.addEventListener('moveItem', (e) => { e.detail.listId = state.list.id; - e.detail.index = e.detail.index || 0; + e.detail.index = e.detail.index ?? 0; }); - el.todoCustomList = { - update: update, - }; + el.addEventListener('todoCustomList', (e) => update({ list: e.detail })); function save() { el.dispatchEvent( @@ -132,9 +131,13 @@ VT.TodoCustomList = function (el) { titleEl.innerText = state.list.title || '...'; - el.querySelector('.todo-list').todoList.update({ items: state.list.items }); - el.querySelector('.todo-list > .todo-item-input').dataset.key = - 'todo-item-input' + state.list.id; + el.querySelector('.todo-list').dispatchEvent( + new CustomEvent('todoItems', { detail: state.list.items }) + ); + + el.querySelector( + '.todo-list > .todo-item-input' + ).dataset.key = `todo-item-input${state.list.id}`; el.classList.toggle('-editing', state.editing); @@ -145,4 +148,4 @@ VT.TodoCustomList = function (el) { startEditing = false; } } -}; +} diff --git a/public/scripts/TodoDay.js b/public/scripts/TodoDay.js index ecdf8a9..5392ce7 100644 --- a/public/scripts/TodoDay.js +++ b/public/scripts/TodoDay.js @@ -1,51 +1,49 @@ -/* global VT */ -window.VT = window.VT || {}; +import { TodoList } from './TodoList.js'; +import { formatDate, formatDayOfWeek } from './util.js'; -VT.TodoDay = function (el) { - var state = { +export function TodoDay(el) { + const state = { dateId: el.dataset.key, items: [], }; - el.innerHTML = [ - '
', - '

', - '
', - '
', - '
', - ].join('\n'); + el.innerHTML = ` +
+

+
+
+
+ `; - VT.TodoList(el.querySelector('.todo-list')); + TodoList(el.querySelector('.todo-list')); - el.addEventListener('addItem', function (e) { + el.addEventListener('addItem', (e) => { e.detail.listId = state.dateId; }); - el.addEventListener('moveItem', function (e) { + el.addEventListener('moveItem', (e) => { e.detail.listId = state.dateId; - e.detail.index = e.detail.index || 0; + e.detail.index = e.detail.index ?? 0; }); - el.todoDay = { - update: update, - }; + el.addEventListener('todoDay', (e) => update(e.detail)); function update(next) { Object.assign(state, next); - var date = new Date(state.dateId); - var today = new Date(); + const date = new Date(state.dateId); + const today = new Date(); today.setHours(0, 0, 0, 0); - var tomorrow = new Date(today); + const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + 1); el.classList.toggle('-past', date < today); el.classList.toggle('-today', date >= today && date < tomorrow); - el.querySelector('.header > .dayofweek').innerText = VT.formatDayOfWeek( - date + el.querySelector('.header > .dayofweek').innerText = formatDayOfWeek(date); + el.querySelector('.header > .date').innerText = formatDate(date); + el.querySelector('.todo-list').dispatchEvent( + new CustomEvent('todoItems', { detail: state.items }) ); - el.querySelector('.header > .date').innerText = VT.formatDate(date); - el.querySelector('.todo-list').todoList.update({ items: state.items }); } -}; +} diff --git a/public/scripts/TodoFrameCustom.js b/public/scripts/TodoFrameCustom.js index 1d22a97..d5e64a2 100644 --- a/public/scripts/TodoFrameCustom.js +++ b/public/scripts/TodoFrameCustom.js @@ -1,51 +1,52 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppIcon } from './AppIcon.js'; +import { AppSortable } from './AppSortable.js'; +import { TodoCustomList } from './TodoCustomList.js'; -VT.TodoFrameCustom = function (el) { - var state = { - lists: [], +export function TodoFrameCustom(el) { + const state = { + customLists: [], items: [], - at: 0, + customAt: 0, show: true, }; - el.innerHTML = [ - '
', - '

', - '
', - '
', - '
', - '

', - '

', - '
', - ].join('\n'); + el.innerHTML = ` +
+

+
+
+
+

+

+
+ `; - VT.AppSortable(el.querySelector('.container'), { direction: 'horizontal' }); + AppSortable(el.querySelector('.container'), { direction: 'horizontal' }); - setTimeout(function () { + setTimeout(() => { el.classList.add('-animated'); }, 200); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); + el.querySelectorAll('.app-icon').forEach(AppIcon); - el.querySelector('.back').addEventListener('click', function () { + el.querySelector('.back').addEventListener('click', () => { el.dispatchEvent( new CustomEvent('customSeek', { detail: -1, bubbles: true }) ); }); - el.querySelector('.forward').addEventListener('click', function () { + el.querySelector('.forward').addEventListener('click', () => { el.dispatchEvent( new CustomEvent('customSeek', { detail: 1, bubbles: true }) ); }); - el.querySelector('.add').addEventListener('click', function () { + el.querySelector('.add').addEventListener('click', () => { el.dispatchEvent(new CustomEvent('addList', { detail: {}, bubbles: true })); // TODO seek if not at end }); - el.addEventListener('sortableDrop', function (e) { + el.addEventListener('sortableDrop', (e) => { if (!e.detail.data.list) return; el.dispatchEvent( @@ -59,30 +60,26 @@ VT.TodoFrameCustom = function (el) { ); }); - el.addEventListener('draggableOver', function (e) { + el.addEventListener('draggableOver', (e) => { if (!e.detail.data.list) return; updatePositions(); }); - el.todoFrameCustom = { - update: update, - }; + el.addEventListener('todoData', (e) => update(e.detail)); function update(next) { Object.assign(state, next); - var lists = getLists(); - var container = el.querySelector('.container'); - var obsolete = new Set(container.children); - var childrenByKey = new Map(); + const lists = getLists(); + const container = el.querySelector('.container'); + const obsolete = new Set(container.children); + const childrenByKey = new Map(); - obsolete.forEach(function (child) { - childrenByKey.set(child.dataset.key, child); - }); + obsolete.forEach((child) => childrenByKey.set(child.dataset.key, child)); - var children = lists.map(function (list) { - var child = childrenByKey.get(list.id); + const children = lists.map((list) => { + let child = childrenByKey.get(list.id); if (child) { obsolete.delete(child); @@ -90,19 +87,17 @@ VT.TodoFrameCustom = function (el) { child = document.createElement('div'); child.className = 'card todo-custom-list'; child.dataset.key = list.id; - VT.TodoCustomList(child); + TodoCustomList(child); } - child.todoCustomList.update({ list: list }); + child.dispatchEvent(new CustomEvent('todoCustomList', { detail: list })); return child; }); - obsolete.forEach(function (child) { - container.removeChild(child); - }); + obsolete.forEach((child) => container.removeChild(child)); - children.forEach(function (child, index) { + children.forEach((child, index) => { if (child !== container.children[index]) { container.insertBefore(child, container.children[index]); } @@ -113,54 +108,40 @@ VT.TodoFrameCustom = function (el) { } function updatePositions() { - el.querySelectorAll('.container > *').forEach(function (child, index) { - child.style.transform = 'translateX(' + (index - state.at) * 100 + '%)'; + el.querySelectorAll('.container > *').forEach((child, index) => { + child.style.transform = `translateX(${(index - state.customAt) * 100}%)`; }); } function updateHeight() { - var height = 280; - var container = el.querySelector('.container'); + let height = 280; + const container = el.querySelector('.container'); - var i, l; - - for (i = 0, l = container.children.length; i < l; ++i) { + for (let i = 0, l = container.children.length; i < l; ++i) { height = Math.max(container.children[i].offsetHeight, height); } - el.style.height = height + 50 + 'px'; + el.style.height = `${height + 50}px`; - for (i = 0, l = container.children.length; i < l; ++i) { - container.children[i].style.height = height + 'px'; + for (let i = 0, l = container.children.length; i < l; ++i) { + container.children[i].style.height = `${height}px`; } } function getLists() { - var lists = state.lists.map(function (list) { - return { + return state.customLists + .map((list) => ({ id: list.id, index: list.index, title: list.title, items: getItemsForList(list.id), - }; - }); - - lists.sort(function (a, b) { - return a.index - b.index; - }); - - return lists; + })) + .sort((a, b) => a.index - b.index); } function getItemsForList(listId) { - var items = state.items.filter(function (item) { - return item.listId === listId; - }); - - items.sort(function (a, b) { - return a.index - b.index; - }); - - return items; + return state.items + .filter((item) => item.listId === listId) + .sort((a, b) => a.index - b.index); } -}; +} diff --git a/public/scripts/TodoFrameDays.js b/public/scripts/TodoFrameDays.js index adfcfc6..3beccb1 100644 --- a/public/scripts/TodoFrameDays.js +++ b/public/scripts/TodoFrameDays.js @@ -1,71 +1,66 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppIcon } from './AppIcon.js'; +import { TodoDay } from './TodoDay.js'; +import { formatDateId } from './util.js'; -VT.TodoFrameDays = function (el) { - var RANGE = 14; - var state = { +export function TodoFrameDays(el) { + const RANGE = 14; + const state = { items: [], - at: VT.formatDateId(new Date()), + at: formatDateId(new Date()), }; - el.innerHTML = [ - '', - '
', - '', - ].join('\n'); + el.innerHTML = ` + +
+ + `; - setTimeout(function () { - el.classList.add('-animated'); - }, 200); + setTimeout(() => el.classList.add('-animated'), 200); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); + el.querySelectorAll('.app-icon').forEach(AppIcon); - el.querySelector('.backward').addEventListener('click', function () { - el.dispatchEvent(new CustomEvent('seek', { detail: -1, bubbles: true })); - }); + el.querySelector('.backward').addEventListener('click', () => + el.dispatchEvent(new CustomEvent('seek', { detail: -1, bubbles: true })) + ); - el.querySelector('.forward').addEventListener('click', function () { - el.dispatchEvent(new CustomEvent('seek', { detail: 1, bubbles: true })); - }); + el.querySelector('.forward').addEventListener('click', () => + el.dispatchEvent(new CustomEvent('seek', { detail: 1, bubbles: true })) + ); - el.querySelector('.fastbackward').addEventListener('click', function () { - el.dispatchEvent(new CustomEvent('seek', { detail: -5, bubbles: true })); - }); + el.querySelector('.fastbackward').addEventListener('click', () => + el.dispatchEvent(new CustomEvent('seek', { detail: -5, bubbles: true })) + ); - el.querySelector('.fastforward').addEventListener('click', function () { - el.dispatchEvent(new CustomEvent('seek', { detail: 5, bubbles: true })); - }); + el.querySelector('.fastforward').addEventListener('click', () => + el.dispatchEvent(new CustomEvent('seek', { detail: 5, bubbles: true })) + ); - el.querySelector('.home').addEventListener('click', function () { - el.dispatchEvent(new CustomEvent('seekHome', { bubbles: true })); - }); + el.querySelector('.home').addEventListener('click', () => + el.dispatchEvent(new CustomEvent('seekHome', { bubbles: true })) + ); - el.todoFrameDays = { - update: update, - }; + el.addEventListener('todoData', (e) => update(e.detail)); function update(next) { Object.assign(state, next); - var days = getDays(); + const days = getDays(); - var container = el.querySelector('.container'); - var obsolete = new Set(container.children); - var childrenByKey = new Map(); + const container = el.querySelector('.container'); + const obsolete = new Set(container.children); + const childrenByKey = new Map(); - obsolete.forEach(function (child) { - childrenByKey.set(child.dataset.key, child); - }); + obsolete.forEach((child) => childrenByKey.set(child.dataset.key, child)); - var children = days.map(function (day) { - var child = childrenByKey.get(day.id); + const children = days.map((day) => { + let child = childrenByKey.get(day.id); if (child) { obsolete.delete(child); @@ -73,20 +68,18 @@ VT.TodoFrameDays = function (el) { child = document.createElement('div'); child.className = 'card todo-day'; child.dataset.key = day.id; - VT.TodoDay(child); + TodoDay(child); } - child.todoDay.update(day); - child.style.transform = 'translateX(' + day.position * 100 + '%)'; + child.dispatchEvent(new CustomEvent('todoDay', { detail: day })); + child.style.transform = `translateX(${day.position * 100}%)`; return child; }); - obsolete.forEach(function (child) { - container.removeChild(child); - }); + obsolete.forEach((child) => container.removeChild(child)); - children.forEach(function (child, index) { + children.forEach((child, index) => { if (child !== container.children[index]) { container.insertBefore(child, container.children[index]); } @@ -96,26 +89,26 @@ VT.TodoFrameDays = function (el) { } function updateHeight() { - var height = 280; - var container = el.querySelector('.container'); + let height = 280; + const container = el.querySelector('.container'); - for (var i = 0, l = container.children.length; i < l; ++i) { + for (let i = 0, l = container.children.length; i < l; ++i) { height = Math.max(container.children[i].offsetHeight, height); } - el.style.height = height + 50 + 'px'; + el.style.height = `${height + 50}px`; } function getDays() { - var days = []; + const days = []; - for (var i = 0; i < 2 * RANGE; ++i) { - var t = new Date(state.at); + for (let i = 0; i < 2 * RANGE; ++i) { + const t = new Date(state.at); t.setDate(t.getDate() - RANGE + i); - var id = VT.formatDateId(t); + const id = formatDateId(t); days.push({ - id: id, + id, items: getItemsForDay(id), position: -RANGE + i, }); @@ -125,14 +118,8 @@ VT.TodoFrameDays = function (el) { } function getItemsForDay(dateId) { - var items = state.items.filter(function (item) { - return item.listId === dateId; - }); - - items.sort(function (a, b) { - return a.index - b.index; - }); - - return items; + return state.items + .filter((item) => item.listId === dateId) + .sort((a, b) => a.index - b.index); } -}; +} diff --git a/public/scripts/TodoItem.js b/public/scripts/TodoItem.js index e15e722..5d4edb6 100644 --- a/public/scripts/TodoItem.js +++ b/public/scripts/TodoItem.js @@ -1,45 +1,46 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppDraggable } from './AppDraggable.js'; +import { AppIcon } from './AppIcon.js'; -VT.TodoItem = function (el) { - var state = { +export function TodoItem(el) { + const state = { item: null, editing: false, }; - var startEditing = false; - var saveOnBlur = true; - el.innerHTML = [ - '
', - ' ', - '
', - '

', - '

', - ' ', - ' ', - '

', - ].join('\n'); + let startEditing = false; + let saveOnBlur = true; - var checkboxEl = el.querySelector('.checkbox'); - var labelEl = el.querySelector('.label'); - var inputEl = el.querySelector('.input'); - var saveEl = el.querySelector('.save'); + el.innerHTML = ` +
+ +
+

+

+ + +

+ `; - VT.AppDraggable(el, { + const checkboxEl = el.querySelector('.checkbox'); + const labelEl = el.querySelector('.label'); + const inputEl = el.querySelector('.input'); + const saveEl = el.querySelector('.save'); + + AppDraggable(el, { dropSelector: '.todo-list > .items', }); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); + el.querySelectorAll('.app-icon').forEach(AppIcon); - checkboxEl.addEventListener('touchstart', function () { + checkboxEl.addEventListener('touchstart', () => { saveOnBlur = false; }); - checkboxEl.addEventListener('mousedown', function () { + checkboxEl.addEventListener('mousedown', () => { saveOnBlur = false; }); - checkboxEl.addEventListener('click', function () { + checkboxEl.addEventListener('click', () => { if (state.editing) save(); el.dispatchEvent( @@ -53,12 +54,12 @@ VT.TodoItem = function (el) { ); }); - labelEl.addEventListener('click', function () { + labelEl.addEventListener('click', () => { startEditing = true; update({ editing: true }); }); - inputEl.addEventListener('keyup', function (e) { + inputEl.addEventListener('keyup', (e) => { switch (e.keyCode) { case 13: // enter save(); @@ -69,39 +70,37 @@ VT.TodoItem = function (el) { } }); - inputEl.addEventListener('blur', function () { + inputEl.addEventListener('blur', () => { if (saveOnBlur) save(); saveOnBlur = true; }); - inputEl.addEventListener('focusOther', function () { + inputEl.addEventListener('focusOther', () => { if (state.editing) save(); }); - saveEl.addEventListener('mousedown', function () { + saveEl.addEventListener('mousedown', () => { saveOnBlur = false; }); saveEl.addEventListener('click', save); - el.addEventListener('draggableStart', function (e) { + el.addEventListener('draggableStart', (e) => { e.detail.data.item = state.item; e.detail.data.key = state.item.id; }); - el.todoItem = { - update: update, - }; + el.addEventListener('todoItem', (e) => update({ item: e.detail })); function save() { - var label = inputEl.value.trim(); + const label = inputEl.value.trim(); if (label === '') { // deferred deletion prevents a bug at reconciliation in TodoList: // Failed to execute 'removeChild' on 'Node': The node to be removed is // no longer a child of this node. Perhaps it was moved in a 'blur' // event handler? - requestAnimationFrame(function () { + requestAnimationFrame(() => { el.dispatchEvent( new CustomEvent('deleteItem', { detail: state.item, @@ -117,7 +116,7 @@ VT.TodoItem = function (el) { new CustomEvent('saveItem', { detail: { item: state.item, - label: label, + label, }, bubbles: true, }) @@ -149,4 +148,4 @@ VT.TodoItem = function (el) { startEditing = false; } } -}; +} diff --git a/public/scripts/TodoItemInput.js b/public/scripts/TodoItemInput.js index 4696d2f..805dd81 100644 --- a/public/scripts/TodoItemInput.js +++ b/public/scripts/TodoItemInput.js @@ -1,20 +1,19 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppIcon } from './AppIcon.js'; -VT.TodoItemInput = function (el) { - var saveOnBlur = true; +export function TodoItemInput(el) { + let saveOnBlur = true; - el.innerHTML = [ - '', - '', - ].join('\n'); + el.innerHTML = ` + + + `; - var inputEl = el.querySelector('.input'); - var saveEl = el.querySelector('.save'); + const inputEl = el.querySelector('.input'); + const saveEl = el.querySelector('.save'); - el.querySelectorAll('.app-icon').forEach(VT.AppIcon); + el.querySelectorAll('.app-icon').forEach(AppIcon); - inputEl.addEventListener('keyup', function (e) { + inputEl.addEventListener('keyup', (e) => { switch (e.keyCode) { case 13: // enter save(); @@ -25,24 +24,24 @@ VT.TodoItemInput = function (el) { } }); - inputEl.addEventListener('blur', function () { + inputEl.addEventListener('blur', () => { if (saveOnBlur) save(); saveOnBlur = true; }); inputEl.addEventListener('focusOther', save); - saveEl.addEventListener('mousedown', function () { + saveEl.addEventListener('mousedown', () => { saveOnBlur = false; }); - saveEl.addEventListener('click', function () { + saveEl.addEventListener('click', () => { save(); inputEl.focus(); }); function save() { - var label = inputEl.value.trim(); + const label = inputEl.value.trim(); if (label === '') return; @@ -50,7 +49,7 @@ VT.TodoItemInput = function (el) { el.dispatchEvent( new CustomEvent('addItem', { - detail: { label: label }, + detail: { label }, bubbles: true, }) ); @@ -60,4 +59,4 @@ VT.TodoItemInput = function (el) { inputEl.value = ''; inputEl.blur(); } -}; +} diff --git a/public/scripts/TodoList.js b/public/scripts/TodoList.js index 9421a68..3a3b648 100644 --- a/public/scripts/TodoList.js +++ b/public/scripts/TodoList.js @@ -1,20 +1,21 @@ -/* global VT */ -window.VT = window.VT || {}; +import { AppSortable } from './AppSortable.js'; +import { TodoItem } from './TodoItem.js'; +import { TodoItemInput } from './TodoItemInput.js'; -VT.TodoList = function (el) { - var state = { +export function TodoList(el) { + const state = { items: [], }; - el.innerHTML = [ - '
', - '
', - ].join('\n'); + el.innerHTML = ` +
+
+ `; - VT.AppSortable(el.querySelector('.items'), {}); - VT.TodoItemInput(el.querySelector('.todo-item-input')); + AppSortable(el.querySelector('.items'), {}); + TodoItemInput(el.querySelector('.todo-item-input')); - el.addEventListener('sortableDrop', function (e) { + el.addEventListener('sortableDrop', (e) => el.dispatchEvent( new CustomEvent('moveItem', { detail: { @@ -23,22 +24,22 @@ VT.TodoList = function (el) { }, bubbles: true, }) - ); - }); + ) + ); + + el.addEventListener('todoItems', (e) => update({ items: e.detail })); function update(next) { Object.assign(state, next); - var container = el.querySelector('.items'); - var obsolete = new Set(container.children); - var childrenByKey = new Map(); + const container = el.querySelector('.items'); + const obsolete = new Set(container.children); + const childrenByKey = new Map(); - obsolete.forEach(function (child) { - childrenByKey.set(child.dataset.key, child); - }); + obsolete.forEach((child) => childrenByKey.set(child.dataset.key, child)); - var children = state.items.map(function (item) { - var child = childrenByKey.get(item.id); + const children = state.items.map((item) => { + let child = childrenByKey.get(item.id); if (child) { obsolete.delete(child); @@ -46,26 +47,20 @@ VT.TodoList = function (el) { child = document.createElement('div'); child.classList.add('todo-item'); child.dataset.key = item.id; - VT.TodoItem(child); + TodoItem(child); } - child.todoItem.update({ item: item }); + child.dispatchEvent(new CustomEvent('todoItem', { detail: item })); return child; }); - obsolete.forEach(function (child) { - container.removeChild(child); - }); + obsolete.forEach((child) => container.removeChild(child)); - children.forEach(function (child, index) { + children.forEach((child, index) => { if (child !== container.children[index]) { container.insertBefore(child, container.children[index]); } }); } - - el.todoList = { - update: update, - }; -}; +} diff --git a/public/scripts/TodoStore.js b/public/scripts/TodoStore.js index a51fece..c9b3997 100644 --- a/public/scripts/TodoStore.js +++ b/public/scripts/TodoStore.js @@ -1,28 +1,30 @@ -/* global VT */ -window.VT = window.VT || {}; +import { formatDateId, uuid } from './util.js'; -VT.TodoStore = function (el) { - var state = { +export function TodoStore(el) { + const state = { items: [], customLists: [], - at: VT.formatDateId(new Date()), + at: formatDateId(new Date()), customAt: 0, }; - var storeTimeout; - el.addEventListener('addItem', function (e) { - var index = 0; + let storeTimeout; - state.items.forEach(function (item) { + el.addEventListener('loadStore', load); + + el.addEventListener('addItem', (e) => { + let index = 0; + + for (const item of state.items) { if (item.listId === e.detail.listId) { index = Math.max(index, item.index + 1); } - }); + } state.items.push({ - id: VT.uuid(), + id: uuid(), listId: e.detail.listId, - index: index, + index, label: e.detail.label, done: false, }); @@ -30,71 +32,61 @@ VT.TodoStore = function (el) { dispatch({ items: state.items }); }); - el.addEventListener('checkItem', function (e) { + el.addEventListener('checkItem', (e) => { if (e.detail.item.done === e.detail.done) return; e.detail.item.done = e.detail.done; dispatch({ items: state.items }); }); - el.addEventListener('saveItem', function (e) { + el.addEventListener('saveItem', (e) => { if (e.detail.item.label === e.detail.label) return; e.detail.item.label = e.detail.label; dispatch({ items: state.items }); }); - el.addEventListener('moveItem', function (e) { - var movedItem = state.items.find(function (item) { - return item.id === e.detail.item.id; - }); + el.addEventListener('moveItem', (e) => { + const movedItem = state.items.find((item) => item.id === e.detail.item.id); - var listItems = state.items.filter(function (item) { - return item.listId === e.detail.listId && item !== movedItem; - }); + const listItems = state.items.filter( + (item) => item.listId === e.detail.listId && item !== movedItem + ); - listItems.sort(function (a, b) { - return a.index - b.index; - }); + listItems.sort((a, b) => a.index - b.index); movedItem.listId = e.detail.listId; listItems.splice(e.detail.index, 0, movedItem); - listItems.forEach(function (item, index) { + listItems.forEach((item, index) => { item.index = index; }); dispatch({ items: state.items }); }); - el.addEventListener('deleteItem', function (e) { - dispatch({ - items: state.items.filter(function (item) { - return item.id !== e.detail.id; - }), - }); + el.addEventListener('deleteItem', (e) => { + dispatch({ items: state.items.filter((item) => item.id !== e.detail.id) }); }); - el.addEventListener('addList', function (e) { - var index = 0; + el.addEventListener('addList', (e) => { + let index = 0; - state.customLists.forEach(function (customList) { + for (const customList of state.customLists) { index = Math.max(index, customList.index + 1); - }); + } state.customLists.push({ - id: VT.uuid(), - index: index, + id: uuid(), + index, title: e.detail.title || '', }); dispatch({ customLists: state.customLists }); }); - el.addEventListener('saveList', function (e) { - var list = state.customLists.find(function (l) { - return l.id === e.detail.list.id; - }); + el.addEventListener('saveList', (e) => { + const list = state.customLists.find((l) => l.id === e.detail.list.id); if (list.title === e.detail.title) return; @@ -103,49 +95,43 @@ VT.TodoStore = function (el) { dispatch({ customLists: state.customLists }); }); - el.addEventListener('moveList', function (e) { - var movedListIndex = state.customLists.findIndex(function (list) { - return list.id === e.detail.list.id; - }); - var movedList = state.customLists[movedListIndex]; + el.addEventListener('moveList', (e) => { + const movedListIndex = state.customLists.findIndex( + (list) => list.id === e.detail.list.id + ); + const movedList = state.customLists[movedListIndex]; state.customLists.splice(movedListIndex, 1); - state.customLists.sort(function (a, b) { - return a.index - b.index; - }); + state.customLists.sort((a, b) => a.index - b.index); state.customLists.splice(e.detail.index, 0, movedList); - state.customLists.forEach(function (item, index) { + state.customLists.forEach((item, index) => { item.index = index; }); dispatch({ customLists: state.customLists }); }); - el.addEventListener('deleteList', function (e) { + el.addEventListener('deleteList', (e) => { dispatch({ - customLists: state.customLists.filter(function (customList) { - return customList.id !== e.detail.id; - }), + customLists: state.customLists.filter( + (customList) => customList.id !== e.detail.id + ), }); }); - el.addEventListener('seek', function (e) { - var t = new Date(state.at + ' 00:00:00'); + el.addEventListener('seek', (e) => { + const t = new Date(`${state.at} 00:00:00`); t.setDate(t.getDate() + e.detail); - dispatch({ - at: VT.formatDateId(t), - }); + dispatch({ at: formatDateId(t) }); }); - el.addEventListener('seekHome', function () { - dispatch({ - at: VT.formatDateId(new Date()), - }); - }); + el.addEventListener('seekHome', () => + dispatch({ at: formatDateId(new Date()) }) + ); - el.addEventListener('customSeek', function (e) { + el.addEventListener('customSeek', (e) => { dispatch({ customAt: Math.max( 0, @@ -156,7 +142,7 @@ VT.TodoStore = function (el) { function dispatch(next) { Object.assign(state, next); - store(); + save(); el.dispatchEvent( new CustomEvent('todoData', { @@ -175,24 +161,21 @@ VT.TodoStore = function (el) { try { dispatch(JSON.parse(localStorage.todo)); } catch (err) { + // eslint-disable-next-line no-console console.warn(err); } } - function store() { + function save() { clearTimeout(storeTimeout); - storeTimeout = setTimeout(function () { + storeTimeout = setTimeout(() => { try { localStorage.todo = JSON.stringify(state); } catch (err) { + // eslint-disable-next-line no-console console.warn(err); } }, 100); } - - el.todoStore = { - dispatch: dispatch, - load: load, - }; -}; +} diff --git a/public/scripts/util.js b/public/scripts/util.js index 2946500..4cf6e14 100644 --- a/public/scripts/util.js +++ b/public/scripts/util.js @@ -1,54 +1,45 @@ -/* global VT */ -window.VT = window.VT || {}; - -VT.uuid = function () { - return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { - var r = (Math.random() * 16) | 0, +export function uuid() { + return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => { + const r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8; return v.toString(16); }); -}; +} -VT.formatDateId = function (date) { - var y = date.getFullYear(); - var m = date.getMonth() + 1; - var d = date.getDate(); +export function formatDateId(date) { + const y = date.getFullYear(); + const m = date.getMonth() + 1; + const d = date.getDate(); + const ys = y.toString().padStart(4, '0'); + const ms = m.toString().padStart(2, '0'); + const ds = d.toString().padStart(2, '0'); - return ( - y.toString().padStart(4, '0') + - '-' + - m.toString().padStart(2, '0') + - '-' + - d.toString().padStart(2, '0') - ); -}; + return `${ys}-${ms}-${ds}`; +} -VT.formatDate = function (date) { - return ( - VT.formatMonth(date) + - ' ' + - VT.formatDayOfMonth(date) + - ' ' + - date.getFullYear().toString().padStart(4, '0') - ); -}; +export function formatDate(date) { + const m = formatMonth(date); + const d = formatDayOfMonth(date); + const y = date.getFullYear().toString().padStart(4, '0'); + return `${m} ${d} ${y}`; +} -VT.formatDayOfMonth = function (date) { - var d = date.getDate(); - var t = d % 10; +export function formatDayOfMonth(date) { + const d = date.getDate(); + const t = d % 10; return d === 11 || d === 12 || d === 13 - ? d + 'th' + ? `${d}th` : t === 1 - ? d + 'st' + ? `${d}st` : t === 2 - ? d + 'nd' + ? `${d}nd` : t === 3 - ? d + 'rd' - : d + 'th'; -}; + ? `${d}rd` + : `${d}th`; +} -VT.DAY_NAMES = [ +export const DAY_NAMES = [ 'Sunday', 'Monday', 'Tuesday', @@ -58,11 +49,11 @@ VT.DAY_NAMES = [ 'Saturday', ]; -VT.formatDayOfWeek = function (date) { - return VT.DAY_NAMES[date.getDay()]; -}; +export function formatDayOfWeek(date) { + return DAY_NAMES[date.getDay()]; +} -VT.MONTH_NAMES = [ +export const MONTH_NAMES = [ 'January', 'February', 'March', @@ -77,6 +68,6 @@ VT.MONTH_NAMES = [ 'December', ]; -VT.formatMonth = function (date) { - return VT.MONTH_NAMES[date.getMonth()]; -}; +export function formatMonth(date) { + return MONTH_NAMES[date.getMonth()]; +} diff --git a/public/styles/app-collapsible.css b/public/styles/app-collapsible.css index e010ec3..f779cd3 100644 --- a/public/styles/app-collapsible.css +++ b/public/styles/app-collapsible.css @@ -6,7 +6,7 @@ background: #eee; } -.app-collapsible > .bar > .app-button:active { +.app-collapsible > .bar > .toggle:active { background: #fff; } diff --git a/public/styles/app-header.css b/public/styles/app-header.css index 058e8b0..7078c00 100644 --- a/public/styles/app-header.css +++ b/public/styles/app-header.css @@ -9,7 +9,7 @@ margin: 0; } -.app-header > .app-fps { +.app-header > .fps { position: absolute; top: 10px; right: 20px; diff --git a/public/styles/app-icon.css b/public/styles/app-icon.css index 4fa2240..0707940 100644 --- a/public/styles/app-icon.css +++ b/public/styles/app-icon.css @@ -8,7 +8,7 @@ width: 1em; height: 1em; vertical-align: bottom; - fill: currentColor; + fill: currentcolor; transition: transform 0.1s ease-out; } diff --git a/public/styles/todo-custom-list.css b/public/styles/todo-custom-list.css index b661885..62163bb 100644 --- a/public/styles/todo-custom-list.css +++ b/public/styles/todo-custom-list.css @@ -52,8 +52,8 @@ } .todo-custom-list.-dragging { - box-shadow: 10px 0 12px -14px rgba(0, 0, 0, 0.3), - -10px 0 12px -14px rgba(0, 0, 0, 0.3); + box-shadow: 10px 0 12px -14px rgba(0, 0, 0, 30%), + -10px 0 12px -14px rgba(0, 0, 0, 30%); background: #fff; opacity: 0.8; }