diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..00441c4 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,8 @@ +{ + "trailingComma": "none", + "tabWidth": 2, + "semi": true, + "singleQuote": false, + "arrowParens": "avoid", + "printWidth": 100 +} \ No newline at end of file diff --git a/README.md b/README.md index 26b4265..bbd55da 100644 --- a/README.md +++ b/README.md @@ -1,23 +1,34 @@ # MobX JSX -This library is a demonstration of how MobX fine grain control can be leveraged directly in JSX for considerably better performance than pairing it with a Virtual DOM library. Even the fastest Virtual DOM library will have overhead when reconciling many small discreet changes into a scheduled render and patch. +This library is a demonstration of how MobX fine grain control can be leveraged directly in JSX for considerably better performance than pairing it with a Virtual DOM library. Even the fastest Virtual DOM library will have overhead when reconciling many small discrete changes into a scheduled render and patch. Check out MobX JSX performance near the top of the charts on the [JS Frameworks Benchmark](https://github.com/krausest/js-framework-benchmark). -It accomplishes this with using [Babel Plugin JSX DOM Expressions](https://github.com/ryansolid/babel-plugin-jsx-dom-expressions). It compiles JSX to DOM statements and wraps expressions in functions that can be called by the library of choice. In this case `autorun` wraps these expressions ensuring the view stays up to date. Unlike Virtual DOM only the changed nodes are affected and the whole tree is not re-rendered over and over. +It accomplishes this with using [Babel Plugin JSX DOM Expressions](https://github.com/ryansolid/dom-expressions/tree/master/packages/babel-plugin-jsx-dom-expressions). It compiles JSX to DOM statements and wraps expressions in functions that can be called by the library of choice. In this case `autorun` wraps these expressions ensuring the view stays up to date. Unlike Virtual DOM only the changed nodes are affected and the whole tree is not re-rendered over and over. -To use call render: +## Usage + +To use call render as follow ```js -import { render } from 'mobx-jsx'; +import { render } from "mobx-jsx"; -render(App, document.getElementById('main')); +render(App, document.getElementById("main")); ``` And include 'babel-plugin-jsx-dom-expressions' in your babelrc, webpack babel loader, or rollup babel plugin. ```js -"plugins": [["jsx-dom-expressions", {moduleName: 'mobx-jsx', alwaysCreateComponents: true}]] +"plugins": [["babel-plugin-jsx-dom-expressions", {moduleName: 'mobx-jsx'}]] +``` + +See [plugin options](https://github.com/ryansolid/dom-expressions/tree/master/packages/babel-plugin-jsx-dom-expressions#plugin-options) + +For TS JSX types add to your `tsconfig.json`: + +```js +"jsx": "preserve", +"jsxImportSource": "mobx-jsx" ``` ## Installation @@ -26,35 +37,128 @@ And include 'babel-plugin-jsx-dom-expressions' in your babelrc, webpack babel lo > npm install mobx-jsx babel-plugin-jsx-dom-expressions ``` -## Example - -[Mobx Counter(Functions)](https://codesandbox.io/s/mobx-counterfunctions-3sqv1) +## Examples -[MobX Counter(Classes)](https://codesandbox.io/s/mobx-counterclasses-uz7g9) +- [Counter Using Functions](https://codesandbox.io/s/mobx-counterfunctions-3sqv1) +- [Counter Using Classes](https://codesandbox.io/s/mobx-counterclasses-uz7g9) +- [Lazy Loading](https://codesandbox.io/s/mobx-lazy-demo-ev95s) +- [Context](https://codesandbox.io/s/mobx-counter-context-wlu1x) ## API -MobX JSX works both with function and class components(extend Component from this library). It also ships a specialize map function for optimal list rendering that takes an observable array as it's first argument. +MobX JSX works both with function and Class components (extend Component from this library). + +### Map For Observable Arrays + +Ships a specialize map function for optimal list rendering that takes an observable array as it's first argument. To avoid re-rendering the complete list on changes. ```jsx +import { map } from "mobx-jsx"; + const list = observable(["Alpha", "Beta", "Gamma"]); - +; +``` + +### Lifecycles + +Unlike React `render` only runs once, so you may not need to split in functions or methods your Lifecycles, all the initialization code could be set on `render`. See the issue [Lifecycles](https://github.com/ryansolid/mobx-jsx/issues/23) for further information. + +However, you may emulate `componentDidMount` and `componentWillUnmount`. The microtask `Promise` resolution will be after mount and `cleanup` runs at the beginning of re-evaluation so the elements aren't removed yet. + +#### Example + +```jsx +import { render, cleanup, Component as _Component } from "mobx-jsx"; + +class Component extends _Component { + constructor(props) { + super(props); + if (this.componentDidMount) { + Promise.resolve().then(() => this.componentDidMount()); + } + if (this.componentWillUnmount) { + cleanup(() => this.componentWillUnmount()); + } + } +} + +class App extends Component { + componentDidMount() { + console.log("componentDidMount"); + } + componentWillUnmount() { + console.log("componentWillUnmount"); + } +} +``` + +### Mounting + +Mounting can be done by functions and not class components. However you may use an arrow function as follows: + +```jsx +import { render, Component } from "mobx-jsx"; + +class App extends Component { + render() { + return
Mounted
+ } +} + +render(() => , document.body); +``` + +### References + +`ref` assigns to a variable. + + +```jsx +let elRef; +Promise.resolve().then(() => elRef.clientWidth); +
``` -MobX JSX also supports a Context API. +Note: Promise.resolve().then is used as `mount` see the issue [Lifecycles](https://github.com/ryansolid/mobx-jsx/issues/23) for further information. +### Lazily Loading a Component + +```jsx +import { render, lazy } from "mobx-jsx"; + +// use lazy to allow code splitting +const SomeComponent = lazy(() => import("./SomeComponent")); + +function App() { + return ( + <> + + + ); +} + +render(App, document.body); +``` + +### MobX JSX also supports a Context API. + +## Non-precompiled environments + +Alternatively supports Tagged Template Literals or HyperScript for non-precompiled environments by installing the companion library and including variants: -Alternatively this library supports Tagged Template Literals or HyperScript for non-precompiled environments by installing the companion library and including variants: ```js -import { html } from 'mobx-jsx/html'; // or -import { h } from 'mobx-jsx/h'; +import { html } from "mobx-jsx/html"; // or +import { h } from "mobx-jsx/h"; ``` + There is a small performance overhead of using these runtimes but the performance is still very impressive. Tagged Template solution is much more performant that the HyperScript version, but HyperScript opens up compatibility with some companion tooling like: -* [HyperScript Helpers](https://github.com/ohanhi/hyperscript-helpers) Use an element as functions DSL -* [Babel Plugin HTM](https://github.com/developit/htm/tree/master/packages/babel-plugin-htm) Transpile Tagged Template Literals to HyperScript for IE11 compatibility +- [HyperScript Helpers](https://github.com/ohanhi/hyperscript-helpers) Use an element as functions DSL +- [Babel Plugin HTM](https://github.com/developit/htm/tree/master/packages/babel-plugin-htm) Transpile Tagged Template Literals to HyperScript for IE11 compatibility Further documentation available at: [Lit DOM Expressions](https://github.com/ryansolid/lit-dom-expressions) and [Hyper DOM Expressions](https://github.com/ryansolid/hyper-dom-expressions). diff --git a/dom-expressions.config.js b/dom-expressions.config.js deleted file mode 100644 index 55e862f..0000000 --- a/dom-expressions.config.js +++ /dev/null @@ -1,10 +0,0 @@ -module.exports = { - output: 'src/runtime.js', - includeTypes: true, - variables: { - imports: [ - `import { computed as wrap } from './core'` - ], - classComponents: true - } -} \ No newline at end of file diff --git a/jsx-runtime.d.ts b/jsx-runtime.d.ts new file mode 100644 index 0000000..20cd695 --- /dev/null +++ b/jsx-runtime.d.ts @@ -0,0 +1 @@ +export * from "./types/jsx" \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 96ac98c..47fecc7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,237 +1,1512 @@ { "name": "mobx-jsx", - "version": "0.7.0", - "lockfileVersion": 1, + "version": "0.16.0", + "lockfileVersion": 2, "requires": true, + "packages": { + "": { + "name": "mobx-jsx", + "version": "0.16.0", + "license": "MIT", + "dependencies": { + "csstype": "^3.1.0" + }, + "devDependencies": { + "@babel/core": "7.19.3", + "@babel/preset-typescript": "7.18.6", + "@rollup/plugin-babel": "5.3.1", + "@rollup/plugin-node-resolve": "14.1.0", + "dom-expressions": "0.34.12", + "hyper-dom-expressions": "0.34.12", + "lit-dom-expressions": "0.34.12", + "mobx": "^6.6.2", + "ncp": "2.0.0", + "rollup": "^2.41.4", + "typescript": "4.8.4" + }, + "peerDependencies": { + "mobx": "> 6.0.0" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", + "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.1.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", + "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.19.3.tgz", + "integrity": "sha512-prBHMK4JYYK+wDjJF1q99KK4JLL+egWS4nmNqdlMUgCExMZ+iZW0hGhyC3VEbsPjvaN0TBhW//VIFwBrk8sEiw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.19.3.tgz", + "integrity": "sha512-WneDJxdsjEvyKtXKsaBGbDeiyOjR5vYq4HcShxnIbG0qixpoHjI3MqeZM9NDvsojNCEBItQE4juOo/bU6e72gQ==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.19.3", + "@babel/helper-compilation-targets": "^7.19.3", + "@babel/helper-module-transforms": "^7.19.0", + "@babel/helpers": "^7.19.0", + "@babel/parser": "^7.19.3", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.3", + "@babel/types": "^7.19.3", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.1", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.19.3.tgz", + "integrity": "sha512-fqVZnmp1ncvZU757UzDheKZpfPgatqY59XtW2/j/18H7u76akb8xqvjw82f+i2UKd/ksYsSick/BCLQUUtJ/qQ==", + "dev": true, + "dependencies": { + "@babel/types": "^7.19.3", + "@jridgewell/gen-mapping": "^0.3.2", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", + "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.3.tgz", + "integrity": "sha512-65ESqLGyGmLvgR0mst5AdW1FkNlj9rQsCKduzEoEPhBCDFGXvz2jW6bXFG6i0/MrV2s7hhXjjb2yAzcPuQlLwg==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.19.3", + "@babel/helper-validator-option": "^7.18.6", + "browserslist": "^4.21.3", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-create-class-features-plugin": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz", + "integrity": "sha512-NRz8DwF4jT3UfrmUoZjd0Uph9HQnP30t7Ash+weACcyNkiYTywpIjDBgReJMKgr+n86sn2nPVVmJ28Dm053Kqw==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-member-expression-to-functions": "^7.18.9", + "@babel/helper-optimise-call-expression": "^7.18.6", + "@babel/helper-replace-supers": "^7.18.9", + "@babel/helper-split-export-declaration": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz", + "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==", + "dev": true, + "dependencies": { + "@babel/template": "^7.18.10", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-member-expression-to-functions": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz", + "integrity": "sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.9" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", + "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz", + "integrity": "sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.18.6", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.0", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-optimise-call-expression": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz", + "integrity": "sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz", + "integrity": "sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-replace-supers": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz", + "integrity": "sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-member-expression-to-functions": "^7.18.9", + "@babel/helper-optimise-call-expression": "^7.18.6", + "@babel/traverse": "^7.19.1", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz", + "integrity": "sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz", + "integrity": "sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz", + "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.19.0.tgz", + "integrity": "sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==", + "dev": true, + "dependencies": { + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.0", + "@babel/types": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz", + "integrity": "sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-syntax-typescript": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz", + "integrity": "sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typescript": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.19.3.tgz", + "integrity": "sha512-z6fnuK9ve9u/0X0rRvI9MY0xg+DOUaABDYOe+/SQTxtlptaBB/V9JIUxJn6xp3lMBeb9qe8xSFmHU35oZDXD+w==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.19.0", + "@babel/helper-plugin-utils": "^7.19.0", + "@babel/plugin-syntax-typescript": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-typescript": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz", + "integrity": "sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/helper-validator-option": "^7.18.6", + "@babel/plugin-transform-typescript": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz", + "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.18.10", + "@babel/types": "^7.18.10" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.19.3.tgz", + "integrity": "sha512-qh5yf6149zhq2sgIXmwjnsvmnNQC2iw70UFjp4olxucKrWd/dvlUsBI88VSLUsnMNF7/vnOiA+nk1+yLoCqROQ==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.19.3", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.19.3", + "@babel/types": "^7.19.3", + "debug": "^4.1.0", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.19.3.tgz", + "integrity": "sha512-hGCaQzIY22DJlDh9CH7NOxgKkFjBk0Cw9xDO1Xmh2151ti7wiGfQ3LauXzL4HP1fmFlTX6XjpRETTpUcv7wQLw==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.18.10", + "@babel/helper-validator-identifier": "^7.19.1", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", + "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.0", + "@jridgewell/sourcemap-codec": "^1.4.10" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.15", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz", + "integrity": "sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.0.3", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, + "node_modules/@rollup/plugin-babel": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", + "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.10.4", + "@rollup/pluginutils": "^3.1.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0", + "@types/babel__core": "^7.1.9", + "rollup": "^1.20.0||^2.0.0" + }, + "peerDependenciesMeta": { + "@types/babel__core": { + "optional": true + } + } + }, + "node_modules/@rollup/plugin-node-resolve": { + "version": "14.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-14.1.0.tgz", + "integrity": "sha512-5G2niJroNCz/1zqwXtk0t9+twOSDlG00k1Wfd7bkbbXmwg8H8dvgHdIWAun53Ps/rckfvOC7scDBjuGFg5OaWw==", + "dev": true, + "dependencies": { + "@rollup/pluginutils": "^3.1.0", + "@types/resolve": "1.17.1", + "deepmerge": "^4.2.2", + "is-builtin-module": "^3.1.0", + "is-module": "^1.0.0", + "resolve": "^1.19.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "peerDependencies": { + "rollup": "^2.78.0" + } + }, + "node_modules/@rollup/pluginutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz", + "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==", + "dev": true, + "dependencies": { + "@types/estree": "0.0.39", + "estree-walker": "^1.0.1", + "picomatch": "^2.2.2" + }, + "engines": { + "node": ">= 8.0.0" + }, + "peerDependencies": { + "rollup": "^1.20.0||^2.0.0" + } + }, + "node_modules/@types/estree": { + "version": "0.0.39", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", + "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==", + "dev": true + }, + "node_modules/@types/node": { + "version": "18.8.3", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.3.tgz", + "integrity": "sha512-0os9vz6BpGwxGe9LOhgP/ncvYN5Tx1fNcd2TM3rD/aCGBkysb+ZWpXEocG24h6ZzOi13+VB8HndAQFezsSOw1w==", + "dev": true + }, + "node_modules/@types/resolve": { + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", + "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/babel-plugin-transform-rename-import": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-rename-import/-/babel-plugin-transform-rename-import-2.3.0.tgz", + "integrity": "sha512-dPgJoT57XC0PqSnLgl2FwNvxFrWlspatX2dkk7yjKQj5HHGw071vAcOf+hqW8ClqcBDMvEbm6mevn5yHAD8mlQ==", + "dev": true + }, + "node_modules/browserslist": { + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", + "node-releases": "^2.0.6", + "update-browserslist-db": "^1.0.9" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/builtin-modules": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz", + "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==", + "dev": true, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001416", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001416.tgz", + "integrity": "sha512-06wzzdAkCPZO+Qm4e/eNghZBDfVNDsCgw33T27OwBH9unE9S478OYw//Q2L7Npf/zBzs7rjZOszIFQkwQKAEqA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + } + ] + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/convert-source-map": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", + "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.1" + } + }, + "node_modules/csstype": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", + "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deepmerge": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", + "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/devalue": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/devalue/-/devalue-2.0.1.tgz", + "integrity": "sha512-I2TiqT5iWBEyB8GRfTDP0hiLZ0YeDJZ+upDxjBfOC2lebO5LezQMv7QvIUTzdb64jQyAKLf1AHADtGN+jw6v8Q==", + "dev": true + }, + "node_modules/dom-expressions": { + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/dom-expressions/-/dom-expressions-0.34.12.tgz", + "integrity": "sha512-GIKL8KOJ45RsBe7hI3QeTe9gtBUty36FIcSG0CFE9U6CVPciWX2ye5W5kmfI64TENFh19k9u1anZBQEqmfudoA==", + "dev": true, + "dependencies": { + "babel-plugin-transform-rename-import": "^2.3.0", + "devalue": "^2.0.1" + }, + "peerDependencies": { + "csstype": "^3.0" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.4.275", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.275.tgz", + "integrity": "sha512-aJeQQ+Hl9Jyyzv4chBqYJwmVRY46N5i2BEX5Cuyk/5gFCUZ5F3i7Hnba6snZftWla7Gglwc5pIgcd+E7cW+rPg==", + "dev": true + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/estree-walker": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz", + "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1" + }, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/hyper-dom-expressions": { + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/hyper-dom-expressions/-/hyper-dom-expressions-0.34.12.tgz", + "integrity": "sha512-mz6lUmtWt16Xx4hHjnN32QPV19gfy6Lh+C/ASyn+6Hxsgv2+8Q4P552etfNnhgoIE4c7foRSlvow5OU6m6ljmA==", + "dev": true + }, + "node_modules/is-builtin-module": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz", + "integrity": "sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==", + "dev": true, + "dependencies": { + "builtin-modules": "^3.3.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-core-module": { + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz", + "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==", + "dev": true, + "dependencies": { + "has": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", + "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", + "dev": true + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json5": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", + "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/lit-dom-expressions": { + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/lit-dom-expressions/-/lit-dom-expressions-0.34.12.tgz", + "integrity": "sha512-Bffcw6tTA4qsBJt034ip28xx9sAx1xMJ56h6lOd4cQ0gC+goVpPiQMkoNLeMUvrcRIPdsOpdjraZHvRO5/H5Rg==", + "dev": true + }, + "node_modules/mobx": { + "version": "6.6.2", + "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.6.2.tgz", + "integrity": "sha512-IOpS0bf3+hXIhDIy+CmlNMBfFpAbHS0aVHcNC+xH/TFYEKIIVDKNYRh9eKlXuVfJ1iRKAp0cRVmO145CyJAMVQ==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mobx" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/ncp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz", + "integrity": "sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==", + "dev": true, + "bin": { + "ncp": "bin/ncp" + } + }, + "node_modules/node-releases": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", + "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", + "dev": true + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/resolve": { + "version": "1.22.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", + "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.9.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=10.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/typescript": { + "version": "4.8.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz", + "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "browserslist-lint": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + } + }, "dependencies": { + "@ampproject/remapping": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", + "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, + "requires": { + "@jridgewell/gen-mapping": "^0.1.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, "@babel/code-frame": { - "version": "7.5.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz", - "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", + "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", "dev": true, "requires": { - "@babel/highlight": "^7.0.0" + "@babel/highlight": "^7.18.6" } }, + "@babel/compat-data": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.19.3.tgz", + "integrity": "sha512-prBHMK4JYYK+wDjJF1q99KK4JLL+egWS4nmNqdlMUgCExMZ+iZW0hGhyC3VEbsPjvaN0TBhW//VIFwBrk8sEiw==", + "dev": true + }, "@babel/core": { - "version": "7.6.4", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.6.4.tgz", - "integrity": "sha512-Rm0HGw101GY8FTzpWSyRbki/jzq+/PkNQJ+nSulrdY6gFGOsNseCqD6KHRYe2E+EdzuBdr2pxCp6s4Uk6eJ+XQ==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.5.5", - "@babel/generator": "^7.6.4", - "@babel/helpers": "^7.6.2", - "@babel/parser": "^7.6.4", - "@babel/template": "^7.6.0", - "@babel/traverse": "^7.6.3", - "@babel/types": "^7.6.3", - "convert-source-map": "^1.1.0", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.19.3.tgz", + "integrity": "sha512-WneDJxdsjEvyKtXKsaBGbDeiyOjR5vYq4HcShxnIbG0qixpoHjI3MqeZM9NDvsojNCEBItQE4juOo/bU6e72gQ==", + "dev": true, + "requires": { + "@ampproject/remapping": "^2.1.0", + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.19.3", + "@babel/helper-compilation-targets": "^7.19.3", + "@babel/helper-module-transforms": "^7.19.0", + "@babel/helpers": "^7.19.0", + "@babel/parser": "^7.19.3", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.3", + "@babel/types": "^7.19.3", + "convert-source-map": "^1.7.0", "debug": "^4.1.0", - "json5": "^2.1.0", - "lodash": "^4.17.13", - "resolve": "^1.3.2", - "semver": "^5.4.1", - "source-map": "^0.5.0" + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.1", + "semver": "^6.3.0" } }, "@babel/generator": { - "version": "7.6.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.6.4.tgz", - "integrity": "sha512-jsBuXkFoZxk0yWLyGI9llT9oiQ2FeTASmRFE32U+aaDTfoE92t78eroO7PTpU/OrYq38hlcDM6vbfLDaOLy+7w==", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.19.3.tgz", + "integrity": "sha512-fqVZnmp1ncvZU757UzDheKZpfPgatqY59XtW2/j/18H7u76akb8xqvjw82f+i2UKd/ksYsSick/BCLQUUtJ/qQ==", + "dev": true, + "requires": { + "@babel/types": "^7.19.3", + "@jridgewell/gen-mapping": "^0.3.2", + "jsesc": "^2.5.1" + }, + "dependencies": { + "@jridgewell/gen-mapping": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", + "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + } + } + } + }, + "@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-compilation-targets": { + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.3.tgz", + "integrity": "sha512-65ESqLGyGmLvgR0mst5AdW1FkNlj9rQsCKduzEoEPhBCDFGXvz2jW6bXFG6i0/MrV2s7hhXjjb2yAzcPuQlLwg==", "dev": true, "requires": { - "@babel/types": "^7.6.3", - "jsesc": "^2.5.1", - "lodash": "^4.17.13", - "source-map": "^0.5.0" + "@babel/compat-data": "^7.19.3", + "@babel/helper-validator-option": "^7.18.6", + "browserslist": "^4.21.3", + "semver": "^6.3.0" } }, "@babel/helper-create-class-features-plugin": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.6.0.tgz", - "integrity": "sha512-O1QWBko4fzGju6VoVvrZg0RROCVifcLxiApnGP3OWfWzvxRZFCoBD81K5ur5e3bVY2Vf/5rIJm8cqPKn8HUJng==", + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz", + "integrity": "sha512-NRz8DwF4jT3UfrmUoZjd0Uph9HQnP30t7Ash+weACcyNkiYTywpIjDBgReJMKgr+n86sn2nPVVmJ28Dm053Kqw==", "dev": true, "requires": { - "@babel/helper-function-name": "^7.1.0", - "@babel/helper-member-expression-to-functions": "^7.5.5", - "@babel/helper-optimise-call-expression": "^7.0.0", - "@babel/helper-plugin-utils": "^7.0.0", - "@babel/helper-replace-supers": "^7.5.5", - "@babel/helper-split-export-declaration": "^7.4.4" + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-member-expression-to-functions": "^7.18.9", + "@babel/helper-optimise-call-expression": "^7.18.6", + "@babel/helper-replace-supers": "^7.18.9", + "@babel/helper-split-export-declaration": "^7.18.6" } }, + "@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true + }, "@babel/helper-function-name": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz", - "integrity": "sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw==", + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz", + "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==", "dev": true, "requires": { - "@babel/helper-get-function-arity": "^7.0.0", - "@babel/template": "^7.1.0", - "@babel/types": "^7.0.0" + "@babel/template": "^7.18.10", + "@babel/types": "^7.19.0" } }, - "@babel/helper-get-function-arity": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz", - "integrity": "sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ==", + "@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", "dev": true, "requires": { - "@babel/types": "^7.0.0" + "@babel/types": "^7.18.6" } }, "@babel/helper-member-expression-to-functions": { - "version": "7.5.5", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.5.5.tgz", - "integrity": "sha512-5qZ3D1uMclSNqYcXqiHoA0meVdv+xUEex9em2fqMnrk/scphGlGgg66zjMrPJESPwrFJ6sbfFQYUSa0Mz7FabA==", + "version": "7.18.9", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz", + "integrity": "sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==", "dev": true, "requires": { - "@babel/types": "^7.5.5" + "@babel/types": "^7.18.9" } }, "@babel/helper-module-imports": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.0.0.tgz", - "integrity": "sha512-aP/hlLq01DWNEiDg4Jn23i+CXxW/owM4WpDLFUbpjxe4NS3BhLVZQ5i7E0ZrxuQ/vwekIeciyamgB1UIYxxM6A==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", + "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", "dev": true, "requires": { - "@babel/types": "^7.0.0" + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-module-transforms": { + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz", + "integrity": "sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.18.6", + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.0", + "@babel/types": "^7.19.0" } }, "@babel/helper-optimise-call-expression": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz", - "integrity": "sha512-u8nd9NQePYNQV8iPWu/pLLYBqZBa4ZaY1YWRFMuxrid94wKI1QNt67NEZ7GAe5Kc/0LLScbim05xZFWkAdrj9g==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz", + "integrity": "sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==", "dev": true, "requires": { - "@babel/types": "^7.0.0" + "@babel/types": "^7.18.6" } }, "@babel/helper-plugin-utils": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz", - "integrity": "sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==", + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz", + "integrity": "sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==", "dev": true }, "@babel/helper-replace-supers": { - "version": "7.5.5", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.5.5.tgz", - "integrity": "sha512-XvRFWrNnlsow2u7jXDuH4jDDctkxbS7gXssrP4q2nUD606ukXHRvydj346wmNg+zAgpFx4MWf4+usfC93bElJg==", + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz", + "integrity": "sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-member-expression-to-functions": "^7.18.9", + "@babel/helper-optimise-call-expression": "^7.18.6", + "@babel/traverse": "^7.19.1", + "@babel/types": "^7.19.0" + } + }, + "@babel/helper-simple-access": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz", + "integrity": "sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==", "dev": true, "requires": { - "@babel/helper-member-expression-to-functions": "^7.5.5", - "@babel/helper-optimise-call-expression": "^7.0.0", - "@babel/traverse": "^7.5.5", - "@babel/types": "^7.5.5" + "@babel/types": "^7.18.6" } }, "@babel/helper-split-export-declaration": { - "version": "7.4.4", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz", - "integrity": "sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", "dev": true, "requires": { - "@babel/types": "^7.4.4" + "@babel/types": "^7.18.6" } }, + "@babel/helper-string-parser": { + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz", + "integrity": "sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==", + "dev": true + }, + "@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "dev": true + }, + "@babel/helper-validator-option": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz", + "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==", + "dev": true + }, "@babel/helpers": { - "version": "7.6.2", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.6.2.tgz", - "integrity": "sha512-3/bAUL8zZxYs1cdX2ilEE0WobqbCmKWr/889lf2SS0PpDcpEIY8pb1CCyz0pEcX3pEb+MCbks1jIokz2xLtGTA==", + "version": "7.19.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.19.0.tgz", + "integrity": "sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==", "dev": true, "requires": { - "@babel/template": "^7.6.0", - "@babel/traverse": "^7.6.2", - "@babel/types": "^7.6.0" + "@babel/template": "^7.18.10", + "@babel/traverse": "^7.19.0", + "@babel/types": "^7.19.0" } }, "@babel/highlight": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.5.0.tgz", - "integrity": "sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", "dev": true, "requires": { + "@babel/helper-validator-identifier": "^7.18.6", "chalk": "^2.0.0", - "esutils": "^2.0.2", "js-tokens": "^4.0.0" } }, "@babel/parser": { - "version": "7.6.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.6.4.tgz", - "integrity": "sha512-D8RHPW5qd0Vbyo3qb+YjO5nvUVRTXFLQ/FsDxJU2Nqz4uB5EnUN0ZQSEYpvTIbRuttig1XbHWU5oMeQwQSAA+A==", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz", + "integrity": "sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ==", "dev": true }, "@babel/plugin-syntax-typescript": { - "version": "7.3.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.3.3.tgz", - "integrity": "sha512-dGwbSMA1YhVS8+31CnPR7LB4pcbrzcV99wQzby4uAfrkZPYZlQ7ImwdpzLqi6Z6IL02b8IAL379CaMwo0x5Lag==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz", + "integrity": "sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==", "dev": true, "requires": { - "@babel/helper-plugin-utils": "^7.0.0" + "@babel/helper-plugin-utils": "^7.18.6" } }, "@babel/plugin-transform-typescript": { - "version": "7.6.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.6.3.tgz", - "integrity": "sha512-aiWINBrPMSC3xTXRNM/dfmyYuPNKY/aexYqBgh0HBI5Y+WO5oRAqW/oROYeYHrF4Zw12r9rK4fMk/ZlAmqx/FQ==", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.19.3.tgz", + "integrity": "sha512-z6fnuK9ve9u/0X0rRvI9MY0xg+DOUaABDYOe+/SQTxtlptaBB/V9JIUxJn6xp3lMBeb9qe8xSFmHU35oZDXD+w==", "dev": true, "requires": { - "@babel/helper-create-class-features-plugin": "^7.6.0", - "@babel/helper-plugin-utils": "^7.0.0", - "@babel/plugin-syntax-typescript": "^7.2.0" + "@babel/helper-create-class-features-plugin": "^7.19.0", + "@babel/helper-plugin-utils": "^7.19.0", + "@babel/plugin-syntax-typescript": "^7.18.6" } }, "@babel/preset-typescript": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.6.0.tgz", - "integrity": "sha512-4xKw3tTcCm0qApyT6PqM9qniseCE79xGHiUnNdKGdxNsGUc2X7WwZybqIpnTmoukg3nhPceI5KPNzNqLNeIJww==", + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz", + "integrity": "sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==", "dev": true, "requires": { - "@babel/helper-plugin-utils": "^7.0.0", - "@babel/plugin-transform-typescript": "^7.6.0" + "@babel/helper-plugin-utils": "^7.18.6", + "@babel/helper-validator-option": "^7.18.6", + "@babel/plugin-transform-typescript": "^7.18.6" } }, "@babel/template": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.6.0.tgz", - "integrity": "sha512-5AEH2EXD8euCk446b7edmgFdub/qfH1SN6Nii3+fyXP807QRx9Q73A2N5hNwRRslC2H9sNzaFhsPubkS4L8oNQ==", + "version": "7.18.10", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz", + "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==", "dev": true, "requires": { - "@babel/code-frame": "^7.0.0", - "@babel/parser": "^7.6.0", - "@babel/types": "^7.6.0" + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.18.10", + "@babel/types": "^7.18.10" } }, "@babel/traverse": { - "version": "7.6.3", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.6.3.tgz", - "integrity": "sha512-unn7P4LGsijIxaAJo/wpoU11zN+2IaClkQAxcJWBNCMS6cmVh802IyLHNkAjQ0iYnRS3nnxk5O3fuXW28IMxTw==", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.19.3.tgz", + "integrity": "sha512-qh5yf6149zhq2sgIXmwjnsvmnNQC2iw70UFjp4olxucKrWd/dvlUsBI88VSLUsnMNF7/vnOiA+nk1+yLoCqROQ==", "dev": true, "requires": { - "@babel/code-frame": "^7.5.5", - "@babel/generator": "^7.6.3", - "@babel/helper-function-name": "^7.1.0", - "@babel/helper-split-export-declaration": "^7.4.4", - "@babel/parser": "^7.6.3", - "@babel/types": "^7.6.3", + "@babel/code-frame": "^7.18.6", + "@babel/generator": "^7.19.3", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.19.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.19.3", + "@babel/types": "^7.19.3", "debug": "^4.1.0", - "globals": "^11.1.0", - "lodash": "^4.17.13" + "globals": "^11.1.0" } }, "@babel/types": { - "version": "7.6.3", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.6.3.tgz", - "integrity": "sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==", + "version": "7.19.3", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.19.3.tgz", + "integrity": "sha512-hGCaQzIY22DJlDh9CH7NOxgKkFjBk0Cw9xDO1Xmh2151ti7wiGfQ3LauXzL4HP1fmFlTX6XjpRETTpUcv7wQLw==", "dev": true, "requires": { - "esutils": "^2.0.2", - "lodash": "^4.17.13", + "@babel/helper-string-parser": "^7.18.10", + "@babel/helper-validator-identifier": "^7.19.1", "to-fast-properties": "^2.0.0" } }, + "@jridgewell/gen-mapping": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", + "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.0", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true + }, + "@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, + "@jridgewell/trace-mapping": { + "version": "0.3.15", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz", + "integrity": "sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==", + "dev": true, + "requires": { + "@jridgewell/resolve-uri": "^3.0.3", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, + "@rollup/plugin-babel": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", + "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.10.4", + "@rollup/pluginutils": "^3.1.0" + } + }, + "@rollup/plugin-node-resolve": { + "version": "14.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-14.1.0.tgz", + "integrity": "sha512-5G2niJroNCz/1zqwXtk0t9+twOSDlG00k1Wfd7bkbbXmwg8H8dvgHdIWAun53Ps/rckfvOC7scDBjuGFg5OaWw==", + "dev": true, + "requires": { + "@rollup/pluginutils": "^3.1.0", + "@types/resolve": "1.17.1", + "deepmerge": "^4.2.2", + "is-builtin-module": "^3.1.0", + "is-module": "^1.0.0", + "resolve": "^1.19.0" + } + }, + "@rollup/pluginutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz", + "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==", + "dev": true, + "requires": { + "@types/estree": "0.0.39", + "estree-walker": "^1.0.1", + "picomatch": "^2.2.2" + } + }, "@types/estree": { "version": "0.0.39", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", @@ -239,26 +1514,20 @@ "dev": true }, "@types/node": { - "version": "12.6.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.8.tgz", - "integrity": "sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==", + "version": "18.8.3", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.3.tgz", + "integrity": "sha512-0os9vz6BpGwxGe9LOhgP/ncvYN5Tx1fNcd2TM3rD/aCGBkysb+ZWpXEocG24h6ZzOi13+VB8HndAQFezsSOw1w==", "dev": true }, "@types/resolve": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", - "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==", + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", + "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==", "dev": true, "requires": { "@types/node": "*" } }, - "acorn": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz", - "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==", - "dev": true - }, "ansi-styles": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", @@ -268,10 +1537,34 @@ "color-convert": "^1.9.0" } }, + "babel-plugin-transform-rename-import": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-rename-import/-/babel-plugin-transform-rename-import-2.3.0.tgz", + "integrity": "sha512-dPgJoT57XC0PqSnLgl2FwNvxFrWlspatX2dkk7yjKQj5HHGw071vAcOf+hqW8ClqcBDMvEbm6mevn5yHAD8mlQ==", + "dev": true + }, + "browserslist": { + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", + "node-releases": "^2.0.6", + "update-browserslist-db": "^1.0.9" + } + }, "builtin-modules": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz", - "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz", + "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==", + "dev": true + }, + "caniuse-lite": { + "version": "1.0.30001416", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001416.tgz", + "integrity": "sha512-06wzzdAkCPZO+Qm4e/eNghZBDfVNDsCgw33T27OwBH9unE9S478OYw//Q2L7Npf/zBzs7rjZOszIFQkwQKAEqA==", "dev": true }, "chalk": { @@ -297,58 +1590,95 @@ "color-name": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", "dev": true }, "convert-source-map": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", - "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", + "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", "dev": true, "requires": { "safe-buffer": "~5.1.1" } }, + "csstype": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", + "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" + }, "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "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.1" + "ms": "2.1.2" } }, + "deepmerge": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", + "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", + "dev": true + }, + "devalue": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/devalue/-/devalue-2.0.1.tgz", + "integrity": "sha512-I2TiqT5iWBEyB8GRfTDP0hiLZ0YeDJZ+upDxjBfOC2lebO5LezQMv7QvIUTzdb64jQyAKLf1AHADtGN+jw6v8Q==", + "dev": true + }, "dom-expressions": { - "version": "0.13.0", - "resolved": "https://registry.npmjs.org/dom-expressions/-/dom-expressions-0.13.0.tgz", - "integrity": "sha512-0cf0R+illaZFxqnYQoH+4DAoBDQaZ9QqIX0uJXQnBOxrkxFgNa0gEBKvUjQZ9eH5xuNFXu0FSJWI9/m6P5Xzmg==", + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/dom-expressions/-/dom-expressions-0.34.12.tgz", + "integrity": "sha512-GIKL8KOJ45RsBe7hI3QeTe9gtBUty36FIcSG0CFE9U6CVPciWX2ye5W5kmfI64TENFh19k9u1anZBQEqmfudoA==", "dev": true, "requires": { - "ejs": "^2.6.2" + "babel-plugin-transform-rename-import": "^2.3.0", + "devalue": "^2.0.1" } }, - "ejs": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.7.1.tgz", - "integrity": "sha512-kS/gEPzZs3Y1rRsbGX4UOSjtP/CeJP0CxSNZHYxGfVM/VgLcv0ZqM7C45YyTj2DI2g7+P9Dd24C+IMIg6D0nYQ==", + "electron-to-chromium": { + "version": "1.4.275", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.275.tgz", + "integrity": "sha512-aJeQQ+Hl9Jyyzv4chBqYJwmVRY46N5i2BEX5Cuyk/5gFCUZ5F3i7Hnba6snZftWla7Gglwc5pIgcd+E7cW+rPg==", + "dev": true + }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", "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=", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", "dev": true }, "estree-walker": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz", - "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz", + "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==", "dev": true }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "optional": true + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "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 }, "globals": { @@ -357,22 +1687,49 @@ "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", "dev": true }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "requires": { + "function-bind": "^1.1.1" + } + }, "has-flag": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", "dev": true }, "hyper-dom-expressions": { - "version": "0.13.0", - "resolved": "https://registry.npmjs.org/hyper-dom-expressions/-/hyper-dom-expressions-0.13.0.tgz", - "integrity": "sha512-dHYyBcaEh34MIGZ8TMAKfbw11Nz/LLUTquoJTqDLTajX66pG4dgV6UJ2JLZGDOzHWgympRahBaipgMP9C5Vj5g==", + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/hyper-dom-expressions/-/hyper-dom-expressions-0.34.12.tgz", + "integrity": "sha512-mz6lUmtWt16Xx4hHjnN32QPV19gfy6Lh+C/ASyn+6Hxsgv2+8Q4P552etfNnhgoIE4c7foRSlvow5OU6m6ljmA==", "dev": true }, + "is-builtin-module": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz", + "integrity": "sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==", + "dev": true, + "requires": { + "builtin-modules": "^3.3.0" + } + }, + "is-core-module": { + "version": "2.10.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz", + "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==", + "dev": true, + "requires": { + "has": "^1.0.3" + } + }, "is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=", + "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", "dev": true }, "js-tokens": { @@ -388,36 +1745,21 @@ "dev": true }, "json5": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.1.tgz", - "integrity": "sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==", - "dev": true, - "requires": { - "minimist": "^1.2.0" - } - }, - "lit-dom-expressions": { - "version": "0.13.0", - "resolved": "https://registry.npmjs.org/lit-dom-expressions/-/lit-dom-expressions-0.13.0.tgz", - "integrity": "sha512-AG+fzW4EBbAIn6UTqQ/o8N421Gj1Gk4o3hWGZuYSakkeOUlXWwAkDHrAzNxejCHo9Rn/XhTjV8fHAvmMYIU/cg==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", + "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", "dev": true }, - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", + "lit-dom-expressions": { + "version": "0.34.12", + "resolved": "https://registry.npmjs.org/lit-dom-expressions/-/lit-dom-expressions-0.34.12.tgz", + "integrity": "sha512-Bffcw6tTA4qsBJt034ip28xx9sAx1xMJ56h6lOd4cQ0gC+goVpPiQMkoNLeMUvrcRIPdsOpdjraZHvRO5/H5Rg==", "dev": true }, "mobx": { - "version": "5.14.0", - "resolved": "https://registry.npmjs.org/mobx/-/mobx-5.14.0.tgz", - "integrity": "sha512-GhDSZV9rGlCeVBpFPVYaYSn7UjgkD3158Njailp4IJhKqbT5iiEtiRyr76b7gPj3wpUSl+NHREQqBXzc1I8jpQ==", + "version": "6.6.2", + "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.6.2.tgz", + "integrity": "sha512-IOpS0bf3+hXIhDIy+CmlNMBfFpAbHS0aVHcNC+xH/TFYEKIIVDKNYRh9eKlXuVfJ1iRKAp0cRVmO145CyJAMVQ==", "dev": true }, "ms": { @@ -426,62 +1768,54 @@ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", "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==", + "ncp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz", + "integrity": "sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==", "dev": true }, - "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", - "dev": true, - "requires": { - "path-parse": "^1.0.6" - } + "node-releases": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", + "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", + "dev": true }, - "rollup": { - "version": "1.24.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.24.0.tgz", - "integrity": "sha512-PiFETY/rPwodQ8TTC52Nz2DSCYUATznGh/ChnxActCr8rV5FIk3afBUb3uxNritQW/Jpbdn3kq1Rwh1HHYMwdQ==", - "dev": true, - "requires": { - "@types/estree": "*", - "@types/node": "*", - "acorn": "^7.1.0" - } + "path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true }, - "rollup-plugin-babel": { - "version": "4.3.3", - "resolved": "https://registry.npmjs.org/rollup-plugin-babel/-/rollup-plugin-babel-4.3.3.tgz", - "integrity": "sha512-tKzWOCmIJD/6aKNz0H1GMM+lW1q9KyFubbWzGiOG540zxPPifnEAHTZwjo0g991Y+DyOZcLqBgqOdqazYE5fkw==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "rollup-pluginutils": "^2.8.1" - } + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true }, - "rollup-plugin-node-resolve": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz", - "integrity": "sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw==", + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true + }, + "resolve": { + "version": "1.22.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", + "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", "dev": true, "requires": { - "@types/resolve": "0.0.8", - "builtin-modules": "^3.1.0", - "is-module": "^1.0.0", - "resolve": "^1.11.1", - "rollup-pluginutils": "^2.8.1" + "is-core-module": "^2.9.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" } }, - "rollup-pluginutils": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz", - "integrity": "sha512-J5oAoysWar6GuZo0s+3bZ6sVZAC0pfqKz68De7ZgDi5z63jOVZn1uJL/+z1jeKHNbGII8kAyHF5q8LnxSX5lQg==", + "rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", "dev": true, "requires": { - "estree-walker": "^0.6.1" + "fsevents": "~2.3.2" } }, "safe-buffer": { @@ -491,15 +1825,9 @@ "dev": true }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "dev": true }, "supports-color": { @@ -511,17 +1839,33 @@ "has-flag": "^3.0.0" } }, + "supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "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=", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", "dev": true }, "typescript": { - "version": "3.6.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.6.4.tgz", - "integrity": "sha512-unoCll1+l+YK4i4F8f22TaNVPRHcD9PA3yCuZ8g5e0qGqlVlJ/8FSateOLLSagn+Yg5+ZwuPkL8LFUc0Jcvksg==", + "version": "4.8.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz", + "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==", "dev": true + }, + "update-browserslist-db": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "dev": true, + "requires": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + } } } } diff --git a/package.json b/package.json index abd59c7..5df1139 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "mobx-jsx", "description": "Raw MobX performance without the restraints of a Virtual DOM", - "version": "0.7.0", + "version": "0.16.0", "author": "Ryan Carniato", "license": "MIT", "repository": { @@ -12,22 +12,26 @@ "main": "lib/index.js", "types": "types/index.d.ts", "scripts": { - "build": "dom-expressions && rollup -c && tsc", + "build": "rollup -c && ncp ./src/client.d.ts ./types/client.d.ts && ncp ./src/jsx.d.ts ./types/jsx.d.ts && tsc", "prepublishOnly": "npm run build" }, + "dependencies": { + "csstype": "^3.1.0" + }, "devDependencies": { - "@babel/core": "7.6.4", - "@babel/preset-typescript": "7.6.0", - "dom-expressions": "0.13.0", - "hyper-dom-expressions": "0.13.0", - "lit-dom-expressions": "0.13.0", - "mobx": "^5.14.0", - "rollup": "^1.24.0", - "rollup-plugin-babel": "4.3.3", - "rollup-plugin-node-resolve": "5.2.0", - "typescript": "3.6.4" + "@babel/core": "7.19.3", + "@babel/preset-typescript": "7.18.6", + "@rollup/plugin-babel": "5.3.1", + "@rollup/plugin-node-resolve": "14.1.0", + "dom-expressions": "0.34.12", + "hyper-dom-expressions": "0.34.12", + "lit-dom-expressions": "0.34.12", + "mobx": "^6.6.2", + "ncp": "2.0.0", + "rollup": "^2.41.4", + "typescript": "4.8.4" }, "peerDependencies": { - "mobx": "*" + "mobx": "> 6.0.0" } } diff --git a/rollup.config.js b/rollup.config.js index a5ea831..cf2aa7f 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -1,5 +1,5 @@ -import babel from 'rollup-plugin-babel'; -import nodeResolve from 'rollup-plugin-node-resolve'; +import babel from '@rollup/plugin-babel'; +import nodeResolve from '@rollup/plugin-node-resolve'; const plugins = [ nodeResolve({ @@ -7,9 +7,17 @@ const plugins = [ }), babel({ extensions: ['.js', '.ts'], + babelHelpers: "bundled", presets: ["@babel/preset-typescript"], - exclude: 'node_modules/**', - retainLines: true + plugins: [ + [ + "babel-plugin-transform-rename-import", + { + original: "rxcore", + replacement: "../../../src/core" + } + ] + ] }) ]; @@ -33,7 +41,7 @@ export default [{ format: 'es', file: 'dist/html.js' }], - external: ['./index', 'lit-dom-expressions'], + external: ['./index', 'mobx'], plugins }, { input: 'src/h.ts', @@ -44,6 +52,6 @@ export default [{ format: 'es', file: 'dist/h.js' }], - external: ['./index', 'hyper-dom-expressions'], + external: ['./index', 'mobx'], plugins }]; \ No newline at end of file diff --git a/src/client.d.ts b/src/client.d.ts new file mode 100644 index 0000000..f2e79e8 --- /dev/null +++ b/src/client.d.ts @@ -0,0 +1,71 @@ +import { JSX } from "./jsx.js"; +export const Aliases: Record; +export const PropAliases: Record; +export const Properties: Set; +export const ChildProperties: Set; +export const DelegatedEvents: Set; +export const DOMElements: Set; +export const SVGElements: Set; +export const SVGNamespace: Record; + +type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node; +export function render(code: () => JSX.Element, element: MountableElement): () => void; +export function template(html: string, count: number, isSVG?: boolean): Element; +export function effect(fn: (prev?: T) => T, init?: T): void; +export function memo(fn: () => T, equal: boolean): () => T; +export function untrack(fn: () => T): T; +export function insert( + parent: MountableElement, + accessor: (() => T) | T, + marker?: Node | null, + init?: JSX.Element +): JSX.Element; +export function createComponent(Comp: (props: T) => JSX.Element, props: T): JSX.Element; +export function delegateEvents(eventNames: string[], d?: Document): void; +export function clearDelegatedEvents(d?: Document): void; +export function spread( + node: Element, + accessor: (() => T) | T, + isSVG?: Boolean, + skipChildren?: Boolean +): void; +export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void; +export function setAttribute(node: Element, name: string, value: string): void; +export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void; +export function className(node: Element, value: string): void; +export function innerHTML(node: Element, content: string): void; +export function addEventListener( + node: Element, + name: string, + handler: () => void, + delegate: boolean +): void; +export function classList( + node: Element, + value: { [k: string]: boolean }, + prev?: { [k: string]: boolean } +): void; +export function style( + node: Element, + value: { [k: string]: string }, + prev?: { [k: string]: string } +): void; +export function getOwner(): unknown; +export function mergeProps(...sources: unknown[]): unknown; +export function dynamicProperty(props: unknown, key: string): unknown; + +export function hydrate( + fn: () => JSX.Element, + node: MountableElement, + options?: { renderId?: string } +): () => void; +export function getHydrationKey(): string; +export function getNextElement(template?: HTMLTemplateElement): Element; +export function getNextMatch(start: Node, elementName: string): Element; +export function getNextMarker(start: Node): [Node, Array]; +export function useAssets(fn: () => string): void; +export function getAssets(): string; +export function Assets(props: { children?: JSX.Element }): JSX.Element; +export function HydrationScript(): JSX.Element; +export function NoHydration(props: { children?: JSX.Element }): JSX.Element; +export function generateHydrationScript(): string; \ No newline at end of file diff --git a/src/client.js b/src/client.js new file mode 100644 index 0000000..0260ac4 --- /dev/null +++ b/src/client.js @@ -0,0 +1 @@ +export * from "dom-expressions/src/client"; \ No newline at end of file diff --git a/src/core.ts b/src/core.ts index 84c2c1a..ed16e0c 100644 --- a/src/core.ts +++ b/src/core.ts @@ -1,223 +1,10 @@ -import { autorun, untracked, $mobx, IObservableArray } from "mobx"; - -type ContextOwner = { - disposables: any[]; - owner: ContextOwner | null; - context?: any; -}; -export interface Context { - id: symbol; - Provide: (props: any) => any; -} - -let globalContext: ContextOwner | null = null; - -export class Component { - isClassComponent?: boolean; -} -Component.prototype.isClassComponent = true; - -export function root(fn: (dispose: () => void) => T) { - let d: any[], ret: T; - globalContext = { - disposables: d = [], - owner: globalContext - }; - ret = untracked(() => - fn(() => { - let k, len: number; - for (k = 0, len = d.length; k < len; k++) d[k](); - d = []; - }) - ); - globalContext = globalContext.owner; - return ret; -} - -export function cleanup(fn: () => void) { - let ref; - (ref = globalContext) != null && ref.disposables.push(fn); -} - -export function computed(fn: (prev?: T) => T) { - let current: T, d: any[]; - const context = { - disposables: d = [], - owner: globalContext - }, - dispose = autorun(() => { - for (let k = 0, len = d.length; k < len; k++) d[k](); - d = []; - globalContext = context; - current = fn(current); - globalContext = globalContext.owner; - }); - cleanup(() => { - for (let k = 0, len = d.length; k < len; k++) d[k](); - dispose(); - }); -} - -export function createContext(initFn?: Function): Context { - const id = Symbol("context"); - return { id, Provide: createProvider(id, initFn) }; -} - -export function useContext(context: Context) { - if (globalContext === null) - return console.warn( - "Context keys cannot be looked up without a root or parent" - ); - return lookup(globalContext, context.id); -} - -function lookup(owner: ContextOwner, key: symbol | string): any { - return ( - (owner && owner.context && owner.context[key]) || - (owner.owner && lookup(owner.owner, key)) - ); -} - -function createProvider(id: symbol, initFn?: Function) { - return (props: any) => { - let rendered; - computed(() => { - untracked(() => { - const context = globalContext!.context || (globalContext!.context = {}); - context[id] = initFn ? initFn(props.value) : props.value; - rendered = props.children; - }); - }); - return rendered; - }; -} - -// Modified version of mapSample from S-array[https://github.com/adamhaile/S-array] by Adam Haile -export function map( - list: IObservableArray & { [$mobx]: any }, - mapFn: (v: T, i: number) => U | any -) { - let items = [] as T[], - mapped = [] as U[], - disposers = [] as (() => void)[], - len = 0; - cleanup(() => { - for (let i = 0, length = disposers.length; i < length; i++) disposers[i](); - }); - return () => { - list[$mobx].atom.reportObserved(); - let newItems = list, - i: number, - j: number; - return untracked(() => { - let newLen = newItems.length, - newIndices: Map, - newIndicesNext: number[], - temp: U[], - tempdisposers: (() => void)[], - start: number, - end: number, - newEnd: number, - item: T; - - // fast path for empty arrays - if (newLen === 0) { - if (len !== 0) { - for (i = 0; i < len; i++) disposers[i](); - disposers = []; - items = []; - mapped = []; - len = 0; - } - } else if (len === 0) { - for (j = 0; j < newLen; j++) { - items[j] = newItems[j]; - mapped[j] = root(mapper); - } - len = newLen; - } else { - temp = new Array(newLen); - tempdisposers = new Array(newLen); - - // skip common prefix - for ( - start = 0, end = Math.min(len, newLen); - start < end && items[start] === newItems[start]; - start++ - ); - - // common suffix - for ( - end = len - 1, newEnd = newLen - 1; - end >= start && newEnd >= start && items[end] === newItems[newEnd]; - end--, newEnd-- - ) { - temp[newEnd] = mapped[end]; - tempdisposers[newEnd] = disposers[end]; - } - - // remove any remaining nodes and we're done - if (start > newEnd) { - for (j = end; start <= j; j--) disposers[j](); - const rLen = end - start + 1; - if (rLen > 0) { - mapped.splice(start, rLen); - disposers.splice(start, rLen); - } - items = newItems.slice(0); - len = newLen; - return mapped; - } - - // insert any remaining updates and we're done - if (start > end) { - for (j = start; j <= newEnd; j++) mapped[j] = root(mapper); - for (; j < newLen; j++) { - mapped[j] = temp[j]; - disposers[j] = tempdisposers[j]; - } - items = newItems.slice(0); - len = newLen; - return mapped; - } - - // 0) prepare a map of all indices in newItems, scanning backwards so we encounter them in natural order - newIndices = new Map(); - newIndicesNext = new Array(newEnd + 1); - for (j = newEnd; j >= start; j--) { - item = newItems[j]; - i = newIndices.get(item)!; - newIndicesNext[j] = i === undefined ? -1 : i; - newIndices.set(item, j); - } - // 1) step through all old items and see if they can be found in the new set; if so, save them in a temp array and mark them moved; if not, exit them - for (i = start; i <= end; i++) { - item = items[i]; - j = newIndices.get(item)!; - if (j !== undefined && j !== -1) { - temp[j] = mapped[i]; - tempdisposers[j] = disposers[i]; - j = newIndicesNext[j]; - newIndices.set(item, j); - } else disposers[i](); - } - // 2) set all the new values, pulling from the temp array if copied, otherwise entering the new value - for (j = start; j < newLen; j++) { - if (j in temp) { - mapped[j] = temp[j]; - disposers[j] = tempdisposers[j]; - } else mapped[j] = root(mapper); - } - // 3) in case the new set is shorter than the old, set the length of the mapped array - len = mapped.length = newLen; - // 4) save a copy of the mapped items for the next update - items = newItems.slice(0); - } - return mapped; - }); - function mapper(disposer: () => void) { - disposers[j] = disposer; - return mapFn(newItems[j], j); - } - }; -} +export { + root, + effect, + memo, + createComponent, + untrack +} from "./lib" + +export const sharedConfig = {}; +export const getOwner = null; \ No newline at end of file diff --git a/src/h.ts b/src/h.ts index a6b1b13..ccbb2f2 100644 --- a/src/h.ts +++ b/src/h.ts @@ -1,6 +1,13 @@ -/// -import { createHyperScript } from 'hyper-dom-expressions'; -import * as r from './index'; +import { createHyperScript } from "hyper-dom-expressions"; +import { spread, assign, insert, createComponent, dynamicProperty, SVGElements } from "./index.js"; -export * from './index'; -export const h = createHyperScript(r); \ No newline at end of file +export const h = createHyperScript({ + spread, + assign, + insert, + createComponent, + dynamicProperty, + SVGElements +}); + +export * from './index'; \ No newline at end of file diff --git a/src/html.ts b/src/html.ts index 37dbab3..6bb0461 100644 --- a/src/html.ts +++ b/src/html.ts @@ -1,6 +1,48 @@ -/// -import { createHTML } from 'lit-dom-expressions'; -import * as r from './index'; +import { createHTML } from "lit-dom-expressions"; +import { + effect, + style, + insert, + untrack, + spread, + createComponent, + delegateEvents, + classList, + dynamicProperty, + mergeProps, + setAttribute, + setAttributeNS, + addEventListener, + Aliases, + PropAliases, + Properties, + ChildProperties, + DelegatedEvents, + SVGElements, + SVGNamespace +} from "./index.js"; -export * from './index'; -export const html = createHTML(r); \ No newline at end of file +export const html = createHTML({ + effect, + style, + insert, + untrack, + spread, + createComponent, + delegateEvents, + classList, + mergeProps, + dynamicProperty, + setAttribute, + setAttributeNS, + addEventListener, + Aliases, + PropAliases, + Properties, + ChildProperties, + DelegatedEvents, + SVGElements, + SVGNamespace +}); + +export { root, cleanup } from "./index"; diff --git a/src/index.ts b/src/index.ts index 3a93457..4afcffe 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,29 +1,5 @@ -export * from './core' -export * from './runtime' -import { root } from './core'; -import { insert, hydration, startSSR } from "./runtime"; +export { root, cleanup, createSelector, Component, lazy, createContext, useContext, map, splitProps, untrack } from "./lib"; +export type { Context, FunctionComponent, ComponentProps } from "./lib"; +export * from "./client"; -type MountableElement = Element | Document | ShadowRoot | DocumentFragment; - - -export function render(code: () => any, mount: MountableElement): () => void { - let dispose: () => void; - root(disposer => { - dispose = disposer; - insert(mount, code()); - }); - return dispose!; -} - -export function renderSSR(code: () => any, element: MountableElement): () => void { - startSSR(); - return render(code, element); -} - -export function hydrate(code: () => any, element: MountableElement): () => void { - let disposer: () => void; - hydration(() => { - disposer = render(code, element); - }, element); - return disposer!; -} \ No newline at end of file +export type { JSX } from "./jsx" diff --git a/src/jsx.d.ts b/src/jsx.d.ts new file mode 100644 index 0000000..a5417ab --- /dev/null +++ b/src/jsx.d.ts @@ -0,0 +1,2010 @@ +import * as csstype from 'csstype'; + +/** + * Based on JSX types for Surplus and Inferno and adapted for `dom-expressions`. + * + * https://github.com/adamhaile/surplus/blob/master/index.d.ts + * https://github.com/infernojs/inferno/blob/master/packages/inferno/src/core/types.ts + */ +type DOMElement = Element; + +export namespace JSX { + type Element = + | Node + | ArrayElement + | FunctionElement + | (string & {}) + | number + | boolean + | null + | undefined; + interface ArrayElement extends Array {} + interface FunctionElement { + (): Element; + } + interface ElementClass { + // empty, libs can define requirements downstream + } + interface ElementAttributesProperty { + // empty, libs can define requirements downstream + } + interface ElementChildrenAttribute { + children: {}; + } + interface EventHandler { + ( + e: E & { + currentTarget: T; + target: DOMElement; + } + ): void; + } + interface BoundEventHandler { + 0: ( + data: any, + e: E & { + currentTarget: T; + target: DOMElement; + } + ) => void; + 1: any; + } + type EventHandlerUnion = EventHandler | BoundEventHandler; + interface IntrinsicAttributes { + ref?: unknown | ((e: unknown) => void); + } + interface CustomAttributes { + ref?: T | ((el: T) => void); + classList?: { + [k: string]: boolean | undefined; + }; + $ServerOnly?: boolean; + } + type Accessor = () => T + interface Directives {} + interface DirectiveFunctions { + [x: string]: (el: Element, accessor: Accessor) => void; + } + interface ExplicitProperties {} + interface ExplicitAttributes {} + interface CustomEvents {} + interface CustomCaptureEvents {} + type DirectiveAttributes = { + [Key in keyof Directives as `use:${Key}`]?: Directives[Key]; + }; + type DirectiveFunctionAttributes = { + [K in keyof DirectiveFunctions as string extends K ? never : `use:${K}`]?: DirectiveFunctions[K] extends ( + el: infer E, // will be unknown if not provided + ...rest: infer R // use rest so that we can check whether it's provided or not + ) => void + ? T extends E // everything extends unknown if E is unknown + ? R extends [infer A] // check if has accessor provided + ? A extends Accessor + ? V // it's an accessor + : never // it isn't, type error + : true // no accessor provided + : never // T is the wrong element + : never; // it isn't a function + }; + type PropAttributes = { + [Key in keyof ExplicitProperties as `prop:${Key}`]?: ExplicitProperties[Key]; + }; + type AttrAttributes = { + [Key in keyof ExplicitAttributes as `attr:${Key}`]?: ExplicitAttributes[Key]; + }; + type OnAttributes = { + [Key in keyof CustomEvents as `on:${Key}`]?: EventHandler; + } + type OnCaptureAttributes = { + [Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler; + } + interface DOMAttributes extends CustomAttributes, DirectiveAttributes, DirectiveFunctionAttributes, PropAttributes, AttrAttributes, OnAttributes, OnCaptureAttributes { + children?: Element; + innerHTML?: string; + innerText?: string | number; + textContent?: string | number; + onCopy?: EventHandlerUnion; + onCut?: EventHandlerUnion; + onPaste?: EventHandlerUnion; + onCompositionEnd?: EventHandlerUnion; + onCompositionStart?: EventHandlerUnion; + onCompositionUpdate?: EventHandlerUnion; + onFocus?: EventHandlerUnion; + onFocusOut?: EventHandlerUnion; + onFocusIn?: EventHandlerUnion; + onBlur?: EventHandlerUnion; + onChange?: EventHandlerUnion; + onInvalid?: EventHandlerUnion; + onInput?: EventHandlerUnion; + onBeforeInput?: EventHandlerUnion; + onReset?: EventHandlerUnion; + onSubmit?: EventHandlerUnion< + T, + Event & { + submitter: HTMLElement; + } + >; + onLoad?: EventHandlerUnion; + onError?: EventHandlerUnion; + onKeyDown?: EventHandlerUnion; + onKeyPress?: EventHandlerUnion; + onKeyUp?: EventHandlerUnion; + onGotPointerCapture?: EventHandlerUnion; + onLostPointerCapture?: EventHandlerUnion; + onPointerCancel?: EventHandlerUnion; + onPointerDown?: EventHandlerUnion; + onPointerEnter?: EventHandlerUnion; + onPointerLeave?: EventHandlerUnion; + onPointerMove?: EventHandlerUnion; + onPointerOver?: EventHandlerUnion; + onPointerOut?: EventHandlerUnion; + onPointerUp?: EventHandlerUnion; + onAbort?: EventHandlerUnion; + onCanPlay?: EventHandlerUnion; + onCanPlayThrough?: EventHandlerUnion; + onDurationChange?: EventHandlerUnion; + onEmptied?: EventHandlerUnion; + onEncrypted?: EventHandlerUnion; + onEnded?: EventHandlerUnion; + onLoadedData?: EventHandlerUnion; + onLoadedMetadata?: EventHandlerUnion; + onLoadStart?: EventHandlerUnion; + onPause?: EventHandlerUnion; + onPlay?: EventHandlerUnion; + onPlaying?: EventHandlerUnion; + onProgress?: EventHandlerUnion; + onRateChange?: EventHandlerUnion; + onSeeked?: EventHandlerUnion; + onSeeking?: EventHandlerUnion; + onStalled?: EventHandlerUnion; + onSuspend?: EventHandlerUnion; + onTimeUpdate?: EventHandlerUnion; + onVolumeChange?: EventHandlerUnion; + onWaiting?: EventHandlerUnion; + onClick?: EventHandlerUnion; + onAuxClick?: EventHandlerUnion; + onContextMenu?: EventHandlerUnion; + onDblClick?: EventHandlerUnion; + onDrag?: EventHandlerUnion; + onDragEnd?: EventHandlerUnion; + onDragEnter?: EventHandlerUnion; + onDragExit?: EventHandlerUnion; + onDragLeave?: EventHandlerUnion; + onDragOver?: EventHandlerUnion; + onDragStart?: EventHandlerUnion; + onDrop?: EventHandlerUnion; + onMouseDown?: EventHandlerUnion; + onMouseEnter?: EventHandlerUnion; + onMouseLeave?: EventHandlerUnion; + onMouseMove?: EventHandlerUnion; + onMouseOut?: EventHandlerUnion; + onMouseOver?: EventHandlerUnion; + onMouseUp?: EventHandlerUnion; + onSelect?: EventHandlerUnion; + onTouchCancel?: EventHandlerUnion; + onTouchEnd?: EventHandlerUnion; + onTouchMove?: EventHandlerUnion; + onTouchStart?: EventHandlerUnion; + onScroll?: EventHandlerUnion; + onWheel?: EventHandlerUnion; + onAnimationStart?: EventHandlerUnion; + onAnimationEnd?: EventHandlerUnion; + onAnimationIteration?: EventHandlerUnion; + onTransitionEnd?: EventHandlerUnion; + + // lower case events + oncopy?: EventHandlerUnion; + oncut?: EventHandlerUnion; + onpaste?: EventHandlerUnion; + oncompositionend?: EventHandlerUnion; + oncompositionstart?: EventHandlerUnion; + oncompositionupdate?: EventHandlerUnion; + onfocus?: EventHandlerUnion; + onfocusout?: EventHandlerUnion; + onfocusin?: EventHandlerUnion; + onblur?: EventHandlerUnion; + onchange?: EventHandlerUnion; + oninvalid?: EventHandlerUnion; + oninput?: EventHandlerUnion; + onbeforeinput?: EventHandlerUnion; + onreset?: EventHandlerUnion; + onsubmit?: EventHandlerUnion< + T, + Event & { + submitter: HTMLElement; + } + >; + onload?: EventHandlerUnion; + onerror?: EventHandlerUnion; + onkeydown?: EventHandlerUnion; + onkeypress?: EventHandlerUnion; + onkeyup?: EventHandlerUnion; + ongotpointercapture?: EventHandlerUnion; + onlostpointercapture?: EventHandlerUnion; + onpointercancel?: EventHandlerUnion; + onpointerdown?: EventHandlerUnion; + onpointerenter?: EventHandlerUnion; + onpointerleave?: EventHandlerUnion; + onpointermove?: EventHandlerUnion; + onpointerover?: EventHandlerUnion; + onpointerout?: EventHandlerUnion; + onpointerup?: EventHandlerUnion; + onabort?: EventHandlerUnion; + oncanplay?: EventHandlerUnion; + oncanplaythrough?: EventHandlerUnion; + ondurationchange?: EventHandlerUnion; + onemptied?: EventHandlerUnion; + onencrypted?: EventHandlerUnion; + onended?: EventHandlerUnion; + onloadeddata?: EventHandlerUnion; + onloadedmetadata?: EventHandlerUnion; + onloadstart?: EventHandlerUnion; + onpause?: EventHandlerUnion; + onplay?: EventHandlerUnion; + onplaying?: EventHandlerUnion; + onprogress?: EventHandlerUnion; + onratechange?: EventHandlerUnion; + onseeked?: EventHandlerUnion; + onseeking?: EventHandlerUnion; + onstalled?: EventHandlerUnion; + onsuspend?: EventHandlerUnion; + ontimeupdate?: EventHandlerUnion; + onvolumechange?: EventHandlerUnion; + onwaiting?: EventHandlerUnion; + onclick?: EventHandlerUnion; + onauxclick?: EventHandlerUnion; + oncontextmenu?: EventHandlerUnion; + ondblclick?: EventHandlerUnion; + ondrag?: EventHandlerUnion; + ondragend?: EventHandlerUnion; + ondragenter?: EventHandlerUnion; + ondragexit?: EventHandlerUnion; + ondragleave?: EventHandlerUnion; + ondragover?: EventHandlerUnion; + ondragstart?: EventHandlerUnion; + ondrop?: EventHandlerUnion; + onmousedown?: EventHandlerUnion; + onmouseenter?: EventHandlerUnion; + onmouseleave?: EventHandlerUnion; + onmousemove?: EventHandlerUnion; + onmouseout?: EventHandlerUnion; + onmouseover?: EventHandlerUnion; + onmouseup?: EventHandlerUnion; + onselect?: EventHandlerUnion; + ontouchcancel?: EventHandlerUnion; + ontouchend?: EventHandlerUnion; + ontouchmove?: EventHandlerUnion; + ontouchstart?: EventHandlerUnion; + onscroll?: EventHandlerUnion; + onwheel?: EventHandlerUnion; + onanimationstart?: EventHandlerUnion; + onanimationend?: EventHandlerUnion; + onanimationiteration?: EventHandlerUnion; + ontransitionend?: EventHandlerUnion; + } + + interface CSSProperties extends csstype.PropertiesHyphen { + // Override + [key: `-${string}`]: string | number | undefined + } + + type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters"; + type HTMLDir = "ltr" | "rtl" | "auto"; + type HTMLFormEncType = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain"; + type HTMLFormMethod = "post" | "get" | "dialog"; + type HTMLCrossorigin = "anonymous" | "use-credentials" | ""; + type HTMLReferrerPolicy = + | "no-referrer" + | "no-referrer-when-downgrade" + | "origin" + | "origin-when-cross-origin" + | "same-origin" + | "strict-origin" + | "strict-origin-when-cross-origin" + | "unsafe-url"; + type HTMLIframeSandbox = + | "allow-downloads-without-user-activation" + | "allow-downloads" + | "allow-forms" + | "allow-modals" + | "allow-orientation-lock" + | "allow-pointer-lock" + | "allow-popups" + | "allow-popups-to-escape-sandbox" + | "allow-presentation" + | "allow-same-origin" + | "allow-scripts" + | "allow-storage-access-by-user-activation" + | "allow-top-navigation" + | "allow-top-navigation-by-user-activation"; + type HTMLLinkAs = + | "audio" + | "document" + | "embed" + | "fetch" + | "font" + | "image" + | "object" + | "script" + | "style" + | "track" + | "video" + | "worker"; + + // All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/ + interface AriaAttributes { + /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */ + "aria-activedescendant"?: string; + /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */ + "aria-atomic"?: boolean | "false" | "true"; + /** + * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be + * presented if they are made. + */ + "aria-autocomplete"?: "none" | "inline" | "list" | "both"; + /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */ + "aria-busy"?: boolean | "false" | "true"; + /** + * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. + * @see aria-pressed @see aria-selected. + */ + "aria-checked"?: boolean | "false" | "mixed" | "true"; + /** + * Defines the total number of columns in a table, grid, or treegrid. + * @see aria-colindex. + */ + "aria-colcount"?: number | string; + /** + * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. + * @see aria-colcount @see aria-colspan. + */ + "aria-colindex"?: number | string; + /** + * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. + * @see aria-colindex @see aria-rowspan. + */ + "aria-colspan"?: number | string; + /** + * Identifies the element (or elements) whose contents or presence are controlled by the current element. + * @see aria-owns. + */ + "aria-controls"?: string; + /** Indicates the element that represents the current item within a container or set of related elements. */ + "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time"; + /** + * Identifies the element (or elements) that describes the object. + * @see aria-labelledby + */ + "aria-describedby"?: string; + /** + * Identifies the element that provides a detailed, extended description for the object. + * @see aria-describedby. + */ + "aria-details"?: string; + /** + * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. + * @see aria-hidden @see aria-readonly. + */ + "aria-disabled"?: boolean | "false" | "true"; + /** + * Indicates what functions can be performed when a dragged object is released on the drop target. + * @deprecated in ARIA 1.1 + */ + "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup"; + /** + * Identifies the element that provides an error message for the object. + * @see aria-invalid @see aria-describedby. + */ + "aria-errormessage"?: string; + /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */ + "aria-expanded"?: boolean | "false" | "true"; + /** + * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, + * allows assistive technology to override the general default of reading in document source order. + */ + "aria-flowto"?: string; + /** + * Indicates an element's "grabbed" state in a drag-and-drop operation. + * @deprecated in ARIA 1.1 + */ + "aria-grabbed"?: boolean | "false" | "true"; + /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */ + "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog"; + /** + * Indicates whether the element is exposed to an accessibility API. + * @see aria-disabled. + */ + "aria-hidden"?: boolean | "false" | "true"; + /** + * Indicates the entered value does not conform to the format expected by the application. + * @see aria-errormessage. + */ + "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling"; + /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */ + "aria-keyshortcuts"?: string; + /** + * Defines a string value that labels the current element. + * @see aria-labelledby. + */ + "aria-label"?: string; + /** + * Identifies the element (or elements) that labels the current element. + * @see aria-describedby. + */ + "aria-labelledby"?: string; + /** Defines the hierarchical level of an element within a structure. */ + "aria-level"?: number | string; + /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */ + "aria-live"?: "off" | "assertive" | "polite"; + /** Indicates whether an element is modal when displayed. */ + "aria-modal"?: boolean | "false" | "true"; + /** Indicates whether a text box accepts multiple lines of input or only a single line. */ + "aria-multiline"?: boolean | "false" | "true"; + /** Indicates that the user may select more than one item from the current selectable descendants. */ + "aria-multiselectable"?: boolean | "false" | "true"; + /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */ + "aria-orientation"?: "horizontal" | "vertical"; + /** + * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship + * between DOM elements where the DOM hierarchy cannot be used to represent the relationship. + * @see aria-controls. + */ + "aria-owns"?: string; + /** + * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. + * A hint could be a sample value or a brief description of the expected format. + */ + "aria-placeholder"?: string; + /** + * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. + * @see aria-setsize. + */ + "aria-posinset"?: number | string; + /** + * Indicates the current "pressed" state of toggle buttons. + * @see aria-checked @see aria-selected. + */ + "aria-pressed"?: boolean | "false" | "mixed" | "true"; + /** + * Indicates that the element is not editable, but is otherwise operable. + * @see aria-disabled. + */ + "aria-readonly"?: boolean | "false" | "true"; + /** + * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. + * @see aria-atomic. + */ + "aria-relevant"?: + | "additions" + | "additions removals" + | "additions text" + | "all" + | "removals" + | "removals additions" + | "removals text" + | "text" + | "text additions" + | "text removals"; + /** Indicates that user input is required on the element before a form may be submitted. */ + "aria-required"?: boolean | "false" | "true"; + /** Defines a human-readable, author-localized description for the role of an element. */ + "aria-roledescription"?: string; + /** + * Defines the total number of rows in a table, grid, or treegrid. + * @see aria-rowindex. + */ + "aria-rowcount"?: number | string; + /** + * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. + * @see aria-rowcount @see aria-rowspan. + */ + "aria-rowindex"?: number | string; + /** + * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. + * @see aria-rowindex @see aria-colspan. + */ + "aria-rowspan"?: number | string; + /** + * Indicates the current "selected" state of various widgets. + * @see aria-checked @see aria-pressed. + */ + "aria-selected"?: boolean | "false" | "true"; + /** + * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. + * @see aria-posinset. + */ + "aria-setsize"?: number | string; + /** Indicates if items in a table or grid are sorted in ascending or descending order. */ + "aria-sort"?: "none" | "ascending" | "descending" | "other"; + /** Defines the maximum allowed value for a range widget. */ + "aria-valuemax"?: number | string; + /** Defines the minimum allowed value for a range widget. */ + "aria-valuemin"?: number | string; + /** + * Defines the current value for a range widget. + * @see aria-valuetext. + */ + "aria-valuenow"?: number | string; + /** Defines the human readable text alternative of aria-valuenow for a range widget. */ + "aria-valuetext"?: string; + role?: + | "alert" + | "alertdialog" + | "application" + | "article" + | "banner" + | "button" + | "cell" + | "checkbox" + | "columnheader" + | "combobox" + | "complementary" + | "contentinfo" + | "definition" + | "dialog" + | "directory" + | "document" + | "feed" + | "figure" + | "form" + | "grid" + | "gridcell" + | "group" + | "heading" + | "img" + | "link" + | "list" + | "listbox" + | "listitem" + | "log" + | "main" + | "marquee" + | "math" + | "menu" + | "menubar" + | "menuitem" + | "menuitemcheckbox" + | "menuitemradio" + | "meter" + | "navigation" + | "none" + | "note" + | "option" + | "presentation" + | "progressbar" + | "radio" + | "radiogroup" + | "region" + | "row" + | "rowgroup" + | "rowheader" + | "scrollbar" + | "search" + | "searchbox" + | "separator" + | "slider" + | "spinbutton" + | "status" + | "switch" + | "tab" + | "table" + | "tablist" + | "tabpanel" + | "term" + | "textbox" + | "timer" + | "toolbar" + | "tooltip" + | "tree" + | "treegrid" + | "treeitem"; + } + + // TODO: Should we allow this? + // type ClassKeys = `class:${string}`; + // type CSSKeys = Exclude; + + // type CSSAttributes = { + // [key in CSSKeys as `style:${key}`]: csstype.PropertiesHyphen[key]; + // }; + + interface HTMLAttributes extends AriaAttributes, DOMAttributes { + // [key: ClassKeys]: boolean; + accessKey?: string; + class?: string; + contenteditable?: boolean | "inherit"; + contextmenu?: string; + dir?: HTMLDir; + draggable?: boolean; + hidden?: boolean; + id?: string; + lang?: string; + spellcheck?: boolean; + style?: CSSProperties | string; + tabindex?: number | string; + title?: string; + translate?: "yes" | "no"; + about?: string; + datatype?: string; + inlist?: any; + prefix?: string; + property?: string; + resource?: string; + typeof?: string; + vocab?: string; + autocapitalize?: HTMLAutocapitalize; + slot?: string; + color?: string; + itemprop?: string; + itemscope?: boolean; + itemtype?: string; + itemid?: string; + itemref?: string; + part?: string; + exportparts?: string; + inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"; + contentEditable?: boolean | "inherit"; + contextMenu?: string; + tabIndex?: number | string; + autoCapitalize?: HTMLAutocapitalize; + itemProp?: string; + itemScope?: boolean; + itemType?: string; + itemId?: string; + itemRef?: string; + exportParts?: string; + inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"; + } + interface AnchorHTMLAttributes extends HTMLAttributes { + download?: any; + href?: string; + hreflang?: string; + media?: string; + ping?: string; + referrerpolicy?: HTMLReferrerPolicy; + rel?: string; + target?: string; + type?: string; + referrerPolicy?: HTMLReferrerPolicy; + } + interface AudioHTMLAttributes extends MediaHTMLAttributes {} + interface AreaHTMLAttributes extends HTMLAttributes { + alt?: string; + coords?: string; + download?: any; + href?: string; + hreflang?: string; + ping?: string; + referrerpolicy?: HTMLReferrerPolicy; + rel?: string; + shape?: "rect" | "circle" | "poly" | "default"; + target?: string; + referrerPolicy?: HTMLReferrerPolicy; + } + interface BaseHTMLAttributes extends HTMLAttributes { + href?: string; + target?: string; + } + interface BlockquoteHTMLAttributes extends HTMLAttributes { + cite?: string; + } + interface ButtonHTMLAttributes extends HTMLAttributes { + autofocus?: boolean; + disabled?: boolean; + form?: string; + formaction?: string; + formenctype?: HTMLFormEncType; + formmethod?: HTMLFormMethod; + formnovalidate?: boolean; + formtarget?: string; + name?: string; + type?: "submit" | "reset" | "button"; + value?: string; + formAction?: string; + formEnctype?: HTMLFormEncType; + formMethod?: HTMLFormMethod; + formNoValidate?: boolean; + formTarget?: string; + } + interface CanvasHTMLAttributes extends HTMLAttributes { + width?: number | string; + height?: number | string; + } + interface ColHTMLAttributes extends HTMLAttributes { + span?: number | string; + width?: number | string; + } + interface ColgroupHTMLAttributes extends HTMLAttributes { + span?: number | string; + } + interface DataHTMLAttributes extends HTMLAttributes { + value?: string | string[] | number; + } + interface DetailsHtmlAttributes extends HTMLAttributes { + open?: boolean; + onToggle?: EventHandlerUnion; + ontoggle?: EventHandlerUnion; + } + interface DialogHtmlAttributes extends HTMLAttributes { + open?: boolean; + } + interface EmbedHTMLAttributes extends HTMLAttributes { + height?: number | string; + src?: string; + type?: string; + width?: number | string; + } + interface FieldsetHTMLAttributes extends HTMLAttributes { + disabled?: boolean; + form?: string; + name?: string; + } + interface FormHTMLAttributes extends HTMLAttributes { + acceptcharset?: string; + action?: string; + autocomplete?: string; + encoding?: HTMLFormEncType; + enctype?: HTMLFormEncType; + method?: HTMLFormMethod; + name?: string; + novalidate?: boolean; + target?: string; + acceptCharset?: string; + noValidate?: boolean; + } + interface IframeHTMLAttributes extends HTMLAttributes { + allow?: string; + allowfullscreen?: boolean; + height?: number | string; + name?: string; + referrerpolicy?: HTMLReferrerPolicy; + sandbox?: HTMLIframeSandbox | string; + src?: string; + srcdoc?: string; + width?: number | string; + referrerPolicy?: HTMLReferrerPolicy; + } + interface ImgHTMLAttributes extends HTMLAttributes { + alt?: string; + crossorigin?: HTMLCrossorigin; + decoding?: "sync" | "async" | "auto"; + height?: number | string; + ismap?: boolean; + isMap?: boolean; + loading?: "eager" | "lazy"; + referrerpolicy?: HTMLReferrerPolicy; + referrerPolicy?: HTMLReferrerPolicy; + sizes?: string; + src?: string; + srcset?: string; + srcSet?: string; + usemap?: string; + useMap?: string; + width?: number | string; + crossOrigin?: HTMLCrossorigin; + } + interface InputHTMLAttributes extends HTMLAttributes { + accept?: string; + alt?: string; + autocomplete?: string; + autofocus?: boolean; + capture?: boolean | string; + checked?: boolean; + crossorigin?: HTMLCrossorigin; + disabled?: boolean; + form?: string; + formaction?: string; + formenctype?: HTMLFormEncType; + formmethod?: HTMLFormMethod; + formnovalidate?: boolean; + formtarget?: string; + height?: number | string; + list?: string; + max?: number | string; + maxlength?: number | string; + min?: number | string; + minlength?: number | string; + multiple?: boolean; + name?: string; + pattern?: string; + placeholder?: string; + readonly?: boolean; + required?: boolean; + size?: number | string; + src?: string; + step?: number | string; + type?: string; + value?: string | string[] | number; + width?: number | string; + crossOrigin?: HTMLCrossorigin; + formAction?: string; + formEnctype?: HTMLFormEncType; + formMethod?: HTMLFormMethod; + formNoValidate?: boolean; + formTarget?: string; + maxLength?: number | string; + minLength?: number | string; + readOnly?: boolean; + } + interface InsHTMLAttributes extends HTMLAttributes { + cite?: string; + dateTime?: string; + } + interface KeygenHTMLAttributes extends HTMLAttributes { + autofocus?: boolean; + challenge?: string; + disabled?: boolean; + form?: string; + keytype?: string; + keyparams?: string; + name?: string; + } + interface LabelHTMLAttributes extends HTMLAttributes { + for?: string; + form?: string; + } + interface LiHTMLAttributes extends HTMLAttributes { + value?: number | string; + } + interface LinkHTMLAttributes extends HTMLAttributes { + as?: HTMLLinkAs; + crossorigin?: HTMLCrossorigin; + disabled?: boolean; + href?: string; + hreflang?: string; + integrity?: string; + media?: string; + referrerpolicy?: HTMLReferrerPolicy; + rel?: string; + sizes?: string; + type?: string; + crossOrigin?: HTMLCrossorigin; + referrerPolicy?: HTMLReferrerPolicy; + } + interface MapHTMLAttributes extends HTMLAttributes { + name?: string; + } + interface MediaHTMLAttributes extends HTMLAttributes { + autoplay?: boolean; + controls?: boolean; + crossorigin?: HTMLCrossorigin; + loop?: boolean; + mediagroup?: string; + muted?: boolean; + preload?: "none" | "metadata" | "auto" | ""; + src?: string; + crossOrigin?: HTMLCrossorigin; + mediaGroup?: string; + } + interface MenuHTMLAttributes extends HTMLAttributes { + label?: string; + type?: "context" | "toolbar"; + } + interface MetaHTMLAttributes extends HTMLAttributes { + charset?: string; + content?: string; + httpequiv?: string; + name?: string; + httpEquiv?: string; + } + interface MeterHTMLAttributes extends HTMLAttributes { + form?: string; + high?: number | string; + low?: number | string; + max?: number | string; + min?: number | string; + optimum?: number | string; + value?: string | string[] | number; + } + interface QuoteHTMLAttributes extends HTMLAttributes { + cite?: string; + } + interface ObjectHTMLAttributes extends HTMLAttributes { + data?: string; + form?: string; + height?: number | string; + name?: string; + type?: string; + usemap?: string; + width?: number | string; + useMap?: string; + } + interface OlHTMLAttributes extends HTMLAttributes { + reversed?: boolean; + start?: number | string; + type?: "1" | "a" | "A" | "i" | "I"; + } + interface OptgroupHTMLAttributes extends HTMLAttributes { + disabled?: boolean; + label?: string; + } + interface OptionHTMLAttributes extends HTMLAttributes { + disabled?: boolean; + label?: string; + selected?: boolean; + value?: string | string[] | number; + } + interface OutputHTMLAttributes extends HTMLAttributes { + form?: string; + for?: string; + name?: string; + } + interface ParamHTMLAttributes extends HTMLAttributes { + name?: string; + value?: string | string[] | number; + } + interface ProgressHTMLAttributes extends HTMLAttributes { + max?: number | string; + value?: string | string[] | number; + } + interface ScriptHTMLAttributes extends HTMLAttributes { + async?: boolean; + charset?: string; + crossorigin?: HTMLCrossorigin; + defer?: boolean; + integrity?: string; + nomodule?: boolean; + nonce?: string; + referrerpolicy?: HTMLReferrerPolicy; + src?: string; + type?: string; + crossOrigin?: HTMLCrossorigin; + noModule?: boolean; + referrerPolicy?: HTMLReferrerPolicy; + } + interface SelectHTMLAttributes extends HTMLAttributes { + autocomplete?: string; + autofocus?: boolean; + disabled?: boolean; + form?: string; + multiple?: boolean; + name?: string; + required?: boolean; + size?: number | string; + value?: string | string[] | number; + } + interface HTMLSlotElementAttributes extends HTMLAttributes { + name?: string; + } + interface SourceHTMLAttributes extends HTMLAttributes { + media?: string; + sizes?: string; + src?: string; + srcset?: string; + type?: string; + } + interface StyleHTMLAttributes extends HTMLAttributes { + media?: string; + nonce?: string; + scoped?: boolean; + type?: string; + } + interface TdHTMLAttributes extends HTMLAttributes { + colspan?: number | string; + headers?: string; + rowspan?: number | string; + colSpan?: number | string; + rowSpan?: number | string; + } + interface TextareaHTMLAttributes extends HTMLAttributes { + autocomplete?: string; + autofocus?: boolean; + cols?: number | string; + dirname?: string; + disabled?: boolean; + form?: string; + maxlength?: number | string; + minlength?: number | string; + name?: string; + placeholder?: string; + readonly?: boolean; + required?: boolean; + rows?: number | string; + value?: string | string[] | number; + wrap?: "hard" | "soft" | "off"; + maxLength?: number | string; + minLength?: number | string; + readOnly?: boolean; + } + interface ThHTMLAttributes extends HTMLAttributes { + colspan?: number | string; + headers?: string; + rowspan?: number | string; + colSpan?: number | string; + rowSpan?: number | string; + scope?: 'col' | 'row' | 'rowgroup' | 'colgroup'; + } + interface TimeHTMLAttributes extends HTMLAttributes { + datetime?: string; + dateTime?: string; + } + interface TrackHTMLAttributes extends HTMLAttributes { + default?: boolean; + kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata"; + label?: string; + src?: string; + srclang?: string; + } + interface VideoHTMLAttributes extends MediaHTMLAttributes { + height?: number | string; + playsinline?: boolean; + poster?: string; + width?: number | string; + } + type SVGPreserveAspectRatio = + | "none" + | "xMinYMin" + | "xMidYMin" + | "xMaxYMin" + | "xMinYMid" + | "xMidYMid" + | "xMaxYMid" + | "xMinYMax" + | "xMidYMax" + | "xMaxYMax" + | "xMinYMin meet" + | "xMidYMin meet" + | "xMaxYMin meet" + | "xMinYMid meet" + | "xMidYMid meet" + | "xMaxYMid meet" + | "xMinYMax meet" + | "xMidYMax meet" + | "xMaxYMax meet" + | "xMinYMin slice" + | "xMidYMin slice" + | "xMaxYMin slice" + | "xMinYMid slice" + | "xMidYMid slice" + | "xMaxYMid slice" + | "xMinYMax slice" + | "xMidYMax slice" + | "xMaxYMax slice"; + type ImagePreserveAspectRatio = + | SVGPreserveAspectRatio + | "defer none" + | "defer xMinYMin" + | "defer xMidYMin" + | "defer xMaxYMin" + | "defer xMinYMid" + | "defer xMidYMid" + | "defer xMaxYMid" + | "defer xMinYMax" + | "defer xMidYMax" + | "defer xMaxYMax" + | "defer xMinYMin meet" + | "defer xMidYMin meet" + | "defer xMaxYMin meet" + | "defer xMinYMid meet" + | "defer xMidYMid meet" + | "defer xMaxYMid meet" + | "defer xMinYMax meet" + | "defer xMidYMax meet" + | "defer xMaxYMax meet" + | "defer xMinYMin slice" + | "defer xMidYMin slice" + | "defer xMaxYMin slice" + | "defer xMinYMid slice" + | "defer xMidYMid slice" + | "defer xMaxYMid slice" + | "defer xMinYMax slice" + | "defer xMidYMax slice" + | "defer xMaxYMax slice"; + type SVGUnits = "userSpaceOnUse" | "objectBoundingBox"; + interface CoreSVGAttributes extends AriaAttributes, DOMAttributes { + id?: string; + lang?: string; + tabIndex?: number | string; + tabindex?: number | string; + } + interface StylableSVGAttributes { + class?: string; + style?: CSSProperties | string; + } + interface TransformableSVGAttributes { + transform?: string; + } + interface ConditionalProcessingSVGAttributes { + requiredExtensions?: string; + requiredFeatures?: string; + systemLanguage?: string; + } + interface ExternalResourceSVGAttributes { + externalResourcesRequired?: "true" | "false"; + } + interface AnimationTimingSVGAttributes { + begin?: string; + dur?: string; + end?: string; + min?: string; + max?: string; + restart?: "always" | "whenNotActive" | "never"; + repeatCount?: number | "indefinite"; + repeatDur?: string; + fill?: "freeze" | "remove"; + } + interface AnimationValueSVGAttributes { + calcMode?: "discrete" | "linear" | "paced" | "spline"; + values?: string; + keyTimes?: string; + keySplines?: string; + from?: number | string; + to?: number | string; + by?: number | string; + } + interface AnimationAdditionSVGAttributes { + attributeName?: string; + additive?: "replace" | "sum"; + accumulate?: "none" | "sum"; + } + interface AnimationAttributeTargetSVGAttributes { + attributeName?: string; + attributeType?: "CSS" | "XML" | "auto"; + } + interface PresentationSVGAttributes { + "alignment-baseline"?: + | "auto" + | "baseline" + | "before-edge" + | "text-before-edge" + | "middle" + | "central" + | "after-edge" + | "text-after-edge" + | "ideographic" + | "alphabetic" + | "hanging" + | "mathematical" + | "inherit"; + "baseline-shift"?: number | string; + clip?: string; + "clip-path"?: string; + "clip-rule"?: "nonzero" | "evenodd" | "inherit"; + color?: string; + "color-interpolation"?: "auto" | "sRGB" | "linearRGB" | "inherit"; + "color-interpolation-filters"?: "auto" | "sRGB" | "linearRGB" | "inherit"; + "color-profile"?: string; + "color-rendering"?: "auto" | "optimizeSpeed" | "optimizeQuality" | "inherit"; + cursor?: string; + direction?: "ltr" | "rtl" | "inherit"; + display?: string; + "dominant-baseline"?: + | "auto" + | "text-bottom" + | "alphabetic" + | "ideographic" + | "middle" + | "central" + | "mathematical" + | "hanging" + | "text-top" + | "inherit"; + "enable-background"?: string; + fill?: string; + "fill-opacity"?: number | string | "inherit"; + "fill-rule"?: "nonzero" | "evenodd" | "inherit"; + filter?: string; + "flood-color"?: string; + "flood-opacity"?: number | string | "inherit"; + "font-family"?: string; + "font-size"?: string; + "font-size-adjust"?: number | string; + "font-stretch"?: string; + "font-style"?: "normal" | "italic" | "oblique" | "inherit"; + "font-variant"?: string; + "font-weight"?: number | string; + "glyph-orientation-horizontal"?: string; + "glyph-orientation-vertical"?: string; + "image-rendering"?: "auto" | "optimizeQuality" | "optimizeSpeed" | "inherit"; + kerning?: string; + "letter-spacing"?: number | string; + "lighting-color"?: string; + "marker-end"?: string; + "marker-mid"?: string; + "marker-start"?: string; + mask?: string; + opacity?: number | string | "inherit"; + overflow?: "visible" | "hidden" | "scroll" | "auto" | "inherit"; + "pointer-events"?: + | "bounding-box" + | "visiblePainted" + | "visibleFill" + | "visibleStroke" + | "visible" + | "painted" + | "color" + | "fill" + | "stroke" + | "all" + | "none" + | "inherit"; + "shape-rendering"?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision" | "inherit"; + "stop-color"?: string; + "stop-opacity"?: number | string | "inherit"; + stroke?: string; + "stroke-dasharray"?: string; + "stroke-dashoffset"?: number | string; + "stroke-linecap"?: "butt" | "round" | "square" | "inherit"; + "stroke-linejoin"?: "arcs" | "bevel" | "miter" | "miter-clip" | "round" | "inherit"; + "stroke-miterlimit"?: number | string | "inherit"; + "stroke-opacity"?: number | string | "inherit"; + "stroke-width"?: number | string; + "text-anchor"?: "start" | "middle" | "end" | "inherit"; + "text-decoration"?: "none" | "underline" | "overline" | "line-through" | "blink" | "inherit"; + "text-rendering"?: + | "auto" + | "optimizeSpeed" + | "optimizeLegibility" + | "geometricPrecision" + | "inherit"; + "unicode-bidi"?: string; + visibility?: "visible" | "hidden" | "collapse" | "inherit"; + "word-spacing"?: number | string; + "writing-mode"?: "lr-tb" | "rl-tb" | "tb-rl" | "lr" | "rl" | "tb" | "inherit"; + } + interface AnimationElementSVGAttributes + extends CoreSVGAttributes, + ExternalResourceSVGAttributes, + ConditionalProcessingSVGAttributes {} + interface ContainerElementSVGAttributes + extends CoreSVGAttributes, + ShapeElementSVGAttributes, + Pick< + PresentationSVGAttributes, + | "clip-path" + | "mask" + | "cursor" + | "opacity" + | "filter" + | "enable-background" + | "color-interpolation" + | "color-rendering" + > {} + interface FilterPrimitiveElementSVGAttributes + extends CoreSVGAttributes, + Pick { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + result?: string; + } + interface SingleInputFilterSVGAttributes { + in?: string; + } + interface DoubleInputFilterSVGAttributes { + in?: string; + in2?: string; + } + interface FitToViewBoxSVGAttributes { + viewBox?: string; + preserveAspectRatio?: SVGPreserveAspectRatio; + } + interface GradientElementSVGAttributes + extends CoreSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes { + gradientUnits?: SVGUnits; + gradientTransform?: string; + spreadMethod?: "pad" | "reflect" | "repeat"; + } + interface GraphicsElementSVGAttributes + extends CoreSVGAttributes, + Pick< + PresentationSVGAttributes, + | "clip-rule" + | "mask" + | "pointer-events" + | "cursor" + | "opacity" + | "filter" + | "display" + | "visibility" + | "color-interpolation" + | "color-rendering" + > {} + interface LightSourceElementSVGAttributes extends CoreSVGAttributes {} + interface NewViewportSVGAttributes + extends CoreSVGAttributes, + Pick { + viewBox?: string; + } + interface ShapeElementSVGAttributes + extends CoreSVGAttributes, + Pick< + PresentationSVGAttributes, + | "color" + | "fill" + | "fill-rule" + | "fill-opacity" + | "stroke" + | "stroke-width" + | "stroke-linecap" + | "stroke-linejoin" + | "stroke-miterlimit" + | "stroke-dasharray" + | "stroke-dashoffset" + | "stroke-opacity" + | "shape-rendering" + > {} + interface TextContentElementSVGAttributes + extends CoreSVGAttributes, + Pick< + PresentationSVGAttributes, + | "font-family" + | "font-style" + | "font-variant" + | "font-weight" + | "font-stretch" + | "font-size" + | "font-size-adjust" + | "kerning" + | "letter-spacing" + | "word-spacing" + | "text-decoration" + | "glyph-orientation-horizontal" + | "glyph-orientation-vertical" + | "direction" + | "unicode-bidi" + | "text-anchor" + | "dominant-baseline" + | "color" + | "fill" + | "fill-rule" + | "fill-opacity" + | "stroke" + | "stroke-width" + | "stroke-linecap" + | "stroke-linejoin" + | "stroke-miterlimit" + | "stroke-dasharray" + | "stroke-dashoffset" + | "stroke-opacity" + > {} + interface ZoomAndPanSVGAttributes { + zoomAndPan?: "disable" | "magnify"; + } + interface AnimateSVGAttributes + extends AnimationElementSVGAttributes, + AnimationAttributeTargetSVGAttributes, + AnimationTimingSVGAttributes, + AnimationValueSVGAttributes, + AnimationAdditionSVGAttributes, + Pick {} + interface AnimateMotionSVGAttributes + extends AnimationElementSVGAttributes, + AnimationTimingSVGAttributes, + AnimationValueSVGAttributes, + AnimationAdditionSVGAttributes { + path?: string; + keyPoints?: string; + rotate?: number | string | "auto" | "auto-reverse"; + origin?: "default"; + } + interface AnimateTransformSVGAttributes + extends AnimationElementSVGAttributes, + AnimationAttributeTargetSVGAttributes, + AnimationTimingSVGAttributes, + AnimationValueSVGAttributes, + AnimationAdditionSVGAttributes { + type?: "translate" | "scale" | "rotate" | "skewX" | "skewY"; + } + interface CircleSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes { + cx?: number | string; + cy?: number | string; + r?: number | string; + } + interface ClipPathSVGAttributes + extends CoreSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + clipPathUnits?: SVGUnits; + } + interface DefsSVGAttributes + extends ContainerElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes {} + interface DescSVGAttributes extends CoreSVGAttributes, StylableSVGAttributes {} + interface EllipseSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes { + cx?: number | string; + cy?: number | string; + rx?: number | string; + ry?: number | string; + } + interface FeBlendSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + DoubleInputFilterSVGAttributes, + StylableSVGAttributes { + mode?: "normal" | "multiply" | "screen" | "darken" | "lighten"; + } + interface FeColorMatrixSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes { + type?: "matrix" | "saturate" | "hueRotate" | "luminanceToAlpha"; + values?: string; + } + interface FeComponentTransferSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes {} + interface FeCompositeSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + DoubleInputFilterSVGAttributes, + StylableSVGAttributes { + operator?: "over" | "in" | "out" | "atop" | "xor" | "arithmetic"; + k1?: number | string; + k2?: number | string; + k3?: number | string; + k4?: number | string; + } + interface FeConvolveMatrixSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes { + order?: number | string; + kernelMatrix?: string; + divisor?: number | string; + bias?: number | string; + targetX?: number | string; + targetY?: number | string; + edgeMode?: "duplicate" | "wrap" | "none"; + kernelUnitLength?: number | string; + preserveAlpha?: "true" | "false"; + } + interface FeDiffuseLightingSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes, + Pick { + surfaceScale?: number | string; + diffuseConstant?: number | string; + kernelUnitLength?: number | string; + } + interface FeDisplacementMapSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + DoubleInputFilterSVGAttributes, + StylableSVGAttributes { + scale?: number | string; + xChannelSelector?: "R" | "G" | "B" | "A"; + yChannelSelector?: "R" | "G" | "B" | "A"; + } + interface FeDistantLightSVGAttributes extends LightSourceElementSVGAttributes { + azimuth?: number | string; + elevation?: number | string; + } + interface FeFloodSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + StylableSVGAttributes, + Pick {} + interface FeFuncSVGAttributes extends CoreSVGAttributes { + type?: "identity" | "table" | "discrete" | "linear" | "gamma"; + tableValues?: string; + slope?: number | string; + intercept?: number | string; + amplitude?: number | string; + exponent?: number | string; + offset?: number | string; + } + interface FeGaussianBlurSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes { + stdDeviation?: number | string; + } + interface FeImageSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes { + preserveAspectRatio?: SVGPreserveAspectRatio; + href?: string; + } + interface FeMergeSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + StylableSVGAttributes {} + interface FeMergeNodeSVGAttributes + extends CoreSVGAttributes, + SingleInputFilterSVGAttributes {} + interface FeMorphologySVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes { + operator?: "erode" | "dilate"; + radius?: number | string; + } + interface FeOffsetSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes { + dx?: number | string; + dy?: number | string; + } + interface FePointLightSVGAttributes extends LightSourceElementSVGAttributes { + x?: number | string; + y?: number | string; + z?: number | string; + } + interface FeSpecularLightingSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes, + Pick { + surfaceScale?: string; + specularConstant?: string; + specularExponent?: string; + kernelUnitLength?: number | string; + } + interface FeSpotLightSVGAttributes extends LightSourceElementSVGAttributes { + x?: number | string; + y?: number | string; + z?: number | string; + pointsAtX?: number | string; + pointsAtY?: number | string; + pointsAtZ?: number | string; + specularExponent?: number | string; + limitingConeAngle?: number | string; + } + interface FeTileSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + SingleInputFilterSVGAttributes, + StylableSVGAttributes {} + interface FeTurbulanceSVGAttributes + extends FilterPrimitiveElementSVGAttributes, + StylableSVGAttributes { + baseFrequency?: number | string; + numOctaves?: number | string; + seed?: number | string; + stitchTiles?: "stitch" | "noStitch"; + type?: "fractalNoise" | "turbulence"; + } + interface FilterSVGAttributes + extends CoreSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes { + filterUnits?: SVGUnits; + primitiveUnits?: SVGUnits; + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + filterRes?: number | string; + } + interface ForeignObjectSVGAttributes + extends NewViewportSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + } + interface GSVGAttributes + extends ContainerElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick {} + interface ImageSVGAttributes + extends NewViewportSVGAttributes, + GraphicsElementSVGAttributes, + ConditionalProcessingSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + preserveAspectRatio?: ImagePreserveAspectRatio; + href?: string; + } + interface LineSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + x1?: number | string; + y1?: number | string; + x2?: number | string; + y2?: number | string; + } + interface LinearGradientSVGAttributes extends GradientElementSVGAttributes { + x1?: number | string; + x2?: number | string; + y1?: number | string; + y2?: number | string; + } + interface MarkerSVGAttributes + extends ContainerElementSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + FitToViewBoxSVGAttributes, + Pick { + markerUnits?: "strokeWidth" | "userSpaceOnUse"; + refX?: number | string; + refY?: number | string; + markerWidth?: number | string; + markerHeight?: number | string; + orient?: string; + } + interface MaskSVGAttributes + extends Omit, "opacity" | "filter">, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes { + maskUnits?: SVGUnits; + maskContentUnits?: SVGUnits; + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + } + interface MetadataSVGAttributes extends CoreSVGAttributes {} + interface PathSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + d?: string; + pathLength?: number | string; + } + interface PatternSVGAttributes + extends ContainerElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + FitToViewBoxSVGAttributes, + Pick { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + patternUnits?: SVGUnits; + patternContentUnits?: SVGUnits; + patternTransform?: string; + } + interface PolygonSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + points?: string; + } + interface PolylineSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + points?: string; + } + interface RadialGradientSVGAttributes extends GradientElementSVGAttributes { + cx?: number | string; + cy?: number | string; + r?: number | string; + fx?: number | string; + fy?: number | string; + } + interface RectSVGAttributes + extends GraphicsElementSVGAttributes, + ShapeElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + rx?: number | string; + ry?: number | string; + } + interface StopSVGAttributes + extends CoreSVGAttributes, + StylableSVGAttributes, + Pick { + offset?: number | string; + } + interface SvgSVGAttributes + extends ContainerElementSVGAttributes, + NewViewportSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + FitToViewBoxSVGAttributes, + ZoomAndPanSVGAttributes, + PresentationSVGAttributes { + version?: string; + baseProfile?: string; + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + contentScriptType?: string; + contentStyleType?: string; + xmlns?: string; + } + interface SwitchSVGAttributes + extends ContainerElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick {} + interface SymbolSVGAttributes + extends ContainerElementSVGAttributes, + NewViewportSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + FitToViewBoxSVGAttributes {} + interface TextSVGAttributes + extends TextContentElementSVGAttributes, + GraphicsElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes, + Pick { + x?: number | string; + y?: number | string; + dx?: number | string; + dy?: number | string; + rotate?: number | string; + textLength?: number | string; + lengthAdjust?: "spacing" | "spacingAndGlyphs"; + } + interface TextPathSVGAttributes + extends TextContentElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + Pick< + PresentationSVGAttributes, + "alignment-baseline" | "baseline-shift" | "display" | "visibility" + > { + startOffset?: number | string; + method?: "align" | "stretch"; + spacing?: "auto" | "exact"; + href?: string; + } + interface TSpanSVGAttributes + extends TextContentElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + Pick< + PresentationSVGAttributes, + "alignment-baseline" | "baseline-shift" | "display" | "visibility" + > { + x?: number | string; + y?: number | string; + dx?: number | string; + dy?: number | string; + rotate?: number | string; + textLength?: number | string; + lengthAdjust?: "spacing" | "spacingAndGlyphs"; + } + interface UseSVGAttributes + extends GraphicsElementSVGAttributes, + ConditionalProcessingSVGAttributes, + ExternalResourceSVGAttributes, + StylableSVGAttributes, + TransformableSVGAttributes { + x?: number | string; + y?: number | string; + width?: number | string; + height?: number | string; + href?: string; + } + interface ViewSVGAttributes + extends CoreSVGAttributes, + ExternalResourceSVGAttributes, + FitToViewBoxSVGAttributes, + ZoomAndPanSVGAttributes { + viewTarget?: string; + } + interface IntrinsicElements { + a: AnchorHTMLAttributes; + abbr: HTMLAttributes; + address: HTMLAttributes; + area: AreaHTMLAttributes; + article: HTMLAttributes; + aside: HTMLAttributes; + audio: AudioHTMLAttributes; + b: HTMLAttributes; + base: BaseHTMLAttributes; + bdi: HTMLAttributes; + bdo: HTMLAttributes; + big: HTMLAttributes; + blockquote: BlockquoteHTMLAttributes; + body: HTMLAttributes; + br: HTMLAttributes; + button: ButtonHTMLAttributes; + canvas: CanvasHTMLAttributes; + caption: HTMLAttributes; + cite: HTMLAttributes; + code: HTMLAttributes; + col: ColHTMLAttributes; + colgroup: ColgroupHTMLAttributes; + data: DataHTMLAttributes; + datalist: HTMLAttributes; + dd: HTMLAttributes; + del: HTMLAttributes; + details: DetailsHtmlAttributes; + dfn: HTMLAttributes; + dialog: DialogHtmlAttributes; + div: HTMLAttributes; + dl: HTMLAttributes; + dt: HTMLAttributes; + em: HTMLAttributes; + embed: EmbedHTMLAttributes; + fieldset: FieldsetHTMLAttributes; + figcaption: HTMLAttributes; + figure: HTMLAttributes; + footer: HTMLAttributes; + form: FormHTMLAttributes; + h1: HTMLAttributes; + h2: HTMLAttributes; + h3: HTMLAttributes; + h4: HTMLAttributes; + h5: HTMLAttributes; + h6: HTMLAttributes; + head: HTMLAttributes; + header: HTMLAttributes; + hgroup: HTMLAttributes; + hr: HTMLAttributes; + html: HTMLAttributes; + i: HTMLAttributes; + iframe: IframeHTMLAttributes; + img: ImgHTMLAttributes; + input: InputHTMLAttributes; + ins: InsHTMLAttributes; + kbd: HTMLAttributes; + keygen: KeygenHTMLAttributes; + label: LabelHTMLAttributes; + legend: HTMLAttributes; + li: LiHTMLAttributes; + link: LinkHTMLAttributes; + main: HTMLAttributes; + map: MapHTMLAttributes; + mark: HTMLAttributes; + menu: MenuHTMLAttributes; + menuitem: HTMLAttributes; + meta: MetaHTMLAttributes; + meter: MeterHTMLAttributes; + nav: HTMLAttributes; + noindex: HTMLAttributes; + noscript: HTMLAttributes; + object: ObjectHTMLAttributes; + ol: OlHTMLAttributes; + optgroup: OptgroupHTMLAttributes; + option: OptionHTMLAttributes; + output: OutputHTMLAttributes; + p: HTMLAttributes; + param: ParamHTMLAttributes; + picture: HTMLAttributes; + pre: HTMLAttributes; + progress: ProgressHTMLAttributes; + q: QuoteHTMLAttributes; + rp: HTMLAttributes; + rt: HTMLAttributes; + ruby: HTMLAttributes; + s: HTMLAttributes; + samp: HTMLAttributes; + script: ScriptHTMLAttributes; + section: HTMLAttributes; + select: SelectHTMLAttributes; + slot: HTMLSlotElementAttributes; + small: HTMLAttributes; + source: SourceHTMLAttributes; + span: HTMLAttributes; + strong: HTMLAttributes; + style: StyleHTMLAttributes; + sub: HTMLAttributes; + summary: HTMLAttributes; + sup: HTMLAttributes; + table: HTMLAttributes; + tbody: HTMLAttributes; + td: TdHTMLAttributes; + textarea: TextareaHTMLAttributes; + tfoot: HTMLAttributes; + th: ThHTMLAttributes; + thead: HTMLAttributes; + time: TimeHTMLAttributes; + title: HTMLAttributes; + tr: HTMLAttributes; + track: TrackHTMLAttributes; + u: HTMLAttributes; + ul: HTMLAttributes; + var: HTMLAttributes; + video: VideoHTMLAttributes; + wbr: HTMLAttributes; + svg: SvgSVGAttributes; + animate: AnimateSVGAttributes; + animateMotion: AnimateMotionSVGAttributes; + animateTransform: AnimateTransformSVGAttributes; + circle: CircleSVGAttributes; + clipPath: ClipPathSVGAttributes; + defs: DefsSVGAttributes; + desc: DescSVGAttributes; + ellipse: EllipseSVGAttributes; + feBlend: FeBlendSVGAttributes; + feColorMatrix: FeColorMatrixSVGAttributes; + feComponentTransfer: FeComponentTransferSVGAttributes; + feComposite: FeCompositeSVGAttributes; + feConvolveMatrix: FeConvolveMatrixSVGAttributes; + feDiffuseLighting: FeDiffuseLightingSVGAttributes; + feDisplacementMap: FeDisplacementMapSVGAttributes; + feDistantLight: FeDistantLightSVGAttributes; + feFlood: FeFloodSVGAttributes; + feFuncA: FeFuncSVGAttributes; + feFuncB: FeFuncSVGAttributes; + feFuncG: FeFuncSVGAttributes; + feFuncR: FeFuncSVGAttributes; + feGaussianBlur: FeGaussianBlurSVGAttributes; + feImage: FeImageSVGAttributes; + feMerge: FeMergeSVGAttributes; + feMergeNode: FeMergeNodeSVGAttributes; + feMorphology: FeMorphologySVGAttributes; + feOffset: FeOffsetSVGAttributes; + fePointLight: FePointLightSVGAttributes; + feSpecularLighting: FeSpecularLightingSVGAttributes; + feSpotLight: FeSpotLightSVGAttributes; + feTile: FeTileSVGAttributes; + feTurbulence: FeTurbulanceSVGAttributes; + filter: FilterSVGAttributes; + foreignObject: ForeignObjectSVGAttributes; + g: GSVGAttributes; + image: ImageSVGAttributes; + line: LineSVGAttributes; + linearGradient: LinearGradientSVGAttributes; + marker: MarkerSVGAttributes; + mask: MaskSVGAttributes; + metadata: MetadataSVGAttributes; + path: PathSVGAttributes; + pattern: PatternSVGAttributes; + polygon: PolygonSVGAttributes; + polyline: PolylineSVGAttributes; + radialGradient: RadialGradientSVGAttributes; + rect: RectSVGAttributes; + stop: StopSVGAttributes; + switch: SwitchSVGAttributes; + symbol: SymbolSVGAttributes; + text: TextSVGAttributes; + textPath: TextPathSVGAttributes; + tspan: TSpanSVGAttributes; + use: UseSVGAttributes; + view: ViewSVGAttributes; + } +} diff --git a/src/lib.ts b/src/lib.ts new file mode 100644 index 0000000..edc4e44 --- /dev/null +++ b/src/lib.ts @@ -0,0 +1,398 @@ +import { + autorun, + computed, + untracked, + $mobx, + IObservableArray, + observable, + action, + IObservableValue +} from "mobx"; +import type { JSX } from "./jsx"; + +type ContextOwner = { + disposables: any[]; + owner: ContextOwner | null; + context?: any; +}; +export interface Context { + id: symbol; + Provider: (props: any) => any; + defaultValue: unknown; +} + +let globalContext: ContextOwner | null = null; + +export class Component { + isClassComponent?: boolean; + props: T; + constructor(props: T) { + this.props = props; + } + render(props: T) { + return props.children; + } +} +Component.prototype.isClassComponent = true; + +export function root(fn: (dispose: () => void) => T) { + let d: any[], ret: T; + globalContext = { + disposables: (d = []), + owner: globalContext + }; + ret = untracked(() => + fn(() => { + let k, len: number; + for (k = 0, len = d.length; k < len; k++) d[k](); + d = []; + }) + ); + globalContext = globalContext.owner; + return ret; +} + +export function cleanup(fn: () => void) { + let ref; + (ref = globalContext) != null && ref.disposables.push(fn); +} + +export function effect(fn: (prev?: T) => T, current?: T) { + const context = { + disposables: [] as (() => void)[], + owner: globalContext + }, + cleanupFn = (final: boolean) => { + const d = context.disposables; + context.disposables = []; + for (let k = 0, len = d.length; k < len; k++) d[k](); + final && dispose(); + }, + dispose = autorun(() => { + cleanupFn(false); + const prev = globalContext; + globalContext = context; + current = fn(current); + globalContext = prev; + }); + cleanup(() => cleanupFn(true)); +} + +// only updates when boolean expression changes +export function memo(fn: () => T, equal?: boolean) { + const o = observable.box(), + update = action((r: T) => o.set(r)); + effect(prev => { + const res = fn(); + (!equal || prev !== res) && update(res); + return res; + }); + return () => o.get(); +} + +export function createSelector( + source: () => T, + fn: (a: U, b: T) => boolean = (a, b) => a === b +) { + let subs = new Map(); + let v: T; + effect((p?: U) => { + v = source(); + const keys = [...subs.keys()]; + for (let i = 0, len = keys.length; i < len; i++) { + const key = keys[i]; + if (fn(key, v) || (p !== undefined && fn(key, p))) { + const o = subs.get(key); + o.set(null); + } + } + return v as U; + }); + return (key: U) => { + let l: IObservableValue & { _count?: number }; + if (!(l = subs.get(key))) + subs.set(key, (l = observable.box() as IObservableValue & { _count?: number })); + l.get(); + l._count ? l._count++ : (l._count = 1); + cleanup(() => (l._count! > 1 ? l._count!-- : subs.delete(key))); + return fn(key, v); + }; +} + +type PropsWithChildren

= P & { children?: JSX.Element }; +export type FunctionComponent

= (props: PropsWithChildren

) => JSX.Element; +type ComponentConstructor

= + | FunctionComponent

+ | (new (props: PropsWithChildren

) => JSX.Element); + +export type ComponentProps> = + T extends ComponentConstructor + ? P + : T extends keyof JSX.IntrinsicElements + ? JSX.IntrinsicElements[T] + : {}; + +export function createComponent( + Comp: Component & FunctionComponent, + props: T +): JSX.Element { + if (Comp.prototype && Comp.prototype.isClassComponent) { + return untracked(() => { + const comp: Component = new (Comp as any)(props as T); + return comp.render(props as T); + }); + } + return untracked(() => Comp(props as T)); +} + +// dynamic import to support code splitting +export function lazy(fn: () => Promise<{ default: T }>) { + return (props: object) => { + let Comp: T | undefined; + const result = observable.box(), + update = action((component: { default: T }) => result.set(component.default)); + fn().then(update); + const rendered = computed(() => (Comp = result.get()) && untracked(() => Comp!(props))); + return () => rendered.get(); + }; +} + +export { untracked as untrack }; + +export function splitProps( + props: T, + ...keys: [K1[]] +): [Pick, Omit]; +export function splitProps( + props: T, + ...keys: [K1[], K2[]] +): [Pick, Pick, Omit]; +export function splitProps< + T extends object, + K1 extends keyof T, + K2 extends keyof T, + K3 extends keyof T +>( + props: T, + ...keys: [K1[], K2[], K3[]] +): [Pick, Pick, Pick, Omit]; +export function splitProps< + T extends object, + K1 extends keyof T, + K2 extends keyof T, + K3 extends keyof T, + K4 extends keyof T +>( + props: T, + ...keys: [K1[], K2[], K3[], K4[]] +): [Pick, Pick, Pick, Pick, Omit]; +export function splitProps< + T extends object, + K1 extends keyof T, + K2 extends keyof T, + K3 extends keyof T, + K4 extends keyof T, + K5 extends keyof T +>( + props: T, + ...keys: [K1[], K2[], K3[], K4[], K5[]] +): [ + Pick, + Pick, + Pick, + Pick, + Pick, + Omit +]; +export function splitProps(props: T, ...keys: [(keyof T)[]]) { + const descriptors = Object.getOwnPropertyDescriptors(props), + split = (k: (keyof T)[]) => { + const clone: Partial = {}; + for (let i = 0; i < k.length; i++) { + const key = k[i]; + if (descriptors[key]) { + Object.defineProperty(clone, key, descriptors[key]); + delete descriptors[key]; + } + } + return clone; + }; + return keys.map(split).concat(split(Object.keys(descriptors) as (keyof T)[])); +} + +// context api +export function createContext(defaultValue?: unknown): Context { + const id = Symbol("context"); + return { id, Provider: createProvider(id), defaultValue }; +} + +export function useContext(context: Context) { + return lookup(globalContext, context.id) || context.defaultValue; +} + +function lookup(owner: ContextOwner | null, key: symbol | string): any { + return ( + owner && ((owner.context && owner.context[key]) || (owner.owner && lookup(owner.owner, key))) + ); +} + +function resolveChildren(children: any): any { + if (typeof children === "function") { + const c = observable.box(), + update = action((child: any) => c.set(child)); + effect(() => update(children())); + return () => c.get(); + } + if (Array.isArray(children)) { + const results: any[] = []; + for (let i = 0; i < children.length; i++) { + let result = resolveChildren(children[i]); + Array.isArray(result) ? results.push.apply(results, result) : results.push(result); + } + return results; + } + return children; +} + +function createProvider(id: symbol) { + return function provider(props: { value: unknown; children: any }) { + let rendered = observable.box(), + update = action(() => rendered.set(resolveChildren(props.children))); + effect(() => { + globalContext!.context = { [id]: props.value }; + update(); + }); + return () => rendered.get(); + }; +} + +// Modified version of mapSample from S-array[https://github.com/adamhaile/S-array] by Adam Haile +export function map( + list: (IObservableArray & { [$mobx]: any }) | (() => Array), + mapFn: (v: T, i: number) => U | any +) { + let items = [] as T[], + mapped = [] as U[], + disposers = [] as (() => void)[], + fn = typeof list === "function", + len = 0; + cleanup(() => { + for (let i = 0, length = disposers.length; i < length; i++) disposers[i](); + }); + return () => { + let newItems = fn ? (list as () => Array)() : (list as T[]), + i: number, + j: number; + !fn && (list as IObservableArray & { [$mobx]: any })[$mobx].atom_.reportObserved(); + return untracked(() => { + let newLen = newItems.length, + newIndices: Map, + newIndicesNext: number[], + temp: U[], + tempdisposers: (() => void)[], + start: number, + end: number, + newEnd: number, + item: T; + + // fast path for empty arrays + if (newLen === 0) { + if (len !== 0) { + for (i = 0; i < len; i++) disposers[i](); + disposers = []; + items = []; + mapped = []; + len = 0; + } + } else if (len === 0) { + for (j = 0; j < newLen; j++) { + items[j] = newItems[j]; + mapped[j] = root(mapper); + } + len = newLen; + } else { + temp = new Array(newLen); + tempdisposers = new Array(newLen); + + // skip common prefix + for ( + start = 0, end = Math.min(len, newLen); + start < end && items[start] === newItems[start]; + start++ + ); + + // common suffix + for ( + end = len - 1, newEnd = newLen - 1; + end >= start && newEnd >= start && items[end] === newItems[newEnd]; + end--, newEnd-- + ) { + temp[newEnd] = mapped[end]; + tempdisposers[newEnd] = disposers[end]; + } + + // remove any remaining nodes and we're done + if (start > newEnd) { + for (j = end; start <= j; j--) disposers[j](); + const rLen = end - start + 1; + if (rLen > 0) { + mapped.splice(start, rLen); + disposers.splice(start, rLen); + } + items = newItems.slice(0); + len = newLen; + return mapped; + } + + // insert any remaining updates and we're done + if (start > end) { + for (j = start; j <= newEnd; j++) mapped[j] = root(mapper); + for (; j < newLen; j++) { + mapped[j] = temp[j]; + disposers[j] = tempdisposers[j]; + } + items = newItems.slice(0); + len = newLen; + return mapped; + } + + // 0) prepare a map of all indices in newItems, scanning backwards so we encounter them in natural order + newIndices = new Map(); + newIndicesNext = new Array(newEnd + 1); + for (j = newEnd; j >= start; j--) { + item = newItems[j]; + i = newIndices.get(item)!; + newIndicesNext[j] = i === undefined ? -1 : i; + newIndices.set(item, j); + } + // 1) step through all old items and see if they can be found in the new set; if so, save them in a temp array and mark them moved; if not, exit them + for (i = start; i <= end; i++) { + item = items[i]; + j = newIndices.get(item)!; + if (j !== undefined && j !== -1) { + temp[j] = mapped[i]; + tempdisposers[j] = disposers[i]; + j = newIndicesNext[j]; + newIndices.set(item, j); + } else disposers[i](); + } + // 2) set all the new values, pulling from the temp array if copied, otherwise entering the new value + for (j = start; j < newLen; j++) { + if (j in temp) { + mapped[j] = temp[j]; + disposers[j] = tempdisposers[j]; + } else mapped[j] = root(mapper); + } + // 3) in case the new set is shorter than the old, set the length of the mapped array + len = mapped.length = newLen; + // 4) save a copy of the mapped items for the next update + items = newItems.slice(0); + } + return mapped; + }); + function mapper(disposer: () => void) { + disposers[j] = disposer; + return mapFn(newItems[j], j); + } + }; +} diff --git a/src/runtime.d.ts b/src/runtime.d.ts deleted file mode 100644 index 82c0ba3..0000000 --- a/src/runtime.d.ts +++ /dev/null @@ -1,26 +0,0 @@ -export function template(html: string): HTMLTemplateElement; -export function wrap(fn: (prev?: T) => T): any; -export function insert( - parent: Element | Document | ShadowRoot | DocumentFragment, - accessor: any, - init?: any, - marker?: Node -): any; -export function createComponent( - Comp: (props: any) => any, - props: any, - dynamicKeys?: string[] -): any; -export function delegateEvents(eventNames: string[]): void; -export function clearDelegatedEvents(): void; -export function spread(node: Element, accessor: any, isSVG: Boolean): void; -export function classList(node: Element, value: { [k: string]: boolean }): void; -export function currentContext(): any; -export function isSSR(): boolean; -export function startSSR(): void; -export function hydration( - fn: () => unknown, - node: Element | Document | ShadowRoot | DocumentFragment -): void; -export function getNextElement(template: HTMLTemplateElement): Node; -export function getNextMarker(start: Node): [Node, Array]; diff --git a/src/runtime.js b/src/runtime.js deleted file mode 100644 index c81c439..0000000 --- a/src/runtime.js +++ /dev/null @@ -1,507 +0,0 @@ -import { Attributes, SVGAttributes, NonComposedEvents } from 'dom-expressions'; -import { computed as wrap } from './core'; - - - -const eventRegistry = new Set(); - -export { wrap }; - -export function template(html) { - const t = document.createElement('template'); - t.innerHTML = html; - if (t.innerHTML !== html) throw new Error(`Template html does not match input:\n${t.innerHTML}\n${html}`); - return t; -} - -export function createComponent(Comp, props, dynamicKeys) { - if (dynamicKeys) { - for (let i = 0; i < dynamicKeys.length; i++) dynamicProp(props, dynamicKeys[i]); - } - - if (Comp.prototype && Comp.prototype.isClassComponent) { - const comp = new Comp(props); - return comp.render(); - } - - return Comp(props); -} - -export function delegateEvents(eventNames) { - for (let i = 0, l = eventNames.length; i < l; i++) { - const name = eventNames[i]; - if (!eventRegistry.has(name)) { - eventRegistry.add(name); - document.addEventListener(name, eventHandler); - } - } -} - -export function clearDelegatedEvents() { - for (let name of eventRegistry.keys()) document.removeEventListener(name, eventHandler); - eventRegistry.clear(); -} - -export function classList(node, value) { - const classKeys = Object.keys(value); - for (let i = 0; i < classKeys.length; i++) { - const key = classKeys[i], - classNames = key.split(/\s+/); - for (let j = 0; j < classNames.length; j++) - node.classList.toggle(classNames[j], value[key]); - } -} - -export function spread(node, accessor, isSVG) { - if (typeof accessor === 'function') { - wrap(current => spreadExpression(node, accessor(), current, isSVG)); - } else spreadExpression(node, accessor, undefined, isSVG); -} - -export function insert(parent, accessor, marker, initial) { - if (marker !== undefined && !initial) initial = []; - if (typeof accessor === 'function') - wrap((current = initial) => insertExpression(parent, accessor(), current, marker)); - else if (Array.isArray(accessor) && checkDynamicArray(accessor)) { - wrap((current = initial) => insertExpression(parent, accessor, current, marker)); - } else { - return insertExpression(parent, accessor, initial, marker); - } -} - -// SSR -let hydrateRegistry = null, - hydrateKey = 0, - SSR = false; - -export function isSSR() { return SSR; } -export function startSSR() { - hydrateKey = 0; - SSR = true; -} - -export function hydration(code, root) { - hydrateRegistry = new Map(); - hydrateKey = 0; - SSR = false; - const iterator = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, { - acceptNode: node => node.hasAttribute('_hk') && NodeFilter.FILTER_ACCEPT - }); - let node; - while (node = iterator.nextNode()) hydrateRegistry.set(node.getAttribute('_hk'), node); - - code(); - hydrateRegistry = null; -} - -export function getNextElement(template) { - if (!hydrateRegistry) { - const el = template.content.firstChild.cloneNode(true); - if (SSR) el.setAttribute('_hk', `${hydrateKey++}`); - return el; - } - return hydrateRegistry.get(`${hydrateKey++}`); -} - -export function getNextMarker(start) { - let end = start, - count = 0, - current = []; - if (hydrateRegistry) { - while (end) { - if (end.nodeType === 8) { - const v = end.nodeValue; - if (v === "#") count++; - else if (v === "/") { - if (count === 0) return [end, current]; - count--; - } - } - current.push(end); - end = end.nextSibling; - } - } - return [end, current]; -} - -// Internal Functions -function dynamicProp(props, key) { - const src = props[key]; - Object.defineProperty(props, key, { - get() { return src(); }, - enumerable: true - }); -} - -function lookup(el) { - return el && (el.model || lookup(el.host || el.parentNode)); -} - -function eventHandler(e) { - const key = `__${e.type}`; - let node = (e.composedPath && e.composedPath()[0]) || e.target; - // reverse Shadow DOM retargetting - if (e.target !== node) { - Object.defineProperty(e, 'target', { - configurable: true, - value: node - }) - } - - // simulate currentTarget - Object.defineProperty(e, 'currentTarget', { - configurable: true, - get() { return node; } - }) - - while (node !== null) { - const handler = node[key]; - if (handler) { - const model = handler.length > 1 ? lookup(node): undefined; - handler(e, model); - if (e.cancelBubble) return; - } - node = (node.host && node.host instanceof Node) ? node.host : node.parentNode; - } -} - -function spreadExpression(node, props, prevProps = {}, isSVG) { - let info; - for (const prop in props) { - const value = props[prop]; - if (value === prevProps[prop]) continue; - if (prop === 'style') { - Object.assign(node.style, value); - } else if (prop === 'classList') { - classList(node, value); - // really only for forwarding from Components, can't forward normal ref - } else if (prop === 'ref' || prop === 'forwardRef') { - value(node); - } else if (prop.slice(0, 2) === 'on') { - const lc = prop.toLowerCase(); - if (lc !== prop && !NonComposedEvents.has(lc.slice(2))) { - const name = lc.slice(2); - node[`__${name}`] = value; - delegateEvents([name]); - } else node[lc] = value; - } else if (prop === 'events') { - for (const eventName in value) node.addEventListener(eventName, value[eventName]); - } else if (prop === 'children') { - insertExpression(node, value, prevProps[prop]); - } else if (info = Attributes[prop]) { - if (info.type === 'attribute') { - node.setAttribute(prop, value); - } else node[info.alias] = value; - } else if (isSVG) { - if (info = SVGAttributes[prop]) { - if (info.alias) node.setAttribute(info.alias, value); - else node.setAttribute(prop, value); - } else node.setAttribute(prop.replace(/([A-Z])/g, g => `-${g[0].toLowerCase()}`), value); - } else node[prop] = value; - } - return Object.assign({}, props); -} - -function normalizeIncomingArray(normalized, array) { - for (let i = 0, len = array.length; i < len; i++) { - let item = array[i], t; - if (item instanceof Node) { - normalized.push(item); - } else if (item == null || item === true || item === false) { // matches null, undefined, true or false - // skip - } else if (Array.isArray(item)) { - normalizeIncomingArray(normalized, item); - } else if ((t = typeof item) === 'string') { - normalized.push(document.createTextNode(item)); - } else if (t === 'function') { - const idx = item(); - normalizeIncomingArray(normalized, Array.isArray(idx) ? idx : [idx]); - } else normalized.push(document.createTextNode(item.toString())); - } - return normalized; -} - -function appendNodes(parent, array, marker) { - for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker); -} - -function cleanChildren(parent, current, marker, replacement) { - if (marker === undefined) return parent.textContent = ''; - const node = (replacement || document.createTextNode('')); - if (current.length) { - node !== current[0] && parent.replaceChild(node, current[0]); - for (let i = current.length - 1; i > 0; i--) parent.removeChild(current[i]); - } else parent.insertBefore(node, marker); - return [node]; -} - -function checkDynamicArray(array) { - for (let i = 0, len = array.length; i < len; i++) { - const item = array[i]; - if (Array.isArray(item) && checkDynamicArray(item) || typeof item === 'function') return true; - } - return false; -} - -function insertExpression(parent, value, current, marker) { - if (value === current) return current; - const t = typeof value, - multi = marker !== undefined; - parent = (multi && current[0] && current[0].parentNode) || parent; - - if (t === 'string' || t === 'number') { - if (t === 'number') value = value.toString(); - if (multi) { - let node = current[0]; - if (node && node.nodeType === 3) { - node.data = value; - } else node = document.createTextNode(value); - current = cleanChildren(parent, current, marker, node) - } else { - if (current !== '' && typeof current === 'string') { - current = parent.firstChild.data = value; - } else current = parent.textContent = value; - } - } else if (value == null || t === 'boolean') { - current = cleanChildren(parent, current, marker); - } else if (t === 'function') { - wrap(() => current = insertExpression(parent, value(), current, marker)); - } else if (Array.isArray(value)) { - const array = normalizeIncomingArray([], value); - if (array.length === 0) { - current = cleanChildren(parent, current, marker); - if (multi) return current; - } else { - if (Array.isArray(current)) { - if (current.length === 0) { - appendNodes(parent, array, marker); - } else reconcileArrays(parent, current, array); - } else if (current == null || current === '') { - appendNodes(parent, array); - } else { - reconcileArrays(parent, (multi && current) || [parent.firstChild], array); - } - } - current = array; - } else if (value instanceof Node) { - if (Array.isArray(current)) { - if (multi) return current = cleanChildren(parent, current, marker, value); - cleanChildren(parent, current, null, value); - } else if (current == null || current === '') { - parent.appendChild(value); - } else parent.replaceChild(value, parent.firstChild); - current = value; - } - - return current; -} - -// Picked from -// https://github.com/adamhaile/surplus/blob/master/src/runtime/content.ts#L368 -var NOMATCH = -1 - -// reconcile the content of parent from ns to us -// see ivi's excellent writeup of diffing arrays in a vdom library: -// https://github.com/ivijs/ivi/blob/2c81ead934b9128e092cc2a5ef2d3cabc73cb5dd/packages/ivi/src/vdom/implementation.ts#L1187 -// this code isn't identical, since we're diffing real dom nodes to nodes-or-strings, -// but the core methodology of trimming ends and reversals, matching nodes, then using -// the longest increasing subsequence to minimize DOM ops is inspired by ivi. -function reconcileArrays(parent, ns, us) { - var ulen = us.length, - // n = nodes, u = updates - // ranges defined by min and max indices - nmin = 0, - nmax = ns.length - 1, - umin = 0, - umax = ulen - 1, - // start nodes of ranges - n = ns[nmin], - u = us[umin], - // end nodes of ranges - nx = ns[nmax], - ux = us[umax], - // node, if any, just after ux, used for doing .insertBefore() to put nodes at end - ul = nx.nextSibling, - i, j, k, - loop = true; - - // scan over common prefixes, suffixes, and simple reversals - fixes: while (loop) { - loop = false; - - // common prefix, u === n - while (u === n) { - umin++; - nmin++; - if (umin > umax || nmin > nmax) break fixes; - u = us[umin]; - n = ns[nmin]; - } - - // common suffix, ux === nx - while (ux === nx) { - ul = nx; - umax--; - nmax--; - if (umin > umax || nmin > nmax) break fixes; - ux = us[umax]; - nx = ns[nmax]; - } - - // reversal u === nx, have to swap node forward - while (u === nx) { - loop = true; - parent.insertBefore(nx, n); - umin++; - nmax--; - if (umin > umax || nmin > nmax) break fixes; - u = us[umin]; - nx = ns[nmax]; - } - - // reversal ux === n, have to swap node back - while (ux === n) { - loop = true; - if (ul === null) parent.appendChild(n); - else parent.insertBefore(n, ul); - ul = n; - umax--; - nmin++; - if (umin > umax || nmin > nmax) break fixes; - ux = us[umax]; - n = ns[nmin]; - } - } - - // if that covered all updates, just need to remove any remaining nodes and we're done - if (umin > umax) { - // remove any remaining nodes - while (nmin <= nmax) { - parent.removeChild(ns[nmax]); - nmax--; - } - return; - } - - // if that covered all current nodes, just need to insert any remaining updates and we're done - if (nmin > nmax) { - // insert any remaining nodes - while (umin <= umax) { - parent.insertBefore(us[umin], ul); - umin++; - } - return; - } - - // Positions for reusing nodes from current DOM state - const P = new Array(umax - umin + 1), - I = new Map(); - for(let i = umin; i <= umax; i++) { - P[i] = NOMATCH; - I.set(us[i], i); - } - - let reusingNodes = umin + us.length - 1 - umax, - toRemove = [] - - for(let i = nmin; i <= nmax; i++) { - if (I.has(ns[i])) { - P[I.get(ns[i])] = i - reusingNodes++ - } else toRemove.push(i) - } - - // Fast path for full replace - if (reusingNodes === 0) { - if (n !== parent.firstChild || nx !== parent.lastChild) { - for (i = nmin; i <= nmax; i++) parent.removeChild(ns[i]); - while (umin <= umax) { - parent.insertBefore(us[umin], ul); - umin++ - } - return; - } - // no nodes preserved, use fast clear and append - parent.textContent = ''; - while (umin <= umax) { - parent.appendChild(us[umin]); - umin++; - } - return; - } - - // find longest common sequence between ns and us, represented as the indices - // of the longest increasing subsequence in src - var lcs = longestPositiveIncreasingSubsequence(P, umin), - nodes = [], - tmp = ns[nmin], lisIdx = lcs.length - 1, tmpB;; - - // Collect nodes to work with them - for(let i = nmin; i <= nmax; i++) { - nodes[i] = tmp; - tmp = tmp.nextSibling; - } - - for(let i = 0; i < toRemove.length; i++) parent.removeChild(nodes[toRemove[i]]) - - for(let i = umax; i >= umin; i--) { - if(lcs[lisIdx] === i) { - ul = nodes[P[lcs[lisIdx]]] - lisIdx-- - } else { - tmpB = (P[i] === NOMATCH) ? us[i] : nodes[P[i]]; - parent.insertBefore(tmpB, ul) - ul = tmpB - } - } -} - -// return an array of the indices of ns that comprise the longest increasing subsequence within ns -function longestPositiveIncreasingSubsequence(ns, newStart) { - let seq = [], - is = [], - l = -1, - pre = new Array(ns.length); - - for (let i = newStart, len = ns.length; i < len; i++) { - let n = ns[i]; - if (n < 0) continue; - let j = findGreatestIndexLEQ(seq, n); - if (j !== -1) pre[i] = is[j]; - if (j === l) { - l++; - seq[l] = n; - is[l] = i; - } else if (n < seq[j + 1]) { - seq[j + 1] = n; - is[j + 1] = i; - } - } - - for (let i = is[l]; l >= 0; i = pre[i], l--) { - seq[l] = i; - } - - return seq; -} - -function findGreatestIndexLEQ(seq, n) { - // invariant: lo is guaranteed to be index of a value <= n, hi to be > - // therefore, they actually start out of range: (-1, last + 1) - var lo = -1, - hi = seq.length; - - // fast path for simple increasing sequences - if (hi > 0 && seq[hi - 1] <= n) return hi - 1; - - while (hi - lo > 1) { - var mid = Math.floor((lo + hi) / 2); - if (seq[mid] > n) { - hi = mid; - } else { - lo = mid; - } - } - - return lo; -} \ No newline at end of file