diff --git a/package-lock.json b/package-lock.json
index 14b0f2e61..40723c50b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,15 +25,16 @@
"lodash.isequal": "4.5.0",
"lodash.throttle": "4.1.1",
"prop-types": "15.7.2",
- "react": "16.12.0",
- "react-dom": "16.12.0",
- "react-focus-lock": "2.2.1",
+ "react": "18.2.0",
+ "react-dom": "18.2.0",
+ "react-focus-lock": "2.9.1",
"spatial-navigation-polyfill": "git+https://git@github.com/Stremio/spatial-navigation.git#64871b1422466f5f45d24ebc8bbd315b2ebab6a6"
},
"devDependencies": {
"@babel/core": "7.16.0",
"@babel/plugin-proposal-class-properties": "7.16.0",
"@babel/plugin-proposal-object-rest-spread": "7.16.0",
+ "@babel/plugin-transform-runtime": "7.16.0",
"@babel/preset-env": "7.16.0",
"@babel/preset-react": "7.16.0",
"babel-loader": "8.2.3",
@@ -283,12 +284,12 @@
}
},
"node_modules/@babel/helper-module-imports": {
- "version": "7.16.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz",
- "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==",
+ "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.16.0"
+ "@babel/types": "^7.18.6"
},
"engines": {
"node": ">=6.9.0"
@@ -326,9 +327,9 @@
}
},
"node_modules/@babel/helper-plugin-utils": {
- "version": "7.14.5",
- "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz",
- "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==",
+ "version": "7.18.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.6.tgz",
+ "integrity": "sha512-gvZnm1YAAxh13eJdkb9EWHBnF3eAub3XTLCZEehHT2kWxiKVRL64+ae5Y6Ivne0mVHmMYKT+xWgZO+gQhuLUBg==",
"dev": true,
"engines": {
"node": ">=6.9.0"
@@ -400,9 +401,9 @@
}
},
"node_modules/@babel/helper-validator-identifier": {
- "version": "7.15.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
- "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
+ "version": "7.18.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz",
+ "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==",
"dev": true,
"engines": {
"node": ">=6.9.0"
@@ -1445,6 +1446,26 @@
"@babel/core": "^7.0.0-0"
}
},
+ "node_modules/@babel/plugin-transform-runtime": {
+ "version": "7.16.0",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.0.tgz",
+ "integrity": "sha512-zlPf1/XFn5+vWdve3AAhf+Sxl+MVa5VlwTwWgnLx23u4GlatSRQJ3Eoo9vllf0a9il3woQsT4SK+5Z7c06h8ag==",
+ "dev": true,
+ "dependencies": {
+ "@babel/helper-module-imports": "^7.16.0",
+ "@babel/helper-plugin-utils": "^7.14.5",
+ "babel-plugin-polyfill-corejs2": "^0.2.3",
+ "babel-plugin-polyfill-corejs3": "^0.3.0",
+ "babel-plugin-polyfill-regenerator": "^0.2.3",
+ "semver": "^6.3.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0-0"
+ }
+ },
"node_modules/@babel/plugin-transform-shorthand-properties": {
"version": "7.16.0",
"resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.0.tgz",
@@ -1722,12 +1743,12 @@
}
},
"node_modules/@babel/types": {
- "version": "7.16.0",
- "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz",
- "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==",
+ "version": "7.18.7",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.7.tgz",
+ "integrity": "sha512-QG3yxTcTIBoAcQmkCs+wAPYZhu7Dk9rXKacINfNbdJDNERTbLQbHGyVG8q/YGMPeCJRIhSY0+fTc5+xuh6WPSQ==",
"dev": true,
"dependencies": {
- "@babel/helper-validator-identifier": "^7.15.7",
+ "@babel/helper-validator-identifier": "^7.18.6",
"to-fast-properties": "^2.0.0"
},
"engines": {
@@ -3970,26 +3991,31 @@
"dev": true
},
"node_modules/browserslist": {
- "version": "4.17.5",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.5.tgz",
- "integrity": "sha512-I3ekeB92mmpctWBoLXe0d5wPS2cBuRvvW0JyyJHMrk9/HmP2ZjrTboNAZ8iuGqaEIlKguljbQY32OkOJIRrgoA==",
+ "version": "4.21.1",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.1.tgz",
+ "integrity": "sha512-Nq8MFCSrnJXSc88yliwlzQe3qNe3VntIjhsArW9IJOEPSHNx23FalwApUVbzAWABLhYJJ7y8AynWI/XM8OdfjQ==",
"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.30001271",
- "electron-to-chromium": "^1.3.878",
- "escalade": "^3.1.1",
- "node-releases": "^2.0.1",
- "picocolors": "^1.0.0"
+ "caniuse-lite": "^1.0.30001359",
+ "electron-to-chromium": "^1.4.172",
+ "node-releases": "^2.0.5",
+ "update-browserslist-db": "^1.0.4"
},
"bin": {
"browserslist": "cli.js"
},
"engines": {
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/browserslist"
}
},
"node_modules/bser": {
@@ -4105,14 +4131,20 @@
}
},
"node_modules/caniuse-lite": {
- "version": "1.0.30001274",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001274.tgz",
- "integrity": "sha512-+Nkvv0fHyhISkiMIjnyjmf5YJcQ1IQHZN6U9TLUMroWR38FNwpsC51Gb68yueafX1V6ifOisInSgP9WJFS13ew==",
+ "version": "1.0.30001363",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001363.tgz",
+ "integrity": "sha512-HpQhpzTGGPVMnCjIomjt+jvyUu8vNFo3TaDiZ/RcoTrlOq/5+tC8zHdsbgFB6MxmaY+jCpsH09aD80Bb4Ow3Sg==",
"dev": true,
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/browserslist"
- }
+ "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",
@@ -4600,12 +4632,12 @@
}
},
"node_modules/core-js-compat": {
- "version": "3.19.0",
- "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.0.tgz",
- "integrity": "sha512-R09rKZ56ccGBebjTLZHvzDxhz93YPT37gBm6qUhnwj3Kt7aCjjZWD1injyNbyeFHxNKfeZBSyds6O9n3MKq1sw==",
+ "version": "3.23.3",
+ "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.23.3.tgz",
+ "integrity": "sha512-WSzUs2h2vvmKsacLHNTdpyOC9k43AEhcGoFlVgCY4L7aw98oSBKtPL6vD0/TqZjRWRQYdDSLkzZIni4Crbbiqw==",
"dev": true,
"dependencies": {
- "browserslist": "^4.17.5",
+ "browserslist": "^4.21.0",
"semver": "7.0.0"
},
"funding": {
@@ -5259,9 +5291,9 @@
"dev": true
},
"node_modules/electron-to-chromium": {
- "version": "1.3.885",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.885.tgz",
- "integrity": "sha512-JXKFJcVWrdHa09n4CNZYfYaK6EW5aAew7/wr3L1OnsD1L+JHL+RCtd7QgIsxUbFPeTwPlvnpqNNTOLkoefmtXg==",
+ "version": "1.4.180",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.180.tgz",
+ "integrity": "sha512-7at5ash3FD9U5gPa3/wPr6OdiZd/zBjvDZaaHBpcqFOFUhZiWnb7stkqk8xUFL9H9nk7Yok5vCCNK8wyC/+f8A==",
"dev": true
},
"node_modules/emittery": {
@@ -6334,9 +6366,20 @@
"dev": true
},
"node_modules/focus-lock": {
- "version": "0.6.8",
- "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.6.8.tgz",
- "integrity": "sha512-vkHTluRCoq9FcsrldC0ulQHiyBYgVJB2CX53I8r0nTC6KnEij7Of0jpBspjt3/CuNb6fyoj3aOh9J2HgQUM0og=="
+ "version": "0.11.2",
+ "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.11.2.tgz",
+ "integrity": "sha512-pZ2bO++NWLHhiKkgP1bEXHhR1/OjVcSvlCJ98aNJDFeb7H5OOQaO+SKOZle6041O9rv2tmbrO4JzClAvDUHf0g==",
+ "dependencies": {
+ "tslib": "^2.0.3"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/focus-lock/node_modules/tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
},
"node_modules/follow-redirects": {
"version": "1.14.8",
@@ -10032,9 +10075,9 @@
}
},
"node_modules/node-releases": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
- "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.5.tgz",
+ "integrity": "sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==",
"dev": true
},
"node_modules/normalize-path": {
@@ -11417,57 +11460,59 @@
}
},
"node_modules/react": {
- "version": "16.12.0",
- "resolved": "https://registry.npmjs.org/react/-/react-16.12.0.tgz",
- "integrity": "sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==",
+ "version": "18.2.0",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+ "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
"dependencies": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "prop-types": "^15.6.2"
+ "loose-envify": "^1.1.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/react-clientside-effect": {
- "version": "1.2.5",
- "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.5.tgz",
- "integrity": "sha512-2bL8qFW1TGBHozGGbVeyvnggRpMjibeZM2536AKNENLECutp2yfs44IL8Hmpn8qjFQ2K7A9PnYf3vc7aQq/cPA==",
+ "version": "1.2.6",
+ "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz",
+ "integrity": "sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==",
"dependencies": {
"@babel/runtime": "^7.12.13"
},
"peerDependencies": {
- "react": "^15.3.0 || ^16.0.0 || ^17.0.0"
+ "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/react-dom": {
- "version": "16.12.0",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.12.0.tgz",
- "integrity": "sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==",
+ "version": "18.2.0",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+ "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
"dependencies": {
"loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "prop-types": "^15.6.2",
- "scheduler": "^0.18.0"
+ "scheduler": "^0.23.0"
},
"peerDependencies": {
- "react": "^16.0.0"
+ "react": "^18.2.0"
}
},
"node_modules/react-focus-lock": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.2.1.tgz",
- "integrity": "sha512-47g0xYcCTZccdzKRGufepY8oZ3W1Qg+2hn6u9SHZ0zUB6uz/4K4xJe7yYFNZ1qT6m+2JDm82F6QgKeBTbjW4PQ==",
+ "version": "2.9.1",
+ "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.9.1.tgz",
+ "integrity": "sha512-pSWOQrUmiKLkffPO6BpMXN7SNKXMsuOakl652IBuALAu1esk+IcpJyM+ALcYzPTTFz1rD0R54aB9A4HuP5t1Wg==",
"dependencies": {
"@babel/runtime": "^7.0.0",
- "focus-lock": "^0.6.6",
+ "focus-lock": "^0.11.2",
"prop-types": "^15.6.2",
- "react-clientside-effect": "^1.2.2",
- "use-callback-ref": "^1.2.1",
- "use-sidecar": "^1.0.1"
+ "react-clientside-effect": "^1.2.6",
+ "use-callback-ref": "^1.3.0",
+ "use-sidecar": "^1.1.2"
},
"peerDependencies": {
- "react": "^16.8.0"
+ "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ }
}
},
"node_modules/react-is": {
@@ -11801,12 +11846,11 @@
}
},
"node_modules/scheduler": {
- "version": "0.18.0",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.18.0.tgz",
- "integrity": "sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==",
+ "version": "0.23.0",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+ "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
"dependencies": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
+ "loose-envify": "^1.1.0"
}
},
"node_modules/schema-utils": {
@@ -12896,6 +12940,32 @@
"node": ">= 0.8"
}
},
+ "node_modules/update-browserslist-db": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.4.tgz",
+ "integrity": "sha512-jnmO2BEGUjsMOe/Fg9u0oczOe/ppIDZPebzccl1yDWGLFP16Pa1/RM5wEoKYPG2zstNcDuAStejyxsOuKINdGA==",
+ "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"
+ }
+ },
"node_modules/uri-js": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -12924,15 +12994,18 @@
}
},
"node_modules/use-callback-ref": {
- "version": "1.2.5",
- "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.2.5.tgz",
- "integrity": "sha512-gN3vgMISAgacF7sqsLPByqoePooY3n2emTH59Ur5d/M8eg4WTWu1xp8i8DHjohftIyEx0S08RiYxbffr4j8Peg==",
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+ "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+ "dependencies": {
+ "tslib": "^2.0.0"
+ },
"engines": {
- "node": ">=8.5.0"
+ "node": ">=10"
},
"peerDependencies": {
- "@types/react": "^16.8.0 || ^17.0.0",
- "react": "^16.8.0 || ^17.0.0"
+ "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
},
"peerDependenciesMeta": {
"@types/react": {
@@ -12940,21 +13013,37 @@
}
}
},
+ "node_modules/use-callback-ref/node_modules/tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+ },
"node_modules/use-sidecar": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.0.5.tgz",
- "integrity": "sha512-k9jnrjYNwN6xYLj1iaGhonDghfvmeTmYjAiGvOr7clwKfPjMXJf4/HOr7oT5tJwYafgp2tG2l3eZEOfoELiMcA==",
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+ "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
"dependencies": {
"detect-node-es": "^1.1.0",
- "tslib": "^1.9.3"
+ "tslib": "^2.0.0"
},
"engines": {
- "node": ">=8.5.0"
+ "node": ">=10"
},
"peerDependencies": {
- "react": "^16.8.0 || ^17.0.0"
+ "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ }
}
},
+ "node_modules/use-sidecar/node_modules/tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+ },
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -14023,12 +14112,12 @@
}
},
"@babel/helper-module-imports": {
- "version": "7.16.0",
- "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz",
- "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==",
+ "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.16.0"
+ "@babel/types": "^7.18.6"
}
},
"@babel/helper-module-transforms": {
@@ -14057,9 +14146,9 @@
}
},
"@babel/helper-plugin-utils": {
- "version": "7.14.5",
- "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz",
- "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==",
+ "version": "7.18.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.6.tgz",
+ "integrity": "sha512-gvZnm1YAAxh13eJdkb9EWHBnF3eAub3XTLCZEehHT2kWxiKVRL64+ae5Y6Ivne0mVHmMYKT+xWgZO+gQhuLUBg==",
"dev": true
},
"@babel/helper-remap-async-to-generator": {
@@ -14113,9 +14202,9 @@
}
},
"@babel/helper-validator-identifier": {
- "version": "7.15.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
- "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
+ "version": "7.18.6",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz",
+ "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==",
"dev": true
},
"@babel/helper-validator-option": {
@@ -14792,6 +14881,20 @@
"@babel/helper-plugin-utils": "^7.14.5"
}
},
+ "@babel/plugin-transform-runtime": {
+ "version": "7.16.0",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.0.tgz",
+ "integrity": "sha512-zlPf1/XFn5+vWdve3AAhf+Sxl+MVa5VlwTwWgnLx23u4GlatSRQJ3Eoo9vllf0a9il3woQsT4SK+5Z7c06h8ag==",
+ "dev": true,
+ "requires": {
+ "@babel/helper-module-imports": "^7.16.0",
+ "@babel/helper-plugin-utils": "^7.14.5",
+ "babel-plugin-polyfill-corejs2": "^0.2.3",
+ "babel-plugin-polyfill-corejs3": "^0.3.0",
+ "babel-plugin-polyfill-regenerator": "^0.2.3",
+ "semver": "^6.3.0"
+ }
+ },
"@babel/plugin-transform-shorthand-properties": {
"version": "7.16.0",
"resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.0.tgz",
@@ -15003,12 +15106,12 @@
}
},
"@babel/types": {
- "version": "7.16.0",
- "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz",
- "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==",
+ "version": "7.18.7",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.7.tgz",
+ "integrity": "sha512-QG3yxTcTIBoAcQmkCs+wAPYZhu7Dk9rXKacINfNbdJDNERTbLQbHGyVG8q/YGMPeCJRIhSY0+fTc5+xuh6WPSQ==",
"dev": true,
"requires": {
- "@babel/helper-validator-identifier": "^7.15.7",
+ "@babel/helper-validator-identifier": "^7.18.6",
"to-fast-properties": "^2.0.0"
}
},
@@ -16829,16 +16932,15 @@
"dev": true
},
"browserslist": {
- "version": "4.17.5",
- "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.5.tgz",
- "integrity": "sha512-I3ekeB92mmpctWBoLXe0d5wPS2cBuRvvW0JyyJHMrk9/HmP2ZjrTboNAZ8iuGqaEIlKguljbQY32OkOJIRrgoA==",
+ "version": "4.21.1",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.1.tgz",
+ "integrity": "sha512-Nq8MFCSrnJXSc88yliwlzQe3qNe3VntIjhsArW9IJOEPSHNx23FalwApUVbzAWABLhYJJ7y8AynWI/XM8OdfjQ==",
"dev": true,
"requires": {
- "caniuse-lite": "^1.0.30001271",
- "electron-to-chromium": "^1.3.878",
- "escalade": "^3.1.1",
- "node-releases": "^2.0.1",
- "picocolors": "^1.0.0"
+ "caniuse-lite": "^1.0.30001359",
+ "electron-to-chromium": "^1.4.172",
+ "node-releases": "^2.0.5",
+ "update-browserslist-db": "^1.0.4"
}
},
"bser": {
@@ -16930,9 +17032,9 @@
}
},
"caniuse-lite": {
- "version": "1.0.30001274",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001274.tgz",
- "integrity": "sha512-+Nkvv0fHyhISkiMIjnyjmf5YJcQ1IQHZN6U9TLUMroWR38FNwpsC51Gb68yueafX1V6ifOisInSgP9WJFS13ew==",
+ "version": "1.0.30001363",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001363.tgz",
+ "integrity": "sha512-HpQhpzTGGPVMnCjIomjt+jvyUu8vNFo3TaDiZ/RcoTrlOq/5+tC8zHdsbgFB6MxmaY+jCpsH09aD80Bb4Ow3Sg==",
"dev": true
},
"chalk": {
@@ -17312,12 +17414,12 @@
}
},
"core-js-compat": {
- "version": "3.19.0",
- "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.19.0.tgz",
- "integrity": "sha512-R09rKZ56ccGBebjTLZHvzDxhz93YPT37gBm6qUhnwj3Kt7aCjjZWD1injyNbyeFHxNKfeZBSyds6O9n3MKq1sw==",
+ "version": "3.23.3",
+ "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.23.3.tgz",
+ "integrity": "sha512-WSzUs2h2vvmKsacLHNTdpyOC9k43AEhcGoFlVgCY4L7aw98oSBKtPL6vD0/TqZjRWRQYdDSLkzZIni4Crbbiqw==",
"dev": true,
"requires": {
- "browserslist": "^4.17.5",
+ "browserslist": "^4.21.0",
"semver": "7.0.0"
},
"dependencies": {
@@ -17820,9 +17922,9 @@
"dev": true
},
"electron-to-chromium": {
- "version": "1.3.885",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.885.tgz",
- "integrity": "sha512-JXKFJcVWrdHa09n4CNZYfYaK6EW5aAew7/wr3L1OnsD1L+JHL+RCtd7QgIsxUbFPeTwPlvnpqNNTOLkoefmtXg==",
+ "version": "1.4.180",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.180.tgz",
+ "integrity": "sha512-7at5ash3FD9U5gPa3/wPr6OdiZd/zBjvDZaaHBpcqFOFUhZiWnb7stkqk8xUFL9H9nk7Yok5vCCNK8wyC/+f8A==",
"dev": true
},
"emittery": {
@@ -18646,9 +18748,19 @@
"dev": true
},
"focus-lock": {
- "version": "0.6.8",
- "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.6.8.tgz",
- "integrity": "sha512-vkHTluRCoq9FcsrldC0ulQHiyBYgVJB2CX53I8r0nTC6KnEij7Of0jpBspjt3/CuNb6fyoj3aOh9J2HgQUM0og=="
+ "version": "0.11.2",
+ "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.11.2.tgz",
+ "integrity": "sha512-pZ2bO++NWLHhiKkgP1bEXHhR1/OjVcSvlCJ98aNJDFeb7H5OOQaO+SKOZle6041O9rv2tmbrO4JzClAvDUHf0g==",
+ "requires": {
+ "tslib": "^2.0.3"
+ },
+ "dependencies": {
+ "tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+ }
+ }
},
"follow-redirects": {
"version": "1.14.8",
@@ -21372,9 +21484,9 @@
"dev": true
},
"node-releases": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
- "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.5.tgz",
+ "integrity": "sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==",
"dev": true
},
"normalize-path": {
@@ -22340,45 +22452,41 @@
}
},
"react": {
- "version": "16.12.0",
- "resolved": "https://registry.npmjs.org/react/-/react-16.12.0.tgz",
- "integrity": "sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==",
+ "version": "18.2.0",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+ "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
"requires": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "prop-types": "^15.6.2"
+ "loose-envify": "^1.1.0"
}
},
"react-clientside-effect": {
- "version": "1.2.5",
- "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.5.tgz",
- "integrity": "sha512-2bL8qFW1TGBHozGGbVeyvnggRpMjibeZM2536AKNENLECutp2yfs44IL8Hmpn8qjFQ2K7A9PnYf3vc7aQq/cPA==",
+ "version": "1.2.6",
+ "resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz",
+ "integrity": "sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==",
"requires": {
"@babel/runtime": "^7.12.13"
}
},
"react-dom": {
- "version": "16.12.0",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.12.0.tgz",
- "integrity": "sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==",
+ "version": "18.2.0",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+ "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
"requires": {
"loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "prop-types": "^15.6.2",
- "scheduler": "^0.18.0"
+ "scheduler": "^0.23.0"
}
},
"react-focus-lock": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.2.1.tgz",
- "integrity": "sha512-47g0xYcCTZccdzKRGufepY8oZ3W1Qg+2hn6u9SHZ0zUB6uz/4K4xJe7yYFNZ1qT6m+2JDm82F6QgKeBTbjW4PQ==",
+ "version": "2.9.1",
+ "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.9.1.tgz",
+ "integrity": "sha512-pSWOQrUmiKLkffPO6BpMXN7SNKXMsuOakl652IBuALAu1esk+IcpJyM+ALcYzPTTFz1rD0R54aB9A4HuP5t1Wg==",
"requires": {
"@babel/runtime": "^7.0.0",
- "focus-lock": "^0.6.6",
+ "focus-lock": "^0.11.2",
"prop-types": "^15.6.2",
- "react-clientside-effect": "^1.2.2",
- "use-callback-ref": "^1.2.1",
- "use-sidecar": "^1.0.1"
+ "react-clientside-effect": "^1.2.6",
+ "use-callback-ref": "^1.3.0",
+ "use-sidecar": "^1.1.2"
}
},
"react-is": {
@@ -22632,12 +22740,11 @@
}
},
"scheduler": {
- "version": "0.18.0",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.18.0.tgz",
- "integrity": "sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==",
+ "version": "0.23.0",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+ "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
"requires": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
+ "loose-envify": "^1.1.0"
}
},
"schema-utils": {
@@ -23497,6 +23604,16 @@
"integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
"dev": true
},
+ "update-browserslist-db": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.4.tgz",
+ "integrity": "sha512-jnmO2BEGUjsMOe/Fg9u0oczOe/ppIDZPebzccl1yDWGLFP16Pa1/RM5wEoKYPG2zstNcDuAStejyxsOuKINdGA==",
+ "dev": true,
+ "requires": {
+ "escalade": "^3.1.1",
+ "picocolors": "^1.0.0"
+ }
+ },
"uri-js": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -23524,18 +23641,34 @@
}
},
"use-callback-ref": {
- "version": "1.2.5",
- "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.2.5.tgz",
- "integrity": "sha512-gN3vgMISAgacF7sqsLPByqoePooY3n2emTH59Ur5d/M8eg4WTWu1xp8i8DHjohftIyEx0S08RiYxbffr4j8Peg==",
- "requires": {}
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+ "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+ "requires": {
+ "tslib": "^2.0.0"
+ },
+ "dependencies": {
+ "tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+ }
+ }
},
"use-sidecar": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.0.5.tgz",
- "integrity": "sha512-k9jnrjYNwN6xYLj1iaGhonDghfvmeTmYjAiGvOr7clwKfPjMXJf4/HOr7oT5tJwYafgp2tG2l3eZEOfoELiMcA==",
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+ "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
"requires": {
"detect-node-es": "^1.1.0",
- "tslib": "^1.9.3"
+ "tslib": "^2.0.0"
+ },
+ "dependencies": {
+ "tslib": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+ "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+ }
}
},
"util-deprecate": {
diff --git a/package.json b/package.json
index 73a234313..7d16b78ef 100755
--- a/package.json
+++ b/package.json
@@ -28,15 +28,16 @@
"lodash.isequal": "4.5.0",
"lodash.throttle": "4.1.1",
"prop-types": "15.7.2",
- "react": "16.12.0",
- "react-dom": "16.12.0",
- "react-focus-lock": "2.2.1",
+ "react": "18.2.0",
+ "react-dom": "18.2.0",
+ "react-focus-lock": "2.9.1",
"spatial-navigation-polyfill": "git+https://git@github.com/Stremio/spatial-navigation.git#64871b1422466f5f45d24ebc8bbd315b2ebab6a6"
},
"devDependencies": {
"@babel/core": "7.16.0",
"@babel/plugin-proposal-class-properties": "7.16.0",
"@babel/plugin-proposal-object-rest-spread": "7.16.0",
+ "@babel/plugin-transform-runtime": "7.16.0",
"@babel/preset-env": "7.16.0",
"@babel/preset-react": "7.16.0",
"babel-loader": "8.2.3",
diff --git a/src/common/AddonDetailsModal/useAddonDetails.js b/src/common/AddonDetailsModal/useAddonDetails.js
index b0bf251d3..91ded0f77 100644
--- a/src/common/AddonDetailsModal/useAddonDetails.js
+++ b/src/common/AddonDetailsModal/useAddonDetails.js
@@ -1,13 +1,7 @@
// Copyright (C) 2017-2022 Smart code 203358507
const React = require('react');
-const useModelState = require('stremio/common/useModelState');
-
-const init = () => ({
- selected: null,
- localAddon: null,
- remoteAddon: null
-});
+const { useModelState } = require('stremio/common/useModelState');
const useAddonDetails = (transportUrl) => {
const action = React.useMemo(() => {
@@ -27,7 +21,7 @@ const useAddonDetails = (transportUrl) => {
};
}
}, [transportUrl]);
- return useModelState({ model: 'addon_details', action, init });
+ return useModelState({ model: 'addon_details', action });
};
module.exports = useAddonDetails;
diff --git a/src/common/index.js b/src/common/index.js
index 1ee08108c..70069d78b 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -35,7 +35,7 @@ const useDeepEqualMemo = require('./useDeepEqualMemo');
const useDeepEqualState = require('./useDeepEqualState');
const useFullscreen = require('./useFullscreen');
const useLiveRef = require('./useLiveRef');
-const useModelState = require('./useModelState');
+const { withGetInitState, useModelState } = require('./useModelState');
const useOnScrollToBottom = require('./useOnScrollToBottom');
const useProfile = require('./useProfile');
const useStreamingServer = require('./useStreamingServer');
@@ -78,6 +78,7 @@ module.exports = {
useDeepEqualState,
useFullscreen,
useLiveRef,
+ withGetInitState,
useModelState,
useOnScrollToBottom,
useProfile,
diff --git a/src/common/useModelState.js b/src/common/useModelState.js
index 75e2ab634..5f1339345 100644
--- a/src/common/useModelState.js
+++ b/src/common/useModelState.js
@@ -6,13 +6,65 @@ const isEqual = require('lodash.isequal');
const { useRouteFocused } = require('stremio-router');
const { useServices } = require('stremio/services');
-const useModelState = ({ init, action, ...args }) => {
+const GetInitStateContext = React.createContext();
+
+GetInitStateContext.displayName = 'GetInitStateContext';
+
+function wrapPromise(promise) {
+ let status = 'pending';
+ let result;
+ const suspender = promise.then(
+ (resp) => {
+ status = 'success';
+ result = resp;
+ },
+ (error) => {
+ status = 'error';
+ result = error;
+ }
+ );
+ return {
+ read() {
+ if (status === 'pending') {
+ throw suspender;
+ } else if (status === 'error') {
+ throw result;
+ } else if (status === 'success') {
+ return result;
+ }
+ }
+ };
+}
+
+const withGetInitState = (Component) => {
+ return function WithGetInitState(props) {
+ const { core } = useServices();
+ const initStateRef = React.useRef({});
+ const getInitState = React.useCallback((model) => {
+ if (!initStateRef.current[model]) {
+ initStateRef.current[model] = wrapPromise(core.transport.getState(model));
+ }
+
+ return initStateRef.current[model].read();
+ }, []);
+ return (
+
+
+
+
+
+ );
+ };
+};
+
+const useModelState = ({ action, ...args }) => {
const { core } = useServices();
const routeFocused = useRouteFocused();
const mountedRef = React.useRef(false);
const [model, timeout, map] = React.useMemo(() => {
return [args.model, args.timeout, args.map];
}, []);
+ const getInitState = React.useContext(GetInitStateContext);
const [state, setState] = React.useReducer(
(prevState, nextState) => {
return Object.keys(prevState).reduce((result, key) => {
@@ -22,10 +74,11 @@ const useModelState = ({ init, action, ...args }) => {
},
undefined,
() => {
- return typeof init === 'function' ?
- init()
- :
- init;
+ if (typeof map === 'function') {
+ return map(getInitState(model));
+ } else {
+ return getInitState(model);
+ }
}
);
React.useLayoutEffect(() => {
@@ -39,8 +92,8 @@ const useModelState = ({ init, action, ...args }) => {
};
}, []);
React.useLayoutEffect(() => {
- const onNewStateThrottled = throttle(() => {
- const state = core.transport.getState(model);
+ const onNewStateThrottled = throttle(async () => {
+ const state = await core.transport.getState(model);
if (typeof map === 'function') {
setState(map(state));
} else {
@@ -64,4 +117,7 @@ const useModelState = ({ init, action, ...args }) => {
return state;
};
-module.exports = useModelState;
+module.exports = {
+ withGetInitState,
+ useModelState
+};
diff --git a/src/common/useProfile.js b/src/common/useProfile.js
index cbd60b36c..d67b17838 100644
--- a/src/common/useProfile.js
+++ b/src/common/useProfile.js
@@ -1,8 +1,6 @@
// Copyright (C) 2017-2022 Smart code 203358507
-const React = require('react');
-const { useServices } = require('stremio/services');
-const useModelState = require('stremio/common/useModelState');
+const { useModelState } = require('stremio/common/useModelState');
const map = (ctx) => ({
...ctx.profile,
@@ -18,12 +16,7 @@ const map = (ctx) => ({
});
const useProfile = () => {
- const { core } = useServices();
- const init = React.useCallback(() => {
- const ctx = core.transport.getState('ctx');
- return map(ctx);
- }, []);
- return useModelState({ model: 'ctx', init, map });
+ return useModelState({ model: 'ctx', map });
};
module.exports = useProfile;
diff --git a/src/common/useStreamingServer.js b/src/common/useStreamingServer.js
index a8cf71596..354261d25 100644
--- a/src/common/useStreamingServer.js
+++ b/src/common/useStreamingServer.js
@@ -1,15 +1,9 @@
// Copyright (C) 2017-2022 Smart code 203358507
-const React = require('react');
-const { useServices } = require('stremio/services');
-const useModelState = require('stremio/common/useModelState');
+const { useModelState } = require('stremio/common/useModelState');
const useStreamingServer = () => {
- const { core } = useServices();
- const init = React.useCallback(() => {
- return core.transport.getState('streaming_server');
- }, []);
- return useModelState({ model: 'streaming_server', init });
+ return useModelState({ model: 'streaming_server' });
};
module.exports = useStreamingServer;
diff --git a/src/index.js b/src/index.js
index c7af67f8b..d716b0b2e 100755
--- a/src/index.js
+++ b/src/index.js
@@ -12,7 +12,8 @@ if (browser?.platform?.type === 'desktop') {
}
const React = require('react');
-const ReactDOM = require('react-dom');
+const ReactDOM = require('react-dom/client');
const App = require('./App');
-ReactDOM.render(, document.getElementById('app'));
+const root = ReactDOM.createRoot(document.getElementById('app'));
+root.render();
diff --git a/src/router/Modal/Modal.js b/src/router/Modal/Modal.js
index ed76f2e71..2af54244a 100644
--- a/src/router/Modal/Modal.js
+++ b/src/router/Modal/Modal.js
@@ -1,7 +1,7 @@
// Copyright (C) 2017-2022 Smart code 203358507
const React = require('react');
-const ReactDOM = require('react-dom');
+const ReactDOM = require('react-dom/client');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const FocusLock = require('react-focus-lock').default;
diff --git a/src/routes/Addons/useInstalledAddons.js b/src/routes/Addons/useInstalledAddons.js
index 8be193982..fc649c772 100644
--- a/src/routes/Addons/useInstalledAddons.js
+++ b/src/routes/Addons/useInstalledAddons.js
@@ -1,14 +1,9 @@
// Copyright (C) 2017-2022 Smart code 203358507
const React = require('react');
-const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
const useInstalledAddons = (urlParams) => {
- const { core } = useServices();
- const init = React.useMemo(() => {
- return core.transport.getState('installed_addons');
- }, []);
const action = React.useMemo(() => {
if (typeof urlParams.transportUrl !== 'string' && typeof urlParams.catalogId !== 'string') {
return {
@@ -28,7 +23,7 @@ const useInstalledAddons = (urlParams) => {
};
}
}, [urlParams]);
- return useModelState({ model: 'installed_addons', action, init });
+ return useModelState({ model: 'installed_addons', action });
};
module.exports = useInstalledAddons;
diff --git a/src/routes/Addons/useRemoteAddons.js b/src/routes/Addons/useRemoteAddons.js
index f6bc023d1..c816072da 100644
--- a/src/routes/Addons/useRemoteAddons.js
+++ b/src/routes/Addons/useRemoteAddons.js
@@ -3,15 +3,6 @@
const React = require('react');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- selectable: {
- catalogs: [],
- types: []
- },
- catalog: null,
-});
-
const useRemoteAddons = (urlParams) => {
const action = React.useMemo(() => {
if (typeof urlParams.type === 'string' && typeof urlParams.transportUrl === 'string' && typeof urlParams.catalogId === 'string') {
@@ -38,7 +29,7 @@ const useRemoteAddons = (urlParams) => {
};
}
}, [urlParams]);
- return useModelState({ model: 'remote_addons', action, init });
+ return useModelState({ model: 'remote_addons', action });
};
module.exports = useRemoteAddons;
diff --git a/src/routes/Board/useBoard.js b/src/routes/Board/useBoard.js
index 1233b9a10..6e3540ab6 100644
--- a/src/routes/Board/useBoard.js
+++ b/src/routes/Board/useBoard.js
@@ -4,11 +4,6 @@ const React = require('react');
const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- catalogs: []
-});
-
const useBoard = () => {
const { core } = useServices();
const action = React.useMemo(() => ({
@@ -27,7 +22,7 @@ const useBoard = () => {
}
}, 'board');
}, []);
- const board = useModelState({ model: 'board', timeout: 1500, action, init });
+ const board = useModelState({ model: 'board', timeout: 1500, action });
return [board, loadRange];
};
diff --git a/src/routes/Board/useContinueWatchingPreview.js b/src/routes/Board/useContinueWatchingPreview.js
index a505ef737..f7f623587 100644
--- a/src/routes/Board/useContinueWatchingPreview.js
+++ b/src/routes/Board/useContinueWatchingPreview.js
@@ -1,15 +1,9 @@
// Copyright (C) 2017-2022 Smart code 203358507
-const React = require('react');
-const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
const useContinueWatchingPreview = () => {
- const { core } = useServices();
- const init = React.useMemo(() => {
- return core.transport.getState('continue_watching_preview');
- }, []);
- return useModelState({ model: 'continue_watching_preview', init });
+ return useModelState({ model: 'continue_watching_preview' });
};
module.exports = useContinueWatchingPreview;
diff --git a/src/routes/Discover/useDiscover.js b/src/routes/Discover/useDiscover.js
index 895b98910..7ba62c576 100644
--- a/src/routes/Discover/useDiscover.js
+++ b/src/routes/Discover/useDiscover.js
@@ -5,18 +5,6 @@ const UrlUtils = require('url');
const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- selectable: {
- types: [],
- catalogs: [],
- extra: [],
- nextPage: false
- },
- catalog: null,
- defaultRequest: null,
-});
-
const map = (discover) => ({
...discover,
catalog: discover.catalog !== null && discover.catalog.content.type === 'Ready' ?
@@ -67,25 +55,20 @@ const useDiscover = (urlParams, queryParams) => {
};
}
} else {
- const discover = core.transport.getState('discover');
- if (discover.defaultRequest !== null) {
- return {
- action: 'Load',
- args: {
- model: 'CatalogWithFilters',
- args: {
- request: discover.defaultRequest
- }
- }
- };
- }
+ return {
+ action: 'Load',
+ args: {
+ model: 'CatalogWithFilters',
+ args: null
+ }
+ };
}
return {
action: 'Unload'
};
}, [urlParams, queryParams]);
- const discover = useModelState({ model: 'discover', action, map, init });
+ const discover = useModelState({ model: 'discover', action, map });
return [discover, loadNextPage];
};
diff --git a/src/routes/Library/useLibrary.js b/src/routes/Library/useLibrary.js
index cff44771d..d882d889b 100644
--- a/src/routes/Library/useLibrary.js
+++ b/src/routes/Library/useLibrary.js
@@ -3,17 +3,6 @@
const React = require('react');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- selectable: {
- types: [],
- sorts: [],
- prevPage: null,
- nextPage: null
- },
- catalog: []
-});
-
const useLibrary = (model, urlParams, queryParams) => {
const action = React.useMemo(() => ({
action: 'Load',
@@ -28,7 +17,7 @@ const useLibrary = (model, urlParams, queryParams) => {
}
}
}), [urlParams, queryParams]);
- return useModelState({ model, action, init });
+ return useModelState({ model, action });
};
module.exports = useLibrary;
diff --git a/src/routes/MetaDetails/useMetaDetails.js b/src/routes/MetaDetails/useMetaDetails.js
index fb9f270c5..f2c10d10f 100644
--- a/src/routes/MetaDetails/useMetaDetails.js
+++ b/src/routes/MetaDetails/useMetaDetails.js
@@ -3,14 +3,6 @@
const React = require('react');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- metaItem: null,
- streams: [],
- metaExtensions: [],
- title: null
-});
-
const map = (metaDetails) => ({
...metaDetails,
metaItem: metaDetails.metaItem !== null && metaDetails.metaItem.content.type === 'Ready' ?
@@ -74,7 +66,7 @@ const useMetaDetails = (urlParams) => {
};
}
}, [urlParams]);
- return useModelState({ model: 'meta_details', action, map, init });
+ return useModelState({ model: 'meta_details', action, map });
};
module.exports = useMetaDetails;
diff --git a/src/routes/Player/usePlayer.js b/src/routes/Player/usePlayer.js
index 0e728b51f..2e3a12af4 100644
--- a/src/routes/Player/usePlayer.js
+++ b/src/routes/Player/usePlayer.js
@@ -4,17 +4,6 @@ const React = require('react');
const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
-const init = () => ({
- selected: null,
- metaItem: null,
- subtitles: [],
- nextVideo: null,
- seriesInfo: null,
- libraryItem: null,
- title: null,
- addon: null,
-});
-
const map = (player) => ({
...player,
metaItem: player.metaItem !== null && player.metaItem.type === 'Ready' ?
@@ -113,7 +102,7 @@ const usePlayer = (urlParams) => {
}
}, 'player');
}, []);
- const player = useModelState({ model: 'player', action, init, map });
+ const player = useModelState({ model: 'player', action, map });
return [player, updateLibraryItemState, pushToLibrary];
};
diff --git a/src/routes/Search/useSearch.js b/src/routes/Search/useSearch.js
index d1ff8e79c..40a46fb76 100644
--- a/src/routes/Search/useSearch.js
+++ b/src/routes/Search/useSearch.js
@@ -4,37 +4,33 @@ const React = require('react');
const { useModelState } = require('stremio/common');
const { useServices } = require('stremio/services');
-const init = () => ({
- selected: null,
- catalogs: []
-});
-
const useSearch = (queryParams) => {
const { core } = useServices();
- React.useEffect(() => {
- let timerId = setTimeout(emitSearchEvent, 500);
- function emitSearchEvent() {
- timerId = null;
- const state = core.transport.getState('search');
- if (state.selected !== null) {
- const [, query] = state.selected.extra.find(([name]) => name === 'search');
- const responses = state.catalogs.filter((catalog) => catalog.content?.type === 'Ready');
- core.transport.analytics({
- event: 'Search',
- args: {
- query,
- responsesCount: responses.length
- }
- });
- }
- }
- return () => {
- if (timerId !== null) {
- clearTimeout(timerId);
- emitSearchEvent();
- }
- };
- }, [queryParams.get('search')]);
+ // TODO: refactor this to be in stremio-core-web
+ // React.useEffect(() => {
+ // let timerId = setTimeout(emitSearchEvent, 500);
+ // function emitSearchEvent() {
+ // timerId = null;
+ // const state = core.transport.getState('search');
+ // if (state.selected !== null) {
+ // const [, query] = state.selected.extra.find(([name]) => name === 'search');
+ // const responses = state.catalogs.filter((catalog) => catalog.content?.type === 'Ready');
+ // core.transport.analytics({
+ // event: 'Search',
+ // args: {
+ // query,
+ // responsesCount: responses.length
+ // }
+ // });
+ // }
+ // }
+ // return () => {
+ // if (timerId !== null) {
+ // clearTimeout(timerId);
+ // emitSearchEvent();
+ // }
+ // };
+ // }, [queryParams.get('search')]);
const action = React.useMemo(() => {
if (queryParams.has('search') && queryParams.get('search').length > 0) {
return {
@@ -63,7 +59,7 @@ const useSearch = (queryParams) => {
}
}, 'search');
}, []);
- const search = useModelState({ model: 'search', action, init });
+ const search = useModelState({ model: 'search', action });
return [search, loadRange];
};
diff --git a/src/services/Core/CoreTransport.js b/src/services/Core/CoreTransport.js
index 95a8cff34..488b730f1 100644
--- a/src/services/Core/CoreTransport.js
+++ b/src/services/Core/CoreTransport.js
@@ -34,8 +34,8 @@ function CoreTransport() {
this.removeAllListeners = function() {
events.removeAllListeners();
};
- this.getState = function(field) {
- return get_state(field);
+ this.getState = async function(field) {
+ return Promise.resolve(get_state(field));
};
this.getDebugState = function() {
return get_debug_state();
diff --git a/webpack.config.js b/webpack.config.js
index 7fd65fcfa..f9e53bfb8 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -28,13 +28,15 @@ module.exports = (env, argv) => ({
use: {
loader: 'babel-loader',
options: {
+ sourceType: 'unambiguous',
presets: [
'@babel/preset-env',
'@babel/preset-react'
],
plugins: [
'@babel/plugin-proposal-class-properties',
- '@babel/plugin-proposal-object-rest-spread'
+ '@babel/plugin-proposal-object-rest-spread',
+ '@babel/plugin-transform-runtime'
]
}
}