@tanstack/router-devtools 0.0.1-beta.245 → 0.0.1-beta.247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4818,7 +4818,7 @@ var drawChart = (function (exports) {
4818
4818
  </script>
4819
4819
  <script>
4820
4820
  /*<!--*/
4821
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"fe4e-149","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/.pnpm","children":[{"name":"tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","uid":"fe4e-151"},{"name":"tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","uid":"fe4e-153"},{"name":"use-sync-external-store@1.2.0/node_modules/use-sync-external-store","children":[{"name":"cjs/use-sync-external-store-shim/with-selector.production.min.js","uid":"fe4e-159"},{"name":"shim/with-selector.js","uid":"fe4e-161"}]},{"name":"@tanstack+react-store@0.2.1/node_modules/@tanstack/react-store/build/modern/index.js","uid":"fe4e-163"}]},{"name":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store","children":[{"name":"shim/with-selector.js?commonjs-module","uid":"fe4e-155"},{"name":"cjs/use-sync-external-store-shim/with-selector.production.min.js?commonjs-exports","uid":"fe4e-157"}]},{"name":"packages","children":[{"name":"react-router/build/esm/index.js","uid":"fe4e-165"},{"name":"router-devtools/src","children":[{"uid":"fe4e-167","name":"useLocalStorage.ts"},{"uid":"fe4e-169","name":"theme.tsx"},{"uid":"fe4e-171","name":"useMediaQuery.ts"},{"uid":"fe4e-173","name":"utils.ts"},{"uid":"fe4e-175","name":"styledComponents.ts"},{"uid":"fe4e-177","name":"Explorer.tsx"},{"uid":"fe4e-179","name":"devtools.tsx"},{"uid":"fe4e-181","name":"index.tsx"}]}]}]}],"isRoot":true},"nodeParts":{"fe4e-149":{"renderedLength":429,"gzipLength":238,"brotliLength":0,"metaUid":"fe4e-148"},"fe4e-151":{"renderedLength":439,"gzipLength":227,"brotliLength":0,"metaUid":"fe4e-150"},"fe4e-153":{"renderedLength":357,"gzipLength":203,"brotliLength":0,"metaUid":"fe4e-152"},"fe4e-155":{"renderedLength":35,"gzipLength":55,"brotliLength":0,"metaUid":"fe4e-154"},"fe4e-157":{"renderedLength":39,"gzipLength":59,"brotliLength":0,"metaUid":"fe4e-156"},"fe4e-159":{"renderedLength":1374,"gzipLength":659,"brotliLength":0,"metaUid":"fe4e-158"},"fe4e-161":{"renderedLength":123,"gzipLength":95,"brotliLength":0,"metaUid":"fe4e-160"},"fe4e-163":{"renderedLength":817,"gzipLength":366,"brotliLength":0,"metaUid":"fe4e-162"},"fe4e-165":{"renderedLength":1873,"gzipLength":764,"brotliLength":0,"metaUid":"fe4e-164"},"fe4e-167":{"renderedLength":1023,"gzipLength":398,"brotliLength":0,"metaUid":"fe4e-166"},"fe4e-169":{"renderedLength":626,"gzipLength":329,"brotliLength":0,"metaUid":"fe4e-168"},"fe4e-171":{"renderedLength":930,"gzipLength":372,"brotliLength":0,"metaUid":"fe4e-170"},"fe4e-173":{"renderedLength":2753,"gzipLength":1101,"brotliLength":0,"metaUid":"fe4e-172"},"fe4e-175":{"renderedLength":1377,"gzipLength":574,"brotliLength":0,"metaUid":"fe4e-174"},"fe4e-177":{"renderedLength":6243,"gzipLength":1853,"brotliLength":0,"metaUid":"fe4e-176"},"fe4e-179":{"renderedLength":22562,"gzipLength":4564,"brotliLength":0,"metaUid":"fe4e-178"},"fe4e-181":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"fe4e-180"}},"nodeMetas":{"fe4e-148":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"fe4e-149"},"imported":[],"importedBy":[{"uid":"fe4e-178"},{"uid":"fe4e-168"},{"uid":"fe4e-176"}]},"fe4e-150":{"id":"/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","moduleParts":{"index.production.js":"fe4e-151"},"imported":[],"importedBy":[{"uid":"fe4e-164"}]},"fe4e-152":{"id":"/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","moduleParts":{"index.production.js":"fe4e-153"},"imported":[],"importedBy":[{"uid":"fe4e-164"}]},"fe4e-154":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/shim/with-selector.js?commonjs-module","moduleParts":{"index.production.js":"fe4e-155"},"imported":[],"importedBy":[{"uid":"fe4e-160"}]},"fe4e-156":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js?commonjs-exports","moduleParts":{"index.production.js":"fe4e-157"},"imported":[],"importedBy":[{"uid":"fe4e-158"}]},"fe4e-158":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js","moduleParts":{"index.production.js":"fe4e-159"},"imported":[{"uid":"fe4e-185"},{"uid":"fe4e-156"},{"uid":"fe4e-188"},{"uid":"fe4e-189"}],"importedBy":[{"uid":"fe4e-160"}]},"fe4e-160":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/shim/with-selector.js","moduleParts":{"index.production.js":"fe4e-161"},"imported":[{"uid":"fe4e-185"},{"uid":"fe4e-154"},{"uid":"fe4e-186"},{"uid":"fe4e-158"}],"importedBy":[{"uid":"fe4e-162"}]},"fe4e-162":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.2.1/node_modules/@tanstack/react-store/build/modern/index.js","moduleParts":{"index.production.js":"fe4e-163"},"imported":[{"uid":"fe4e-160"},{"uid":"fe4e-184"}],"importedBy":[{"uid":"fe4e-164"}]},"fe4e-164":{"id":"/packages/react-router/build/esm/index.js","moduleParts":{"index.production.js":"fe4e-165"},"imported":[{"uid":"fe4e-183"},{"uid":"fe4e-150"},{"uid":"fe4e-152"},{"uid":"fe4e-182"},{"uid":"fe4e-162"},{"uid":"fe4e-184"}],"importedBy":[{"uid":"fe4e-178"}]},"fe4e-166":{"id":"/packages/router-devtools/src/useLocalStorage.ts","moduleParts":{"index.production.js":"fe4e-167"},"imported":[{"uid":"fe4e-182"}],"importedBy":[{"uid":"fe4e-178"}]},"fe4e-168":{"id":"/packages/router-devtools/src/theme.tsx","moduleParts":{"index.production.js":"fe4e-169"},"imported":[{"uid":"fe4e-148"},{"uid":"fe4e-182"}],"importedBy":[{"uid":"fe4e-178"},{"uid":"fe4e-172"}]},"fe4e-170":{"id":"/packages/router-devtools/src/useMediaQuery.ts","moduleParts":{"index.production.js":"fe4e-171"},"imported":[{"uid":"fe4e-182"}],"importedBy":[{"uid":"fe4e-172"}]},"fe4e-172":{"id":"/packages/router-devtools/src/utils.ts","moduleParts":{"index.production.js":"fe4e-173"},"imported":[{"uid":"fe4e-182"},{"uid":"fe4e-168"},{"uid":"fe4e-170"}],"importedBy":[{"uid":"fe4e-178"},{"uid":"fe4e-174"},{"uid":"fe4e-176"}]},"fe4e-174":{"id":"/packages/router-devtools/src/styledComponents.ts","moduleParts":{"index.production.js":"fe4e-175"},"imported":[{"uid":"fe4e-172"}],"importedBy":[{"uid":"fe4e-178"}]},"fe4e-176":{"id":"/packages/router-devtools/src/Explorer.tsx","moduleParts":{"index.production.js":"fe4e-177"},"imported":[{"uid":"fe4e-148"},{"uid":"fe4e-182"},{"uid":"fe4e-172"}],"importedBy":[{"uid":"fe4e-178"}]},"fe4e-178":{"id":"/packages/router-devtools/src/devtools.tsx","moduleParts":{"index.production.js":"fe4e-179"},"imported":[{"uid":"fe4e-148"},{"uid":"fe4e-182"},{"uid":"fe4e-164"},{"uid":"fe4e-166"},{"uid":"fe4e-172"},{"uid":"fe4e-174"},{"uid":"fe4e-168"},{"uid":"fe4e-176"}],"importedBy":[{"uid":"fe4e-180"}]},"fe4e-180":{"id":"/packages/router-devtools/src/index.tsx","moduleParts":{"index.production.js":"fe4e-181"},"imported":[{"uid":"fe4e-178"}],"importedBy":[],"isEntry":true},"fe4e-182":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-178"},{"uid":"fe4e-164"},{"uid":"fe4e-166"},{"uid":"fe4e-172"},{"uid":"fe4e-168"},{"uid":"fe4e-176"},{"uid":"fe4e-170"},{"uid":"fe4e-188"}],"isExternal":true},"fe4e-183":{"id":"/packages/history/build/esm/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-164"}]},"fe4e-184":{"id":"/node_modules/.pnpm/@tanstack+store@0.1.3/node_modules/@tanstack/store/build/modern/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-164"},{"uid":"fe4e-162"}]},"fe4e-185":{"id":"\u0000commonjsHelpers.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-160"},{"uid":"fe4e-186"},{"uid":"fe4e-158"}]},"fe4e-186":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js","moduleParts":{},"imported":[{"uid":"fe4e-185"},{"uid":"fe4e-187"},{"uid":"fe4e-188"},{"uid":"fe4e-189"}],"importedBy":[{"uid":"fe4e-160"}]},"fe4e-187":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js?commonjs-exports","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-186"}]},"fe4e-188":{"id":"\u0000react?commonjs-external","moduleParts":{},"imported":[{"uid":"fe4e-182"}],"importedBy":[{"uid":"fe4e-186"},{"uid":"fe4e-158"}]},"fe4e-189":{"id":"\u0000use-sync-external-store/shim?commonjs-external","moduleParts":{},"imported":[{"uid":"fe4e-190"}],"importedBy":[{"uid":"fe4e-186"},{"uid":"fe4e-158"}]},"fe4e-190":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe4e-189"}],"isExternal":true}},"env":{"rollup":"4.6.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
4821
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"a8aa-149","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/.pnpm","children":[{"name":"tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","uid":"a8aa-151"},{"name":"tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","uid":"a8aa-153"},{"name":"use-sync-external-store@1.2.0/node_modules/use-sync-external-store","children":[{"name":"cjs/use-sync-external-store-shim/with-selector.production.min.js","uid":"a8aa-159"},{"name":"shim/with-selector.js","uid":"a8aa-161"}]},{"name":"@tanstack+react-store@0.2.1/node_modules/@tanstack/react-store/build/modern/index.js","uid":"a8aa-163"}]},{"name":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store","children":[{"name":"shim/with-selector.js?commonjs-module","uid":"a8aa-155"},{"name":"cjs/use-sync-external-store-shim/with-selector.production.min.js?commonjs-exports","uid":"a8aa-157"}]},{"name":"packages","children":[{"name":"react-router/build/esm/index.js","uid":"a8aa-165"},{"name":"router-devtools/src","children":[{"uid":"a8aa-167","name":"useLocalStorage.ts"},{"uid":"a8aa-169","name":"theme.tsx"},{"uid":"a8aa-171","name":"useMediaQuery.ts"},{"uid":"a8aa-173","name":"utils.ts"},{"uid":"a8aa-175","name":"styledComponents.ts"},{"uid":"a8aa-177","name":"Explorer.tsx"},{"uid":"a8aa-179","name":"devtools.tsx"},{"uid":"a8aa-181","name":"index.tsx"}]}]}]}],"isRoot":true},"nodeParts":{"a8aa-149":{"renderedLength":429,"gzipLength":238,"brotliLength":0,"metaUid":"a8aa-148"},"a8aa-151":{"renderedLength":439,"gzipLength":227,"brotliLength":0,"metaUid":"a8aa-150"},"a8aa-153":{"renderedLength":357,"gzipLength":203,"brotliLength":0,"metaUid":"a8aa-152"},"a8aa-155":{"renderedLength":35,"gzipLength":55,"brotliLength":0,"metaUid":"a8aa-154"},"a8aa-157":{"renderedLength":39,"gzipLength":59,"brotliLength":0,"metaUid":"a8aa-156"},"a8aa-159":{"renderedLength":1374,"gzipLength":659,"brotliLength":0,"metaUid":"a8aa-158"},"a8aa-161":{"renderedLength":123,"gzipLength":95,"brotliLength":0,"metaUid":"a8aa-160"},"a8aa-163":{"renderedLength":817,"gzipLength":366,"brotliLength":0,"metaUid":"a8aa-162"},"a8aa-165":{"renderedLength":1873,"gzipLength":764,"brotliLength":0,"metaUid":"a8aa-164"},"a8aa-167":{"renderedLength":1023,"gzipLength":398,"brotliLength":0,"metaUid":"a8aa-166"},"a8aa-169":{"renderedLength":626,"gzipLength":329,"brotliLength":0,"metaUid":"a8aa-168"},"a8aa-171":{"renderedLength":930,"gzipLength":372,"brotliLength":0,"metaUid":"a8aa-170"},"a8aa-173":{"renderedLength":2753,"gzipLength":1101,"brotliLength":0,"metaUid":"a8aa-172"},"a8aa-175":{"renderedLength":1377,"gzipLength":574,"brotliLength":0,"metaUid":"a8aa-174"},"a8aa-177":{"renderedLength":6243,"gzipLength":1853,"brotliLength":0,"metaUid":"a8aa-176"},"a8aa-179":{"renderedLength":22562,"gzipLength":4564,"brotliLength":0,"metaUid":"a8aa-178"},"a8aa-181":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"a8aa-180"}},"nodeMetas":{"a8aa-148":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"a8aa-149"},"imported":[],"importedBy":[{"uid":"a8aa-178"},{"uid":"a8aa-168"},{"uid":"a8aa-176"}]},"a8aa-150":{"id":"/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","moduleParts":{"index.production.js":"a8aa-151"},"imported":[],"importedBy":[{"uid":"a8aa-164"}]},"a8aa-152":{"id":"/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","moduleParts":{"index.production.js":"a8aa-153"},"imported":[],"importedBy":[{"uid":"a8aa-164"}]},"a8aa-154":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/shim/with-selector.js?commonjs-module","moduleParts":{"index.production.js":"a8aa-155"},"imported":[],"importedBy":[{"uid":"a8aa-160"}]},"a8aa-156":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js?commonjs-exports","moduleParts":{"index.production.js":"a8aa-157"},"imported":[],"importedBy":[{"uid":"a8aa-158"}]},"a8aa-158":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js","moduleParts":{"index.production.js":"a8aa-159"},"imported":[{"uid":"a8aa-185"},{"uid":"a8aa-156"},{"uid":"a8aa-188"},{"uid":"a8aa-189"}],"importedBy":[{"uid":"a8aa-160"}]},"a8aa-160":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/shim/with-selector.js","moduleParts":{"index.production.js":"a8aa-161"},"imported":[{"uid":"a8aa-185"},{"uid":"a8aa-154"},{"uid":"a8aa-186"},{"uid":"a8aa-158"}],"importedBy":[{"uid":"a8aa-162"}]},"a8aa-162":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.2.1/node_modules/@tanstack/react-store/build/modern/index.js","moduleParts":{"index.production.js":"a8aa-163"},"imported":[{"uid":"a8aa-160"},{"uid":"a8aa-184"}],"importedBy":[{"uid":"a8aa-164"}]},"a8aa-164":{"id":"/packages/react-router/build/esm/index.js","moduleParts":{"index.production.js":"a8aa-165"},"imported":[{"uid":"a8aa-183"},{"uid":"a8aa-150"},{"uid":"a8aa-152"},{"uid":"a8aa-182"},{"uid":"a8aa-162"},{"uid":"a8aa-184"}],"importedBy":[{"uid":"a8aa-178"}]},"a8aa-166":{"id":"/packages/router-devtools/src/useLocalStorage.ts","moduleParts":{"index.production.js":"a8aa-167"},"imported":[{"uid":"a8aa-182"}],"importedBy":[{"uid":"a8aa-178"}]},"a8aa-168":{"id":"/packages/router-devtools/src/theme.tsx","moduleParts":{"index.production.js":"a8aa-169"},"imported":[{"uid":"a8aa-148"},{"uid":"a8aa-182"}],"importedBy":[{"uid":"a8aa-178"},{"uid":"a8aa-172"}]},"a8aa-170":{"id":"/packages/router-devtools/src/useMediaQuery.ts","moduleParts":{"index.production.js":"a8aa-171"},"imported":[{"uid":"a8aa-182"}],"importedBy":[{"uid":"a8aa-172"}]},"a8aa-172":{"id":"/packages/router-devtools/src/utils.ts","moduleParts":{"index.production.js":"a8aa-173"},"imported":[{"uid":"a8aa-182"},{"uid":"a8aa-168"},{"uid":"a8aa-170"}],"importedBy":[{"uid":"a8aa-178"},{"uid":"a8aa-174"},{"uid":"a8aa-176"}]},"a8aa-174":{"id":"/packages/router-devtools/src/styledComponents.ts","moduleParts":{"index.production.js":"a8aa-175"},"imported":[{"uid":"a8aa-172"}],"importedBy":[{"uid":"a8aa-178"}]},"a8aa-176":{"id":"/packages/router-devtools/src/Explorer.tsx","moduleParts":{"index.production.js":"a8aa-177"},"imported":[{"uid":"a8aa-148"},{"uid":"a8aa-182"},{"uid":"a8aa-172"}],"importedBy":[{"uid":"a8aa-178"}]},"a8aa-178":{"id":"/packages/router-devtools/src/devtools.tsx","moduleParts":{"index.production.js":"a8aa-179"},"imported":[{"uid":"a8aa-148"},{"uid":"a8aa-182"},{"uid":"a8aa-164"},{"uid":"a8aa-166"},{"uid":"a8aa-172"},{"uid":"a8aa-174"},{"uid":"a8aa-168"},{"uid":"a8aa-176"}],"importedBy":[{"uid":"a8aa-180"}]},"a8aa-180":{"id":"/packages/router-devtools/src/index.tsx","moduleParts":{"index.production.js":"a8aa-181"},"imported":[{"uid":"a8aa-178"}],"importedBy":[],"isEntry":true},"a8aa-182":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-178"},{"uid":"a8aa-164"},{"uid":"a8aa-166"},{"uid":"a8aa-172"},{"uid":"a8aa-168"},{"uid":"a8aa-176"},{"uid":"a8aa-170"},{"uid":"a8aa-188"}],"isExternal":true},"a8aa-183":{"id":"/packages/history/build/esm/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-164"}]},"a8aa-184":{"id":"/node_modules/.pnpm/@tanstack+store@0.1.3/node_modules/@tanstack/store/build/modern/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-164"},{"uid":"a8aa-162"}]},"a8aa-185":{"id":"\u0000commonjsHelpers.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-160"},{"uid":"a8aa-186"},{"uid":"a8aa-158"}]},"a8aa-186":{"id":"/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js","moduleParts":{},"imported":[{"uid":"a8aa-185"},{"uid":"a8aa-187"},{"uid":"a8aa-188"},{"uid":"a8aa-189"}],"importedBy":[{"uid":"a8aa-160"}]},"a8aa-187":{"id":"\u0000/node_modules/.pnpm/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js?commonjs-exports","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-186"}]},"a8aa-188":{"id":"\u0000react?commonjs-external","moduleParts":{},"imported":[{"uid":"a8aa-182"}],"importedBy":[{"uid":"a8aa-186"},{"uid":"a8aa-158"}]},"a8aa-189":{"id":"\u0000use-sync-external-store/shim?commonjs-external","moduleParts":{},"imported":[{"uid":"a8aa-190"}],"importedBy":[{"uid":"a8aa-186"},{"uid":"a8aa-158"}]},"a8aa-190":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8aa-189"}],"isExternal":true}},"env":{"rollup":"4.6.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
4822
4822
 
4823
4823
  const run = () => {
4824
4824
  const width = window.innerWidth;