From df6620bfd9482f378e800d8df780b788446c7333 Mon Sep 17 00:00:00 2001 From: RailTH Date: Thu, 18 Apr 2024 15:12:31 +1100 Subject: [PATCH] Bo 2 --- .gitignore | 1 - reactapp/build/asset-manifest.json | 26 +++++++ reactapp/build/favicon.ico | Bin 0 -> 44995 bytes reactapp/build/index.html | 1 + reactapp/build/manifest.json | 25 ++++++ reactapp/build/robots.txt | 3 + reactapp/build/static/css/main.00e9905e.css | 2 + .../build/static/css/main.00e9905e.css.map | 1 + reactapp/build/static/js/main.ff00eb34.js | 3 + .../static/js/main.ff00eb34.js.LICENSE.txt | 72 ++++++++++++++++++ reactapp/build/static/js/main.ff00eb34.js.map | 1 + .../media/add.cd69f1e2a8c91109db0f.webp | Bin 0 -> 231204 bytes .../media/amongasik.15fd088e6bacdf0b4667.png | Bin 0 -> 57433 bytes ...no-kesspen-avatar.baa74b50e31a8363436b.png | Bin 0 -> 55946 bytes ...ge__railth-avatar.cbf11c43b5ef243b38c0.png | Bin 0 -> 246392 bytes .../product-image-1.32f43bafaff978a8db25.webp | Bin 0 -> 26930 bytes .../profile-avatar.2d72410c1ed8f95ce0c2.png | Bin 0 -> 24229 bytes ..._filled-star-icon.dc7d908d4d943b7f3b56.svg | 1 + ...rating__star-icon.73718a24d04eb67f5873.svg | 1 + ...-icon.16aa2699eed6b58147903dc5b785d709.svg | 1 + ...w__product-image.1228f982dc61729a63d0.webp | Bin 0 -> 42856 bytes ..._user-avatar-test.d6da0e9b7f307182b6f5.png | Bin 0 -> 81538 bytes .../media/scam-image.c6c14289dc251ba2d2b1.png | Bin 0 -> 820821 bytes ...-icon.078e541564f15a9740537cec6baba9ab.svg | 10 +++ 24 files changed, 147 insertions(+), 1 deletion(-) create mode 100644 reactapp/build/asset-manifest.json create mode 100644 reactapp/build/favicon.ico create mode 100644 reactapp/build/index.html create mode 100644 reactapp/build/manifest.json create mode 100644 reactapp/build/robots.txt create mode 100644 reactapp/build/static/css/main.00e9905e.css create mode 100644 reactapp/build/static/css/main.00e9905e.css.map create mode 100644 reactapp/build/static/js/main.ff00eb34.js create mode 100644 reactapp/build/static/js/main.ff00eb34.js.LICENSE.txt create mode 100644 reactapp/build/static/js/main.ff00eb34.js.map create mode 100644 reactapp/build/static/media/add.cd69f1e2a8c91109db0f.webp create mode 100644 reactapp/build/static/media/amongasik.15fd088e6bacdf0b4667.png create mode 100644 reactapp/build/static/media/info-page__no-kesspen-avatar.baa74b50e31a8363436b.png create mode 100644 reactapp/build/static/media/info-page__railth-avatar.cbf11c43b5ef243b38c0.png create mode 100644 reactapp/build/static/media/product-image-1.32f43bafaff978a8db25.webp create mode 100644 reactapp/build/static/media/profile-avatar.2d72410c1ed8f95ce0c2.png create mode 100644 reactapp/build/static/media/rating__filled-star-icon.dc7d908d4d943b7f3b56.svg create mode 100644 reactapp/build/static/media/rating__star-icon.73718a24d04eb67f5873.svg create mode 100644 reactapp/build/static/media/review-form__add-image-icon.16aa2699eed6b58147903dc5b785d709.svg create mode 100644 reactapp/build/static/media/review__product-image.1228f982dc61729a63d0.webp create mode 100644 reactapp/build/static/media/review__user-avatar-test.d6da0e9b7f307182b6f5.png create mode 100644 reactapp/build/static/media/scam-image.c6c14289dc251ba2d2b1.png create mode 100644 reactapp/build/static/media/share-icon.078e541564f15a9740537cec6baba9ab.svg diff --git a/.gitignore b/.gitignore index c25eeff..503127b 100644 --- a/.gitignore +++ b/.gitignore @@ -217,7 +217,6 @@ __pycache__/ # Distribution / packaging .Python -build/ develop-eggs/ dist/ downloads/ diff --git a/reactapp/build/asset-manifest.json b/reactapp/build/asset-manifest.json new file mode 100644 index 0000000..f2b8bc8 --- /dev/null +++ b/reactapp/build/asset-manifest.json @@ -0,0 +1,26 @@ +{ + "files": { + "main.css": "/static/css/main.00e9905e.css", + "main.js": "/static/js/main.ff00eb34.js", + "static/media/scam-image.png": "/static/media/scam-image.c6c14289dc251ba2d2b1.png", + "static/media/info-page__railth-avatar.png": "/static/media/info-page__railth-avatar.cbf11c43b5ef243b38c0.png", + "static/media/add.webp": "/static/media/add.cd69f1e2a8c91109db0f.webp", + "static/media/review__user-avatar-test.png": "/static/media/review__user-avatar-test.d6da0e9b7f307182b6f5.png", + "static/media/amongasik.png": "/static/media/amongasik.15fd088e6bacdf0b4667.png", + "static/media/info-page__no-kesspen-avatar.png": "/static/media/info-page__no-kesspen-avatar.baa74b50e31a8363436b.png", + "static/media/review__product-image.webp": "/static/media/review__product-image.1228f982dc61729a63d0.webp", + "static/media/product-image-1.webp": "/static/media/product-image-1.32f43bafaff978a8db25.webp", + "static/media/profile-avatar.png": "/static/media/profile-avatar.2d72410c1ed8f95ce0c2.png", + "static/media/share-icon.svg": "/static/media/share-icon.078e541564f15a9740537cec6baba9ab.svg", + "static/media/review-form__add-image-icon.svg": "/static/media/review-form__add-image-icon.16aa2699eed6b58147903dc5b785d709.svg", + "static/media/rating__star-icon.svg": "/static/media/rating__star-icon.73718a24d04eb67f5873.svg", + "static/media/rating__filled-star-icon.svg": "/static/media/rating__filled-star-icon.dc7d908d4d943b7f3b56.svg", + "index.html": "/index.html", + "main.00e9905e.css.map": "/static/css/main.00e9905e.css.map", + "main.ff00eb34.js.map": "/static/js/main.ff00eb34.js.map" + }, + "entrypoints": [ + "static/css/main.00e9905e.css", + "static/js/main.ff00eb34.js" + ] +} \ No newline at end of file diff --git a/reactapp/build/favicon.ico b/reactapp/build/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..97101f66d350b13b4ce8b48b7e2acfa382cdb329 GIT binary patch literal 44995 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 z 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 F{{bI9^^pJo literal 0 HcmV?d00001 diff --git a/reactapp/build/index.html b/reactapp/build/index.html new file mode 100644 index 0000000..a6f6200 --- /dev/null +++ b/reactapp/build/index.html @@ -0,0 +1 @@ +SusMarket
\ No newline at end of file diff --git a/reactapp/build/manifest.json b/reactapp/build/manifest.json new file mode 100644 index 0000000..080d6c7 --- /dev/null +++ b/reactapp/build/manifest.json @@ -0,0 +1,25 @@ +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/reactapp/build/robots.txt b/reactapp/build/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/reactapp/build/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/reactapp/build/static/css/main.00e9905e.css b/reactapp/build/static/css/main.00e9905e.css new file mode 100644 index 0000000..d588594 --- /dev/null +++ b/reactapp/build/static/css/main.00e9905e.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);body{background-color:#252422;font-family:Montserrat,sans-serif}.product-article{align-items:flex-start;background:#0000;border-radius:40px;display:flex;flex-direction:column;height:400px;justify-content:flex-start;padding:20px;width:260px}.product-article .product-article__img{align-self:stretch;border-radius:20px;height:269px}.product-article .product-article__price-h5{color:#eb5e28;display:inline-block;font-size:32px;font-weight:600;height:50px;line-height:39px}.product-article .product-article__price-h5 span{display:inline-block;max-width:186px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-article .product-article__name-h6{color:#fff;font-size:16px;font-weight:400;letter-spacing:0;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-div{background-image:url(/static/media/add.cd69f1e2a8c91109db0f.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;min-height:120px;width:100%}.main{align-items:center;display:flex;height:calc(100vh - 80px)}.header,.main{flex-direction:column;width:100%}.header{display:flex!important}.header .header__main-nav{align-items:center;background-color:#252422;display:flex!important;flex-direction:row;height:130px;justify-content:space-between;padding:0 40px;width:100%}.header .header__main-nav .header__title-h1{font-size:24px;font-weight:600;letter-spacing:0;line-height:29px}.header .header__main-nav .header__title-h1 .title-h1__a{color:#fff}.header .header__main-nav .header__title-h1 .title-h1__a .header__logo-img{width:30px}.header .header__main-nav .catalog-button{align-items:center;background-color:#ccc5b9;border-radius:10px;color:#000;display:flex;flex-direction:row;font-size:24px;font-weight:600;height:50px;justify-content:center;letter-spacing:0;line-height:29px;padding:0 5px;width:150px}.header .header__main-nav .search-form{width:60%}.header .header__main-nav .search-form .search-form__field{align-items:center;border:2px solid #ccc5b9;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;height:50px;justify-content:space-between;padding:0 20px;width:100%}.header .header__main-nav .search-form .search-form__field .search-form__input{color:#fff;font-family:Montserrat;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;width:100%}.header .header__main-nav .search-form .search-form__field .search-form__input::-webkit-input-placeholder{color:#ccc5b9}.header .catalog-menu{align-items:flex-start;background-color:#252422;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:495px;justify-content:space-between;left:218px;padding:30px;position:fixed;top:108px;width:340px}.header .catalog-menu .catalog-menu__point-li{align-items:center;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-size:24px;font-weight:600;gap:20px;height:48px;letter-spacing:0;line-height:29px;padding:30px 14px;transition:.2s;width:100%}.header .catalog-menu .catalog-menu__point-li svg{min-width:48px}.header .catalog-menu .catalog-menu__point-li:hover{background-color:#3d3c38;cursor:pointer}.popup-map{background-color:#252422;border-radius:20px;display:flex;flex-direction:row;height:70vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70vw;z-index:2}.popup-map .popup-map__menu-div{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:60%}.popup-map .popup-map__menu-div .menu-div__container-div{display:flex;flex-direction:column;gap:20px}.popup-map .popup-map__menu-div .menu-div__container-div .menu-div__delivery-div{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:space-between;width:100%}.popup-map .popup-map__menu-div .menu-div__container-div .menu-div__delivery-div .delivery-div__delivery-button{align-items:center;border-radius:8px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 10px 0 #00000040;color:#fff;display:flex;flex-direction:row;font-family:Montserrat;font-size:24px;font-weight:600;height:100%;justify-content:center;letter-spacing:0;line-height:29px;width:47%}.popup-map .popup-map__menu-div .menu-div__container-div .menu-div__delivery-div .delivery-div__delivery-button_selected{border:2px solid #ccc5b9;box-shadow:none}.popup-map .popup-map__menu-div .menu-div__container-div .menu-div__search-input{align-items:center;border:2px solid #ccc5b9;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;font-size:20px;font-weight:600;height:50px;letter-spacing:0;line-height:24px;padding:0 10px;width:100%}.popup-map .popup-map__menu-div .menu-div__select-button{align-items:center;background:#eb5e28;border-radius:8px;color:#fff;display:flex;flex-direction:row;font-size:24px;font-weight:600;height:60px;justify-content:center;letter-spacing:0;line-height:29px;transition:.2s;width:100%}.popup-map .popup-map__menu-div .menu-div__select-button:hover{background:#ec6a36}.popup-map .popup-map__map-div{height:100%;width:100%}.popup-map .popup-map__map-div .popup-map__map-iframe{border-bottom-right-radius:20px;border-top-right-radius:20px}.background-blackout{background:#00000040;height:100vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.review-article{display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.review-article .review-article__review-container{display:flex;gap:30px}.review-article .review-article__review-container .review-container__user-info{align-items:center;display:flex;gap:30px}.review-article .review-article__review-container .review-container__user-info .user-info__user-avatar{border-radius:50px;height:100px;width:100px}.review-article .review-article__review-container .review-container__user-info .user-info__user-name{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px;text-align:left}.review-article .review-article__review-container .review-container__review-info{align-items:center;display:flex;justify-content:space-between;width:100%}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto;height:30px;position:relative;width:150px}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio{-webkit-appearance:none;appearance:none;height:30px;left:0;position:absolute;top:0}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .rating-div__star-radio:hover,.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:checked{background-image:url(/static/media/rating__filled-star-icon.dc7d908d4d943b7f3b56.svg);background-repeat:repeat-x;background-size:30px auto}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:hover~.rating-div__star-radio{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:first-of-type{width:30px;z-index:5}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:nth-of-type(2){width:60px;z-index:4}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:nth-of-type(3){width:90px;z-index:3}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:nth-of-type(4){width:120px;z-index:2}.review-article .review-article__review-container .review-container__review-info .review-info__star-rate .star-rate__star-radio:nth-of-type(5){width:150px;z-index:1}.review-article .review-article__review-container .review-container__review-info .review-info__review-date{color:#ccc5b9;font-size:24px;font-weight:500;letter-spacing:0;line-height:29px;text-align:left}.review-article .review-article__text-p{color:#fff;font-size:24px;font-weight:400;letter-spacing:0;line-height:29px;text-align:left}.review-article .review-article__product-image{border-radius:10px;max-width:300px}.popup-login{background:#252422;border-radius:20px;box-shadow:4px 4px 10px 0 #00000040;box-sizing:border-box;display:flex;flex-direction:column;gap:40px;left:50%;padding:30px;position:fixed;top:108px;transform:translateX(-50%);width:450px}.popup-login .popup-login__top-container{display:flex;flex-direction:column;width:100%}.popup-login .popup-login__top-container .popup-login__close-button{align-items:center;background:#353431;border-radius:50px;display:flex;height:40px;justify-content:center;width:40px}.popup-login .popup-login__top-container .top-container__headings-text{display:flex;flex-direction:column;gap:20px}.popup-login .popup-login__top-container .top-container__headings-text .popup-menu__heading{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px;text-align:left}.popup-login .popup-login__top-container .top-container__headings-text .popup-menu__heading span{color:#eb5e28}.popup-login .popup-login__top-container .top-container__headings-text .top-container__text{color:#ccc5b9;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;text-align:left}.popup-login .popup-login__inputs-container{display:flex;flex-direction:column;gap:20px;width:100%}.popup-login .popup-login__inputs-container .popup-login__name-input,.popup-login .popup-login__inputs-container .popup-login__password-input{align-items:center;border:2px solid #ccc5b9;border-radius:15px;box-sizing:border-box;color:#fff;display:flex;font-size:24px;font-weight:600;height:70px;letter-spacing:0;line-height:29px;padding:0 20px;text-align:left;width:100%}.popup-login .popup-login__bottom-container{display:flex;flex-direction:column;gap:20px}.popup-login .popup-login__bottom-container .popup-login__prompt-url{color:#ccc5b9;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;text-align:left}.popup-login .popup-login__bottom-container .popup-login__prompt-url u{cursor:pointer}.popup-login .popup-login__bottom-container .popup-login__login-button{align-items:center;background:#eb5e28;border-radius:15px;color:#fff;display:flex;font-size:24px;font-weight:600;height:70px;justify-content:center;letter-spacing:0;line-height:29px;text-align:left;width:100%}*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}.home-page{align-items:center;display:flex;flex-direction:column;min-height:100%;width:96%}.home-page .products-div{display:grid;flex-flow:wrap;grid-template-columns:repeat(auto-fill,260px);justify-content:space-between;padding-top:36px;width:100%}.payment-page{align-items:center;display:flex;flex-direction:column;gap:20px;min-height:100%;width:96%}.payment-page .payment-page__price{color:#eb5e28;font-size:96px;font-weight:600;letter-spacing:0;line-height:80px;text-align:left}.payment-page .payment-page__payment-card{background:#252422;border-radius:20px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 10px 0 #00000040;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:20px;width:500px}.payment-page .payment-page__payment-card .payment-card__heading,.payment-page .payment-page__payment-card .payment-card__input{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px;text-align:left}.payment-page .payment-page__payment-card .payment-card__input{align-items:center;border:2px solid #ccc5b9;border-radius:12px;box-sizing:border-box;display:flex;height:60px;padding:5px 20px;width:100%}.payment-page .payment-page__payment-card .payment-card__inputs-group{display:flex;gap:20px;justify-content:space-between}.payment-page .payment-page__pay-link{align-items:center;background-color:#eb5e28;border-radius:15px;color:#fff;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;letter-spacing:0;line-height:29px;width:500px}.product-page{display:flex;flex-direction:column;gap:40px;min-height:100%;width:96%}.product-page .product-page__main-section{display:flex;justify-content:space-between;min-height:500px;width:100%}.product-page .product-page__main-section .product-page__img{border-radius:15px;max-height:500px}.product-page .product-page__main-section .product-page__info-div{display:flex;flex-direction:column;justify-content:space-between;width:68%}.product-page .product-page__main-section .product-page__info-div .product-page__text-span{display:flex;flex-direction:column;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__text-span .product-page__heading-h2{color:#fff;font-size:32px;font-weight:600;letter-spacing:0;line-height:39px}.product-page .product-page__main-section .product-page__info-div .product-page__text-span .product-page__short-desc-div{color:#ccc5b9;font-size:24px;font-weight:400;letter-spacing:0;line-height:29px;max-height:100px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-page .product-page__main-section .product-page__info-div .product-page__container-div{align-items:flex-end;display:flex;flex-direction:column;height:140px;justify-content:space-between;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__rating-share-div{display:flex;gap:20px;height:40px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__rating-share-div .product-page__rating-div{align-items:center;border:2px solid #ccc5b9;border-radius:12px;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 10px;width:192px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__rating-share-div .product-page__rating-div .rating-div__rate-value{color:#fff;font-size:24px;font-weight:400;letter-spacing:0;line-height:29px;text-align:left}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__rating-share-div .product-page__share-button{align-items:center;border:2px solid #ccc5b9;border-radius:12px;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:40px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div{align-items:center;display:flex;height:80px;justify-content:space-between;width:100%}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div .product-page__price-span{color:#eb5e28;font-size:40px;font-weight:600;letter-spacing:0;line-height:49px}.product-page .product-page__main-section .product-page__info-div .product-page__container-div .product-page__price-buy-div .product-page__buy-link{align-items:center;background:#eb5e28;border-radius:15px;box-sizing:border-box;color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;letter-spacing:0;line-height:39px;padding:20px;width:400px}.product-page .product-page__info-section{display:flex;flex-direction:column;gap:40px;width:100%}.product-page .product-page__info-section .product-page__desc{color:#ccc5b9;font-size:20px;font-weight:400;letter-spacing:0;line-height:24px;text-align:left}.product-page .product-page__info-section .product-page__tags-ul{display:flex;gap:20px}.product-page .product-page__info-section .product-page__tags-ul .product-page__tag-li{align-items:center;background-color:#ccc5b9;border-radius:50px;color:#000;display:flex;font-size:24px;font-weight:600;justify-content:center;letter-spacing:0;line-height:29px;padding:10px 20px;text-align:left}.product-page .product-page__reviews-section{display:flex;flex-direction:column;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block{display:flex;flex-direction:column;gap:20px;margin-top:48px;width:310px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating{align-items:center;display:flex;gap:20px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__rate-number{color:#fff;font-size:36px;font-weight:600;letter-spacing:0;line-height:44px;text-align:left}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating{align-items:center;color:#ccc;direction:rtl;display:flex;font-size:36px;justify-content:flex-end;position:relative;unicode-bidi:bidi-override}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars{display:flex;flex-direction:row-reverse;position:relative;z-index:0}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars span{height:100%px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars .star-rating__front-stars{color:#ffb800;display:flex;flex-direction:row-reverse;overflow:hidden;position:absolute;top:0;z-index:1}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__rating .rate-block__star-rating .star-rating__back-stars .star-rating__front-stars span{height:100%px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group{color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:400;gap:10px;letter-spacing:0;line-height:24px;text-align:left;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container{align-items:center;display:flex;gap:10px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .rate-progressbar__rate-number{width:16px}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .progressbar-container__progressbar{background:#ccc5b9;border-radius:15px;height:12px;position:relative;width:100%}.product-page .product-page__reviews-section .reviews-section__rate-block .rate-block__progressbars-group .progressbars-group__progressbar-container .progressbar-container__progressbar .progressbar__active-line{background-color:#ffb800;border-radius:15px;height:100%;left:0;position:absolute;top:0;width:50%}.product-page .product-page__reviews-section .product-page__review-form{display:flex;flex-direction:column;gap:20px;margin-top:48px}.product-page .product-page__reviews-section .product-page__review-form .review-form__heading{color:#fff;font-size:26px;font-weight:500;letter-spacing:0;text-align:left}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto;height:30px;position:relative;width:150px}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio{-webkit-appearance:none;appearance:none;height:30px;left:0;position:absolute;top:0}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:checked,.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:hover{background-image:url(/static/media/rating__filled-star-icon.dc7d908d4d943b7f3b56.svg);background-repeat:repeat-x;background-size:30px auto}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:hover~.review-form__star-radio{background-image:url(/static/media/rating__star-icon.73718a24d04eb67f5873.svg);background-repeat:repeat-x;background-size:30px auto}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:first-of-type{width:30px;z-index:5}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(2){width:60px;z-index:4}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(3){width:90px;z-index:3}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(4){width:120px;z-index:2}.product-page .product-page__reviews-section .product-page__review-form .review-form__stars-container .review-form__star-radio:nth-of-type(5){width:150px;z-index:1}.product-page .product-page__reviews-section .product-page__review-form .review-form__textarea{border:2px solid #ccc5b9;border-radius:15px;color:#fff;font-size:24px;padding:10px;width:100%}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-attach{width:34px}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-attach img{width:100%}.product-page .product-page__reviews-section .product-page__review-form .review-form__image-input{display:none}.product-page .product-page__reviews-section .product-page__review-form .review-form__send-button{background-color:#eb5e28;border-radius:15px;color:#fff;font-size:20px;font-weight:500;letter-spacing:0;padding:20px}.product-page .product-page__reviews-section .product-page__reviews-container{display:flex;flex-direction:column;gap:50px;margin-bottom:30px;margin-top:50px}.product-page .product-page__block-heading{color:#fff;font-size:32px;font-weight:500;letter-spacing:0;line-height:39px;text-align:left}.profile-page{align-items:center;display:flex;flex-direction:column;gap:20px;min-height:100%;width:96%}.profile-page .profile-page__nav{display:flex;justify-content:space-between;width:100%}.profile-page .profile-page__nav .profile-link{color:#fff;font-size:32px;font-weight:600;letter-spacing:0;line-height:39px}.profile-page .profile-page__nav .active{color:#eb5e28}.profile-page .profile-page__info-div{display:flex;flex-direction:column;max-width:150px}.profile-page .profile-page__info-div span{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px}.profile-page .orders-section{display:flex;flex-direction:column;gap:20px;min-height:100%;width:100%}.profile-page .orders-section .orders-container{display:flex;gap:80px;width:100%}.profile-page .orders-section .orders-container .orders-div{align-items:flex-start;display:flex;flex-direction:row;gap:40px;justify-content:flex-start}.profile-page .orders-section .orders-container .orders-div .order-article{align-items:center;background:#252422;border-radius:15px;box-shadow:-4px -4px 10px 0 #00000040,4px 4px 10px 0 #00000040;display:flex;flex-direction:row;height:120px;justify-content:space-between;padding:0 14px;width:352px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__img{background-image:url(/static/media/product-image-1.32f43bafaff978a8db25.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:90px;min-width:90px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__status-span{color:#fff;font-size:24px;font-weight:600;letter-spacing:0;line-height:29px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__info-span{color:grey;font-size:16px;font-weight:500;letter-spacing:0;line-height:20px}.profile-page .orders-section .orders-container .orders-div .order-article .order-article__info-div .order-article__date-span{color:#fff;font-size:16px;font-weight:500;letter-spacing:0;line-height:20px}.profile-page .purchases-section{display:flex;flex-direction:column;gap:20px;min-height:100%;width:100%}.profile-page .purchases-section .purchases-container{display:flex;gap:80px;width:100%}.profile-page .purchases-section .purchases-container .purchases-div,.scam-page{display:flex}.scam-page{width:96%}.scam-page .scam-page__image{width:100%}.info-page{align-items:center;display:flex;justify-content:space-around;min-height:100%;width:96%}.info-page .info-page__dev-card{border-radius:15px;height:400px;perspective:1000px;width:300px}.info-page .info-page__dev-card .dev-card__inner{border-radius:15px;box-shadow:4px 4px 10px 0 #00000040;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.info-page .info-page__dev-card .dev-card__inner .dev-card__back,.info-page .info-page__dev-card .dev-card__inner .dev-card__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;height:100%;position:absolute;width:100%}.info-page .info-page__dev-card .dev-card__inner .dev-card__front .dev-card__avatar{border-radius:15px;height:100%;width:100%}.info-page .info-page__dev-card .dev-card__inner .dev-card__back{background-color:#252422;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transform:rotateY(180deg)}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__name{font-size:24px}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__info{color:#ccc5b9}.info-page .info-page__dev-card .dev-card__inner .dev-card__back .dev-card__url{color:#fff;font-size:18px;text-decoration:underline}.info-page .info-page__dev-card:hover .dev-card__inner{transform:rotateY(180deg)} +/*# sourceMappingURL=main.00e9905e.css.map*/ \ No newline at end of file diff --git a/reactapp/build/static/css/main.00e9905e.css.map b/reactapp/build/static/css/main.00e9905e.css.map new file mode 100644 index 0000000..3440602 --- /dev/null +++ b/reactapp/build/static/css/main.00e9905e.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.00e9905e.css","mappings":"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","sources":["index.scss","utils/reset.css","HomeStyle.scss","PaymentStyle.scss","ProductStyle.scss","ProfileStyle.scss","ScamStyle.scss","InfoPageStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');\r\n\r\nbody {\r\n background-color: $background-color;\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.product-article {\r\n display: flex;\r\n width: 260px;\r\n height: 400px;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding: 20px;\r\n border-radius: 40px;\r\n background: transparent;\r\n\r\n .product-article__img {\r\n align-self: stretch;\r\n border-radius: 20px;\r\n height: 269px;\r\n }\r\n\r\n .product-article__price-h5 {\r\n color: $accent-color;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n height: 50px;\r\n display: inline-block;\r\n\r\n span {\r\n max-width: 186px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: inline-block;\r\n }\r\n \r\n }\r\n\r\n .product-article__name-h6 {\r\n color: rgb(255, 255, 255);\r\n max-width: 100%;\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n}\r\n\r\n.banner-div {\r\n width: 100%;\r\n min-height: 120px;\r\n background-image: url(\"../src/assets/img/add.webp\");\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n border-radius: 15px;\r\n}\r\n\r\n.main {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: calc(100vh - 80px);\r\n}\r\n\r\n.header {\r\n width: 100%;\r\n display: flex !important;\r\n flex-direction: column;\r\n\r\n .header__main-nav {\r\n width: 100%;\r\n height: 130px;\r\n display: flex !important;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 40px 0px 40px;\r\n background-color: $background-color;\r\n \r\n .header__title-h1 {\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n \r\n .title-h1__a {\r\n color: white;\r\n \r\n .header__logo-img {\r\n width: 30px;\r\n }\r\n }\r\n }\r\n \r\n .catalog-button {\r\n width: 150px;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0px 5px 0px 5px;\r\n border-radius: 10px;\r\n background-color: $main-color;\r\n color: black;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .search-form {\r\n width: 60%;\r\n \r\n .search-form__field {\r\n width: 100%;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 20px 0px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 10px;\r\n \r\n .search-form__input {\r\n width: 100%;\r\n color: white;\r\n font-family: Montserrat;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .search-form__input::-webkit-input-placeholder {\r\n color: $main-color\r\n }\r\n }\r\n }\r\n }\r\n\r\n .catalog-menu {\r\n position: fixed;\r\n width: 340px;\r\n height: 495px;\r\n left: 218px;\r\n top: 108px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n box-sizing: border-box;\r\n border-radius: 20px;\r\n background-color: $background-color;\r\n padding: 30px;\r\n\r\n .catalog-menu__point-li {\r\n height: 48px;\r\n width: 100%;\r\n display: flex;\r\n gap: 20px;\r\n align-items: center;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n padding: 30px 14px;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n transition: 0.2s;\r\n\r\n svg {\r\n min-width: 48px;\r\n }\r\n }\r\n\r\n .catalog-menu__point-li:hover {\r\n cursor: pointer;\r\n background-color: #3d3c38;\r\n }\r\n }\r\n}\r\n\r\n.popup-map {\r\n width: 70vw;\r\n height: 70vh;\r\n background-color: $background-color;\r\n display: flex;\r\n flex-direction: row;\r\n border-radius: 20px;\r\n position: absolute;\r\n z-index: 2;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%, -50%);\r\n\r\n .popup-map__menu-div {\r\n height: 100%;\r\n width: 60%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n\r\n .menu-div__container-div {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n .menu-div__delivery-div {\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n \r\n .delivery-div__delivery-button {\r\n width: 47%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n color: white;\r\n font-family: Montserrat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n border-radius: 8px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n }\r\n \r\n .delivery-div__delivery-button_selected {\r\n border: 2px solid $main-color;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n .menu-div__search-input {\r\n height: 50px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 0px 10px 0px 10px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 8px;\r\n font-size: 20px;\r\n font-weight: 600;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n color: white;\r\n }\r\n }\r\n\r\n .menu-div__select-button {\r\n color: white;\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 8px;\r\n background: $accent-color;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n transition: 0.2s;\r\n }\r\n\r\n .menu-div__select-button:hover {\r\n background: #ec6a36;\r\n }\r\n }\r\n\r\n .popup-map__map-div {\r\n width: 100%;\r\n height: 100%;\r\n .popup-map__map-iframe {\r\n border-top-right-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n }\r\n }\r\n}\r\n\r\n.background-blackout {\r\n background: rgba(0, 0, 0, 0.25);\r\n position: absolute;\r\n width: 100vw;\r\n height: 100vh;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%, -50%);\r\n}\r\n\r\n.review-article {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 20px;\r\n\r\n .review-article__review-container {\r\n display: flex;\r\n gap: 30px;\r\n\r\n .review-container__user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n \r\n .user-info__user-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50px;\r\n }\r\n\r\n .user-info__user-name {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .review-container__review-info {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n\r\n .review-info__star-rate {\r\n position: relative;\r\n width: 150px;\r\n height: 30px;\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n\r\n .star-rate__star-radio {\r\n appearance: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n }\r\n\r\n .star-rate__star-radio:checked, .rating-div__star-radio:hover {\r\n background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .star-rate__star-radio:hover ~ .rating-div__star-radio {\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .star-rate__star-radio:nth-of-type(1) {\r\n z-index: 5;\r\n width: 30px;\r\n }\r\n .star-rate__star-radio:nth-of-type(2) {\r\n z-index: 4;\r\n width: 60px;\r\n }\r\n .star-rate__star-radio:nth-of-type(3) {\r\n z-index: 3;\r\n width: 90px;\r\n }\r\n .star-rate__star-radio:nth-of-type(4) {\r\n z-index: 2;\r\n width: 120px;\r\n }\r\n .star-rate__star-radio:nth-of-type(5) {\r\n z-index: 1;\r\n width: 150px;\r\n }\r\n }\r\n\r\n .review-info__review-date {\r\n color: $main-color;\r\n font-size: 24px;\r\n font-weight: 500;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .review-article__text-p {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 400;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .review-article__product-image {\r\n max-width: 300px;\r\n border-radius: 10px;\r\n }\r\n}\r\n\r\n.popup-login {\r\n width: 450px;\r\n display: flex;\r\n position: fixed;\r\n left: 50%;\r\n top: 108px;\r\n transform:translateX(-50%);\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 30px;\r\n box-sizing: border-box;\r\n border-radius: 20px;\r\n box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .popup-login__top-container {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .popup-login__close-button {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n background: rgb(53, 52, 49);\r\n }\r\n\r\n .top-container__headings-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .popup-menu__heading {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n \r\n span {\r\n color: $accent-color;\r\n }\r\n }\r\n\r\n .top-container__text {\r\n color: $main-color;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .popup-login__inputs-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n width: 100%;\r\n \r\n .popup-login__name-input, .popup-login__password-input {\r\n display: flex;\r\n width: 100%;\r\n height: 70px;\r\n align-items: center;\r\n padding: 0px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 15px;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .popup-login__bottom-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .popup-login__prompt-url {\r\n color: $main-color;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n\r\n u {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .popup-login__login-button {\r\n width: 100%;\r\n height: 70px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 15px;\r\n background: rgb(235, 94, 40);\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n }\r\n}","* {\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tborder: none;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n/* Links */\r\n\r\na, a:link, a:visited {\r\n text-decoration: none;\r\n}\r\n\r\na:hover {\r\n text-decoration: none;\r\n}\r\n\r\n/* Common */\r\n\r\naside, nav, footer, header, section, main {\r\n\tdisplay: block;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, p {\r\n font-size: inherit;\r\n\tfont-weight: inherit;\r\n}\r\n\r\nul, ul li {\r\n\tlist-style: none;\r\n}\r\n\r\nimg {\r\n\tvertical-align: top;\r\n}\r\n\r\nimg, svg {\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\n/* Form */\r\n\r\ninput, textarea, button, select {\r\n\tfont-family: inherit;\r\n font-size: inherit;\r\n color: inherit;\r\n background-color: transparent;\r\n}\r\n\r\ninput::-ms-clear {\r\n\tdisplay: none;\r\n}\r\n\r\nbutton, input[type=\"submit\"] {\r\n display: inline-block;\r\n box-shadow: none;\r\n background-color: transparent;\r\n background: none;\r\n cursor: pointer;\r\n}\r\n\r\ninput:focus, input:active,\r\nbutton:focus, button:active {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-decoration,\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-results-button,\r\ninput[type=\"search\"]::-webkit-search-results-decoration {\r\n display: none;\r\n}\r\n\r\nbutton::-moz-focus-inner {\r\n\tpadding: 0;\r\n\tborder: 0;\r\n}\r\n\r\nlabel {\r\n\tcursor: pointer;\r\n}\r\n\r\nlegend {\r\n\tdisplay: block;\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.home-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n .products-div {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, 260px);\r\n justify-content: space-between;\r\n flex-flow: wrap;\r\n padding-top: 36px;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.payment-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n\r\n .payment-page__price {\r\n color: $accent-color;\r\n font-size: 96px;\r\n font-weight: 600;\r\n line-height: 80px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n\r\n .payment-page__payment-card {\r\n width: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n box-sizing: border-box;\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .payment-card__heading {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n\r\n .payment-card__input {\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n padding: 5px 20px 5px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 12px;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n \r\n .payment-card__inputs-group {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .payment-page__pay-link {\r\n width: 500px;\r\n height: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: $accent-color;\r\n border-radius: 15px;\r\n color: white;\r\n font-size: 20px;\r\n font-weight: 500;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.product-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n \r\n .product-page__main-section {\r\n width: 100%;\r\n min-height: 500px;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .product-page__img {\r\n max-height: 500px;\r\n border-radius: 15px;\r\n }\r\n\r\n .product-page__info-div {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 68%;\r\n\r\n .product-page__text-span {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n \r\n .product-page__heading-h2 {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .product-page__short-desc-div {\r\n color: $main-color;\r\n font-size: 24px;\r\n font-weight: 400;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n max-height: 100px;\r\n max-width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n\r\n .product-page__container-div {\r\n width: 100%;\r\n height: 140px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n\r\n .product-page__rating-share-div {\r\n height: 40px;\r\n display: flex;\r\n gap: 20px;\r\n\r\n .product-page__rating-div {\r\n width: 192px;\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 10px 0px 10px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 12px;\r\n\r\n .rating-div__rate-value {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 400;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .product-page__share-button {\r\n width: 40px;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n .product-page__price-buy-div {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 80px;\r\n \r\n .product-page__price-span {\r\n color: $accent-color;\r\n font-size: 40px;\r\n font-weight: 600;\r\n line-height: 49px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .product-page__buy-link {\r\n width: 400px;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n border-radius: 15px;\r\n background: $accent-color;\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .product-page__info-section {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n\r\n .product-page__desc {\r\n color: $main-color;\r\n font-size: 20px;\r\n font-weight: 400;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .product-page__tags-ul {\r\n display: flex;\r\n gap: 20px;\r\n\r\n .product-page__tag-li {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 10px 20px 10px 20px;\r\n border-radius: 50px;\r\n background-color: $main-color;\r\n color: black;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .product-page__reviews-section {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .reviews-section__rate-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: 48px;\r\n width: 310px;\r\n \r\n .rate-block__rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n \r\n .rate-block__rate-number {\r\n color: white;\r\n font-size: 36px;\r\n font-weight: 600;\r\n line-height: 44px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n \r\n .rate-block__star-rating {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n color: #ccc;\r\n position: relative;\r\n unicode-bidi: bidi-override;\r\n direction: rtl;\r\n font-size: 36px;\r\n \r\n .star-rating__back-stars {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n position: relative;\r\n z-index: 0;\r\n \r\n span {\r\n height: 100%px;\r\n }\r\n \r\n .star-rating__front-stars {\r\n display: flex;\r\n position: absolute;\r\n flex-direction: row-reverse;\r\n top: 0;\r\n overflow: hidden;\r\n z-index: 1;\r\n color: #FFB800;\r\n\r\n span {\r\n height: 100%px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .rate-block__progressbars-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n color: white;\r\n font-size: 20px;\r\n font-weight: 400;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n\r\n .progressbars-group__progressbar-container {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n \r\n .rate-progressbar__rate-number {\r\n width: 16px;\r\n }\r\n \r\n .progressbar-container__progressbar {\r\n height: 12px;\r\n width: 100%;\r\n border-radius: 15px;\r\n background: $main-color;\r\n position: relative;\r\n \r\n .progressbar__active-line {\r\n width: 50%;\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n background-color: #FFB800;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .product-page__review-form {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 48px;\r\n gap: 20px;\r\n\r\n .review-form__heading {\r\n color: white;\r\n font-size: 26px;\r\n font-weight: 500;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .review-form__stars-container {\r\n position: relative;\r\n width: 150px;\r\n height: 30px;\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n\r\n .review-form__star-radio {\r\n appearance: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n }\r\n\r\n .review-form__star-radio:checked, .review-form__star-radio:hover {\r\n background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .review-form__star-radio:hover ~ .review-form__star-radio {\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .review-form__star-radio:nth-of-type(1) {\r\n z-index: 5;\r\n width: 30px;\r\n }\r\n .review-form__star-radio:nth-of-type(2) {\r\n z-index: 4;\r\n width: 60px;\r\n }\r\n .review-form__star-radio:nth-of-type(3) {\r\n z-index: 3;\r\n width: 90px;\r\n }\r\n .review-form__star-radio:nth-of-type(4) {\r\n z-index: 2;\r\n width: 120px;\r\n }\r\n .review-form__star-radio:nth-of-type(5) {\r\n z-index: 1;\r\n width: 150px;\r\n }\r\n }\r\n\r\n .review-form__textarea {\r\n width: 100%;\r\n border: 2px solid $main-color;\r\n border-radius: 15px;\r\n color: white;\r\n padding: 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .review-form__image-attach {\r\n width: 34px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .review-form__image-input {\r\n display: none;\r\n }\r\n\r\n .review-form__send-button {\r\n padding: 20px;\r\n border-radius: 15px;\r\n background-color: $accent-color;\r\n font-size: 20px;\r\n color: white;\r\n font-weight: 500;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n\r\n .product-page__reviews-container {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 50px;\r\n margin-bottom: 30px;\r\n gap: 50px;\r\n }\r\n }\r\n\r\n .product-page__block-heading {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 500;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.profile-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n .profile-page__nav {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .profile-link {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .active {\r\n color: $accent-color;\r\n }\r\n }\r\n\r\n .profile-page__info-div {\r\n display: flex;\r\n max-width: 150px;\r\n flex-direction: column;\r\n\r\n span {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n\r\n .orders-section {\r\n width: 100%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n \r\n .orders-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 80px;\r\n\r\n .orders-div {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n gap: 40px;\r\n \r\n .order-article {\r\n width: 352px;\r\n height: 120px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 14px 0px 14px;\r\n border-radius: 15px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .order-article__img {\r\n min-width: 90px;\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n height: 90px;\r\n border-radius: 8px;\r\n background-image: url(../src/assets/img/product-image-1.webp);\r\n }\r\n\r\n .order-article__info-div {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n\r\n .order-article__status-span {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .order-article__info-span {\r\n color: #808080;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .order-article__date-span {\r\n color: white;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .purchases-section {\r\n width: 100%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .purchases-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 80px;\r\n\r\n .purchases-div {\r\n display: flex;\r\n }\r\n }\r\n }\r\n}",".scam-page {\r\n width: 96%;\r\n display: flex;\r\n\r\n .scam-page__image {\r\n width: 100%;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.info-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n\r\n .info-page__dev-card {\r\n width: 300px;\r\n height: 400px;\r\n perspective: 1000px;\r\n border-radius: 15px;\r\n \r\n .dev-card__inner {\r\n position: relative;\r\n border-radius: 15px;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s;\r\n transform-style: preserve-3d;\r\n box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n \r\n .dev-card__front, .dev-card__back {\r\n position: absolute;\r\n border-radius: 15px;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n }\r\n \r\n .dev-card__front {\r\n .dev-card__avatar {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 15px;\r\n }\r\n }\r\n \r\n .dev-card__back {\r\n background-color: $background-color;\r\n color: white;\r\n box-sizing: border-box;\r\n padding: 20px;\r\n transform: rotateY(180deg);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n\r\n .dev-card__name {\r\n font-size: 24px;\r\n }\r\n\r\n .dev-card__info {\r\n color: $main-color;\r\n }\r\n\r\n .dev-card__url {\r\n font-size: 18px;\r\n color: white;\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .info-page__dev-card:hover .dev-card__inner {\r\n transform: rotateY(180deg);\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/reactapp/build/static/js/main.ff00eb34.js b/reactapp/build/static/js/main.ff00eb34.js new file mode 100644 index 0000000..caaca55 --- /dev/null +++ b/reactapp/build/static/js/main.ff00eb34.js @@ -0,0 +1,3 @@ +/*! For license information please see main.ff00eb34.js.LICENSE.txt */ +(()=>{"use strict";var e={463:(e,t,n)=>{var r=n(791),a=n(296);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n attribute.\n *\n * @param to - The destination URL\n */\n createHref(to: To): string;\n\n /**\n * Returns a URL for the given `to` value\n *\n * @param to - The destination URL\n */\n createURL(to: To): URL;\n\n /**\n * Encode a location the same way window.history would do (no-op for memory\n * history) so we ensure our PUSH/REPLACE navigations for data routers\n * behave the same as POP\n *\n * @param to Unencoded path\n */\n encodeLocation(to: To): Path;\n\n /**\n * Pushes a new location onto the history stack, increasing its length by one.\n * If there were any entries in the stack after the current one, they are\n * lost.\n *\n * @param to - The new URL\n * @param state - Data to associate with the new location\n */\n push(to: To, state?: any): void;\n\n /**\n * Replaces the current location in the history stack with a new one. The\n * location that was replaced will no longer be available.\n *\n * @param to - The new URL\n * @param state - Data to associate with the new location\n */\n replace(to: To, state?: any): void;\n\n /**\n * Navigates `n` entries backward/forward in the history stack relative to the\n * current index. For example, a \"back\" navigation would use go(-1).\n *\n * @param delta - The delta in the stack index\n */\n go(delta: number): void;\n\n /**\n * Sets up a listener that will be called whenever the current location\n * changes.\n *\n * @param listener - A function that will be called when the location changes\n * @returns unlisten - A function that may be used to stop listening\n */\n listen(listener: Listener): () => void;\n}\n\ntype HistoryState = {\n usr: any;\n key?: string;\n idx: number;\n};\n\nconst PopStateEventType = \"popstate\";\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Memory History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A user-supplied object that describes a location. Used when providing\n * entries to `createMemoryHistory` via its `initialEntries` option.\n */\nexport type InitialEntry = string | Partial;\n\nexport type MemoryHistoryOptions = {\n initialEntries?: InitialEntry[];\n initialIndex?: number;\n v5Compat?: boolean;\n};\n\n/**\n * A memory history stores locations in memory. This is useful in stateful\n * environments where there is no web browser, such as node tests or React\n * Native.\n */\nexport interface MemoryHistory extends History {\n /**\n * The current index in the history stack.\n */\n readonly index: number;\n}\n\n/**\n * Memory history stores the current location in memory. It is designed for use\n * in stateful non-browser environments like tests and React Native.\n */\nexport function createMemoryHistory(\n options: MemoryHistoryOptions = {}\n): MemoryHistory {\n let { initialEntries = [\"/\"], initialIndex, v5Compat = false } = options;\n let entries: Location[]; // Declare so we can access from createMemoryLocation\n entries = initialEntries.map((entry, index) =>\n createMemoryLocation(\n entry,\n typeof entry === \"string\" ? null : entry.state,\n index === 0 ? \"default\" : undefined\n )\n );\n let index = clampIndex(\n initialIndex == null ? entries.length - 1 : initialIndex\n );\n let action = Action.Pop;\n let listener: Listener | null = null;\n\n function clampIndex(n: number): number {\n return Math.min(Math.max(n, 0), entries.length - 1);\n }\n function getCurrentLocation(): Location {\n return entries[index];\n }\n function createMemoryLocation(\n to: To,\n state: any = null,\n key?: string\n ): Location {\n let location = createLocation(\n entries ? getCurrentLocation().pathname : \"/\",\n to,\n state,\n key\n );\n warning(\n location.pathname.charAt(0) === \"/\",\n `relative pathnames are not supported in memory history: ${JSON.stringify(\n to\n )}`\n );\n return location;\n }\n\n function createHref(to: To) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n\n let history: MemoryHistory = {\n get index() {\n return index;\n },\n get action() {\n return action;\n },\n get location() {\n return getCurrentLocation();\n },\n createHref,\n createURL(to) {\n return new URL(createHref(to), \"http://localhost\");\n },\n encodeLocation(to: To) {\n let path = typeof to === \"string\" ? parsePath(to) : to;\n return {\n pathname: path.pathname || \"\",\n search: path.search || \"\",\n hash: path.hash || \"\",\n };\n },\n push(to, state) {\n action = Action.Push;\n let nextLocation = createMemoryLocation(to, state);\n index += 1;\n entries.splice(index, entries.length, nextLocation);\n if (v5Compat && listener) {\n listener({ action, location: nextLocation, delta: 1 });\n }\n },\n replace(to, state) {\n action = Action.Replace;\n let nextLocation = createMemoryLocation(to, state);\n entries[index] = nextLocation;\n if (v5Compat && listener) {\n listener({ action, location: nextLocation, delta: 0 });\n }\n },\n go(delta) {\n action = Action.Pop;\n let nextIndex = clampIndex(index + delta);\n let nextLocation = entries[nextIndex];\n index = nextIndex;\n if (listener) {\n listener({ action, location: nextLocation, delta });\n }\n },\n listen(fn: Listener) {\n listener = fn;\n return () => {\n listener = null;\n };\n },\n };\n\n return history;\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Browser History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A browser history stores the current location in regular URLs in a web\n * browser environment. This is the standard for most web apps and provides the\n * cleanest URLs the browser's address bar.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#browserhistory\n */\nexport interface BrowserHistory extends UrlHistory {}\n\nexport type BrowserHistoryOptions = UrlHistoryOptions;\n\n/**\n * Browser history stores the location in regular URLs. This is the standard for\n * most web apps, but it requires some configuration on the server to ensure you\n * serve the same app at multiple URLs.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory\n */\nexport function createBrowserHistory(\n options: BrowserHistoryOptions = {}\n): BrowserHistory {\n function createBrowserLocation(\n window: Window,\n globalHistory: Window[\"history\"]\n ) {\n let { pathname, search, hash } = window.location;\n return createLocation(\n \"\",\n { pathname, search, hash },\n // state defaults to `null` because `window.history.state` does\n (globalHistory.state && globalHistory.state.usr) || null,\n (globalHistory.state && globalHistory.state.key) || \"default\"\n );\n }\n\n function createBrowserHref(window: Window, to: To) {\n return typeof to === \"string\" ? to : createPath(to);\n }\n\n return getUrlBasedHistory(\n createBrowserLocation,\n createBrowserHref,\n null,\n options\n );\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Hash History\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A hash history stores the current location in the fragment identifier portion\n * of the URL in a web browser environment.\n *\n * This is ideal for apps that do not control the server for some reason\n * (because the fragment identifier is never sent to the server), including some\n * shared hosting environments that do not provide fine-grained controls over\n * which pages are served at which URLs.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#hashhistory\n */\nexport interface HashHistory extends UrlHistory {}\n\nexport type HashHistoryOptions = UrlHistoryOptions;\n\n/**\n * Hash history stores the location in window.location.hash. This makes it ideal\n * for situations where you don't want to send the location to the server for\n * some reason, either because you do cannot configure it or the URL space is\n * reserved for something else.\n *\n * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory\n */\nexport function createHashHistory(\n options: HashHistoryOptions = {}\n): HashHistory {\n function createHashLocation(\n window: Window,\n globalHistory: Window[\"history\"]\n ) {\n let {\n pathname = \"/\",\n search = \"\",\n hash = \"\",\n } = parsePath(window.location.hash.substr(1));\n\n // Hash URL should always have a leading / just like window.location.pathname\n // does, so if an app ends up at a route like /#something then we add a\n // leading slash so all of our path-matching behaves the same as if it would\n // in a browser router. This is particularly important when there exists a\n // root splat route () since that matches internally against\n // \"/*\" and we'd expect /#something to 404 in a hash router app.\n if (!pathname.startsWith(\"/\") && !pathname.startsWith(\".\")) {\n pathname = \"/\" + pathname;\n }\n\n return createLocation(\n \"\",\n { pathname, search, hash },\n // state defaults to `null` because `window.history.state` does\n (globalHistory.state && globalHistory.state.usr) || null,\n (globalHistory.state && globalHistory.state.key) || \"default\"\n );\n }\n\n function createHashHref(window: Window, to: To) {\n let base = window.document.querySelector(\"base\");\n let href = \"\";\n\n if (base && base.getAttribute(\"href\")) {\n let url = window.location.href;\n let hashIndex = url.indexOf(\"#\");\n href = hashIndex === -1 ? url : url.slice(0, hashIndex);\n }\n\n return href + \"#\" + (typeof to === \"string\" ? to : createPath(to));\n }\n\n function validateHashLocation(location: Location, to: To) {\n warning(\n location.pathname.charAt(0) === \"/\",\n `relative pathnames are not supported in hash history.push(${JSON.stringify(\n to\n )})`\n );\n }\n\n return getUrlBasedHistory(\n createHashLocation,\n createHashHref,\n validateHashLocation,\n options\n );\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region UTILS\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * @private\n */\nexport function invariant(value: boolean, message?: string): asserts value;\nexport function invariant(\n value: T | null | undefined,\n message?: string\n): asserts value is T;\nexport function invariant(value: any, message?: string) {\n if (value === false || value === null || typeof value === \"undefined\") {\n throw new Error(message);\n }\n}\n\nexport function warning(cond: any, message: string) {\n if (!cond) {\n // eslint-disable-next-line no-console\n if (typeof console !== \"undefined\") console.warn(message);\n\n try {\n // Welcome to debugging history!\n //\n // This error is thrown as a convenience, so you can more easily\n // find the source for a warning that appears in the console by\n // enabling \"pause on exceptions\" in your JavaScript debugger.\n throw new Error(message);\n // eslint-disable-next-line no-empty\n } catch (e) {}\n }\n}\n\nfunction createKey() {\n return Math.random().toString(36).substr(2, 8);\n}\n\n/**\n * For browser-based histories, we combine the state and key into an object\n */\nfunction getHistoryState(location: Location, index: number): HistoryState {\n return {\n usr: location.state,\n key: location.key,\n idx: index,\n };\n}\n\n/**\n * Creates a Location object with a unique key from the given Path\n */\nexport function createLocation(\n current: string | Location,\n to: To,\n state: any = null,\n key?: string\n): Readonly {\n let location: Readonly = {\n pathname: typeof current === \"string\" ? current : current.pathname,\n search: \"\",\n hash: \"\",\n ...(typeof to === \"string\" ? parsePath(to) : to),\n state,\n // TODO: This could be cleaned up. push/replace should probably just take\n // full Locations now and avoid the need to run through this flow at all\n // But that's a pretty big refactor to the current test suite so going to\n // keep as is for the time being and just let any incoming keys take precedence\n key: (to && (to as Location).key) || key || createKey(),\n };\n return location;\n}\n\n/**\n * Creates a string URL path from the given pathname, search, and hash components.\n */\nexport function createPath({\n pathname = \"/\",\n search = \"\",\n hash = \"\",\n}: Partial) {\n if (search && search !== \"?\")\n pathname += search.charAt(0) === \"?\" ? search : \"?\" + search;\n if (hash && hash !== \"#\")\n pathname += hash.charAt(0) === \"#\" ? hash : \"#\" + hash;\n return pathname;\n}\n\n/**\n * Parses a string URL path into its separate pathname, search, and hash components.\n */\nexport function parsePath(path: string): Partial {\n let parsedPath: Partial = {};\n\n if (path) {\n let hashIndex = path.indexOf(\"#\");\n if (hashIndex >= 0) {\n parsedPath.hash = path.substr(hashIndex);\n path = path.substr(0, hashIndex);\n }\n\n let searchIndex = path.indexOf(\"?\");\n if (searchIndex >= 0) {\n parsedPath.search = path.substr(searchIndex);\n path = path.substr(0, searchIndex);\n }\n\n if (path) {\n parsedPath.pathname = path;\n }\n }\n\n return parsedPath;\n}\n\nexport interface UrlHistory extends History {}\n\nexport type UrlHistoryOptions = {\n window?: Window;\n v5Compat?: boolean;\n};\n\nfunction getUrlBasedHistory(\n getLocation: (window: Window, globalHistory: Window[\"history\"]) => Location,\n createHref: (window: Window, to: To) => string,\n validateLocation: ((location: Location, to: To) => void) | null,\n options: UrlHistoryOptions = {}\n): UrlHistory {\n let { window = document.defaultView!, v5Compat = false } = options;\n let globalHistory = window.history;\n let action = Action.Pop;\n let listener: Listener | null = null;\n\n let index = getIndex()!;\n // Index should only be null when we initialize. If not, it's because the\n // user called history.pushState or history.replaceState directly, in which\n // case we should log a warning as it will result in bugs.\n if (index == null) {\n index = 0;\n globalHistory.replaceState({ ...globalHistory.state, idx: index }, \"\");\n }\n\n function getIndex(): number {\n let state = globalHistory.state || { idx: null };\n return state.idx;\n }\n\n function handlePop() {\n action = Action.Pop;\n let nextIndex = getIndex();\n let delta = nextIndex == null ? null : nextIndex - index;\n index = nextIndex;\n if (listener) {\n listener({ action, location: history.location, delta });\n }\n }\n\n function push(to: To, state?: any) {\n action = Action.Push;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n\n index = getIndex() + 1;\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n\n // try...catch because iOS limits us to 100 pushState calls :/\n try {\n globalHistory.pushState(historyState, \"\", url);\n } catch (error) {\n // If the exception is because `state` can't be serialized, let that throw\n // outwards just like a replace call would so the dev knows the cause\n // https://html.spec.whatwg.org/multipage/nav-history-apis.html#shared-history-push/replace-state-steps\n // https://html.spec.whatwg.org/multipage/structured-data.html#structuredserializeinternal\n if (error instanceof DOMException && error.name === \"DataCloneError\") {\n throw error;\n }\n // They are going to lose state here, but there is no real\n // way to warn them about it since the page will refresh...\n window.location.assign(url);\n }\n\n if (v5Compat && listener) {\n listener({ action, location: history.location, delta: 1 });\n }\n }\n\n function replace(to: To, state?: any) {\n action = Action.Replace;\n let location = createLocation(history.location, to, state);\n if (validateLocation) validateLocation(location, to);\n\n index = getIndex();\n let historyState = getHistoryState(location, index);\n let url = history.createHref(location);\n globalHistory.replaceState(historyState, \"\", url);\n\n if (v5Compat && listener) {\n listener({ action, location: history.location, delta: 0 });\n }\n }\n\n function createURL(to: To): URL {\n // window.location.origin is \"null\" (the literal string value) in Firefox\n // under certain conditions, notably when serving from a local HTML file\n // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297\n let base =\n window.location.origin !== \"null\"\n ? window.location.origin\n : window.location.href;\n\n let href = typeof to === \"string\" ? to : createPath(to);\n invariant(\n base,\n `No window.location.(origin|href) available to create URL for href: ${href}`\n );\n return new URL(href, base);\n }\n\n let history: History = {\n get action() {\n return action;\n },\n get location() {\n return getLocation(window, globalHistory);\n },\n listen(fn: Listener) {\n if (listener) {\n throw new Error(\"A history only accepts one active listener\");\n }\n window.addEventListener(PopStateEventType, handlePop);\n listener = fn;\n\n return () => {\n window.removeEventListener(PopStateEventType, handlePop);\n listener = null;\n };\n },\n createHref(to) {\n return createHref(window, to);\n },\n createURL,\n encodeLocation(to) {\n // Encode a Location the same way window.location would\n let url = createURL(to);\n return {\n pathname: url.pathname,\n search: url.search,\n hash: url.hash,\n };\n },\n push,\n replace,\n go(n) {\n return globalHistory.go(n);\n },\n };\n\n return history;\n}\n\n//#endregion\n","import type { Location, Path, To } from \"./history\";\nimport { invariant, parsePath, warning } from \"./history\";\n\n/**\n * Map of routeId -> data returned from a loader/action/error\n */\nexport interface RouteData {\n [routeId: string]: any;\n}\n\nexport enum ResultType {\n data = \"data\",\n deferred = \"deferred\",\n redirect = \"redirect\",\n error = \"error\",\n}\n\n/**\n * Successful result from a loader or action\n */\nexport interface SuccessResult {\n type: ResultType.data;\n data: any;\n statusCode?: number;\n headers?: Headers;\n}\n\n/**\n * Successful defer() result from a loader or action\n */\nexport interface DeferredResult {\n type: ResultType.deferred;\n deferredData: DeferredData;\n statusCode?: number;\n headers?: Headers;\n}\n\n/**\n * Redirect result from a loader or action\n */\nexport interface RedirectResult {\n type: ResultType.redirect;\n status: number;\n location: string;\n revalidate: boolean;\n reloadDocument?: boolean;\n}\n\n/**\n * Unsuccessful result from a loader or action\n */\nexport interface ErrorResult {\n type: ResultType.error;\n error: any;\n headers?: Headers;\n}\n\n/**\n * Result from a loader or action - potentially successful or unsuccessful\n */\nexport type DataResult =\n | SuccessResult\n | DeferredResult\n | RedirectResult\n | ErrorResult;\n\ntype LowerCaseFormMethod = \"get\" | \"post\" | \"put\" | \"patch\" | \"delete\";\ntype UpperCaseFormMethod = Uppercase;\n\n/**\n * Users can specify either lowercase or uppercase form methods on `
`,\n * useSubmit(), ``, etc.\n */\nexport type HTMLFormMethod = LowerCaseFormMethod | UpperCaseFormMethod;\n\n/**\n * Active navigation/fetcher form methods are exposed in lowercase on the\n * RouterState\n */\nexport type FormMethod = LowerCaseFormMethod;\nexport type MutationFormMethod = Exclude;\n\n/**\n * In v7, active navigation/fetcher form methods are exposed in uppercase on the\n * RouterState. This is to align with the normalization done via fetch().\n */\nexport type V7_FormMethod = UpperCaseFormMethod;\nexport type V7_MutationFormMethod = Exclude;\n\nexport type FormEncType =\n | \"application/x-www-form-urlencoded\"\n | \"multipart/form-data\"\n | \"application/json\"\n | \"text/plain\";\n\n// Thanks https://github.com/sindresorhus/type-fest!\ntype JsonObject = { [Key in string]: JsonValue } & {\n [Key in string]?: JsonValue | undefined;\n};\ntype JsonArray = JsonValue[] | readonly JsonValue[];\ntype JsonPrimitive = string | number | boolean | null;\ntype JsonValue = JsonPrimitive | JsonObject | JsonArray;\n\n/**\n * @private\n * Internal interface to pass around for action submissions, not intended for\n * external consumption\n */\nexport type Submission =\n | {\n formMethod: FormMethod | V7_FormMethod;\n formAction: string;\n formEncType: FormEncType;\n formData: FormData;\n json: undefined;\n text: undefined;\n }\n | {\n formMethod: FormMethod | V7_FormMethod;\n formAction: string;\n formEncType: FormEncType;\n formData: undefined;\n json: JsonValue;\n text: undefined;\n }\n | {\n formMethod: FormMethod | V7_FormMethod;\n formAction: string;\n formEncType: FormEncType;\n formData: undefined;\n json: undefined;\n text: string;\n };\n\n/**\n * @private\n * Arguments passed to route loader/action functions. Same for now but we keep\n * this as a private implementation detail in case they diverge in the future.\n */\ninterface DataFunctionArgs {\n request: Request;\n params: Params;\n context?: Context;\n}\n\n// TODO: (v7) Change the defaults from any to unknown in and remove Remix wrappers:\n// ActionFunction, ActionFunctionArgs, LoaderFunction, LoaderFunctionArgs\n// Also, make them a type alias instead of an interface\n\n/**\n * Arguments passed to loader functions\n */\nexport interface LoaderFunctionArgs\n extends DataFunctionArgs {}\n\n/**\n * Arguments passed to action functions\n */\nexport interface ActionFunctionArgs\n extends DataFunctionArgs {}\n\n/**\n * Loaders and actions can return anything except `undefined` (`null` is a\n * valid return value if there is no data to return). Responses are preferred\n * and will ease any future migration to Remix\n */\ntype DataFunctionValue = Response | NonNullable | null;\n\n/**\n * Route loader function signature\n */\nexport type LoaderFunction = {\n (args: LoaderFunctionArgs):\n | Promise\n | DataFunctionValue;\n} & { hydrate?: boolean };\n\n/**\n * Route action function signature\n */\nexport interface ActionFunction {\n (args: ActionFunctionArgs):\n | Promise\n | DataFunctionValue;\n}\n\n/**\n * Arguments passed to shouldRevalidate function\n */\nexport interface ShouldRevalidateFunctionArgs {\n currentUrl: URL;\n currentParams: AgnosticDataRouteMatch[\"params\"];\n nextUrl: URL;\n nextParams: AgnosticDataRouteMatch[\"params\"];\n formMethod?: Submission[\"formMethod\"];\n formAction?: Submission[\"formAction\"];\n formEncType?: Submission[\"formEncType\"];\n text?: Submission[\"text\"];\n formData?: Submission[\"formData\"];\n json?: Submission[\"json\"];\n actionResult?: any;\n defaultShouldRevalidate: boolean;\n}\n\n/**\n * Route shouldRevalidate function signature. This runs after any submission\n * (navigation or fetcher), so we flatten the navigation/fetcher submission\n * onto the arguments. It shouldn't matter whether it came from a navigation\n * or a fetcher, what really matters is the URLs and the formData since loaders\n * have to re-run based on the data models that were potentially mutated.\n */\nexport interface ShouldRevalidateFunction {\n (args: ShouldRevalidateFunctionArgs): boolean;\n}\n\n/**\n * Function provided by the framework-aware layers to set `hasErrorBoundary`\n * from the framework-aware `errorElement` prop\n *\n * @deprecated Use `mapRouteProperties` instead\n */\nexport interface DetectErrorBoundaryFunction {\n (route: AgnosticRouteObject): boolean;\n}\n\n/**\n * Function provided by the framework-aware layers to set any framework-specific\n * properties from framework-agnostic properties\n */\nexport interface MapRoutePropertiesFunction {\n (route: AgnosticRouteObject): {\n hasErrorBoundary: boolean;\n } & Record;\n}\n\n/**\n * Keys we cannot change from within a lazy() function. We spread all other keys\n * onto the route. Either they're meaningful to the router, or they'll get\n * ignored.\n */\nexport type ImmutableRouteKey =\n | \"lazy\"\n | \"caseSensitive\"\n | \"path\"\n | \"id\"\n | \"index\"\n | \"children\";\n\nexport const immutableRouteKeys = new Set([\n \"lazy\",\n \"caseSensitive\",\n \"path\",\n \"id\",\n \"index\",\n \"children\",\n]);\n\ntype RequireOne = Exclude<\n {\n [K in keyof T]: K extends Key ? Omit & Required> : never;\n }[keyof T],\n undefined\n>;\n\n/**\n * lazy() function to load a route definition, which can add non-matching\n * related properties to a route\n */\nexport interface LazyRouteFunction {\n (): Promise>>;\n}\n\n/**\n * Base RouteObject with common props shared by all types of routes\n */\ntype AgnosticBaseRouteObject = {\n caseSensitive?: boolean;\n path?: string;\n id?: string;\n loader?: LoaderFunction;\n action?: ActionFunction;\n hasErrorBoundary?: boolean;\n shouldRevalidate?: ShouldRevalidateFunction;\n handle?: any;\n lazy?: LazyRouteFunction;\n};\n\n/**\n * Index routes must not have children\n */\nexport type AgnosticIndexRouteObject = AgnosticBaseRouteObject & {\n children?: undefined;\n index: true;\n};\n\n/**\n * Non-index routes may have children, but cannot have index\n */\nexport type AgnosticNonIndexRouteObject = AgnosticBaseRouteObject & {\n children?: AgnosticRouteObject[];\n index?: false;\n};\n\n/**\n * A route object represents a logical route, with (optionally) its child\n * routes organized in a tree-like structure.\n */\nexport type AgnosticRouteObject =\n | AgnosticIndexRouteObject\n | AgnosticNonIndexRouteObject;\n\nexport type AgnosticDataIndexRouteObject = AgnosticIndexRouteObject & {\n id: string;\n};\n\nexport type AgnosticDataNonIndexRouteObject = AgnosticNonIndexRouteObject & {\n children?: AgnosticDataRouteObject[];\n id: string;\n};\n\n/**\n * A data route object, which is just a RouteObject with a required unique ID\n */\nexport type AgnosticDataRouteObject =\n | AgnosticDataIndexRouteObject\n | AgnosticDataNonIndexRouteObject;\n\nexport type RouteManifest = Record;\n\n// Recursive helper for finding path parameters in the absence of wildcards\ntype _PathParam =\n // split path into individual path segments\n Path extends `${infer L}/${infer R}`\n ? _PathParam | _PathParam\n : // find params after `:`\n Path extends `:${infer Param}`\n ? Param extends `${infer Optional}?`\n ? Optional\n : Param\n : // otherwise, there aren't any params present\n never;\n\n/**\n * Examples:\n * \"/a/b/*\" -> \"*\"\n * \":a\" -> \"a\"\n * \"/a/:b\" -> \"b\"\n * \"/a/blahblahblah:b\" -> \"b\"\n * \"/:a/:b\" -> \"a\" | \"b\"\n * \"/:a/b/:c/*\" -> \"a\" | \"c\" | \"*\"\n */\nexport type PathParam =\n // check if path is just a wildcard\n Path extends \"*\" | \"/*\"\n ? \"*\"\n : // look for wildcard at the end of the path\n Path extends `${infer Rest}/*`\n ? \"*\" | _PathParam\n : // look for params in the absence of wildcards\n _PathParam;\n\n// Attempt to parse the given string segment. If it fails, then just return the\n// plain string type as a default fallback. Otherwise, return the union of the\n// parsed string literals that were referenced as dynamic segments in the route.\nexport type ParamParseKey =\n // if you could not find path params, fallback to `string`\n [PathParam] extends [never] ? string : PathParam;\n\n/**\n * The parameters that were parsed from the URL path.\n */\nexport type Params = {\n readonly [key in Key]: string | undefined;\n};\n\n/**\n * A RouteMatch contains info about how a route matched a URL.\n */\nexport interface AgnosticRouteMatch<\n ParamKey extends string = string,\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n> {\n /**\n * The names and values of dynamic parameters in the URL.\n */\n params: Params;\n /**\n * The portion of the URL pathname that was matched.\n */\n pathname: string;\n /**\n * The portion of the URL pathname that was matched before child routes.\n */\n pathnameBase: string;\n /**\n * The route object that was used to match.\n */\n route: RouteObjectType;\n}\n\nexport interface AgnosticDataRouteMatch\n extends AgnosticRouteMatch {}\n\nfunction isIndexRoute(\n route: AgnosticRouteObject\n): route is AgnosticIndexRouteObject {\n return route.index === true;\n}\n\n// Walk the route tree generating unique IDs where necessary, so we are working\n// solely with AgnosticDataRouteObject's within the Router\nexport function convertRoutesToDataRoutes(\n routes: AgnosticRouteObject[],\n mapRouteProperties: MapRoutePropertiesFunction,\n parentPath: number[] = [],\n manifest: RouteManifest = {}\n): AgnosticDataRouteObject[] {\n return routes.map((route, index) => {\n let treePath = [...parentPath, index];\n let id = typeof route.id === \"string\" ? route.id : treePath.join(\"-\");\n invariant(\n route.index !== true || !route.children,\n `Cannot specify children on an index route`\n );\n invariant(\n !manifest[id],\n `Found a route id collision on id \"${id}\". Route ` +\n \"id's must be globally unique within Data Router usages\"\n );\n\n if (isIndexRoute(route)) {\n let indexRoute: AgnosticDataIndexRouteObject = {\n ...route,\n ...mapRouteProperties(route),\n id,\n };\n manifest[id] = indexRoute;\n return indexRoute;\n } else {\n let pathOrLayoutRoute: AgnosticDataNonIndexRouteObject = {\n ...route,\n ...mapRouteProperties(route),\n id,\n children: undefined,\n };\n manifest[id] = pathOrLayoutRoute;\n\n if (route.children) {\n pathOrLayoutRoute.children = convertRoutesToDataRoutes(\n route.children,\n mapRouteProperties,\n treePath,\n manifest\n );\n }\n\n return pathOrLayoutRoute;\n }\n });\n}\n\n/**\n * Matches the given routes to a location and returns the match data.\n *\n * @see https://reactrouter.com/utils/match-routes\n */\nexport function matchRoutes<\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n>(\n routes: RouteObjectType[],\n locationArg: Partial | string,\n basename = \"/\"\n): AgnosticRouteMatch[] | null {\n let location =\n typeof locationArg === \"string\" ? parsePath(locationArg) : locationArg;\n\n let pathname = stripBasename(location.pathname || \"/\", basename);\n\n if (pathname == null) {\n return null;\n }\n\n let branches = flattenRoutes(routes);\n rankRouteBranches(branches);\n\n let matches = null;\n for (let i = 0; matches == null && i < branches.length; ++i) {\n matches = matchRouteBranch(\n branches[i],\n // Incoming pathnames are generally encoded from either window.location\n // or from router.navigate, but we want to match against the unencoded\n // paths in the route definitions. Memory router locations won't be\n // encoded here but there also shouldn't be anything to decode so this\n // should be a safe operation. This avoids needing matchRoutes to be\n // history-aware.\n safelyDecodeURI(pathname)\n );\n }\n\n return matches;\n}\n\nexport interface UIMatch {\n id: string;\n pathname: string;\n params: AgnosticRouteMatch[\"params\"];\n data: Data;\n handle: Handle;\n}\n\nexport function convertRouteMatchToUiMatch(\n match: AgnosticDataRouteMatch,\n loaderData: RouteData\n): UIMatch {\n let { route, pathname, params } = match;\n return {\n id: route.id,\n pathname,\n params,\n data: loaderData[route.id],\n handle: route.handle,\n };\n}\n\ninterface RouteMeta<\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n> {\n relativePath: string;\n caseSensitive: boolean;\n childrenIndex: number;\n route: RouteObjectType;\n}\n\ninterface RouteBranch<\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n> {\n path: string;\n score: number;\n routesMeta: RouteMeta[];\n}\n\nfunction flattenRoutes<\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n>(\n routes: RouteObjectType[],\n branches: RouteBranch[] = [],\n parentsMeta: RouteMeta[] = [],\n parentPath = \"\"\n): RouteBranch[] {\n let flattenRoute = (\n route: RouteObjectType,\n index: number,\n relativePath?: string\n ) => {\n let meta: RouteMeta = {\n relativePath:\n relativePath === undefined ? route.path || \"\" : relativePath,\n caseSensitive: route.caseSensitive === true,\n childrenIndex: index,\n route,\n };\n\n if (meta.relativePath.startsWith(\"/\")) {\n invariant(\n meta.relativePath.startsWith(parentPath),\n `Absolute route path \"${meta.relativePath}\" nested under path ` +\n `\"${parentPath}\" is not valid. An absolute child route path ` +\n `must start with the combined path of all its parent routes.`\n );\n\n meta.relativePath = meta.relativePath.slice(parentPath.length);\n }\n\n let path = joinPaths([parentPath, meta.relativePath]);\n let routesMeta = parentsMeta.concat(meta);\n\n // Add the children before adding this route to the array, so we traverse the\n // route tree depth-first and child routes appear before their parents in\n // the \"flattened\" version.\n if (route.children && route.children.length > 0) {\n invariant(\n // Our types know better, but runtime JS may not!\n // @ts-expect-error\n route.index !== true,\n `Index routes must not have child routes. Please remove ` +\n `all child routes from route path \"${path}\".`\n );\n\n flattenRoutes(route.children, branches, routesMeta, path);\n }\n\n // Routes without a path shouldn't ever match by themselves unless they are\n // index routes, so don't add them to the list of possible branches.\n if (route.path == null && !route.index) {\n return;\n }\n\n branches.push({\n path,\n score: computeScore(path, route.index),\n routesMeta,\n });\n };\n routes.forEach((route, index) => {\n // coarse-grain check for optional params\n if (route.path === \"\" || !route.path?.includes(\"?\")) {\n flattenRoute(route, index);\n } else {\n for (let exploded of explodeOptionalSegments(route.path)) {\n flattenRoute(route, index, exploded);\n }\n }\n });\n\n return branches;\n}\n\n/**\n * Computes all combinations of optional path segments for a given path,\n * excluding combinations that are ambiguous and of lower priority.\n *\n * For example, `/one/:two?/three/:four?/:five?` explodes to:\n * - `/one/three`\n * - `/one/:two/three`\n * - `/one/three/:four`\n * - `/one/three/:five`\n * - `/one/:two/three/:four`\n * - `/one/:two/three/:five`\n * - `/one/three/:four/:five`\n * - `/one/:two/three/:four/:five`\n */\nfunction explodeOptionalSegments(path: string): string[] {\n let segments = path.split(\"/\");\n if (segments.length === 0) return [];\n\n let [first, ...rest] = segments;\n\n // Optional path segments are denoted by a trailing `?`\n let isOptional = first.endsWith(\"?\");\n // Compute the corresponding required segment: `foo?` -> `foo`\n let required = first.replace(/\\?$/, \"\");\n\n if (rest.length === 0) {\n // Intepret empty string as omitting an optional segment\n // `[\"one\", \"\", \"three\"]` corresponds to omitting `:two` from `/one/:two?/three` -> `/one/three`\n return isOptional ? [required, \"\"] : [required];\n }\n\n let restExploded = explodeOptionalSegments(rest.join(\"/\"));\n\n let result: string[] = [];\n\n // All child paths with the prefix. Do this for all children before the\n // optional version for all children, so we get consistent ordering where the\n // parent optional aspect is preferred as required. Otherwise, we can get\n // child sections interspersed where deeper optional segments are higher than\n // parent optional segments, where for example, /:two would explode _earlier_\n // then /:one. By always including the parent as required _for all children_\n // first, we avoid this issue\n result.push(\n ...restExploded.map((subpath) =>\n subpath === \"\" ? required : [required, subpath].join(\"/\")\n )\n );\n\n // Then, if this is an optional value, add all child versions without\n if (isOptional) {\n result.push(...restExploded);\n }\n\n // for absolute paths, ensure `/` instead of empty segment\n return result.map((exploded) =>\n path.startsWith(\"/\") && exploded === \"\" ? \"/\" : exploded\n );\n}\n\nfunction rankRouteBranches(branches: RouteBranch[]): void {\n branches.sort((a, b) =>\n a.score !== b.score\n ? b.score - a.score // Higher score first\n : compareIndexes(\n a.routesMeta.map((meta) => meta.childrenIndex),\n b.routesMeta.map((meta) => meta.childrenIndex)\n )\n );\n}\n\nconst paramRe = /^:[\\w-]+$/;\nconst dynamicSegmentValue = 3;\nconst indexRouteValue = 2;\nconst emptySegmentValue = 1;\nconst staticSegmentValue = 10;\nconst splatPenalty = -2;\nconst isSplat = (s: string) => s === \"*\";\n\nfunction computeScore(path: string, index: boolean | undefined): number {\n let segments = path.split(\"/\");\n let initialScore = segments.length;\n if (segments.some(isSplat)) {\n initialScore += splatPenalty;\n }\n\n if (index) {\n initialScore += indexRouteValue;\n }\n\n return segments\n .filter((s) => !isSplat(s))\n .reduce(\n (score, segment) =>\n score +\n (paramRe.test(segment)\n ? dynamicSegmentValue\n : segment === \"\"\n ? emptySegmentValue\n : staticSegmentValue),\n initialScore\n );\n}\n\nfunction compareIndexes(a: number[], b: number[]): number {\n let siblings =\n a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]);\n\n return siblings\n ? // If two routes are siblings, we should try to match the earlier sibling\n // first. This allows people to have fine-grained control over the matching\n // behavior by simply putting routes with identical paths in the order they\n // want them tried.\n a[a.length - 1] - b[b.length - 1]\n : // Otherwise, it doesn't really make sense to rank non-siblings by index,\n // so they sort equally.\n 0;\n}\n\nfunction matchRouteBranch<\n ParamKey extends string = string,\n RouteObjectType extends AgnosticRouteObject = AgnosticRouteObject\n>(\n branch: RouteBranch,\n pathname: string\n): AgnosticRouteMatch[] | null {\n let { routesMeta } = branch;\n\n let matchedParams = {};\n let matchedPathname = \"/\";\n let matches: AgnosticRouteMatch[] = [];\n for (let i = 0; i < routesMeta.length; ++i) {\n let meta = routesMeta[i];\n let end = i === routesMeta.length - 1;\n let remainingPathname =\n matchedPathname === \"/\"\n ? pathname\n : pathname.slice(matchedPathname.length) || \"/\";\n let match = matchPath(\n { path: meta.relativePath, caseSensitive: meta.caseSensitive, end },\n remainingPathname\n );\n\n if (!match) return null;\n\n Object.assign(matchedParams, match.params);\n\n let route = meta.route;\n\n matches.push({\n // TODO: Can this as be avoided?\n params: matchedParams as Params,\n pathname: joinPaths([matchedPathname, match.pathname]),\n pathnameBase: normalizePathname(\n joinPaths([matchedPathname, match.pathnameBase])\n ),\n route,\n });\n\n if (match.pathnameBase !== \"/\") {\n matchedPathname = joinPaths([matchedPathname, match.pathnameBase]);\n }\n }\n\n return matches;\n}\n\n/**\n * Returns a path with params interpolated.\n *\n * @see https://reactrouter.com/utils/generate-path\n */\nexport function generatePath(\n originalPath: Path,\n params: {\n [key in PathParam]: string | null;\n } = {} as any\n): string {\n let path: string = originalPath;\n if (path.endsWith(\"*\") && path !== \"*\" && !path.endsWith(\"/*\")) {\n warning(\n false,\n `Route path \"${path}\" will be treated as if it were ` +\n `\"${path.replace(/\\*$/, \"/*\")}\" because the \\`*\\` character must ` +\n `always follow a \\`/\\` in the pattern. To get rid of this warning, ` +\n `please change the route path to \"${path.replace(/\\*$/, \"/*\")}\".`\n );\n path = path.replace(/\\*$/, \"/*\") as Path;\n }\n\n // ensure `/` is added at the beginning if the path is absolute\n const prefix = path.startsWith(\"/\") ? \"/\" : \"\";\n\n const stringify = (p: any) =>\n p == null ? \"\" : typeof p === \"string\" ? p : String(p);\n\n const segments = path\n .split(/\\/+/)\n .map((segment, index, array) => {\n const isLastSegment = index === array.length - 1;\n\n // only apply the splat if it's the last segment\n if (isLastSegment && segment === \"*\") {\n const star = \"*\" as PathParam;\n // Apply the splat\n return stringify(params[star]);\n }\n\n const keyMatch = segment.match(/^:([\\w-]+)(\\??)$/);\n if (keyMatch) {\n const [, key, optional] = keyMatch;\n let param = params[key as PathParam];\n invariant(optional === \"?\" || param != null, `Missing \":${key}\" param`);\n return stringify(param);\n }\n\n // Remove any optional markers from optional static segments\n return segment.replace(/\\?$/g, \"\");\n })\n // Remove empty segments\n .filter((segment) => !!segment);\n\n return prefix + segments.join(\"/\");\n}\n\n/**\n * A PathPattern is used to match on some portion of a URL pathname.\n */\nexport interface PathPattern {\n /**\n * A string to match against a URL pathname. May contain `:id`-style segments\n * to indicate placeholders for dynamic parameters. May also end with `/*` to\n * indicate matching the rest of the URL pathname.\n */\n path: Path;\n /**\n * Should be `true` if the static portions of the `path` should be matched in\n * the same case.\n */\n caseSensitive?: boolean;\n /**\n * Should be `true` if this pattern should match the entire URL pathname.\n */\n end?: boolean;\n}\n\n/**\n * A PathMatch contains info about how a PathPattern matched on a URL pathname.\n */\nexport interface PathMatch {\n /**\n * The names and values of dynamic parameters in the URL.\n */\n params: Params;\n /**\n * The portion of the URL pathname that was matched.\n */\n pathname: string;\n /**\n * The portion of the URL pathname that was matched before child routes.\n */\n pathnameBase: string;\n /**\n * The pattern that was used to match.\n */\n pattern: PathPattern;\n}\n\ntype Mutable = {\n -readonly [P in keyof T]: T[P];\n};\n\n/**\n * Performs pattern matching on a URL pathname and returns information about\n * the match.\n *\n * @see https://reactrouter.com/utils/match-path\n */\nexport function matchPath<\n ParamKey extends ParamParseKey,\n Path extends string\n>(\n pattern: PathPattern | Path,\n pathname: string\n): PathMatch | null {\n if (typeof pattern === \"string\") {\n pattern = { path: pattern, caseSensitive: false, end: true };\n }\n\n let [matcher, compiledParams] = compilePath(\n pattern.path,\n pattern.caseSensitive,\n pattern.end\n );\n\n let match = pathname.match(matcher);\n if (!match) return null;\n\n let matchedPathname = match[0];\n let pathnameBase = matchedPathname.replace(/(.)\\/+$/, \"$1\");\n let captureGroups = match.slice(1);\n let params: Params = compiledParams.reduce>(\n (memo, { paramName, isOptional }, index) => {\n // We need to compute the pathnameBase here using the raw splat value\n // instead of using params[\"*\"] later because it will be decoded then\n if (paramName === \"*\") {\n let splatValue = captureGroups[index] || \"\";\n pathnameBase = matchedPathname\n .slice(0, matchedPathname.length - splatValue.length)\n .replace(/(.)\\/+$/, \"$1\");\n }\n\n const value = captureGroups[index];\n if (isOptional && !value) {\n memo[paramName] = undefined;\n } else {\n memo[paramName] = safelyDecodeURIComponent(value || \"\", paramName);\n }\n return memo;\n },\n {}\n );\n\n return {\n params,\n pathname: matchedPathname,\n pathnameBase,\n pattern,\n };\n}\n\ntype CompiledPathParam = { paramName: string; isOptional?: boolean };\n\nfunction compilePath(\n path: string,\n caseSensitive = false,\n end = true\n): [RegExp, CompiledPathParam[]] {\n warning(\n path === \"*\" || !path.endsWith(\"*\") || path.endsWith(\"/*\"),\n `Route path \"${path}\" will be treated as if it were ` +\n `\"${path.replace(/\\*$/, \"/*\")}\" because the \\`*\\` character must ` +\n `always follow a \\`/\\` in the pattern. To get rid of this warning, ` +\n `please change the route path to \"${path.replace(/\\*$/, \"/*\")}\".`\n );\n\n let params: CompiledPathParam[] = [];\n let regexpSource =\n \"^\" +\n path\n .replace(/\\/*\\*?$/, \"\") // Ignore trailing / and /*, we'll handle it below\n .replace(/^\\/*/, \"/\") // Make sure it has a leading /\n .replace(/[\\\\.*+^${}|()[\\]]/g, \"\\\\$&\") // Escape special regex chars\n .replace(\n /\\/:([\\w-]+)(\\?)?/g,\n (_: string, paramName: string, isOptional) => {\n params.push({ paramName, isOptional: isOptional != null });\n return isOptional ? \"/?([^\\\\/]+)?\" : \"/([^\\\\/]+)\";\n }\n );\n\n if (path.endsWith(\"*\")) {\n params.push({ paramName: \"*\" });\n regexpSource +=\n path === \"*\" || path === \"/*\"\n ? \"(.*)$\" // Already matched the initial /, just match the rest\n : \"(?:\\\\/(.+)|\\\\/*)$\"; // Don't include the / in params[\"*\"]\n } else if (end) {\n // When matching to the end, ignore trailing slashes\n regexpSource += \"\\\\/*$\";\n } else if (path !== \"\" && path !== \"/\") {\n // If our path is non-empty and contains anything beyond an initial slash,\n // then we have _some_ form of path in our regex, so we should expect to\n // match only if we find the end of this path segment. Look for an optional\n // non-captured trailing slash (to match a portion of the URL) or the end\n // of the path (if we've matched to the end). We used to do this with a\n // word boundary but that gives false positives on routes like\n // /user-preferences since `-` counts as a word boundary.\n regexpSource += \"(?:(?=\\\\/|$))\";\n } else {\n // Nothing to match for \"\" or \"/\"\n }\n\n let matcher = new RegExp(regexpSource, caseSensitive ? undefined : \"i\");\n\n return [matcher, params];\n}\n\nfunction safelyDecodeURI(value: string) {\n try {\n return decodeURI(value);\n } catch (error) {\n warning(\n false,\n `The URL path \"${value}\" could not be decoded because it is is a ` +\n `malformed URL segment. This is probably due to a bad percent ` +\n `encoding (${error}).`\n );\n\n return value;\n }\n}\n\nfunction safelyDecodeURIComponent(value: string, paramName: string) {\n try {\n return decodeURIComponent(value);\n } catch (error) {\n warning(\n false,\n `The value for the URL param \"${paramName}\" will not be decoded because` +\n ` the string \"${value}\" is a malformed URL segment. This is probably` +\n ` due to a bad percent encoding (${error}).`\n );\n\n return value;\n }\n}\n\n/**\n * @private\n */\nexport function stripBasename(\n pathname: string,\n basename: string\n): string | null {\n if (basename === \"/\") return pathname;\n\n if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) {\n return null;\n }\n\n // We want to leave trailing slash behavior in the user's control, so if they\n // specify a basename with a trailing slash, we should support it\n let startIndex = basename.endsWith(\"/\")\n ? basename.length - 1\n : basename.length;\n let nextChar = pathname.charAt(startIndex);\n if (nextChar && nextChar !== \"/\") {\n // pathname does not start with basename/\n return null;\n }\n\n return pathname.slice(startIndex) || \"/\";\n}\n\n/**\n * Returns a resolved path object relative to the given pathname.\n *\n * @see https://reactrouter.com/utils/resolve-path\n */\nexport function resolvePath(to: To, fromPathname = \"/\"): Path {\n let {\n pathname: toPathname,\n search = \"\",\n hash = \"\",\n } = typeof to === \"string\" ? parsePath(to) : to;\n\n let pathname = toPathname\n ? toPathname.startsWith(\"/\")\n ? toPathname\n : resolvePathname(toPathname, fromPathname)\n : fromPathname;\n\n return {\n pathname,\n search: normalizeSearch(search),\n hash: normalizeHash(hash),\n };\n}\n\nfunction resolvePathname(relativePath: string, fromPathname: string): string {\n let segments = fromPathname.replace(/\\/+$/, \"\").split(\"/\");\n let relativeSegments = relativePath.split(\"/\");\n\n relativeSegments.forEach((segment) => {\n if (segment === \"..\") {\n // Keep the root \"\" segment so the pathname starts at /\n if (segments.length > 1) segments.pop();\n } else if (segment !== \".\") {\n segments.push(segment);\n }\n });\n\n return segments.length > 1 ? segments.join(\"/\") : \"/\";\n}\n\nfunction getInvalidPathError(\n char: string,\n field: string,\n dest: string,\n path: Partial\n) {\n return (\n `Cannot include a '${char}' character in a manually specified ` +\n `\\`to.${field}\\` field [${JSON.stringify(\n path\n )}]. Please separate it out to the ` +\n `\\`to.${dest}\\` field. Alternatively you may provide the full path as ` +\n `a string in and the router will parse it for you.`\n );\n}\n\n/**\n * @private\n *\n * When processing relative navigation we want to ignore ancestor routes that\n * do not contribute to the path, such that index/pathless layout routes don't\n * interfere.\n *\n * For example, when moving a route element into an index route and/or a\n * pathless layout route, relative link behavior contained within should stay\n * the same. Both of the following examples should link back to the root:\n *\n * \n * \n * \n *\n * \n * \n * }> // <-- Does not contribute\n * // <-- Does not contribute\n * \n * \n */\nexport function getPathContributingMatches<\n T extends AgnosticRouteMatch = AgnosticRouteMatch\n>(matches: T[]) {\n return matches.filter(\n (match, index) =>\n index === 0 || (match.route.path && match.route.path.length > 0)\n );\n}\n\n// Return the array of pathnames for the current route matches - used to\n// generate the routePathnames input for resolveTo()\nexport function getResolveToMatches<\n T extends AgnosticRouteMatch = AgnosticRouteMatch\n>(matches: T[], v7_relativeSplatPath: boolean) {\n let pathMatches = getPathContributingMatches(matches);\n\n // When v7_relativeSplatPath is enabled, use the full pathname for the leaf\n // match so we include splat values for \".\" links. See:\n // https://github.com/remix-run/react-router/issues/11052#issuecomment-1836589329\n if (v7_relativeSplatPath) {\n return pathMatches.map((match, idx) =>\n idx === matches.length - 1 ? match.pathname : match.pathnameBase\n );\n }\n\n return pathMatches.map((match) => match.pathnameBase);\n}\n\n/**\n * @private\n */\nexport function resolveTo(\n toArg: To,\n routePathnames: string[],\n locationPathname: string,\n isPathRelative = false\n): Path {\n let to: Partial;\n if (typeof toArg === \"string\") {\n to = parsePath(toArg);\n } else {\n to = { ...toArg };\n\n invariant(\n !to.pathname || !to.pathname.includes(\"?\"),\n getInvalidPathError(\"?\", \"pathname\", \"search\", to)\n );\n invariant(\n !to.pathname || !to.pathname.includes(\"#\"),\n getInvalidPathError(\"#\", \"pathname\", \"hash\", to)\n );\n invariant(\n !to.search || !to.search.includes(\"#\"),\n getInvalidPathError(\"#\", \"search\", \"hash\", to)\n );\n }\n\n let isEmptyPath = toArg === \"\" || to.pathname === \"\";\n let toPathname = isEmptyPath ? \"/\" : to.pathname;\n\n let from: string;\n\n // Routing is relative to the current pathname if explicitly requested.\n //\n // If a pathname is explicitly provided in `to`, it should be relative to the\n // route context. This is explained in `Note on `` values` in our\n // migration guide from v5 as a means of disambiguation between `to` values\n // that begin with `/` and those that do not. However, this is problematic for\n // `to` values that do not provide a pathname. `to` can simply be a search or\n // hash string, in which case we should assume that the navigation is relative\n // to the current location's pathname and *not* the route pathname.\n if (toPathname == null) {\n from = locationPathname;\n } else {\n let routePathnameIndex = routePathnames.length - 1;\n\n // With relative=\"route\" (the default), each leading .. segment means\n // \"go up one route\" instead of \"go up one URL segment\". This is a key\n // difference from how works and a major reason we call this a\n // \"to\" value instead of a \"href\".\n if (!isPathRelative && toPathname.startsWith(\"..\")) {\n let toSegments = toPathname.split(\"/\");\n\n while (toSegments[0] === \"..\") {\n toSegments.shift();\n routePathnameIndex -= 1;\n }\n\n to.pathname = toSegments.join(\"/\");\n }\n\n from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : \"/\";\n }\n\n let path = resolvePath(to, from);\n\n // Ensure the pathname has a trailing slash if the original \"to\" had one\n let hasExplicitTrailingSlash =\n toPathname && toPathname !== \"/\" && toPathname.endsWith(\"/\");\n // Or if this was a link to the current path which has a trailing slash\n let hasCurrentTrailingSlash =\n (isEmptyPath || toPathname === \".\") && locationPathname.endsWith(\"/\");\n if (\n !path.pathname.endsWith(\"/\") &&\n (hasExplicitTrailingSlash || hasCurrentTrailingSlash)\n ) {\n path.pathname += \"/\";\n }\n\n return path;\n}\n\n/**\n * @private\n */\nexport function getToPathname(to: To): string | undefined {\n // Empty strings should be treated the same as / paths\n return to === \"\" || (to as Path).pathname === \"\"\n ? \"/\"\n : typeof to === \"string\"\n ? parsePath(to).pathname\n : to.pathname;\n}\n\n/**\n * @private\n */\nexport const joinPaths = (paths: string[]): string =>\n paths.join(\"/\").replace(/\\/\\/+/g, \"/\");\n\n/**\n * @private\n */\nexport const normalizePathname = (pathname: string): string =>\n pathname.replace(/\\/+$/, \"\").replace(/^\\/*/, \"/\");\n\n/**\n * @private\n */\nexport const normalizeSearch = (search: string): string =>\n !search || search === \"?\"\n ? \"\"\n : search.startsWith(\"?\")\n ? search\n : \"?\" + search;\n\n/**\n * @private\n */\nexport const normalizeHash = (hash: string): string =>\n !hash || hash === \"#\" ? \"\" : hash.startsWith(\"#\") ? hash : \"#\" + hash;\n\nexport type JsonFunction = (\n data: Data,\n init?: number | ResponseInit\n) => Response;\n\n/**\n * This is a shortcut for creating `application/json` responses. Converts `data`\n * to JSON and sets the `Content-Type` header.\n */\nexport const json: JsonFunction = (data, init = {}) => {\n let responseInit = typeof init === \"number\" ? { status: init } : init;\n\n let headers = new Headers(responseInit.headers);\n if (!headers.has(\"Content-Type\")) {\n headers.set(\"Content-Type\", \"application/json; charset=utf-8\");\n }\n\n return new Response(JSON.stringify(data), {\n ...responseInit,\n headers,\n });\n};\n\nexport interface TrackedPromise extends Promise {\n _tracked?: boolean;\n _data?: any;\n _error?: any;\n}\n\nexport class AbortedDeferredError extends Error {}\n\nexport class DeferredData {\n private pendingKeysSet: Set = new Set();\n private controller: AbortController;\n private abortPromise: Promise;\n private unlistenAbortSignal: () => void;\n private subscribers: Set<(aborted: boolean, settledKey?: string) => void> =\n new Set();\n data: Record;\n init?: ResponseInit;\n deferredKeys: string[] = [];\n\n constructor(data: Record, responseInit?: ResponseInit) {\n invariant(\n data && typeof data === \"object\" && !Array.isArray(data),\n \"defer() only accepts plain objects\"\n );\n\n // Set up an AbortController + Promise we can race against to exit early\n // cancellation\n let reject: (e: AbortedDeferredError) => void;\n this.abortPromise = new Promise((_, r) => (reject = r));\n this.controller = new AbortController();\n let onAbort = () =>\n reject(new AbortedDeferredError(\"Deferred data aborted\"));\n this.unlistenAbortSignal = () =>\n this.controller.signal.removeEventListener(\"abort\", onAbort);\n this.controller.signal.addEventListener(\"abort\", onAbort);\n\n this.data = Object.entries(data).reduce(\n (acc, [key, value]) =>\n Object.assign(acc, {\n [key]: this.trackPromise(key, value),\n }),\n {}\n );\n\n if (this.done) {\n // All incoming values were resolved\n this.unlistenAbortSignal();\n }\n\n this.init = responseInit;\n }\n\n private trackPromise(\n key: string,\n value: Promise | unknown\n ): TrackedPromise | unknown {\n if (!(value instanceof Promise)) {\n return value;\n }\n\n this.deferredKeys.push(key);\n this.pendingKeysSet.add(key);\n\n // We store a little wrapper promise that will be extended with\n // _data/_error props upon resolve/reject\n let promise: TrackedPromise = Promise.race([value, this.abortPromise]).then(\n (data) => this.onSettle(promise, key, undefined, data as unknown),\n (error) => this.onSettle(promise, key, error as unknown)\n );\n\n // Register rejection listeners to avoid uncaught promise rejections on\n // errors or aborted deferred values\n promise.catch(() => {});\n\n Object.defineProperty(promise, \"_tracked\", { get: () => true });\n return promise;\n }\n\n private onSettle(\n promise: TrackedPromise,\n key: string,\n error: unknown,\n data?: unknown\n ): unknown {\n if (\n this.controller.signal.aborted &&\n error instanceof AbortedDeferredError\n ) {\n this.unlistenAbortSignal();\n Object.defineProperty(promise, \"_error\", { get: () => error });\n return Promise.reject(error);\n }\n\n this.pendingKeysSet.delete(key);\n\n if (this.done) {\n // Nothing left to abort!\n this.unlistenAbortSignal();\n }\n\n // If the promise was resolved/rejected with undefined, we'll throw an error as you\n // should always resolve with a value or null\n if (error === undefined && data === undefined) {\n let undefinedError = new Error(\n `Deferred data for key \"${key}\" resolved/rejected with \\`undefined\\`, ` +\n `you must resolve/reject with a value or \\`null\\`.`\n );\n Object.defineProperty(promise, \"_error\", { get: () => undefinedError });\n this.emit(false, key);\n return Promise.reject(undefinedError);\n }\n\n if (data === undefined) {\n Object.defineProperty(promise, \"_error\", { get: () => error });\n this.emit(false, key);\n return Promise.reject(error);\n }\n\n Object.defineProperty(promise, \"_data\", { get: () => data });\n this.emit(false, key);\n return data;\n }\n\n private emit(aborted: boolean, settledKey?: string) {\n this.subscribers.forEach((subscriber) => subscriber(aborted, settledKey));\n }\n\n subscribe(fn: (aborted: boolean, settledKey?: string) => void) {\n this.subscribers.add(fn);\n return () => this.subscribers.delete(fn);\n }\n\n cancel() {\n this.controller.abort();\n this.pendingKeysSet.forEach((v, k) => this.pendingKeysSet.delete(k));\n this.emit(true);\n }\n\n async resolveData(signal: AbortSignal) {\n let aborted = false;\n if (!this.done) {\n let onAbort = () => this.cancel();\n signal.addEventListener(\"abort\", onAbort);\n aborted = await new Promise((resolve) => {\n this.subscribe((aborted) => {\n signal.removeEventListener(\"abort\", onAbort);\n if (aborted || this.done) {\n resolve(aborted);\n }\n });\n });\n }\n return aborted;\n }\n\n get done() {\n return this.pendingKeysSet.size === 0;\n }\n\n get unwrappedData() {\n invariant(\n this.data !== null && this.done,\n \"Can only unwrap data on initialized and settled deferreds\"\n );\n\n return Object.entries(this.data).reduce(\n (acc, [key, value]) =>\n Object.assign(acc, {\n [key]: unwrapTrackedPromise(value),\n }),\n {}\n );\n }\n\n get pendingKeys() {\n return Array.from(this.pendingKeysSet);\n }\n}\n\nfunction isTrackedPromise(value: any): value is TrackedPromise {\n return (\n value instanceof Promise && (value as TrackedPromise)._tracked === true\n );\n}\n\nfunction unwrapTrackedPromise(value: any) {\n if (!isTrackedPromise(value)) {\n return value;\n }\n\n if (value._error) {\n throw value._error;\n }\n return value._data;\n}\n\nexport type DeferFunction = (\n data: Record,\n init?: number | ResponseInit\n) => DeferredData;\n\nexport const defer: DeferFunction = (data, init = {}) => {\n let responseInit = typeof init === \"number\" ? { status: init } : init;\n\n return new DeferredData(data, responseInit);\n};\n\nexport type RedirectFunction = (\n url: string,\n init?: number | ResponseInit\n) => Response;\n\n/**\n * A redirect response. Sets the status code and the `Location` header.\n * Defaults to \"302 Found\".\n */\nexport const redirect: RedirectFunction = (url, init = 302) => {\n let responseInit = init;\n if (typeof responseInit === \"number\") {\n responseInit = { status: responseInit };\n } else if (typeof responseInit.status === \"undefined\") {\n responseInit.status = 302;\n }\n\n let headers = new Headers(responseInit.headers);\n headers.set(\"Location\", url);\n\n return new Response(null, {\n ...responseInit,\n headers,\n });\n};\n\n/**\n * A redirect response that will force a document reload to the new location.\n * Sets the status code and the `Location` header.\n * Defaults to \"302 Found\".\n */\nexport const redirectDocument: RedirectFunction = (url, init) => {\n let response = redirect(url, init);\n response.headers.set(\"X-Remix-Reload-Document\", \"true\");\n return response;\n};\n\nexport type ErrorResponse = {\n status: number;\n statusText: string;\n data: any;\n};\n\n/**\n * @private\n * Utility class we use to hold auto-unwrapped 4xx/5xx Response bodies\n *\n * We don't export the class for public use since it's an implementation\n * detail, but we export the interface above so folks can build their own\n * abstractions around instances via isRouteErrorResponse()\n */\nexport class ErrorResponseImpl implements ErrorResponse {\n status: number;\n statusText: string;\n data: any;\n private error?: Error;\n private internal: boolean;\n\n constructor(\n status: number,\n statusText: string | undefined,\n data: any,\n internal = false\n ) {\n this.status = status;\n this.statusText = statusText || \"\";\n this.internal = internal;\n if (data instanceof Error) {\n this.data = data.toString();\n this.error = data;\n } else {\n this.data = data;\n }\n }\n}\n\n/**\n * Check if the given error is an ErrorResponse generated from a 4xx/5xx\n * Response thrown from an action/loader\n */\nexport function isRouteErrorResponse(error: any): error is ErrorResponse {\n return (\n error != null &&\n typeof error.status === \"number\" &&\n typeof error.statusText === \"string\" &&\n typeof error.internal === \"boolean\" &&\n \"data\" in error\n );\n}\n","import type { History, Location, Path, To } from \"./history\";\nimport {\n Action as HistoryAction,\n createLocation,\n createPath,\n invariant,\n parsePath,\n warning,\n} from \"./history\";\nimport type {\n ActionFunction,\n AgnosticDataRouteMatch,\n AgnosticDataRouteObject,\n AgnosticRouteObject,\n DataResult,\n DeferredData,\n DeferredResult,\n DetectErrorBoundaryFunction,\n ErrorResult,\n FormEncType,\n FormMethod,\n HTMLFormMethod,\n ImmutableRouteKey,\n LoaderFunction,\n MapRoutePropertiesFunction,\n MutationFormMethod,\n RedirectResult,\n RouteData,\n RouteManifest,\n ShouldRevalidateFunctionArgs,\n Submission,\n SuccessResult,\n UIMatch,\n V7_FormMethod,\n V7_MutationFormMethod,\n} from \"./utils\";\nimport {\n ErrorResponseImpl,\n ResultType,\n convertRouteMatchToUiMatch,\n convertRoutesToDataRoutes,\n getPathContributingMatches,\n getResolveToMatches,\n immutableRouteKeys,\n isRouteErrorResponse,\n joinPaths,\n matchRoutes,\n resolveTo,\n stripBasename,\n} from \"./utils\";\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Types and Constants\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * A Router instance manages all navigation and data loading/mutations\n */\nexport interface Router {\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Return the basename for the router\n */\n get basename(): RouterInit[\"basename\"];\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Return the future config for the router\n */\n get future(): FutureConfig;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Return the current state of the router\n */\n get state(): RouterState;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Return the routes for this router instance\n */\n get routes(): AgnosticDataRouteObject[];\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Return the window associated with the router\n */\n get window(): RouterInit[\"window\"];\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Initialize the router, including adding history listeners and kicking off\n * initial data fetches. Returns a function to cleanup listeners and abort\n * any in-progress loads\n */\n initialize(): Router;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Subscribe to router.state updates\n *\n * @param fn function to call with the new state\n */\n subscribe(fn: RouterSubscriber): () => void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Enable scroll restoration behavior in the router\n *\n * @param savedScrollPositions Object that will manage positions, in case\n * it's being restored from sessionStorage\n * @param getScrollPosition Function to get the active Y scroll position\n * @param getKey Function to get the key to use for restoration\n */\n enableScrollRestoration(\n savedScrollPositions: Record,\n getScrollPosition: GetScrollPositionFunction,\n getKey?: GetScrollRestorationKeyFunction\n ): () => void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Navigate forward/backward in the history stack\n * @param to Delta to move in the history stack\n */\n navigate(to: number): Promise;\n\n /**\n * Navigate to the given path\n * @param to Path to navigate to\n * @param opts Navigation options (method, submission, etc.)\n */\n navigate(to: To | null, opts?: RouterNavigateOptions): Promise;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Trigger a fetcher load/submission\n *\n * @param key Fetcher key\n * @param routeId Route that owns the fetcher\n * @param href href to fetch\n * @param opts Fetcher options, (method, submission, etc.)\n */\n fetch(\n key: string,\n routeId: string,\n href: string | null,\n opts?: RouterFetchOptions\n ): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Trigger a revalidation of all current route loaders and fetcher loads\n */\n revalidate(): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Utility function to create an href for the given location\n * @param location\n */\n createHref(location: Location | URL): string;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Utility function to URL encode a destination path according to the internal\n * history implementation\n * @param to\n */\n encodeLocation(to: To): Path;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Get/create a fetcher for the given key\n * @param key\n */\n getFetcher(key: string): Fetcher;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Delete the fetcher for a given key\n * @param key\n */\n deleteFetcher(key: string): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Cleanup listeners and abort any in-progress loads\n */\n dispose(): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Get a navigation blocker\n * @param key The identifier for the blocker\n * @param fn The blocker function implementation\n */\n getBlocker(key: string, fn: BlockerFunction): Blocker;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Delete a navigation blocker\n * @param key The identifier for the blocker\n */\n deleteBlocker(key: string): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * HMR needs to pass in-flight route updates to React Router\n * TODO: Replace this with granular route update APIs (addRoute, updateRoute, deleteRoute)\n */\n _internalSetRoutes(routes: AgnosticRouteObject[]): void;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Internal fetch AbortControllers accessed by unit tests\n */\n _internalFetchControllers: Map;\n\n /**\n * @internal\n * PRIVATE - DO NOT USE\n *\n * Internal pending DeferredData instances accessed by unit tests\n */\n _internalActiveDeferreds: Map;\n}\n\n/**\n * State maintained internally by the router. During a navigation, all states\n * reflect the the \"old\" location unless otherwise noted.\n */\nexport interface RouterState {\n /**\n * The action of the most recent navigation\n */\n historyAction: HistoryAction;\n\n /**\n * The current location reflected by the router\n */\n location: Location;\n\n /**\n * The current set of route matches\n */\n matches: AgnosticDataRouteMatch[];\n\n /**\n * Tracks whether we've completed our initial data load\n */\n initialized: boolean;\n\n /**\n * Current scroll position we should start at for a new view\n * - number -> scroll position to restore to\n * - false -> do not restore scroll at all (used during submissions)\n * - null -> don't have a saved position, scroll to hash or top of page\n */\n restoreScrollPosition: number | false | null;\n\n /**\n * Indicate whether this navigation should skip resetting the scroll position\n * if we are unable to restore the scroll position\n */\n preventScrollReset: boolean;\n\n /**\n * Tracks the state of the current navigation\n */\n navigation: Navigation;\n\n /**\n * Tracks any in-progress revalidations\n */\n revalidation: RevalidationState;\n\n /**\n * Data from the loaders for the current matches\n */\n loaderData: RouteData;\n\n /**\n * Data from the action for the current matches\n */\n actionData: RouteData | null;\n\n /**\n * Errors caught from loaders for the current matches\n */\n errors: RouteData | null;\n\n /**\n * Map of current fetchers\n */\n fetchers: Map;\n\n /**\n * Map of current blockers\n */\n blockers: Map;\n}\n\n/**\n * Data that can be passed into hydrate a Router from SSR\n */\nexport type HydrationState = Partial<\n Pick\n>;\n\n/**\n * Future flags to toggle new feature behavior\n */\nexport interface FutureConfig {\n v7_fetcherPersist: boolean;\n v7_normalizeFormMethod: boolean;\n v7_partialHydration: boolean;\n v7_prependBasename: boolean;\n v7_relativeSplatPath: boolean;\n}\n\n/**\n * Initialization options for createRouter\n */\nexport interface RouterInit {\n routes: AgnosticRouteObject[];\n history: History;\n basename?: string;\n /**\n * @deprecated Use `mapRouteProperties` instead\n */\n detectErrorBoundary?: DetectErrorBoundaryFunction;\n mapRouteProperties?: MapRoutePropertiesFunction;\n future?: Partial;\n hydrationData?: HydrationState;\n window?: Window;\n}\n\n/**\n * State returned from a server-side query() call\n */\nexport interface StaticHandlerContext {\n basename: Router[\"basename\"];\n location: RouterState[\"location\"];\n matches: RouterState[\"matches\"];\n loaderData: RouterState[\"loaderData\"];\n actionData: RouterState[\"actionData\"];\n errors: RouterState[\"errors\"];\n statusCode: number;\n loaderHeaders: Record;\n actionHeaders: Record;\n activeDeferreds: Record | null;\n _deepestRenderedBoundaryId?: string | null;\n}\n\n/**\n * A StaticHandler instance manages a singular SSR navigation/fetch event\n */\nexport interface StaticHandler {\n dataRoutes: AgnosticDataRouteObject[];\n query(\n request: Request,\n opts?: { requestContext?: unknown }\n ): Promise;\n queryRoute(\n request: Request,\n opts?: { routeId?: string; requestContext?: unknown }\n ): Promise;\n}\n\ntype ViewTransitionOpts = {\n currentLocation: Location;\n nextLocation: Location;\n};\n\n/**\n * Subscriber function signature for changes to router state\n */\nexport interface RouterSubscriber {\n (\n state: RouterState,\n opts: {\n deletedFetchers: string[];\n unstable_viewTransitionOpts?: ViewTransitionOpts;\n unstable_flushSync: boolean;\n }\n ): void;\n}\n\n/**\n * Function signature for determining the key to be used in scroll restoration\n * for a given location\n */\nexport interface GetScrollRestorationKeyFunction {\n (location: Location, matches: UIMatch[]): string | null;\n}\n\n/**\n * Function signature for determining the current scroll position\n */\nexport interface GetScrollPositionFunction {\n (): number;\n}\n\nexport type RelativeRoutingType = \"route\" | \"path\";\n\n// Allowed for any navigation or fetch\ntype BaseNavigateOrFetchOptions = {\n preventScrollReset?: boolean;\n relative?: RelativeRoutingType;\n unstable_flushSync?: boolean;\n};\n\n// Only allowed for navigations\ntype BaseNavigateOptions = BaseNavigateOrFetchOptions & {\n replace?: boolean;\n state?: any;\n fromRouteId?: string;\n unstable_viewTransition?: boolean;\n};\n\n// Only allowed for submission navigations\ntype BaseSubmissionOptions = {\n formMethod?: HTMLFormMethod;\n formEncType?: FormEncType;\n} & (\n | { formData: FormData; body?: undefined }\n | { formData?: undefined; body: any }\n);\n\n/**\n * Options for a navigate() call for a normal (non-submission) navigation\n */\ntype LinkNavigateOptions = BaseNavigateOptions;\n\n/**\n * Options for a navigate() call for a submission navigation\n */\ntype SubmissionNavigateOptions = BaseNavigateOptions & BaseSubmissionOptions;\n\n/**\n * Options to pass to navigate() for a navigation\n */\nexport type RouterNavigateOptions =\n | LinkNavigateOptions\n | SubmissionNavigateOptions;\n\n/**\n * Options for a fetch() load\n */\ntype LoadFetchOptions = BaseNavigateOrFetchOptions;\n\n/**\n * Options for a fetch() submission\n */\ntype SubmitFetchOptions = BaseNavigateOrFetchOptions & BaseSubmissionOptions;\n\n/**\n * Options to pass to fetch()\n */\nexport type RouterFetchOptions = LoadFetchOptions | SubmitFetchOptions;\n\n/**\n * Potential states for state.navigation\n */\nexport type NavigationStates = {\n Idle: {\n state: \"idle\";\n location: undefined;\n formMethod: undefined;\n formAction: undefined;\n formEncType: undefined;\n formData: undefined;\n json: undefined;\n text: undefined;\n };\n Loading: {\n state: \"loading\";\n location: Location;\n formMethod: Submission[\"formMethod\"] | undefined;\n formAction: Submission[\"formAction\"] | undefined;\n formEncType: Submission[\"formEncType\"] | undefined;\n formData: Submission[\"formData\"] | undefined;\n json: Submission[\"json\"] | undefined;\n text: Submission[\"text\"] | undefined;\n };\n Submitting: {\n state: \"submitting\";\n location: Location;\n formMethod: Submission[\"formMethod\"];\n formAction: Submission[\"formAction\"];\n formEncType: Submission[\"formEncType\"];\n formData: Submission[\"formData\"];\n json: Submission[\"json\"];\n text: Submission[\"text\"];\n };\n};\n\nexport type Navigation = NavigationStates[keyof NavigationStates];\n\nexport type RevalidationState = \"idle\" | \"loading\";\n\n/**\n * Potential states for fetchers\n */\ntype FetcherStates = {\n Idle: {\n state: \"idle\";\n formMethod: undefined;\n formAction: undefined;\n formEncType: undefined;\n text: undefined;\n formData: undefined;\n json: undefined;\n data: TData | undefined;\n };\n Loading: {\n state: \"loading\";\n formMethod: Submission[\"formMethod\"] | undefined;\n formAction: Submission[\"formAction\"] | undefined;\n formEncType: Submission[\"formEncType\"] | undefined;\n text: Submission[\"text\"] | undefined;\n formData: Submission[\"formData\"] | undefined;\n json: Submission[\"json\"] | undefined;\n data: TData | undefined;\n };\n Submitting: {\n state: \"submitting\";\n formMethod: Submission[\"formMethod\"];\n formAction: Submission[\"formAction\"];\n formEncType: Submission[\"formEncType\"];\n text: Submission[\"text\"];\n formData: Submission[\"formData\"];\n json: Submission[\"json\"];\n data: TData | undefined;\n };\n};\n\nexport type Fetcher =\n FetcherStates[keyof FetcherStates];\n\ninterface BlockerBlocked {\n state: \"blocked\";\n reset(): void;\n proceed(): void;\n location: Location;\n}\n\ninterface BlockerUnblocked {\n state: \"unblocked\";\n reset: undefined;\n proceed: undefined;\n location: undefined;\n}\n\ninterface BlockerProceeding {\n state: \"proceeding\";\n reset: undefined;\n proceed: undefined;\n location: Location;\n}\n\nexport type Blocker = BlockerUnblocked | BlockerBlocked | BlockerProceeding;\n\nexport type BlockerFunction = (args: {\n currentLocation: Location;\n nextLocation: Location;\n historyAction: HistoryAction;\n}) => boolean;\n\ninterface ShortCircuitable {\n /**\n * startNavigation does not need to complete the navigation because we\n * redirected or got interrupted\n */\n shortCircuited?: boolean;\n}\n\ninterface HandleActionResult extends ShortCircuitable {\n /**\n * Error thrown from the current action, keyed by the route containing the\n * error boundary to render the error. To be committed to the state after\n * loaders have completed\n */\n pendingActionError?: RouteData;\n /**\n * Data returned from the current action, keyed by the route owning the action.\n * To be committed to the state after loaders have completed\n */\n pendingActionData?: RouteData;\n}\n\ninterface HandleLoadersResult extends ShortCircuitable {\n /**\n * loaderData returned from the current set of loaders\n */\n loaderData?: RouterState[\"loaderData\"];\n /**\n * errors thrown from the current set of loaders\n */\n errors?: RouterState[\"errors\"];\n}\n\n/**\n * Cached info for active fetcher.load() instances so they can participate\n * in revalidation\n */\ninterface FetchLoadMatch {\n routeId: string;\n path: string;\n}\n\n/**\n * Identified fetcher.load() calls that need to be revalidated\n */\ninterface RevalidatingFetcher extends FetchLoadMatch {\n key: string;\n match: AgnosticDataRouteMatch | null;\n matches: AgnosticDataRouteMatch[] | null;\n controller: AbortController | null;\n}\n\n/**\n * Wrapper object to allow us to throw any response out from callLoaderOrAction\n * for queryRouter while preserving whether or not it was thrown or returned\n * from the loader/action\n */\ninterface QueryRouteResponse {\n type: ResultType.data | ResultType.error;\n response: Response;\n}\n\nconst validMutationMethodsArr: MutationFormMethod[] = [\n \"post\",\n \"put\",\n \"patch\",\n \"delete\",\n];\nconst validMutationMethods = new Set(\n validMutationMethodsArr\n);\n\nconst validRequestMethodsArr: FormMethod[] = [\n \"get\",\n ...validMutationMethodsArr,\n];\nconst validRequestMethods = new Set(validRequestMethodsArr);\n\nconst redirectStatusCodes = new Set([301, 302, 303, 307, 308]);\nconst redirectPreserveMethodStatusCodes = new Set([307, 308]);\n\nexport const IDLE_NAVIGATION: NavigationStates[\"Idle\"] = {\n state: \"idle\",\n location: undefined,\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined,\n};\n\nexport const IDLE_FETCHER: FetcherStates[\"Idle\"] = {\n state: \"idle\",\n data: undefined,\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined,\n};\n\nexport const IDLE_BLOCKER: BlockerUnblocked = {\n state: \"unblocked\",\n proceed: undefined,\n reset: undefined,\n location: undefined,\n};\n\nconst ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\\/\\/)/i;\n\nconst defaultMapRouteProperties: MapRoutePropertiesFunction = (route) => ({\n hasErrorBoundary: Boolean(route.hasErrorBoundary),\n});\n\nconst TRANSITIONS_STORAGE_KEY = \"remix-router-transitions\";\n\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region createRouter\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * Create a router and listen to history POP navigations\n */\nexport function createRouter(init: RouterInit): Router {\n const routerWindow = init.window\n ? init.window\n : typeof window !== \"undefined\"\n ? window\n : undefined;\n const isBrowser =\n typeof routerWindow !== \"undefined\" &&\n typeof routerWindow.document !== \"undefined\" &&\n typeof routerWindow.document.createElement !== \"undefined\";\n const isServer = !isBrowser;\n\n invariant(\n init.routes.length > 0,\n \"You must provide a non-empty routes array to createRouter\"\n );\n\n let mapRouteProperties: MapRoutePropertiesFunction;\n if (init.mapRouteProperties) {\n mapRouteProperties = init.mapRouteProperties;\n } else if (init.detectErrorBoundary) {\n // If they are still using the deprecated version, wrap it with the new API\n let detectErrorBoundary = init.detectErrorBoundary;\n mapRouteProperties = (route) => ({\n hasErrorBoundary: detectErrorBoundary(route),\n });\n } else {\n mapRouteProperties = defaultMapRouteProperties;\n }\n\n // Routes keyed by ID\n let manifest: RouteManifest = {};\n // Routes in tree format for matching\n let dataRoutes = convertRoutesToDataRoutes(\n init.routes,\n mapRouteProperties,\n undefined,\n manifest\n );\n let inFlightDataRoutes: AgnosticDataRouteObject[] | undefined;\n let basename = init.basename || \"/\";\n // Config driven behavior flags\n let future: FutureConfig = {\n v7_fetcherPersist: false,\n v7_normalizeFormMethod: false,\n v7_partialHydration: false,\n v7_prependBasename: false,\n v7_relativeSplatPath: false,\n ...init.future,\n };\n // Cleanup function for history\n let unlistenHistory: (() => void) | null = null;\n // Externally-provided functions to call on all state changes\n let subscribers = new Set();\n // Externally-provided object to hold scroll restoration locations during routing\n let savedScrollPositions: Record | null = null;\n // Externally-provided function to get scroll restoration keys\n let getScrollRestorationKey: GetScrollRestorationKeyFunction | null = null;\n // Externally-provided function to get current scroll position\n let getScrollPosition: GetScrollPositionFunction | null = null;\n // One-time flag to control the initial hydration scroll restoration. Because\n // we don't get the saved positions from until _after_\n // the initial render, we need to manually trigger a separate updateState to\n // send along the restoreScrollPosition\n // Set to true if we have `hydrationData` since we assume we were SSR'd and that\n // SSR did the initial scroll restoration.\n let initialScrollRestored = init.hydrationData != null;\n\n let initialMatches = matchRoutes(dataRoutes, init.history.location, basename);\n let initialErrors: RouteData | null = null;\n\n if (initialMatches == null) {\n // If we do not match a user-provided-route, fall back to the root\n // to allow the error boundary to take over\n let error = getInternalRouterError(404, {\n pathname: init.history.location.pathname,\n });\n let { matches, route } = getShortCircuitMatches(dataRoutes);\n initialMatches = matches;\n initialErrors = { [route.id]: error };\n }\n\n let initialized: boolean;\n let hasLazyRoutes = initialMatches.some((m) => m.route.lazy);\n let hasLoaders = initialMatches.some((m) => m.route.loader);\n if (hasLazyRoutes) {\n // All initialMatches need to be loaded before we're ready. If we have lazy\n // functions around still then we'll need to run them in initialize()\n initialized = false;\n } else if (!hasLoaders) {\n // If we've got no loaders to run, then we're good to go\n initialized = true;\n } else if (future.v7_partialHydration) {\n // If partial hydration is enabled, we're initialized so long as we were\n // provided with hydrationData for every route with a loader, and no loaders\n // were marked for explicit hydration\n let loaderData = init.hydrationData ? init.hydrationData.loaderData : null;\n let errors = init.hydrationData ? init.hydrationData.errors : null;\n initialized = initialMatches.every(\n (m) =>\n m.route.loader &&\n m.route.loader.hydrate !== true &&\n ((loaderData && loaderData[m.route.id] !== undefined) ||\n (errors && errors[m.route.id] !== undefined))\n );\n } else {\n // Without partial hydration - we're initialized if we were provided any\n // hydrationData - which is expected to be complete\n initialized = init.hydrationData != null;\n }\n\n let router: Router;\n let state: RouterState = {\n historyAction: init.history.action,\n location: init.history.location,\n matches: initialMatches,\n initialized,\n navigation: IDLE_NAVIGATION,\n // Don't restore on initial updateState() if we were SSR'd\n restoreScrollPosition: init.hydrationData != null ? false : null,\n preventScrollReset: false,\n revalidation: \"idle\",\n loaderData: (init.hydrationData && init.hydrationData.loaderData) || {},\n actionData: (init.hydrationData && init.hydrationData.actionData) || null,\n errors: (init.hydrationData && init.hydrationData.errors) || initialErrors,\n fetchers: new Map(),\n blockers: new Map(),\n };\n\n // -- Stateful internal variables to manage navigations --\n // Current navigation in progress (to be committed in completeNavigation)\n let pendingAction: HistoryAction = HistoryAction.Pop;\n\n // Should the current navigation prevent the scroll reset if scroll cannot\n // be restored?\n let pendingPreventScrollReset = false;\n\n // AbortController for the active navigation\n let pendingNavigationController: AbortController | null;\n\n // Should the current navigation enable document.startViewTransition?\n let pendingViewTransitionEnabled = false;\n\n // Store applied view transitions so we can apply them on POP\n let appliedViewTransitions: Map> = new Map<\n string,\n Set\n >();\n\n // Cleanup function for persisting applied transitions to sessionStorage\n let removePageHideEventListener: (() => void) | null = null;\n\n // We use this to avoid touching history in completeNavigation if a\n // revalidation is entirely uninterrupted\n let isUninterruptedRevalidation = false;\n\n // Use this internal flag to force revalidation of all loaders:\n // - submissions (completed or interrupted)\n // - useRevalidator()\n // - X-Remix-Revalidate (from redirect)\n let isRevalidationRequired = false;\n\n // Use this internal array to capture routes that require revalidation due\n // to a cancelled deferred on action submission\n let cancelledDeferredRoutes: string[] = [];\n\n // Use this internal array to capture fetcher loads that were cancelled by an\n // action navigation and require revalidation\n let cancelledFetcherLoads: string[] = [];\n\n // AbortControllers for any in-flight fetchers\n let fetchControllers = new Map();\n\n // Track loads based on the order in which they started\n let incrementingLoadId = 0;\n\n // Track the outstanding pending navigation data load to be compared against\n // the globally incrementing load when a fetcher load lands after a completed\n // navigation\n let pendingNavigationLoadId = -1;\n\n // Fetchers that triggered data reloads as a result of their actions\n let fetchReloadIds = new Map();\n\n // Fetchers that triggered redirect navigations\n let fetchRedirectIds = new Set();\n\n // Most recent href/match for fetcher.load calls for fetchers\n let fetchLoadMatches = new Map();\n\n // Ref-count mounted fetchers so we know when it's ok to clean them up\n let activeFetchers = new Map();\n\n // Fetchers that have requested a delete when using v7_fetcherPersist,\n // they'll be officially removed after they return to idle\n let deletedFetchers = new Set();\n\n // Store DeferredData instances for active route matches. When a\n // route loader returns defer() we stick one in here. Then, when a nested\n // promise resolves we update loaderData. If a new navigation starts we\n // cancel active deferreds for eliminated routes.\n let activeDeferreds = new Map();\n\n // Store blocker functions in a separate Map outside of router state since\n // we don't need to update UI state if they change\n let blockerFunctions = new Map();\n\n // Flag to ignore the next history update, so we can revert the URL change on\n // a POP navigation that was blocked by the user without touching router state\n let ignoreNextHistoryUpdate = false;\n\n // Initialize the router, all side effects should be kicked off from here.\n // Implemented as a Fluent API for ease of:\n // let router = createRouter(init).initialize();\n function initialize() {\n // If history informs us of a POP navigation, start the navigation but do not update\n // state. We'll update our own state once the navigation completes\n unlistenHistory = init.history.listen(\n ({ action: historyAction, location, delta }) => {\n // Ignore this event if it was just us resetting the URL from a\n // blocked POP navigation\n if (ignoreNextHistoryUpdate) {\n ignoreNextHistoryUpdate = false;\n return;\n }\n\n warning(\n blockerFunctions.size === 0 || delta != null,\n \"You are trying to use a blocker on a POP navigation to a location \" +\n \"that was not created by @remix-run/router. This will fail silently in \" +\n \"production. This can happen if you are navigating outside the router \" +\n \"via `window.history.pushState`/`window.location.hash` instead of using \" +\n \"router navigation APIs. This can also happen if you are using \" +\n \"createHashRouter and the user manually changes the URL.\"\n );\n\n let blockerKey = shouldBlockNavigation({\n currentLocation: state.location,\n nextLocation: location,\n historyAction,\n });\n\n if (blockerKey && delta != null) {\n // Restore the URL to match the current UI, but don't update router state\n ignoreNextHistoryUpdate = true;\n init.history.go(delta * -1);\n\n // Put the blocker into a blocked state\n updateBlocker(blockerKey, {\n state: \"blocked\",\n location,\n proceed() {\n updateBlocker(blockerKey!, {\n state: \"proceeding\",\n proceed: undefined,\n reset: undefined,\n location,\n });\n // Re-do the same POP navigation we just blocked\n init.history.go(delta);\n },\n reset() {\n let blockers = new Map(state.blockers);\n blockers.set(blockerKey!, IDLE_BLOCKER);\n updateState({ blockers });\n },\n });\n return;\n }\n\n return startNavigation(historyAction, location);\n }\n );\n\n if (isBrowser) {\n // FIXME: This feels gross. How can we cleanup the lines between\n // scrollRestoration/appliedTransitions persistance?\n restoreAppliedTransitions(routerWindow, appliedViewTransitions);\n let _saveAppliedTransitions = () =>\n persistAppliedTransitions(routerWindow, appliedViewTransitions);\n routerWindow.addEventListener(\"pagehide\", _saveAppliedTransitions);\n removePageHideEventListener = () =>\n routerWindow.removeEventListener(\"pagehide\", _saveAppliedTransitions);\n }\n\n // Kick off initial data load if needed. Use Pop to avoid modifying history\n // Note we don't do any handling of lazy here. For SPA's it'll get handled\n // in the normal navigation flow. For SSR it's expected that lazy modules are\n // resolved prior to router creation since we can't go into a fallbackElement\n // UI for SSR'd apps\n if (!state.initialized) {\n startNavigation(HistoryAction.Pop, state.location, {\n initialHydration: true,\n });\n }\n\n return router;\n }\n\n // Clean up a router and it's side effects\n function dispose() {\n if (unlistenHistory) {\n unlistenHistory();\n }\n if (removePageHideEventListener) {\n removePageHideEventListener();\n }\n subscribers.clear();\n pendingNavigationController && pendingNavigationController.abort();\n state.fetchers.forEach((_, key) => deleteFetcher(key));\n state.blockers.forEach((_, key) => deleteBlocker(key));\n }\n\n // Subscribe to state updates for the router\n function subscribe(fn: RouterSubscriber) {\n subscribers.add(fn);\n return () => subscribers.delete(fn);\n }\n\n // Update our state and notify the calling context of the change\n function updateState(\n newState: Partial,\n opts: {\n flushSync?: boolean;\n viewTransitionOpts?: ViewTransitionOpts;\n } = {}\n ): void {\n state = {\n ...state,\n ...newState,\n };\n\n // Prep fetcher cleanup so we can tell the UI which fetcher data entries\n // can be removed\n let completedFetchers: string[] = [];\n let deletedFetchersKeys: string[] = [];\n\n if (future.v7_fetcherPersist) {\n state.fetchers.forEach((fetcher, key) => {\n if (fetcher.state === \"idle\") {\n if (deletedFetchers.has(key)) {\n // Unmounted from the UI and can be totally removed\n deletedFetchersKeys.push(key);\n } else {\n // Returned to idle but still mounted in the UI, so semi-remains for\n // revalidations and such\n completedFetchers.push(key);\n }\n }\n });\n }\n\n // Iterate over a local copy so that if flushSync is used and we end up\n // removing and adding a new subscriber due to the useCallback dependencies,\n // we don't get ourselves into a loop calling the new subscriber immediately\n [...subscribers].forEach((subscriber) =>\n subscriber(state, {\n deletedFetchers: deletedFetchersKeys,\n unstable_viewTransitionOpts: opts.viewTransitionOpts,\n unstable_flushSync: opts.flushSync === true,\n })\n );\n\n // Remove idle fetchers from state since we only care about in-flight fetchers.\n if (future.v7_fetcherPersist) {\n completedFetchers.forEach((key) => state.fetchers.delete(key));\n deletedFetchersKeys.forEach((key) => deleteFetcher(key));\n }\n }\n\n // Complete a navigation returning the state.navigation back to the IDLE_NAVIGATION\n // and setting state.[historyAction/location/matches] to the new route.\n // - Location is a required param\n // - Navigation will always be set to IDLE_NAVIGATION\n // - Can pass any other state in newState\n function completeNavigation(\n location: Location,\n newState: Partial>,\n { flushSync }: { flushSync?: boolean } = {}\n ): void {\n // Deduce if we're in a loading/actionReload state:\n // - We have committed actionData in the store\n // - The current navigation was a mutation submission\n // - We're past the submitting state and into the loading state\n // - The location being loaded is not the result of a redirect\n let isActionReload =\n state.actionData != null &&\n state.navigation.formMethod != null &&\n isMutationMethod(state.navigation.formMethod) &&\n state.navigation.state === \"loading\" &&\n location.state?._isRedirect !== true;\n\n let actionData: RouteData | null;\n if (newState.actionData) {\n if (Object.keys(newState.actionData).length > 0) {\n actionData = newState.actionData;\n } else {\n // Empty actionData -> clear prior actionData due to an action error\n actionData = null;\n }\n } else if (isActionReload) {\n // Keep the current data if we're wrapping up the action reload\n actionData = state.actionData;\n } else {\n // Clear actionData on any other completed navigations\n actionData = null;\n }\n\n // Always preserve any existing loaderData from re-used routes\n let loaderData = newState.loaderData\n ? mergeLoaderData(\n state.loaderData,\n newState.loaderData,\n newState.matches || [],\n newState.errors\n )\n : state.loaderData;\n\n // On a successful navigation we can assume we got through all blockers\n // so we can start fresh\n let blockers = state.blockers;\n if (blockers.size > 0) {\n blockers = new Map(blockers);\n blockers.forEach((_, k) => blockers.set(k, IDLE_BLOCKER));\n }\n\n // Always respect the user flag. Otherwise don't reset on mutation\n // submission navigations unless they redirect\n let preventScrollReset =\n pendingPreventScrollReset === true ||\n (state.navigation.formMethod != null &&\n isMutationMethod(state.navigation.formMethod) &&\n location.state?._isRedirect !== true);\n\n if (inFlightDataRoutes) {\n dataRoutes = inFlightDataRoutes;\n inFlightDataRoutes = undefined;\n }\n\n if (isUninterruptedRevalidation) {\n // If this was an uninterrupted revalidation then do not touch history\n } else if (pendingAction === HistoryAction.Pop) {\n // Do nothing for POP - URL has already been updated\n } else if (pendingAction === HistoryAction.Push) {\n init.history.push(location, location.state);\n } else if (pendingAction === HistoryAction.Replace) {\n init.history.replace(location, location.state);\n }\n\n let viewTransitionOpts: ViewTransitionOpts | undefined;\n\n // On POP, enable transitions if they were enabled on the original navigation\n if (pendingAction === HistoryAction.Pop) {\n // Forward takes precedence so they behave like the original navigation\n let priorPaths = appliedViewTransitions.get(state.location.pathname);\n if (priorPaths && priorPaths.has(location.pathname)) {\n viewTransitionOpts = {\n currentLocation: state.location,\n nextLocation: location,\n };\n } else if (appliedViewTransitions.has(location.pathname)) {\n // If we don't have a previous forward nav, assume we're popping back to\n // the new location and enable if that location previously enabled\n viewTransitionOpts = {\n currentLocation: location,\n nextLocation: state.location,\n };\n }\n } else if (pendingViewTransitionEnabled) {\n // Store the applied transition on PUSH/REPLACE\n let toPaths = appliedViewTransitions.get(state.location.pathname);\n if (toPaths) {\n toPaths.add(location.pathname);\n } else {\n toPaths = new Set([location.pathname]);\n appliedViewTransitions.set(state.location.pathname, toPaths);\n }\n viewTransitionOpts = {\n currentLocation: state.location,\n nextLocation: location,\n };\n }\n\n updateState(\n {\n ...newState, // matches, errors, fetchers go through as-is\n actionData,\n loaderData,\n historyAction: pendingAction,\n location,\n initialized: true,\n navigation: IDLE_NAVIGATION,\n revalidation: \"idle\",\n restoreScrollPosition: getSavedScrollPosition(\n location,\n newState.matches || state.matches\n ),\n preventScrollReset,\n blockers,\n },\n {\n viewTransitionOpts,\n flushSync: flushSync === true,\n }\n );\n\n // Reset stateful navigation vars\n pendingAction = HistoryAction.Pop;\n pendingPreventScrollReset = false;\n pendingViewTransitionEnabled = false;\n isUninterruptedRevalidation = false;\n isRevalidationRequired = false;\n cancelledDeferredRoutes = [];\n cancelledFetcherLoads = [];\n }\n\n // Trigger a navigation event, which can either be a numerical POP or a PUSH\n // replace with an optional submission\n async function navigate(\n to: number | To | null,\n opts?: RouterNavigateOptions\n ): Promise {\n if (typeof to === \"number\") {\n init.history.go(to);\n return;\n }\n\n let normalizedPath = normalizeTo(\n state.location,\n state.matches,\n basename,\n future.v7_prependBasename,\n to,\n future.v7_relativeSplatPath,\n opts?.fromRouteId,\n opts?.relative\n );\n let { path, submission, error } = normalizeNavigateOptions(\n future.v7_normalizeFormMethod,\n false,\n normalizedPath,\n opts\n );\n\n let currentLocation = state.location;\n let nextLocation = createLocation(state.location, path, opts && opts.state);\n\n // When using navigate as a PUSH/REPLACE we aren't reading an already-encoded\n // URL from window.location, so we need to encode it here so the behavior\n // remains the same as POP and non-data-router usages. new URL() does all\n // the same encoding we'd get from a history.pushState/window.location read\n // without having to touch history\n nextLocation = {\n ...nextLocation,\n ...init.history.encodeLocation(nextLocation),\n };\n\n let userReplace = opts && opts.replace != null ? opts.replace : undefined;\n\n let historyAction = HistoryAction.Push;\n\n if (userReplace === true) {\n historyAction = HistoryAction.Replace;\n } else if (userReplace === false) {\n // no-op\n } else if (\n submission != null &&\n isMutationMethod(submission.formMethod) &&\n submission.formAction === state.location.pathname + state.location.search\n ) {\n // By default on submissions to the current location we REPLACE so that\n // users don't have to double-click the back button to get to the prior\n // location. If the user redirects to a different location from the\n // action/loader this will be ignored and the redirect will be a PUSH\n historyAction = HistoryAction.Replace;\n }\n\n let preventScrollReset =\n opts && \"preventScrollReset\" in opts\n ? opts.preventScrollReset === true\n : undefined;\n\n let flushSync = (opts && opts.unstable_flushSync) === true;\n\n let blockerKey = shouldBlockNavigation({\n currentLocation,\n nextLocation,\n historyAction,\n });\n\n if (blockerKey) {\n // Put the blocker into a blocked state\n updateBlocker(blockerKey, {\n state: \"blocked\",\n location: nextLocation,\n proceed() {\n updateBlocker(blockerKey!, {\n state: \"proceeding\",\n proceed: undefined,\n reset: undefined,\n location: nextLocation,\n });\n // Send the same navigation through\n navigate(to, opts);\n },\n reset() {\n let blockers = new Map(state.blockers);\n blockers.set(blockerKey!, IDLE_BLOCKER);\n updateState({ blockers });\n },\n });\n return;\n }\n\n return await startNavigation(historyAction, nextLocation, {\n submission,\n // Send through the formData serialization error if we have one so we can\n // render at the right error boundary after we match routes\n pendingError: error,\n preventScrollReset,\n replace: opts && opts.replace,\n enableViewTransition: opts && opts.unstable_viewTransition,\n flushSync,\n });\n }\n\n // Revalidate all current loaders. If a navigation is in progress or if this\n // is interrupted by a navigation, allow this to \"succeed\" by calling all\n // loaders during the next loader round\n function revalidate() {\n interruptActiveLoads();\n updateState({ revalidation: \"loading\" });\n\n // If we're currently submitting an action, we don't need to start a new\n // navigation, we'll just let the follow up loader execution call all loaders\n if (state.navigation.state === \"submitting\") {\n return;\n }\n\n // If we're currently in an idle state, start a new navigation for the current\n // action/location and mark it as uninterrupted, which will skip the history\n // update in completeNavigation\n if (state.navigation.state === \"idle\") {\n startNavigation(state.historyAction, state.location, {\n startUninterruptedRevalidation: true,\n });\n return;\n }\n\n // Otherwise, if we're currently in a loading state, just start a new\n // navigation to the navigation.location but do not trigger an uninterrupted\n // revalidation so that history correctly updates once the navigation completes\n startNavigation(\n pendingAction || state.historyAction,\n state.navigation.location,\n { overrideNavigation: state.navigation }\n );\n }\n\n // Start a navigation to the given action/location. Can optionally provide a\n // overrideNavigation which will override the normalLoad in the case of a redirect\n // navigation\n async function startNavigation(\n historyAction: HistoryAction,\n location: Location,\n opts?: {\n initialHydration?: boolean;\n submission?: Submission;\n fetcherSubmission?: Submission;\n overrideNavigation?: Navigation;\n pendingError?: ErrorResponseImpl;\n startUninterruptedRevalidation?: boolean;\n preventScrollReset?: boolean;\n replace?: boolean;\n enableViewTransition?: boolean;\n flushSync?: boolean;\n }\n ): Promise {\n // Abort any in-progress navigations and start a new one. Unset any ongoing\n // uninterrupted revalidations unless told otherwise, since we want this\n // new navigation to update history normally\n pendingNavigationController && pendingNavigationController.abort();\n pendingNavigationController = null;\n pendingAction = historyAction;\n isUninterruptedRevalidation =\n (opts && opts.startUninterruptedRevalidation) === true;\n\n // Save the current scroll position every time we start a new navigation,\n // and track whether we should reset scroll on completion\n saveScrollPosition(state.location, state.matches);\n pendingPreventScrollReset = (opts && opts.preventScrollReset) === true;\n\n pendingViewTransitionEnabled = (opts && opts.enableViewTransition) === true;\n\n let routesToUse = inFlightDataRoutes || dataRoutes;\n let loadingNavigation = opts && opts.overrideNavigation;\n let matches = matchRoutes(routesToUse, location, basename);\n let flushSync = (opts && opts.flushSync) === true;\n\n // Short circuit with a 404 on the root error boundary if we match nothing\n if (!matches) {\n let error = getInternalRouterError(404, { pathname: location.pathname });\n let { matches: notFoundMatches, route } =\n getShortCircuitMatches(routesToUse);\n // Cancel all pending deferred on 404s since we don't keep any routes\n cancelActiveDeferreds();\n completeNavigation(\n location,\n {\n matches: notFoundMatches,\n loaderData: {},\n errors: {\n [route.id]: error,\n },\n },\n { flushSync }\n );\n return;\n }\n\n // Short circuit if it's only a hash change and not a revalidation or\n // mutation submission.\n //\n // Ignore on initial page loads because since the initial load will always\n // be \"same hash\". For example, on /page#hash and submit a \n // which will default to a navigation to /page\n if (\n state.initialized &&\n !isRevalidationRequired &&\n isHashChangeOnly(state.location, location) &&\n !(opts && opts.submission && isMutationMethod(opts.submission.formMethod))\n ) {\n completeNavigation(location, { matches }, { flushSync });\n return;\n }\n\n // Create a controller/Request for this navigation\n pendingNavigationController = new AbortController();\n let request = createClientSideRequest(\n init.history,\n location,\n pendingNavigationController.signal,\n opts && opts.submission\n );\n let pendingActionData: RouteData | undefined;\n let pendingError: RouteData | undefined;\n\n if (opts && opts.pendingError) {\n // If we have a pendingError, it means the user attempted a GET submission\n // with binary FormData so assign here and skip to handleLoaders. That\n // way we handle calling loaders above the boundary etc. It's not really\n // different from an actionError in that sense.\n pendingError = {\n [findNearestBoundary(matches).route.id]: opts.pendingError,\n };\n } else if (\n opts &&\n opts.submission &&\n isMutationMethod(opts.submission.formMethod)\n ) {\n // Call action if we received an action submission\n let actionOutput = await handleAction(\n request,\n location,\n opts.submission,\n matches,\n { replace: opts.replace, flushSync }\n );\n\n if (actionOutput.shortCircuited) {\n return;\n }\n\n pendingActionData = actionOutput.pendingActionData;\n pendingError = actionOutput.pendingActionError;\n loadingNavigation = getLoadingNavigation(location, opts.submission);\n flushSync = false;\n\n // Create a GET request for the loaders\n request = new Request(request.url, { signal: request.signal });\n }\n\n // Call loaders\n let { shortCircuited, loaderData, errors } = await handleLoaders(\n request,\n location,\n matches,\n loadingNavigation,\n opts && opts.submission,\n opts && opts.fetcherSubmission,\n opts && opts.replace,\n opts && opts.initialHydration === true,\n flushSync,\n pendingActionData,\n pendingError\n );\n\n if (shortCircuited) {\n return;\n }\n\n // Clean up now that the action/loaders have completed. Don't clean up if\n // we short circuited because pendingNavigationController will have already\n // been assigned to a new controller for the next navigation\n pendingNavigationController = null;\n\n completeNavigation(location, {\n matches,\n ...(pendingActionData ? { actionData: pendingActionData } : {}),\n loaderData,\n errors,\n });\n }\n\n // Call the action matched by the leaf route for this navigation and handle\n // redirects/errors\n async function handleAction(\n request: Request,\n location: Location,\n submission: Submission,\n matches: AgnosticDataRouteMatch[],\n opts: { replace?: boolean; flushSync?: boolean } = {}\n ): Promise {\n interruptActiveLoads();\n\n // Put us in a submitting state\n let navigation = getSubmittingNavigation(location, submission);\n updateState({ navigation }, { flushSync: opts.flushSync === true });\n\n // Call our action and get the result\n let result: DataResult;\n let actionMatch = getTargetMatch(matches, location);\n\n if (!actionMatch.route.action && !actionMatch.route.lazy) {\n result = {\n type: ResultType.error,\n error: getInternalRouterError(405, {\n method: request.method,\n pathname: location.pathname,\n routeId: actionMatch.route.id,\n }),\n };\n } else {\n result = await callLoaderOrAction(\n \"action\",\n request,\n actionMatch,\n matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath\n );\n\n if (request.signal.aborted) {\n return { shortCircuited: true };\n }\n }\n\n if (isRedirectResult(result)) {\n let replace: boolean;\n if (opts && opts.replace != null) {\n replace = opts.replace;\n } else {\n // If the user didn't explicity indicate replace behavior, replace if\n // we redirected to the exact same location we're currently at to avoid\n // double back-buttons\n replace =\n result.location === state.location.pathname + state.location.search;\n }\n await startRedirectNavigation(state, result, { submission, replace });\n return { shortCircuited: true };\n }\n\n if (isErrorResult(result)) {\n // Store off the pending error - we use it to determine which loaders\n // to call and will commit it when we complete the navigation\n let boundaryMatch = findNearestBoundary(matches, actionMatch.route.id);\n\n // By default, all submissions are REPLACE navigations, but if the\n // action threw an error that'll be rendered in an errorElement, we fall\n // back to PUSH so that the user can use the back button to get back to\n // the pre-submission form location to try again\n if ((opts && opts.replace) !== true) {\n pendingAction = HistoryAction.Push;\n }\n\n return {\n // Send back an empty object we can use to clear out any prior actionData\n pendingActionData: {},\n pendingActionError: { [boundaryMatch.route.id]: result.error },\n };\n }\n\n if (isDeferredResult(result)) {\n throw getInternalRouterError(400, { type: \"defer-action\" });\n }\n\n return {\n pendingActionData: { [actionMatch.route.id]: result.data },\n };\n }\n\n // Call all applicable loaders for the given matches, handling redirects,\n // errors, etc.\n async function handleLoaders(\n request: Request,\n location: Location,\n matches: AgnosticDataRouteMatch[],\n overrideNavigation?: Navigation,\n submission?: Submission,\n fetcherSubmission?: Submission,\n replace?: boolean,\n initialHydration?: boolean,\n flushSync?: boolean,\n pendingActionData?: RouteData,\n pendingError?: RouteData\n ): Promise {\n // Figure out the right navigation we want to use for data loading\n let loadingNavigation =\n overrideNavigation || getLoadingNavigation(location, submission);\n\n // If this was a redirect from an action we don't have a \"submission\" but\n // we have it on the loading navigation so use that if available\n let activeSubmission =\n submission ||\n fetcherSubmission ||\n getSubmissionFromNavigation(loadingNavigation);\n\n let routesToUse = inFlightDataRoutes || dataRoutes;\n let [matchesToLoad, revalidatingFetchers] = getMatchesToLoad(\n init.history,\n state,\n matches,\n activeSubmission,\n location,\n future.v7_partialHydration && initialHydration === true,\n isRevalidationRequired,\n cancelledDeferredRoutes,\n cancelledFetcherLoads,\n deletedFetchers,\n fetchLoadMatches,\n fetchRedirectIds,\n routesToUse,\n basename,\n pendingActionData,\n pendingError\n );\n\n // Cancel pending deferreds for no-longer-matched routes or routes we're\n // about to reload. Note that if this is an action reload we would have\n // already cancelled all pending deferreds so this would be a no-op\n cancelActiveDeferreds(\n (routeId) =>\n !(matches && matches.some((m) => m.route.id === routeId)) ||\n (matchesToLoad && matchesToLoad.some((m) => m.route.id === routeId))\n );\n\n pendingNavigationLoadId = ++incrementingLoadId;\n\n // Short circuit if we have no loaders to run\n if (matchesToLoad.length === 0 && revalidatingFetchers.length === 0) {\n let updatedFetchers = markFetchRedirectsDone();\n completeNavigation(\n location,\n {\n matches,\n loaderData: {},\n // Commit pending error if we're short circuiting\n errors: pendingError || null,\n ...(pendingActionData ? { actionData: pendingActionData } : {}),\n ...(updatedFetchers ? { fetchers: new Map(state.fetchers) } : {}),\n },\n { flushSync }\n );\n return { shortCircuited: true };\n }\n\n // If this is an uninterrupted revalidation, we remain in our current idle\n // state. If not, we need to switch to our loading state and load data,\n // preserving any new action data or existing action data (in the case of\n // a revalidation interrupting an actionReload)\n // If we have partialHydration enabled, then don't update the state for the\n // initial data load since iot's not a \"navigation\"\n if (\n !isUninterruptedRevalidation &&\n (!future.v7_partialHydration || !initialHydration)\n ) {\n revalidatingFetchers.forEach((rf) => {\n let fetcher = state.fetchers.get(rf.key);\n let revalidatingFetcher = getLoadingFetcher(\n undefined,\n fetcher ? fetcher.data : undefined\n );\n state.fetchers.set(rf.key, revalidatingFetcher);\n });\n let actionData = pendingActionData || state.actionData;\n updateState(\n {\n navigation: loadingNavigation,\n ...(actionData\n ? Object.keys(actionData).length === 0\n ? { actionData: null }\n : { actionData }\n : {}),\n ...(revalidatingFetchers.length > 0\n ? { fetchers: new Map(state.fetchers) }\n : {}),\n },\n {\n flushSync,\n }\n );\n }\n\n revalidatingFetchers.forEach((rf) => {\n if (fetchControllers.has(rf.key)) {\n abortFetcher(rf.key);\n }\n if (rf.controller) {\n // Fetchers use an independent AbortController so that aborting a fetcher\n // (via deleteFetcher) does not abort the triggering navigation that\n // triggered the revalidation\n fetchControllers.set(rf.key, rf.controller);\n }\n });\n\n // Proxy navigation abort through to revalidation fetchers\n let abortPendingFetchRevalidations = () =>\n revalidatingFetchers.forEach((f) => abortFetcher(f.key));\n if (pendingNavigationController) {\n pendingNavigationController.signal.addEventListener(\n \"abort\",\n abortPendingFetchRevalidations\n );\n }\n\n let { results, loaderResults, fetcherResults } =\n await callLoadersAndMaybeResolveData(\n state.matches,\n matches,\n matchesToLoad,\n revalidatingFetchers,\n request\n );\n\n if (request.signal.aborted) {\n return { shortCircuited: true };\n }\n\n // Clean up _after_ loaders have completed. Don't clean up if we short\n // circuited because fetchControllers would have been aborted and\n // reassigned to new controllers for the next navigation\n if (pendingNavigationController) {\n pendingNavigationController.signal.removeEventListener(\n \"abort\",\n abortPendingFetchRevalidations\n );\n }\n revalidatingFetchers.forEach((rf) => fetchControllers.delete(rf.key));\n\n // If any loaders returned a redirect Response, start a new REPLACE navigation\n let redirect = findRedirect(results);\n if (redirect) {\n if (redirect.idx >= matchesToLoad.length) {\n // If this redirect came from a fetcher make sure we mark it in\n // fetchRedirectIds so it doesn't get revalidated on the next set of\n // loader executions\n let fetcherKey =\n revalidatingFetchers[redirect.idx - matchesToLoad.length].key;\n fetchRedirectIds.add(fetcherKey);\n }\n await startRedirectNavigation(state, redirect.result, { replace });\n return { shortCircuited: true };\n }\n\n // Process and commit output from loaders\n let { loaderData, errors } = processLoaderData(\n state,\n matches,\n matchesToLoad,\n loaderResults,\n pendingError,\n revalidatingFetchers,\n fetcherResults,\n activeDeferreds\n );\n\n // Wire up subscribers to update loaderData as promises settle\n activeDeferreds.forEach((deferredData, routeId) => {\n deferredData.subscribe((aborted) => {\n // Note: No need to updateState here since the TrackedPromise on\n // loaderData is stable across resolve/reject\n // Remove this instance if we were aborted or if promises have settled\n if (aborted || deferredData.done) {\n activeDeferreds.delete(routeId);\n }\n });\n });\n\n let updatedFetchers = markFetchRedirectsDone();\n let didAbortFetchLoads = abortStaleFetchLoads(pendingNavigationLoadId);\n let shouldUpdateFetchers =\n updatedFetchers || didAbortFetchLoads || revalidatingFetchers.length > 0;\n\n return {\n loaderData,\n errors,\n ...(shouldUpdateFetchers ? { fetchers: new Map(state.fetchers) } : {}),\n };\n }\n\n // Trigger a fetcher load/submit for the given fetcher key\n function fetch(\n key: string,\n routeId: string,\n href: string | null,\n opts?: RouterFetchOptions\n ) {\n if (isServer) {\n throw new Error(\n \"router.fetch() was called during the server render, but it shouldn't be. \" +\n \"You are likely calling a useFetcher() method in the body of your component. \" +\n \"Try moving it to a useEffect or a callback.\"\n );\n }\n\n if (fetchControllers.has(key)) abortFetcher(key);\n let flushSync = (opts && opts.unstable_flushSync) === true;\n\n let routesToUse = inFlightDataRoutes || dataRoutes;\n let normalizedPath = normalizeTo(\n state.location,\n state.matches,\n basename,\n future.v7_prependBasename,\n href,\n future.v7_relativeSplatPath,\n routeId,\n opts?.relative\n );\n let matches = matchRoutes(routesToUse, normalizedPath, basename);\n\n if (!matches) {\n setFetcherError(\n key,\n routeId,\n getInternalRouterError(404, { pathname: normalizedPath }),\n { flushSync }\n );\n return;\n }\n\n let { path, submission, error } = normalizeNavigateOptions(\n future.v7_normalizeFormMethod,\n true,\n normalizedPath,\n opts\n );\n\n if (error) {\n setFetcherError(key, routeId, error, { flushSync });\n return;\n }\n\n let match = getTargetMatch(matches, path);\n\n pendingPreventScrollReset = (opts && opts.preventScrollReset) === true;\n\n if (submission && isMutationMethod(submission.formMethod)) {\n handleFetcherAction(\n key,\n routeId,\n path,\n match,\n matches,\n flushSync,\n submission\n );\n return;\n }\n\n // Store off the match so we can call it's shouldRevalidate on subsequent\n // revalidations\n fetchLoadMatches.set(key, { routeId, path });\n handleFetcherLoader(\n key,\n routeId,\n path,\n match,\n matches,\n flushSync,\n submission\n );\n }\n\n // Call the action for the matched fetcher.submit(), and then handle redirects,\n // errors, and revalidation\n async function handleFetcherAction(\n key: string,\n routeId: string,\n path: string,\n match: AgnosticDataRouteMatch,\n requestMatches: AgnosticDataRouteMatch[],\n flushSync: boolean,\n submission: Submission\n ) {\n interruptActiveLoads();\n fetchLoadMatches.delete(key);\n\n if (!match.route.action && !match.route.lazy) {\n let error = getInternalRouterError(405, {\n method: submission.formMethod,\n pathname: path,\n routeId: routeId,\n });\n setFetcherError(key, routeId, error, { flushSync });\n return;\n }\n\n // Put this fetcher into it's submitting state\n let existingFetcher = state.fetchers.get(key);\n updateFetcherState(key, getSubmittingFetcher(submission, existingFetcher), {\n flushSync,\n });\n\n // Call the action for the fetcher\n let abortController = new AbortController();\n let fetchRequest = createClientSideRequest(\n init.history,\n path,\n abortController.signal,\n submission\n );\n fetchControllers.set(key, abortController);\n\n let originatingLoadId = incrementingLoadId;\n let actionResult = await callLoaderOrAction(\n \"action\",\n fetchRequest,\n match,\n requestMatches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath\n );\n\n if (fetchRequest.signal.aborted) {\n // We can delete this so long as we weren't aborted by our own fetcher\n // re-submit which would have put _new_ controller is in fetchControllers\n if (fetchControllers.get(key) === abortController) {\n fetchControllers.delete(key);\n }\n return;\n }\n\n // When using v7_fetcherPersist, we don't want errors bubbling up to the UI\n // or redirects processed for unmounted fetchers so we just revert them to\n // idle\n if (future.v7_fetcherPersist && deletedFetchers.has(key)) {\n if (isRedirectResult(actionResult) || isErrorResult(actionResult)) {\n updateFetcherState(key, getDoneFetcher(undefined));\n return;\n }\n // Let SuccessResult's fall through for revalidation\n } else {\n if (isRedirectResult(actionResult)) {\n fetchControllers.delete(key);\n if (pendingNavigationLoadId > originatingLoadId) {\n // A new navigation was kicked off after our action started, so that\n // should take precedence over this redirect navigation. We already\n // set isRevalidationRequired so all loaders for the new route should\n // fire unless opted out via shouldRevalidate\n updateFetcherState(key, getDoneFetcher(undefined));\n return;\n } else {\n fetchRedirectIds.add(key);\n updateFetcherState(key, getLoadingFetcher(submission));\n return startRedirectNavigation(state, actionResult, {\n fetcherSubmission: submission,\n });\n }\n }\n\n // Process any non-redirect errors thrown\n if (isErrorResult(actionResult)) {\n setFetcherError(key, routeId, actionResult.error);\n return;\n }\n }\n\n if (isDeferredResult(actionResult)) {\n throw getInternalRouterError(400, { type: \"defer-action\" });\n }\n\n // Start the data load for current matches, or the next location if we're\n // in the middle of a navigation\n let nextLocation = state.navigation.location || state.location;\n let revalidationRequest = createClientSideRequest(\n init.history,\n nextLocation,\n abortController.signal\n );\n let routesToUse = inFlightDataRoutes || dataRoutes;\n let matches =\n state.navigation.state !== \"idle\"\n ? matchRoutes(routesToUse, state.navigation.location, basename)\n : state.matches;\n\n invariant(matches, \"Didn't find any matches after fetcher action\");\n\n let loadId = ++incrementingLoadId;\n fetchReloadIds.set(key, loadId);\n\n let loadFetcher = getLoadingFetcher(submission, actionResult.data);\n state.fetchers.set(key, loadFetcher);\n\n let [matchesToLoad, revalidatingFetchers] = getMatchesToLoad(\n init.history,\n state,\n matches,\n submission,\n nextLocation,\n false,\n isRevalidationRequired,\n cancelledDeferredRoutes,\n cancelledFetcherLoads,\n deletedFetchers,\n fetchLoadMatches,\n fetchRedirectIds,\n routesToUse,\n basename,\n { [match.route.id]: actionResult.data },\n undefined // No need to send through errors since we short circuit above\n );\n\n // Put all revalidating fetchers into the loading state, except for the\n // current fetcher which we want to keep in it's current loading state which\n // contains it's action submission info + action data\n revalidatingFetchers\n .filter((rf) => rf.key !== key)\n .forEach((rf) => {\n let staleKey = rf.key;\n let existingFetcher = state.fetchers.get(staleKey);\n let revalidatingFetcher = getLoadingFetcher(\n undefined,\n existingFetcher ? existingFetcher.data : undefined\n );\n state.fetchers.set(staleKey, revalidatingFetcher);\n if (fetchControllers.has(staleKey)) {\n abortFetcher(staleKey);\n }\n if (rf.controller) {\n fetchControllers.set(staleKey, rf.controller);\n }\n });\n\n updateState({ fetchers: new Map(state.fetchers) });\n\n let abortPendingFetchRevalidations = () =>\n revalidatingFetchers.forEach((rf) => abortFetcher(rf.key));\n\n abortController.signal.addEventListener(\n \"abort\",\n abortPendingFetchRevalidations\n );\n\n let { results, loaderResults, fetcherResults } =\n await callLoadersAndMaybeResolveData(\n state.matches,\n matches,\n matchesToLoad,\n revalidatingFetchers,\n revalidationRequest\n );\n\n if (abortController.signal.aborted) {\n return;\n }\n\n abortController.signal.removeEventListener(\n \"abort\",\n abortPendingFetchRevalidations\n );\n\n fetchReloadIds.delete(key);\n fetchControllers.delete(key);\n revalidatingFetchers.forEach((r) => fetchControllers.delete(r.key));\n\n let redirect = findRedirect(results);\n if (redirect) {\n if (redirect.idx >= matchesToLoad.length) {\n // If this redirect came from a fetcher make sure we mark it in\n // fetchRedirectIds so it doesn't get revalidated on the next set of\n // loader executions\n let fetcherKey =\n revalidatingFetchers[redirect.idx - matchesToLoad.length].key;\n fetchRedirectIds.add(fetcherKey);\n }\n return startRedirectNavigation(state, redirect.result);\n }\n\n // Process and commit output from loaders\n let { loaderData, errors } = processLoaderData(\n state,\n state.matches,\n matchesToLoad,\n loaderResults,\n undefined,\n revalidatingFetchers,\n fetcherResults,\n activeDeferreds\n );\n\n // Since we let revalidations complete even if the submitting fetcher was\n // deleted, only put it back to idle if it hasn't been deleted\n if (state.fetchers.has(key)) {\n let doneFetcher = getDoneFetcher(actionResult.data);\n state.fetchers.set(key, doneFetcher);\n }\n\n abortStaleFetchLoads(loadId);\n\n // If we are currently in a navigation loading state and this fetcher is\n // more recent than the navigation, we want the newer data so abort the\n // navigation and complete it with the fetcher data\n if (\n state.navigation.state === \"loading\" &&\n loadId > pendingNavigationLoadId\n ) {\n invariant(pendingAction, \"Expected pending action\");\n pendingNavigationController && pendingNavigationController.abort();\n\n completeNavigation(state.navigation.location, {\n matches,\n loaderData,\n errors,\n fetchers: new Map(state.fetchers),\n });\n } else {\n // otherwise just update with the fetcher data, preserving any existing\n // loaderData for loaders that did not need to reload. We have to\n // manually merge here since we aren't going through completeNavigation\n updateState({\n errors,\n loaderData: mergeLoaderData(\n state.loaderData,\n loaderData,\n matches,\n errors\n ),\n fetchers: new Map(state.fetchers),\n });\n isRevalidationRequired = false;\n }\n }\n\n // Call the matched loader for fetcher.load(), handling redirects, errors, etc.\n async function handleFetcherLoader(\n key: string,\n routeId: string,\n path: string,\n match: AgnosticDataRouteMatch,\n matches: AgnosticDataRouteMatch[],\n flushSync: boolean,\n submission?: Submission\n ) {\n let existingFetcher = state.fetchers.get(key);\n updateFetcherState(\n key,\n getLoadingFetcher(\n submission,\n existingFetcher ? existingFetcher.data : undefined\n ),\n { flushSync }\n );\n\n // Call the loader for this fetcher route match\n let abortController = new AbortController();\n let fetchRequest = createClientSideRequest(\n init.history,\n path,\n abortController.signal\n );\n fetchControllers.set(key, abortController);\n\n let originatingLoadId = incrementingLoadId;\n let result: DataResult = await callLoaderOrAction(\n \"loader\",\n fetchRequest,\n match,\n matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath\n );\n\n // Deferred isn't supported for fetcher loads, await everything and treat it\n // as a normal load. resolveDeferredData will return undefined if this\n // fetcher gets aborted, so we just leave result untouched and short circuit\n // below if that happens\n if (isDeferredResult(result)) {\n result =\n (await resolveDeferredData(result, fetchRequest.signal, true)) ||\n result;\n }\n\n // We can delete this so long as we weren't aborted by our our own fetcher\n // re-load which would have put _new_ controller is in fetchControllers\n if (fetchControllers.get(key) === abortController) {\n fetchControllers.delete(key);\n }\n\n if (fetchRequest.signal.aborted) {\n return;\n }\n\n // We don't want errors bubbling up or redirects followed for unmounted\n // fetchers, so short circuit here if it was removed from the UI\n if (deletedFetchers.has(key)) {\n updateFetcherState(key, getDoneFetcher(undefined));\n return;\n }\n\n // If the loader threw a redirect Response, start a new REPLACE navigation\n if (isRedirectResult(result)) {\n if (pendingNavigationLoadId > originatingLoadId) {\n // A new navigation was kicked off after our loader started, so that\n // should take precedence over this redirect navigation\n updateFetcherState(key, getDoneFetcher(undefined));\n return;\n } else {\n fetchRedirectIds.add(key);\n await startRedirectNavigation(state, result);\n return;\n }\n }\n\n // Process any non-redirect errors thrown\n if (isErrorResult(result)) {\n setFetcherError(key, routeId, result.error);\n return;\n }\n\n invariant(!isDeferredResult(result), \"Unhandled fetcher deferred data\");\n\n // Put the fetcher back into an idle state\n updateFetcherState(key, getDoneFetcher(result.data));\n }\n\n /**\n * Utility function to handle redirects returned from an action or loader.\n * Normally, a redirect \"replaces\" the navigation that triggered it. So, for\n * example:\n *\n * - user is on /a\n * - user clicks a link to /b\n * - loader for /b redirects to /c\n *\n * In a non-JS app the browser would track the in-flight navigation to /b and\n * then replace it with /c when it encountered the redirect response. In\n * the end it would only ever update the URL bar with /c.\n *\n * In client-side routing using pushState/replaceState, we aim to emulate\n * this behavior and we also do not update history until the end of the\n * navigation (including processed redirects). This means that we never\n * actually touch history until we've processed redirects, so we just use\n * the history action from the original navigation (PUSH or REPLACE).\n */\n async function startRedirectNavigation(\n state: RouterState,\n redirect: RedirectResult,\n {\n submission,\n fetcherSubmission,\n replace,\n }: {\n submission?: Submission;\n fetcherSubmission?: Submission;\n replace?: boolean;\n } = {}\n ) {\n if (redirect.revalidate) {\n isRevalidationRequired = true;\n }\n\n let redirectLocation = createLocation(state.location, redirect.location, {\n _isRedirect: true,\n });\n invariant(\n redirectLocation,\n \"Expected a location on the redirect navigation\"\n );\n\n if (isBrowser) {\n let isDocumentReload = false;\n\n if (redirect.reloadDocument) {\n // Hard reload if the response contained X-Remix-Reload-Document\n isDocumentReload = true;\n } else if (ABSOLUTE_URL_REGEX.test(redirect.location)) {\n const url = init.history.createURL(redirect.location);\n isDocumentReload =\n // Hard reload if it's an absolute URL to a new origin\n url.origin !== routerWindow.location.origin ||\n // Hard reload if it's an absolute URL that does not match our basename\n stripBasename(url.pathname, basename) == null;\n }\n\n if (isDocumentReload) {\n if (replace) {\n routerWindow.location.replace(redirect.location);\n } else {\n routerWindow.location.assign(redirect.location);\n }\n return;\n }\n }\n\n // There's no need to abort on redirects, since we don't detect the\n // redirect until the action/loaders have settled\n pendingNavigationController = null;\n\n let redirectHistoryAction =\n replace === true ? HistoryAction.Replace : HistoryAction.Push;\n\n // Use the incoming submission if provided, fallback on the active one in\n // state.navigation\n let { formMethod, formAction, formEncType } = state.navigation;\n if (\n !submission &&\n !fetcherSubmission &&\n formMethod &&\n formAction &&\n formEncType\n ) {\n submission = getSubmissionFromNavigation(state.navigation);\n }\n\n // If this was a 307/308 submission we want to preserve the HTTP method and\n // re-submit the GET/POST/PUT/PATCH/DELETE as a submission navigation to the\n // redirected location\n let activeSubmission = submission || fetcherSubmission;\n if (\n redirectPreserveMethodStatusCodes.has(redirect.status) &&\n activeSubmission &&\n isMutationMethod(activeSubmission.formMethod)\n ) {\n await startNavigation(redirectHistoryAction, redirectLocation, {\n submission: {\n ...activeSubmission,\n formAction: redirect.location,\n },\n // Preserve this flag across redirects\n preventScrollReset: pendingPreventScrollReset,\n });\n } else {\n // If we have a navigation submission, we will preserve it through the\n // redirect navigation\n let overrideNavigation = getLoadingNavigation(\n redirectLocation,\n submission\n );\n await startNavigation(redirectHistoryAction, redirectLocation, {\n overrideNavigation,\n // Send fetcher submissions through for shouldRevalidate\n fetcherSubmission,\n // Preserve this flag across redirects\n preventScrollReset: pendingPreventScrollReset,\n });\n }\n }\n\n async function callLoadersAndMaybeResolveData(\n currentMatches: AgnosticDataRouteMatch[],\n matches: AgnosticDataRouteMatch[],\n matchesToLoad: AgnosticDataRouteMatch[],\n fetchersToLoad: RevalidatingFetcher[],\n request: Request\n ) {\n // Call all navigation loaders and revalidating fetcher loaders in parallel,\n // then slice off the results into separate arrays so we can handle them\n // accordingly\n let results = await Promise.all([\n ...matchesToLoad.map((match) =>\n callLoaderOrAction(\n \"loader\",\n request,\n match,\n matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath\n )\n ),\n ...fetchersToLoad.map((f) => {\n if (f.matches && f.match && f.controller) {\n return callLoaderOrAction(\n \"loader\",\n createClientSideRequest(init.history, f.path, f.controller.signal),\n f.match,\n f.matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath\n );\n } else {\n let error: ErrorResult = {\n type: ResultType.error,\n error: getInternalRouterError(404, { pathname: f.path }),\n };\n return error;\n }\n }),\n ]);\n let loaderResults = results.slice(0, matchesToLoad.length);\n let fetcherResults = results.slice(matchesToLoad.length);\n\n await Promise.all([\n resolveDeferredResults(\n currentMatches,\n matchesToLoad,\n loaderResults,\n loaderResults.map(() => request.signal),\n false,\n state.loaderData\n ),\n resolveDeferredResults(\n currentMatches,\n fetchersToLoad.map((f) => f.match),\n fetcherResults,\n fetchersToLoad.map((f) => (f.controller ? f.controller.signal : null)),\n true\n ),\n ]);\n\n return { results, loaderResults, fetcherResults };\n }\n\n function interruptActiveLoads() {\n // Every interruption triggers a revalidation\n isRevalidationRequired = true;\n\n // Cancel pending route-level deferreds and mark cancelled routes for\n // revalidation\n cancelledDeferredRoutes.push(...cancelActiveDeferreds());\n\n // Abort in-flight fetcher loads\n fetchLoadMatches.forEach((_, key) => {\n if (fetchControllers.has(key)) {\n cancelledFetcherLoads.push(key);\n abortFetcher(key);\n }\n });\n }\n\n function updateFetcherState(\n key: string,\n fetcher: Fetcher,\n opts: { flushSync?: boolean } = {}\n ) {\n state.fetchers.set(key, fetcher);\n updateState(\n { fetchers: new Map(state.fetchers) },\n { flushSync: (opts && opts.flushSync) === true }\n );\n }\n\n function setFetcherError(\n key: string,\n routeId: string,\n error: any,\n opts: { flushSync?: boolean } = {}\n ) {\n let boundaryMatch = findNearestBoundary(state.matches, routeId);\n deleteFetcher(key);\n updateState(\n {\n errors: {\n [boundaryMatch.route.id]: error,\n },\n fetchers: new Map(state.fetchers),\n },\n { flushSync: (opts && opts.flushSync) === true }\n );\n }\n\n function getFetcher(key: string): Fetcher {\n if (future.v7_fetcherPersist) {\n activeFetchers.set(key, (activeFetchers.get(key) || 0) + 1);\n // If this fetcher was previously marked for deletion, unmark it since we\n // have a new instance\n if (deletedFetchers.has(key)) {\n deletedFetchers.delete(key);\n }\n }\n return state.fetchers.get(key) || IDLE_FETCHER;\n }\n\n function deleteFetcher(key: string): void {\n let fetcher = state.fetchers.get(key);\n // Don't abort the controller if this is a deletion of a fetcher.submit()\n // in it's loading phase since - we don't want to abort the corresponding\n // revalidation and want them to complete and land\n if (\n fetchControllers.has(key) &&\n !(fetcher && fetcher.state === \"loading\" && fetchReloadIds.has(key))\n ) {\n abortFetcher(key);\n }\n fetchLoadMatches.delete(key);\n fetchReloadIds.delete(key);\n fetchRedirectIds.delete(key);\n deletedFetchers.delete(key);\n state.fetchers.delete(key);\n }\n\n function deleteFetcherAndUpdateState(key: string): void {\n if (future.v7_fetcherPersist) {\n let count = (activeFetchers.get(key) || 0) - 1;\n if (count <= 0) {\n activeFetchers.delete(key);\n deletedFetchers.add(key);\n } else {\n activeFetchers.set(key, count);\n }\n } else {\n deleteFetcher(key);\n }\n updateState({ fetchers: new Map(state.fetchers) });\n }\n\n function abortFetcher(key: string) {\n let controller = fetchControllers.get(key);\n invariant(controller, `Expected fetch controller: ${key}`);\n controller.abort();\n fetchControllers.delete(key);\n }\n\n function markFetchersDone(keys: string[]) {\n for (let key of keys) {\n let fetcher = getFetcher(key);\n let doneFetcher = getDoneFetcher(fetcher.data);\n state.fetchers.set(key, doneFetcher);\n }\n }\n\n function markFetchRedirectsDone(): boolean {\n let doneKeys = [];\n let updatedFetchers = false;\n for (let key of fetchRedirectIds) {\n let fetcher = state.fetchers.get(key);\n invariant(fetcher, `Expected fetcher: ${key}`);\n if (fetcher.state === \"loading\") {\n fetchRedirectIds.delete(key);\n doneKeys.push(key);\n updatedFetchers = true;\n }\n }\n markFetchersDone(doneKeys);\n return updatedFetchers;\n }\n\n function abortStaleFetchLoads(landedId: number): boolean {\n let yeetedKeys = [];\n for (let [key, id] of fetchReloadIds) {\n if (id < landedId) {\n let fetcher = state.fetchers.get(key);\n invariant(fetcher, `Expected fetcher: ${key}`);\n if (fetcher.state === \"loading\") {\n abortFetcher(key);\n fetchReloadIds.delete(key);\n yeetedKeys.push(key);\n }\n }\n }\n markFetchersDone(yeetedKeys);\n return yeetedKeys.length > 0;\n }\n\n function getBlocker(key: string, fn: BlockerFunction) {\n let blocker: Blocker = state.blockers.get(key) || IDLE_BLOCKER;\n\n if (blockerFunctions.get(key) !== fn) {\n blockerFunctions.set(key, fn);\n }\n\n return blocker;\n }\n\n function deleteBlocker(key: string) {\n state.blockers.delete(key);\n blockerFunctions.delete(key);\n }\n\n // Utility function to update blockers, ensuring valid state transitions\n function updateBlocker(key: string, newBlocker: Blocker) {\n let blocker = state.blockers.get(key) || IDLE_BLOCKER;\n\n // Poor mans state machine :)\n // https://mermaid.live/edit#pako:eNqVkc9OwzAMxl8l8nnjAYrEtDIOHEBIgwvKJTReGy3_lDpIqO27k6awMG0XcrLlnz87nwdonESogKXXBuE79rq75XZO3-yHds0RJVuv70YrPlUrCEe2HfrORS3rubqZfuhtpg5C9wk5tZ4VKcRUq88q9Z8RS0-48cE1iHJkL0ugbHuFLus9L6spZy8nX9MP2CNdomVaposqu3fGayT8T8-jJQwhepo_UtpgBQaDEUom04dZhAN1aJBDlUKJBxE1ceB2Smj0Mln-IBW5AFU2dwUiktt_2Qaq2dBfaKdEup85UV7Yd-dKjlnkabl2Pvr0DTkTreM\n invariant(\n (blocker.state === \"unblocked\" && newBlocker.state === \"blocked\") ||\n (blocker.state === \"blocked\" && newBlocker.state === \"blocked\") ||\n (blocker.state === \"blocked\" && newBlocker.state === \"proceeding\") ||\n (blocker.state === \"blocked\" && newBlocker.state === \"unblocked\") ||\n (blocker.state === \"proceeding\" && newBlocker.state === \"unblocked\"),\n `Invalid blocker state transition: ${blocker.state} -> ${newBlocker.state}`\n );\n\n let blockers = new Map(state.blockers);\n blockers.set(key, newBlocker);\n updateState({ blockers });\n }\n\n function shouldBlockNavigation({\n currentLocation,\n nextLocation,\n historyAction,\n }: {\n currentLocation: Location;\n nextLocation: Location;\n historyAction: HistoryAction;\n }): string | undefined {\n if (blockerFunctions.size === 0) {\n return;\n }\n\n // We ony support a single active blocker at the moment since we don't have\n // any compelling use cases for multi-blocker yet\n if (blockerFunctions.size > 1) {\n warning(false, \"A router only supports one blocker at a time\");\n }\n\n let entries = Array.from(blockerFunctions.entries());\n let [blockerKey, blockerFunction] = entries[entries.length - 1];\n let blocker = state.blockers.get(blockerKey);\n\n if (blocker && blocker.state === \"proceeding\") {\n // If the blocker is currently proceeding, we don't need to re-check\n // it and can let this navigation continue\n return;\n }\n\n // At this point, we know we're unblocked/blocked so we need to check the\n // user-provided blocker function\n if (blockerFunction({ currentLocation, nextLocation, historyAction })) {\n return blockerKey;\n }\n }\n\n function cancelActiveDeferreds(\n predicate?: (routeId: string) => boolean\n ): string[] {\n let cancelledRouteIds: string[] = [];\n activeDeferreds.forEach((dfd, routeId) => {\n if (!predicate || predicate(routeId)) {\n // Cancel the deferred - but do not remove from activeDeferreds here -\n // we rely on the subscribers to do that so our tests can assert proper\n // cleanup via _internalActiveDeferreds\n dfd.cancel();\n cancelledRouteIds.push(routeId);\n activeDeferreds.delete(routeId);\n }\n });\n return cancelledRouteIds;\n }\n\n // Opt in to capturing and reporting scroll positions during navigations,\n // used by the component\n function enableScrollRestoration(\n positions: Record,\n getPosition: GetScrollPositionFunction,\n getKey?: GetScrollRestorationKeyFunction\n ) {\n savedScrollPositions = positions;\n getScrollPosition = getPosition;\n getScrollRestorationKey = getKey || null;\n\n // Perform initial hydration scroll restoration, since we miss the boat on\n // the initial updateState() because we've not yet rendered \n // and therefore have no savedScrollPositions available\n if (!initialScrollRestored && state.navigation === IDLE_NAVIGATION) {\n initialScrollRestored = true;\n let y = getSavedScrollPosition(state.location, state.matches);\n if (y != null) {\n updateState({ restoreScrollPosition: y });\n }\n }\n\n return () => {\n savedScrollPositions = null;\n getScrollPosition = null;\n getScrollRestorationKey = null;\n };\n }\n\n function getScrollKey(location: Location, matches: AgnosticDataRouteMatch[]) {\n if (getScrollRestorationKey) {\n let key = getScrollRestorationKey(\n location,\n matches.map((m) => convertRouteMatchToUiMatch(m, state.loaderData))\n );\n return key || location.key;\n }\n return location.key;\n }\n\n function saveScrollPosition(\n location: Location,\n matches: AgnosticDataRouteMatch[]\n ): void {\n if (savedScrollPositions && getScrollPosition) {\n let key = getScrollKey(location, matches);\n savedScrollPositions[key] = getScrollPosition();\n }\n }\n\n function getSavedScrollPosition(\n location: Location,\n matches: AgnosticDataRouteMatch[]\n ): number | null {\n if (savedScrollPositions) {\n let key = getScrollKey(location, matches);\n let y = savedScrollPositions[key];\n if (typeof y === \"number\") {\n return y;\n }\n }\n return null;\n }\n\n function _internalSetRoutes(newRoutes: AgnosticDataRouteObject[]) {\n manifest = {};\n inFlightDataRoutes = convertRoutesToDataRoutes(\n newRoutes,\n mapRouteProperties,\n undefined,\n manifest\n );\n }\n\n router = {\n get basename() {\n return basename;\n },\n get future() {\n return future;\n },\n get state() {\n return state;\n },\n get routes() {\n return dataRoutes;\n },\n get window() {\n return routerWindow;\n },\n initialize,\n subscribe,\n enableScrollRestoration,\n navigate,\n fetch,\n revalidate,\n // Passthrough to history-aware createHref used by useHref so we get proper\n // hash-aware URLs in DOM paths\n createHref: (to: To) => init.history.createHref(to),\n encodeLocation: (to: To) => init.history.encodeLocation(to),\n getFetcher,\n deleteFetcher: deleteFetcherAndUpdateState,\n dispose,\n getBlocker,\n deleteBlocker,\n _internalFetchControllers: fetchControllers,\n _internalActiveDeferreds: activeDeferreds,\n // TODO: Remove setRoutes, it's temporary to avoid dealing with\n // updating the tree while validating the update algorithm.\n _internalSetRoutes,\n };\n\n return router;\n}\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region createStaticHandler\n////////////////////////////////////////////////////////////////////////////////\n\nexport const UNSAFE_DEFERRED_SYMBOL = Symbol(\"deferred\");\n\n/**\n * Future flags to toggle new feature behavior\n */\nexport interface StaticHandlerFutureConfig {\n v7_relativeSplatPath: boolean;\n v7_throwAbortReason: boolean;\n}\n\nexport interface CreateStaticHandlerOptions {\n basename?: string;\n /**\n * @deprecated Use `mapRouteProperties` instead\n */\n detectErrorBoundary?: DetectErrorBoundaryFunction;\n mapRouteProperties?: MapRoutePropertiesFunction;\n future?: Partial;\n}\n\nexport function createStaticHandler(\n routes: AgnosticRouteObject[],\n opts?: CreateStaticHandlerOptions\n): StaticHandler {\n invariant(\n routes.length > 0,\n \"You must provide a non-empty routes array to createStaticHandler\"\n );\n\n let manifest: RouteManifest = {};\n let basename = (opts ? opts.basename : null) || \"/\";\n let mapRouteProperties: MapRoutePropertiesFunction;\n if (opts?.mapRouteProperties) {\n mapRouteProperties = opts.mapRouteProperties;\n } else if (opts?.detectErrorBoundary) {\n // If they are still using the deprecated version, wrap it with the new API\n let detectErrorBoundary = opts.detectErrorBoundary;\n mapRouteProperties = (route) => ({\n hasErrorBoundary: detectErrorBoundary(route),\n });\n } else {\n mapRouteProperties = defaultMapRouteProperties;\n }\n // Config driven behavior flags\n let future: StaticHandlerFutureConfig = {\n v7_relativeSplatPath: false,\n v7_throwAbortReason: false,\n ...(opts ? opts.future : null),\n };\n\n let dataRoutes = convertRoutesToDataRoutes(\n routes,\n mapRouteProperties,\n undefined,\n manifest\n );\n\n /**\n * The query() method is intended for document requests, in which we want to\n * call an optional action and potentially multiple loaders for all nested\n * routes. It returns a StaticHandlerContext object, which is very similar\n * to the router state (location, loaderData, actionData, errors, etc.) and\n * also adds SSR-specific information such as the statusCode and headers\n * from action/loaders Responses.\n *\n * It _should_ never throw and should report all errors through the\n * returned context.errors object, properly associating errors to their error\n * boundary. Additionally, it tracks _deepestRenderedBoundaryId which can be\n * used to emulate React error boundaries during SSr by performing a second\n * pass only down to the boundaryId.\n *\n * The one exception where we do not return a StaticHandlerContext is when a\n * redirect response is returned or thrown from any action/loader. We\n * propagate that out and return the raw Response so the HTTP server can\n * return it directly.\n */\n async function query(\n request: Request,\n { requestContext }: { requestContext?: unknown } = {}\n ): Promise {\n let url = new URL(request.url);\n let method = request.method;\n let location = createLocation(\"\", createPath(url), null, \"default\");\n let matches = matchRoutes(dataRoutes, location, basename);\n\n // SSR supports HEAD requests while SPA doesn't\n if (!isValidMethod(method) && method !== \"HEAD\") {\n let error = getInternalRouterError(405, { method });\n let { matches: methodNotAllowedMatches, route } =\n getShortCircuitMatches(dataRoutes);\n return {\n basename,\n location,\n matches: methodNotAllowedMatches,\n loaderData: {},\n actionData: null,\n errors: {\n [route.id]: error,\n },\n statusCode: error.status,\n loaderHeaders: {},\n actionHeaders: {},\n activeDeferreds: null,\n };\n } else if (!matches) {\n let error = getInternalRouterError(404, { pathname: location.pathname });\n let { matches: notFoundMatches, route } =\n getShortCircuitMatches(dataRoutes);\n return {\n basename,\n location,\n matches: notFoundMatches,\n loaderData: {},\n actionData: null,\n errors: {\n [route.id]: error,\n },\n statusCode: error.status,\n loaderHeaders: {},\n actionHeaders: {},\n activeDeferreds: null,\n };\n }\n\n let result = await queryImpl(request, location, matches, requestContext);\n if (isResponse(result)) {\n return result;\n }\n\n // When returning StaticHandlerContext, we patch back in the location here\n // since we need it for React Context. But this helps keep our submit and\n // loadRouteData operating on a Request instead of a Location\n return { location, basename, ...result };\n }\n\n /**\n * The queryRoute() method is intended for targeted route requests, either\n * for fetch ?_data requests or resource route requests. In this case, we\n * are only ever calling a single action or loader, and we are returning the\n * returned value directly. In most cases, this will be a Response returned\n * from the action/loader, but it may be a primitive or other value as well -\n * and in such cases the calling context should handle that accordingly.\n *\n * We do respect the throw/return differentiation, so if an action/loader\n * throws, then this method will throw the value. This is important so we\n * can do proper boundary identification in Remix where a thrown Response\n * must go to the Catch Boundary but a returned Response is happy-path.\n *\n * One thing to note is that any Router-initiated Errors that make sense\n * to associate with a status code will be thrown as an ErrorResponse\n * instance which include the raw Error, such that the calling context can\n * serialize the error as they see fit while including the proper response\n * code. Examples here are 404 and 405 errors that occur prior to reaching\n * any user-defined loaders.\n */\n async function queryRoute(\n request: Request,\n {\n routeId,\n requestContext,\n }: { requestContext?: unknown; routeId?: string } = {}\n ): Promise {\n let url = new URL(request.url);\n let method = request.method;\n let location = createLocation(\"\", createPath(url), null, \"default\");\n let matches = matchRoutes(dataRoutes, location, basename);\n\n // SSR supports HEAD requests while SPA doesn't\n if (!isValidMethod(method) && method !== \"HEAD\" && method !== \"OPTIONS\") {\n throw getInternalRouterError(405, { method });\n } else if (!matches) {\n throw getInternalRouterError(404, { pathname: location.pathname });\n }\n\n let match = routeId\n ? matches.find((m) => m.route.id === routeId)\n : getTargetMatch(matches, location);\n\n if (routeId && !match) {\n throw getInternalRouterError(403, {\n pathname: location.pathname,\n routeId,\n });\n } else if (!match) {\n // This should never hit I don't think?\n throw getInternalRouterError(404, { pathname: location.pathname });\n }\n\n let result = await queryImpl(\n request,\n location,\n matches,\n requestContext,\n match\n );\n if (isResponse(result)) {\n return result;\n }\n\n let error = result.errors ? Object.values(result.errors)[0] : undefined;\n if (error !== undefined) {\n // If we got back result.errors, that means the loader/action threw\n // _something_ that wasn't a Response, but it's not guaranteed/required\n // to be an `instanceof Error` either, so we have to use throw here to\n // preserve the \"error\" state outside of queryImpl.\n throw error;\n }\n\n // Pick off the right state value to return\n if (result.actionData) {\n return Object.values(result.actionData)[0];\n }\n\n if (result.loaderData) {\n let data = Object.values(result.loaderData)[0];\n if (result.activeDeferreds?.[match.route.id]) {\n data[UNSAFE_DEFERRED_SYMBOL] = result.activeDeferreds[match.route.id];\n }\n return data;\n }\n\n return undefined;\n }\n\n async function queryImpl(\n request: Request,\n location: Location,\n matches: AgnosticDataRouteMatch[],\n requestContext: unknown,\n routeMatch?: AgnosticDataRouteMatch\n ): Promise | Response> {\n invariant(\n request.signal,\n \"query()/queryRoute() requests must contain an AbortController signal\"\n );\n\n try {\n if (isMutationMethod(request.method.toLowerCase())) {\n let result = await submit(\n request,\n matches,\n routeMatch || getTargetMatch(matches, location),\n requestContext,\n routeMatch != null\n );\n return result;\n }\n\n let result = await loadRouteData(\n request,\n matches,\n requestContext,\n routeMatch\n );\n return isResponse(result)\n ? result\n : {\n ...result,\n actionData: null,\n actionHeaders: {},\n };\n } catch (e) {\n // If the user threw/returned a Response in callLoaderOrAction, we throw\n // it to bail out and then return or throw here based on whether the user\n // returned or threw\n if (isQueryRouteResponse(e)) {\n if (e.type === ResultType.error) {\n throw e.response;\n }\n return e.response;\n }\n // Redirects are always returned since they don't propagate to catch\n // boundaries\n if (isRedirectResponse(e)) {\n return e;\n }\n throw e;\n }\n }\n\n async function submit(\n request: Request,\n matches: AgnosticDataRouteMatch[],\n actionMatch: AgnosticDataRouteMatch,\n requestContext: unknown,\n isRouteRequest: boolean\n ): Promise | Response> {\n let result: DataResult;\n\n if (!actionMatch.route.action && !actionMatch.route.lazy) {\n let error = getInternalRouterError(405, {\n method: request.method,\n pathname: new URL(request.url).pathname,\n routeId: actionMatch.route.id,\n });\n if (isRouteRequest) {\n throw error;\n }\n result = {\n type: ResultType.error,\n error,\n };\n } else {\n result = await callLoaderOrAction(\n \"action\",\n request,\n actionMatch,\n matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath,\n { isStaticRequest: true, isRouteRequest, requestContext }\n );\n\n if (request.signal.aborted) {\n throwStaticHandlerAbortedError(request, isRouteRequest, future);\n }\n }\n\n if (isRedirectResult(result)) {\n // Uhhhh - this should never happen, we should always throw these from\n // callLoaderOrAction, but the type narrowing here keeps TS happy and we\n // can get back on the \"throw all redirect responses\" train here should\n // this ever happen :/\n throw new Response(null, {\n status: result.status,\n headers: {\n Location: result.location,\n },\n });\n }\n\n if (isDeferredResult(result)) {\n let error = getInternalRouterError(400, { type: \"defer-action\" });\n if (isRouteRequest) {\n throw error;\n }\n result = {\n type: ResultType.error,\n error,\n };\n }\n\n if (isRouteRequest) {\n // Note: This should only be non-Response values if we get here, since\n // isRouteRequest should throw any Response received in callLoaderOrAction\n if (isErrorResult(result)) {\n throw result.error;\n }\n\n return {\n matches: [actionMatch],\n loaderData: {},\n actionData: { [actionMatch.route.id]: result.data },\n errors: null,\n // Note: statusCode + headers are unused here since queryRoute will\n // return the raw Response or value\n statusCode: 200,\n loaderHeaders: {},\n actionHeaders: {},\n activeDeferreds: null,\n };\n }\n\n if (isErrorResult(result)) {\n // Store off the pending error - we use it to determine which loaders\n // to call and will commit it when we complete the navigation\n let boundaryMatch = findNearestBoundary(matches, actionMatch.route.id);\n let context = await loadRouteData(\n request,\n matches,\n requestContext,\n undefined,\n {\n [boundaryMatch.route.id]: result.error,\n }\n );\n\n // action status codes take precedence over loader status codes\n return {\n ...context,\n statusCode: isRouteErrorResponse(result.error)\n ? result.error.status\n : 500,\n actionData: null,\n actionHeaders: {\n ...(result.headers ? { [actionMatch.route.id]: result.headers } : {}),\n },\n };\n }\n\n // Create a GET request for the loaders\n let loaderRequest = new Request(request.url, {\n headers: request.headers,\n redirect: request.redirect,\n signal: request.signal,\n });\n let context = await loadRouteData(loaderRequest, matches, requestContext);\n\n return {\n ...context,\n // action status codes take precedence over loader status codes\n ...(result.statusCode ? { statusCode: result.statusCode } : {}),\n actionData: {\n [actionMatch.route.id]: result.data,\n },\n actionHeaders: {\n ...(result.headers ? { [actionMatch.route.id]: result.headers } : {}),\n },\n };\n }\n\n async function loadRouteData(\n request: Request,\n matches: AgnosticDataRouteMatch[],\n requestContext: unknown,\n routeMatch?: AgnosticDataRouteMatch,\n pendingActionError?: RouteData\n ): Promise<\n | Omit<\n StaticHandlerContext,\n \"location\" | \"basename\" | \"actionData\" | \"actionHeaders\"\n >\n | Response\n > {\n let isRouteRequest = routeMatch != null;\n\n // Short circuit if we have no loaders to run (queryRoute())\n if (\n isRouteRequest &&\n !routeMatch?.route.loader &&\n !routeMatch?.route.lazy\n ) {\n throw getInternalRouterError(400, {\n method: request.method,\n pathname: new URL(request.url).pathname,\n routeId: routeMatch?.route.id,\n });\n }\n\n let requestMatches = routeMatch\n ? [routeMatch]\n : getLoaderMatchesUntilBoundary(\n matches,\n Object.keys(pendingActionError || {})[0]\n );\n let matchesToLoad = requestMatches.filter(\n (m) => m.route.loader || m.route.lazy\n );\n\n // Short circuit if we have no loaders to run (query())\n if (matchesToLoad.length === 0) {\n return {\n matches,\n // Add a null for all matched routes for proper revalidation on the client\n loaderData: matches.reduce(\n (acc, m) => Object.assign(acc, { [m.route.id]: null }),\n {}\n ),\n errors: pendingActionError || null,\n statusCode: 200,\n loaderHeaders: {},\n activeDeferreds: null,\n };\n }\n\n let results = await Promise.all([\n ...matchesToLoad.map((match) =>\n callLoaderOrAction(\n \"loader\",\n request,\n match,\n matches,\n manifest,\n mapRouteProperties,\n basename,\n future.v7_relativeSplatPath,\n { isStaticRequest: true, isRouteRequest, requestContext }\n )\n ),\n ]);\n\n if (request.signal.aborted) {\n throwStaticHandlerAbortedError(request, isRouteRequest, future);\n }\n\n // Process and commit output from loaders\n let activeDeferreds = new Map();\n let context = processRouteLoaderData(\n matches,\n matchesToLoad,\n results,\n pendingActionError,\n activeDeferreds\n );\n\n // Add a null for any non-loader matches for proper revalidation on the client\n let executedLoaders = new Set(\n matchesToLoad.map((match) => match.route.id)\n );\n matches.forEach((match) => {\n if (!executedLoaders.has(match.route.id)) {\n context.loaderData[match.route.id] = null;\n }\n });\n\n return {\n ...context,\n matches,\n activeDeferreds:\n activeDeferreds.size > 0\n ? Object.fromEntries(activeDeferreds.entries())\n : null,\n };\n }\n\n return {\n dataRoutes,\n query,\n queryRoute,\n };\n}\n\n//#endregion\n\n////////////////////////////////////////////////////////////////////////////////\n//#region Helpers\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * Given an existing StaticHandlerContext and an error thrown at render time,\n * provide an updated StaticHandlerContext suitable for a second SSR render\n */\nexport function getStaticContextFromError(\n routes: AgnosticDataRouteObject[],\n context: StaticHandlerContext,\n error: any\n) {\n let newContext: StaticHandlerContext = {\n ...context,\n statusCode: isRouteErrorResponse(error) ? error.status : 500,\n errors: {\n [context._deepestRenderedBoundaryId || routes[0].id]: error,\n },\n };\n return newContext;\n}\n\nfunction throwStaticHandlerAbortedError(\n request: Request,\n isRouteRequest: boolean,\n future: StaticHandlerFutureConfig\n) {\n if (future.v7_throwAbortReason && request.signal.reason !== undefined) {\n throw request.signal.reason;\n }\n\n let method = isRouteRequest ? \"queryRoute\" : \"query\";\n throw new Error(`${method}() call aborted: ${request.method} ${request.url}`);\n}\n\nfunction isSubmissionNavigation(\n opts: BaseNavigateOrFetchOptions\n): opts is SubmissionNavigateOptions {\n return (\n opts != null &&\n ((\"formData\" in opts && opts.formData != null) ||\n (\"body\" in opts && opts.body !== undefined))\n );\n}\n\nfunction normalizeTo(\n location: Path,\n matches: AgnosticDataRouteMatch[],\n basename: string,\n prependBasename: boolean,\n to: To | null,\n v7_relativeSplatPath: boolean,\n fromRouteId?: string,\n relative?: RelativeRoutingType\n) {\n let contextualMatches: AgnosticDataRouteMatch[];\n let activeRouteMatch: AgnosticDataRouteMatch | undefined;\n if (fromRouteId) {\n // Grab matches up to the calling route so our route-relative logic is\n // relative to the correct source route\n contextualMatches = [];\n for (let match of matches) {\n contextualMatches.push(match);\n if (match.route.id === fromRouteId) {\n activeRouteMatch = match;\n break;\n }\n }\n } else {\n contextualMatches = matches;\n activeRouteMatch = matches[matches.length - 1];\n }\n\n // Resolve the relative path\n let path = resolveTo(\n to ? to : \".\",\n getResolveToMatches(contextualMatches, v7_relativeSplatPath),\n stripBasename(location.pathname, basename) || location.pathname,\n relative === \"path\"\n );\n\n // When `to` is not specified we inherit search/hash from the current\n // location, unlike when to=\".\" and we just inherit the path.\n // See https://github.com/remix-run/remix/issues/927\n if (to == null) {\n path.search = location.search;\n path.hash = location.hash;\n }\n\n // Add an ?index param for matched index routes if we don't already have one\n if (\n (to == null || to === \"\" || to === \".\") &&\n activeRouteMatch &&\n activeRouteMatch.route.index &&\n !hasNakedIndexQuery(path.search)\n ) {\n path.search = path.search\n ? path.search.replace(/^\\?/, \"?index&\")\n : \"?index\";\n }\n\n // If we're operating within a basename, prepend it to the pathname. If\n // this is a root navigation, then just use the raw basename which allows\n // the basename to have full control over the presence of a trailing slash\n // on root actions\n if (prependBasename && basename !== \"/\") {\n path.pathname =\n path.pathname === \"/\" ? basename : joinPaths([basename, path.pathname]);\n }\n\n return createPath(path);\n}\n\n// Normalize navigation options by converting formMethod=GET formData objects to\n// URLSearchParams so they behave identically to links with query params\nfunction normalizeNavigateOptions(\n normalizeFormMethod: boolean,\n isFetcher: boolean,\n path: string,\n opts?: BaseNavigateOrFetchOptions\n): {\n path: string;\n submission?: Submission;\n error?: ErrorResponseImpl;\n} {\n // Return location verbatim on non-submission navigations\n if (!opts || !isSubmissionNavigation(opts)) {\n return { path };\n }\n\n if (opts.formMethod && !isValidMethod(opts.formMethod)) {\n return {\n path,\n error: getInternalRouterError(405, { method: opts.formMethod }),\n };\n }\n\n let getInvalidBodyError = () => ({\n path,\n error: getInternalRouterError(400, { type: \"invalid-body\" }),\n });\n\n // Create a Submission on non-GET navigations\n let rawFormMethod = opts.formMethod || \"get\";\n let formMethod = normalizeFormMethod\n ? (rawFormMethod.toUpperCase() as V7_FormMethod)\n : (rawFormMethod.toLowerCase() as FormMethod);\n let formAction = stripHashFromPath(path);\n\n if (opts.body !== undefined) {\n if (opts.formEncType === \"text/plain\") {\n // text only support POST/PUT/PATCH/DELETE submissions\n if (!isMutationMethod(formMethod)) {\n return getInvalidBodyError();\n }\n\n let text =\n typeof opts.body === \"string\"\n ? opts.body\n : opts.body instanceof FormData ||\n opts.body instanceof URLSearchParams\n ? // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#plain-text-form-data\n Array.from(opts.body.entries()).reduce(\n (acc, [name, value]) => `${acc}${name}=${value}\\n`,\n \"\"\n )\n : String(opts.body);\n\n return {\n path,\n submission: {\n formMethod,\n formAction,\n formEncType: opts.formEncType,\n formData: undefined,\n json: undefined,\n text,\n },\n };\n } else if (opts.formEncType === \"application/json\") {\n // json only supports POST/PUT/PATCH/DELETE submissions\n if (!isMutationMethod(formMethod)) {\n return getInvalidBodyError();\n }\n\n try {\n let json =\n typeof opts.body === \"string\" ? JSON.parse(opts.body) : opts.body;\n\n return {\n path,\n submission: {\n formMethod,\n formAction,\n formEncType: opts.formEncType,\n formData: undefined,\n json,\n text: undefined,\n },\n };\n } catch (e) {\n return getInvalidBodyError();\n }\n }\n }\n\n invariant(\n typeof FormData === \"function\",\n \"FormData is not available in this environment\"\n );\n\n let searchParams: URLSearchParams;\n let formData: FormData;\n\n if (opts.formData) {\n searchParams = convertFormDataToSearchParams(opts.formData);\n formData = opts.formData;\n } else if (opts.body instanceof FormData) {\n searchParams = convertFormDataToSearchParams(opts.body);\n formData = opts.body;\n } else if (opts.body instanceof URLSearchParams) {\n searchParams = opts.body;\n formData = convertSearchParamsToFormData(searchParams);\n } else if (opts.body == null) {\n searchParams = new URLSearchParams();\n formData = new FormData();\n } else {\n try {\n searchParams = new URLSearchParams(opts.body);\n formData = convertSearchParamsToFormData(searchParams);\n } catch (e) {\n return getInvalidBodyError();\n }\n }\n\n let submission: Submission = {\n formMethod,\n formAction,\n formEncType:\n (opts && opts.formEncType) || \"application/x-www-form-urlencoded\",\n formData,\n json: undefined,\n text: undefined,\n };\n\n if (isMutationMethod(submission.formMethod)) {\n return { path, submission };\n }\n\n // Flatten submission onto URLSearchParams for GET submissions\n let parsedPath = parsePath(path);\n // On GET navigation submissions we can drop the ?index param from the\n // resulting location since all loaders will run. But fetcher GET submissions\n // only run a single loader so we need to preserve any incoming ?index params\n if (isFetcher && parsedPath.search && hasNakedIndexQuery(parsedPath.search)) {\n searchParams.append(\"index\", \"\");\n }\n parsedPath.search = `?${searchParams}`;\n\n return { path: createPath(parsedPath), submission };\n}\n\n// Filter out all routes below any caught error as they aren't going to\n// render so we don't need to load them\nfunction getLoaderMatchesUntilBoundary(\n matches: AgnosticDataRouteMatch[],\n boundaryId?: string\n) {\n let boundaryMatches = matches;\n if (boundaryId) {\n let index = matches.findIndex((m) => m.route.id === boundaryId);\n if (index >= 0) {\n boundaryMatches = matches.slice(0, index);\n }\n }\n return boundaryMatches;\n}\n\nfunction getMatchesToLoad(\n history: History,\n state: RouterState,\n matches: AgnosticDataRouteMatch[],\n submission: Submission | undefined,\n location: Location,\n isInitialLoad: boolean,\n isRevalidationRequired: boolean,\n cancelledDeferredRoutes: string[],\n cancelledFetcherLoads: string[],\n deletedFetchers: Set,\n fetchLoadMatches: Map,\n fetchRedirectIds: Set,\n routesToUse: AgnosticDataRouteObject[],\n basename: string | undefined,\n pendingActionData?: RouteData,\n pendingError?: RouteData\n): [AgnosticDataRouteMatch[], RevalidatingFetcher[]] {\n let actionResult = pendingError\n ? Object.values(pendingError)[0]\n : pendingActionData\n ? Object.values(pendingActionData)[0]\n : undefined;\n\n let currentUrl = history.createURL(state.location);\n let nextUrl = history.createURL(location);\n\n // Pick navigation matches that are net-new or qualify for revalidation\n let boundaryId = pendingError ? Object.keys(pendingError)[0] : undefined;\n let boundaryMatches = getLoaderMatchesUntilBoundary(matches, boundaryId);\n\n let navigationMatches = boundaryMatches.filter((match, index) => {\n let { route } = match;\n if (route.lazy) {\n // We haven't loaded this route yet so we don't know if it's got a loader!\n return true;\n }\n\n if (route.loader == null) {\n return false;\n }\n\n if (isInitialLoad) {\n if (route.loader.hydrate) {\n return true;\n }\n return (\n state.loaderData[route.id] === undefined &&\n // Don't re-run if the loader ran and threw an error\n (!state.errors || state.errors[route.id] === undefined)\n );\n }\n\n // Always call the loader on new route instances and pending defer cancellations\n if (\n isNewLoader(state.loaderData, state.matches[index], match) ||\n cancelledDeferredRoutes.some((id) => id === match.route.id)\n ) {\n return true;\n }\n\n // This is the default implementation for when we revalidate. If the route\n // provides it's own implementation, then we give them full control but\n // provide this value so they can leverage it if needed after they check\n // their own specific use cases\n let currentRouteMatch = state.matches[index];\n let nextRouteMatch = match;\n\n return shouldRevalidateLoader(match, {\n currentUrl,\n currentParams: currentRouteMatch.params,\n nextUrl,\n nextParams: nextRouteMatch.params,\n ...submission,\n actionResult,\n defaultShouldRevalidate:\n // Forced revalidation due to submission, useRevalidator, or X-Remix-Revalidate\n isRevalidationRequired ||\n // Clicked the same link, resubmitted a GET form\n currentUrl.pathname + currentUrl.search ===\n nextUrl.pathname + nextUrl.search ||\n // Search params affect all loaders\n currentUrl.search !== nextUrl.search ||\n isNewRouteInstance(currentRouteMatch, nextRouteMatch),\n });\n });\n\n // Pick fetcher.loads that need to be revalidated\n let revalidatingFetchers: RevalidatingFetcher[] = [];\n fetchLoadMatches.forEach((f, key) => {\n // Don't revalidate:\n // - on initial load (shouldn't be any fetchers then anyway)\n // - if fetcher won't be present in the subsequent render\n // - no longer matches the URL (v7_fetcherPersist=false)\n // - was unmounted but persisted due to v7_fetcherPersist=true\n if (\n isInitialLoad ||\n !matches.some((m) => m.route.id === f.routeId) ||\n deletedFetchers.has(key)\n ) {\n return;\n }\n\n let fetcherMatches = matchRoutes(routesToUse, f.path, basename);\n\n // If the fetcher path no longer matches, push it in with null matches so\n // we can trigger a 404 in callLoadersAndMaybeResolveData. Note this is\n // currently only a use-case for Remix HMR where the route tree can change\n // at runtime and remove a route previously loaded via a fetcher\n if (!fetcherMatches) {\n revalidatingFetchers.push({\n key,\n routeId: f.routeId,\n path: f.path,\n matches: null,\n match: null,\n controller: null,\n });\n return;\n }\n\n // Revalidating fetchers are decoupled from the route matches since they\n // load from a static href. They revalidate based on explicit revalidation\n // (submission, useRevalidator, or X-Remix-Revalidate)\n let fetcher = state.fetchers.get(key);\n let fetcherMatch = getTargetMatch(fetcherMatches, f.path);\n\n let shouldRevalidate = false;\n if (fetchRedirectIds.has(key)) {\n // Never trigger a revalidation of an actively redirecting fetcher\n shouldRevalidate = false;\n } else if (cancelledFetcherLoads.includes(key)) {\n // Always revalidate if the fetcher was cancelled\n shouldRevalidate = true;\n } else if (\n fetcher &&\n fetcher.state !== \"idle\" &&\n fetcher.data === undefined\n ) {\n // If the fetcher hasn't ever completed loading yet, then this isn't a\n // revalidation, it would just be a brand new load if an explicit\n // revalidation is required\n shouldRevalidate = isRevalidationRequired;\n } else {\n // Otherwise fall back on any user-defined shouldRevalidate, defaulting\n // to explicit revalidations only\n shouldRevalidate = shouldRevalidateLoader(fetcherMatch, {\n currentUrl,\n currentParams: state.matches[state.matches.length - 1].params,\n nextUrl,\n nextParams: matches[matches.length - 1].params,\n ...submission,\n actionResult,\n defaultShouldRevalidate: isRevalidationRequired,\n });\n }\n\n if (shouldRevalidate) {\n revalidatingFetchers.push({\n key,\n routeId: f.routeId,\n path: f.path,\n matches: fetcherMatches,\n match: fetcherMatch,\n controller: new AbortController(),\n });\n }\n });\n\n return [navigationMatches, revalidatingFetchers];\n}\n\nfunction isNewLoader(\n currentLoaderData: RouteData,\n currentMatch: AgnosticDataRouteMatch,\n match: AgnosticDataRouteMatch\n) {\n let isNew =\n // [a] -> [a, b]\n !currentMatch ||\n // [a, b] -> [a, c]\n match.route.id !== currentMatch.route.id;\n\n // Handle the case that we don't have data for a re-used route, potentially\n // from a prior error or from a cancelled pending deferred\n let isMissingData = currentLoaderData[match.route.id] === undefined;\n\n // Always load if this is a net-new route or we don't yet have data\n return isNew || isMissingData;\n}\n\nfunction isNewRouteInstance(\n currentMatch: AgnosticDataRouteMatch,\n match: AgnosticDataRouteMatch\n) {\n let currentPath = currentMatch.route.path;\n return (\n // param change for this match, /users/123 -> /users/456\n currentMatch.pathname !== match.pathname ||\n // splat param changed, which is not present in match.path\n // e.g. /files/images/avatar.jpg -> files/finances.xls\n (currentPath != null &&\n currentPath.endsWith(\"*\") &&\n currentMatch.params[\"*\"] !== match.params[\"*\"])\n );\n}\n\nfunction shouldRevalidateLoader(\n loaderMatch: AgnosticDataRouteMatch,\n arg: ShouldRevalidateFunctionArgs\n) {\n if (loaderMatch.route.shouldRevalidate) {\n let routeChoice = loaderMatch.route.shouldRevalidate(arg);\n if (typeof routeChoice === \"boolean\") {\n return routeChoice;\n }\n }\n\n return arg.defaultShouldRevalidate;\n}\n\n/**\n * Execute route.lazy() methods to lazily load route modules (loader, action,\n * shouldRevalidate) and update the routeManifest in place which shares objects\n * with dataRoutes so those get updated as well.\n */\nasync function loadLazyRouteModule(\n route: AgnosticDataRouteObject,\n mapRouteProperties: MapRoutePropertiesFunction,\n manifest: RouteManifest\n) {\n if (!route.lazy) {\n return;\n }\n\n let lazyRoute = await route.lazy();\n\n // If the lazy route function was executed and removed by another parallel\n // call then we can return - first lazy() to finish wins because the return\n // value of lazy is expected to be static\n if (!route.lazy) {\n return;\n }\n\n let routeToUpdate = manifest[route.id];\n invariant(routeToUpdate, \"No route found in manifest\");\n\n // Update the route in place. This should be safe because there's no way\n // we could yet be sitting on this route as we can't get there without\n // resolving lazy() first.\n //\n // This is different than the HMR \"update\" use-case where we may actively be\n // on the route being updated. The main concern boils down to \"does this\n // mutation affect any ongoing navigations or any current state.matches\n // values?\". If not, it should be safe to update in place.\n let routeUpdates: Record = {};\n for (let lazyRouteProperty in lazyRoute) {\n let staticRouteValue =\n routeToUpdate[lazyRouteProperty as keyof typeof routeToUpdate];\n\n let isPropertyStaticallyDefined =\n staticRouteValue !== undefined &&\n // This property isn't static since it should always be updated based\n // on the route updates\n lazyRouteProperty !== \"hasErrorBoundary\";\n\n warning(\n !isPropertyStaticallyDefined,\n `Route \"${routeToUpdate.id}\" has a static property \"${lazyRouteProperty}\" ` +\n `defined but its lazy function is also returning a value for this property. ` +\n `The lazy route property \"${lazyRouteProperty}\" will be ignored.`\n );\n\n if (\n !isPropertyStaticallyDefined &&\n !immutableRouteKeys.has(lazyRouteProperty as ImmutableRouteKey)\n ) {\n routeUpdates[lazyRouteProperty] =\n lazyRoute[lazyRouteProperty as keyof typeof lazyRoute];\n }\n }\n\n // Mutate the route with the provided updates. Do this first so we pass\n // the updated version to mapRouteProperties\n Object.assign(routeToUpdate, routeUpdates);\n\n // Mutate the `hasErrorBoundary` property on the route based on the route\n // updates and remove the `lazy` function so we don't resolve the lazy\n // route again.\n Object.assign(routeToUpdate, {\n // To keep things framework agnostic, we use the provided\n // `mapRouteProperties` (or wrapped `detectErrorBoundary`) function to\n // set the framework-aware properties (`element`/`hasErrorBoundary`) since\n // the logic will differ between frameworks.\n ...mapRouteProperties(routeToUpdate),\n lazy: undefined,\n });\n}\n\nasync function callLoaderOrAction(\n type: \"loader\" | \"action\",\n request: Request,\n match: AgnosticDataRouteMatch,\n matches: AgnosticDataRouteMatch[],\n manifest: RouteManifest,\n mapRouteProperties: MapRoutePropertiesFunction,\n basename: string,\n v7_relativeSplatPath: boolean,\n opts: {\n isStaticRequest?: boolean;\n isRouteRequest?: boolean;\n requestContext?: unknown;\n } = {}\n): Promise {\n let resultType;\n let result;\n let onReject: (() => void) | undefined;\n\n let runHandler = (handler: ActionFunction | LoaderFunction) => {\n // Setup a promise we can race against so that abort signals short circuit\n let reject: () => void;\n let abortPromise = new Promise((_, r) => (reject = r));\n onReject = () => reject();\n request.signal.addEventListener(\"abort\", onReject);\n return Promise.race([\n handler({\n request,\n params: match.params,\n context: opts.requestContext,\n }),\n abortPromise,\n ]);\n };\n\n try {\n let handler = match.route[type];\n\n if (match.route.lazy) {\n if (handler) {\n // Run statically defined handler in parallel with lazy()\n let handlerError;\n let values = await Promise.all([\n // If the handler throws, don't let it immediately bubble out,\n // since we need to let the lazy() execution finish so we know if this\n // route has a boundary that can handle the error\n runHandler(handler).catch((e) => {\n handlerError = e;\n }),\n loadLazyRouteModule(match.route, mapRouteProperties, manifest),\n ]);\n if (handlerError) {\n throw handlerError;\n }\n result = values[0];\n } else {\n // Load lazy route module, then run any returned handler\n await loadLazyRouteModule(match.route, mapRouteProperties, manifest);\n\n handler = match.route[type];\n if (handler) {\n // Handler still run even if we got interrupted to maintain consistency\n // with un-abortable behavior of handler execution on non-lazy or\n // previously-lazy-loaded routes\n result = await runHandler(handler);\n } else if (type === \"action\") {\n let url = new URL(request.url);\n let pathname = url.pathname + url.search;\n throw getInternalRouterError(405, {\n method: request.method,\n pathname,\n routeId: match.route.id,\n });\n } else {\n // lazy() route has no loader to run. Short circuit here so we don't\n // hit the invariant below that errors on returning undefined.\n return { type: ResultType.data, data: undefined };\n }\n }\n } else if (!handler) {\n let url = new URL(request.url);\n let pathname = url.pathname + url.search;\n throw getInternalRouterError(404, {\n pathname,\n });\n } else {\n result = await runHandler(handler);\n }\n\n invariant(\n result !== undefined,\n `You defined ${type === \"action\" ? \"an action\" : \"a loader\"} for route ` +\n `\"${match.route.id}\" but didn't return anything from your \\`${type}\\` ` +\n `function. Please return a value or \\`null\\`.`\n );\n } catch (e) {\n resultType = ResultType.error;\n result = e;\n } finally {\n if (onReject) {\n request.signal.removeEventListener(\"abort\", onReject);\n }\n }\n\n if (isResponse(result)) {\n let status = result.status;\n\n // Process redirects\n if (redirectStatusCodes.has(status)) {\n let location = result.headers.get(\"Location\");\n invariant(\n location,\n \"Redirects returned/thrown from loaders/actions must have a Location header\"\n );\n\n // Support relative routing in internal redirects\n if (!ABSOLUTE_URL_REGEX.test(location)) {\n location = normalizeTo(\n new URL(request.url),\n matches.slice(0, matches.indexOf(match) + 1),\n basename,\n true,\n location,\n v7_relativeSplatPath\n );\n } else if (!opts.isStaticRequest) {\n // Strip off the protocol+origin for same-origin + same-basename absolute\n // redirects. If this is a static request, we can let it go back to the\n // browser as-is\n let currentUrl = new URL(request.url);\n let url = location.startsWith(\"//\")\n ? new URL(currentUrl.protocol + location)\n : new URL(location);\n let isSameBasename = stripBasename(url.pathname, basename) != null;\n if (url.origin === currentUrl.origin && isSameBasename) {\n location = url.pathname + url.search + url.hash;\n }\n }\n\n // Don't process redirects in the router during static requests requests.\n // Instead, throw the Response and let the server handle it with an HTTP\n // redirect. We also update the Location header in place in this flow so\n // basename and relative routing is taken into account\n if (opts.isStaticRequest) {\n result.headers.set(\"Location\", location);\n throw result;\n }\n\n return {\n type: ResultType.redirect,\n status,\n location,\n revalidate: result.headers.get(\"X-Remix-Revalidate\") !== null,\n reloadDocument: result.headers.get(\"X-Remix-Reload-Document\") !== null,\n };\n }\n\n // For SSR single-route requests, we want to hand Responses back directly\n // without unwrapping. We do this with the QueryRouteResponse wrapper\n // interface so we can know whether it was returned or thrown\n if (opts.isRouteRequest) {\n let queryRouteResponse: QueryRouteResponse = {\n type:\n resultType === ResultType.error ? ResultType.error : ResultType.data,\n response: result,\n };\n throw queryRouteResponse;\n }\n\n let data: any;\n\n try {\n let contentType = result.headers.get(\"Content-Type\");\n // Check between word boundaries instead of startsWith() due to the last\n // paragraph of https://httpwg.org/specs/rfc9110.html#field.content-type\n if (contentType && /\\bapplication\\/json\\b/.test(contentType)) {\n if (result.body == null) {\n data = null;\n } else {\n data = await result.json();\n }\n } else {\n data = await result.text();\n }\n } catch (e) {\n return { type: ResultType.error, error: e };\n }\n\n if (resultType === ResultType.error) {\n return {\n type: resultType,\n error: new ErrorResponseImpl(status, result.statusText, data),\n headers: result.headers,\n };\n }\n\n return {\n type: ResultType.data,\n data,\n statusCode: result.status,\n headers: result.headers,\n };\n }\n\n if (resultType === ResultType.error) {\n return { type: resultType, error: result };\n }\n\n if (isDeferredData(result)) {\n return {\n type: ResultType.deferred,\n deferredData: result,\n statusCode: result.init?.status,\n headers: result.init?.headers && new Headers(result.init.headers),\n };\n }\n\n return { type: ResultType.data, data: result };\n}\n\n// Utility method for creating the Request instances for loaders/actions during\n// client-side navigations and fetches. During SSR we will always have a\n// Request instance from the static handler (query/queryRoute)\nfunction createClientSideRequest(\n history: History,\n location: string | Location,\n signal: AbortSignal,\n submission?: Submission\n): Request {\n let url = history.createURL(stripHashFromPath(location)).toString();\n let init: RequestInit = { signal };\n\n if (submission && isMutationMethod(submission.formMethod)) {\n let { formMethod, formEncType } = submission;\n // Didn't think we needed this but it turns out unlike other methods, patch\n // won't be properly normalized to uppercase and results in a 405 error.\n // See: https://fetch.spec.whatwg.org/#concept-method\n init.method = formMethod.toUpperCase();\n\n if (formEncType === \"application/json\") {\n init.headers = new Headers({ \"Content-Type\": formEncType });\n init.body = JSON.stringify(submission.json);\n } else if (formEncType === \"text/plain\") {\n // Content-Type is inferred (https://fetch.spec.whatwg.org/#dom-request)\n init.body = submission.text;\n } else if (\n formEncType === \"application/x-www-form-urlencoded\" &&\n submission.formData\n ) {\n // Content-Type is inferred (https://fetch.spec.whatwg.org/#dom-request)\n init.body = convertFormDataToSearchParams(submission.formData);\n } else {\n // Content-Type is inferred (https://fetch.spec.whatwg.org/#dom-request)\n init.body = submission.formData;\n }\n }\n\n return new Request(url, init);\n}\n\nfunction convertFormDataToSearchParams(formData: FormData): URLSearchParams {\n let searchParams = new URLSearchParams();\n\n for (let [key, value] of formData.entries()) {\n // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#converting-an-entry-list-to-a-list-of-name-value-pairs\n searchParams.append(key, typeof value === \"string\" ? value : value.name);\n }\n\n return searchParams;\n}\n\nfunction convertSearchParamsToFormData(\n searchParams: URLSearchParams\n): FormData {\n let formData = new FormData();\n for (let [key, value] of searchParams.entries()) {\n formData.append(key, value);\n }\n return formData;\n}\n\nfunction processRouteLoaderData(\n matches: AgnosticDataRouteMatch[],\n matchesToLoad: AgnosticDataRouteMatch[],\n results: DataResult[],\n pendingError: RouteData | undefined,\n activeDeferreds: Map\n): {\n loaderData: RouterState[\"loaderData\"];\n errors: RouterState[\"errors\"] | null;\n statusCode: number;\n loaderHeaders: Record;\n} {\n // Fill in loaderData/errors from our loaders\n let loaderData: RouterState[\"loaderData\"] = {};\n let errors: RouterState[\"errors\"] | null = null;\n let statusCode: number | undefined;\n let foundError = false;\n let loaderHeaders: Record = {};\n\n // Process loader results into state.loaderData/state.errors\n results.forEach((result, index) => {\n let id = matchesToLoad[index].route.id;\n invariant(\n !isRedirectResult(result),\n \"Cannot handle redirect results in processLoaderData\"\n );\n if (isErrorResult(result)) {\n // Look upwards from the matched route for the closest ancestor\n // error boundary, defaulting to the root match\n let boundaryMatch = findNearestBoundary(matches, id);\n let error = result.error;\n // If we have a pending action error, we report it at the highest-route\n // that throws a loader error, and then clear it out to indicate that\n // it was consumed\n if (pendingError) {\n error = Object.values(pendingError)[0];\n pendingError = undefined;\n }\n\n errors = errors || {};\n\n // Prefer higher error values if lower errors bubble to the same boundary\n if (errors[boundaryMatch.route.id] == null) {\n errors[boundaryMatch.route.id] = error;\n }\n\n // Clear our any prior loaderData for the throwing route\n loaderData[id] = undefined;\n\n // Once we find our first (highest) error, we set the status code and\n // prevent deeper status codes from overriding\n if (!foundError) {\n foundError = true;\n statusCode = isRouteErrorResponse(result.error)\n ? result.error.status\n : 500;\n }\n if (result.headers) {\n loaderHeaders[id] = result.headers;\n }\n } else {\n if (isDeferredResult(result)) {\n activeDeferreds.set(id, result.deferredData);\n loaderData[id] = result.deferredData.data;\n } else {\n loaderData[id] = result.data;\n }\n\n // Error status codes always override success status codes, but if all\n // loaders are successful we take the deepest status code.\n if (\n result.statusCode != null &&\n result.statusCode !== 200 &&\n !foundError\n ) {\n statusCode = result.statusCode;\n }\n if (result.headers) {\n loaderHeaders[id] = result.headers;\n }\n }\n });\n\n // If we didn't consume the pending action error (i.e., all loaders\n // resolved), then consume it here. Also clear out any loaderData for the\n // throwing route\n if (pendingError) {\n errors = pendingError;\n loaderData[Object.keys(pendingError)[0]] = undefined;\n }\n\n return {\n loaderData,\n errors,\n statusCode: statusCode || 200,\n loaderHeaders,\n };\n}\n\nfunction processLoaderData(\n state: RouterState,\n matches: AgnosticDataRouteMatch[],\n matchesToLoad: AgnosticDataRouteMatch[],\n results: DataResult[],\n pendingError: RouteData | undefined,\n revalidatingFetchers: RevalidatingFetcher[],\n fetcherResults: DataResult[],\n activeDeferreds: Map\n): {\n loaderData: RouterState[\"loaderData\"];\n errors?: RouterState[\"errors\"];\n} {\n let { loaderData, errors } = processRouteLoaderData(\n matches,\n matchesToLoad,\n results,\n pendingError,\n activeDeferreds\n );\n\n // Process results from our revalidating fetchers\n for (let index = 0; index < revalidatingFetchers.length; index++) {\n let { key, match, controller } = revalidatingFetchers[index];\n invariant(\n fetcherResults !== undefined && fetcherResults[index] !== undefined,\n \"Did not find corresponding fetcher result\"\n );\n let result = fetcherResults[index];\n\n // Process fetcher non-redirect errors\n if (controller && controller.signal.aborted) {\n // Nothing to do for aborted fetchers\n continue;\n } else if (isErrorResult(result)) {\n let boundaryMatch = findNearestBoundary(state.matches, match?.route.id);\n if (!(errors && errors[boundaryMatch.route.id])) {\n errors = {\n ...errors,\n [boundaryMatch.route.id]: result.error,\n };\n }\n state.fetchers.delete(key);\n } else if (isRedirectResult(result)) {\n // Should never get here, redirects should get processed above, but we\n // keep this to type narrow to a success result in the else\n invariant(false, \"Unhandled fetcher revalidation redirect\");\n } else if (isDeferredResult(result)) {\n // Should never get here, deferred data should be awaited for fetchers\n // in resolveDeferredResults\n invariant(false, \"Unhandled fetcher deferred data\");\n } else {\n let doneFetcher = getDoneFetcher(result.data);\n state.fetchers.set(key, doneFetcher);\n }\n }\n\n return { loaderData, errors };\n}\n\nfunction mergeLoaderData(\n loaderData: RouteData,\n newLoaderData: RouteData,\n matches: AgnosticDataRouteMatch[],\n errors: RouteData | null | undefined\n): RouteData {\n let mergedLoaderData = { ...newLoaderData };\n for (let match of matches) {\n let id = match.route.id;\n if (newLoaderData.hasOwnProperty(id)) {\n if (newLoaderData[id] !== undefined) {\n mergedLoaderData[id] = newLoaderData[id];\n } else {\n // No-op - this is so we ignore existing data if we have a key in the\n // incoming object with an undefined value, which is how we unset a prior\n // loaderData if we encounter a loader error\n }\n } else if (loaderData[id] !== undefined && match.route.loader) {\n // Preserve existing keys not included in newLoaderData and where a loader\n // wasn't removed by HMR\n mergedLoaderData[id] = loaderData[id];\n }\n\n if (errors && errors.hasOwnProperty(id)) {\n // Don't keep any loader data below the boundary\n break;\n }\n }\n return mergedLoaderData;\n}\n\n// Find the nearest error boundary, looking upwards from the leaf route (or the\n// route specified by routeId) for the closest ancestor error boundary,\n// defaulting to the root match\nfunction findNearestBoundary(\n matches: AgnosticDataRouteMatch[],\n routeId?: string\n): AgnosticDataRouteMatch {\n let eligibleMatches = routeId\n ? matches.slice(0, matches.findIndex((m) => m.route.id === routeId) + 1)\n : [...matches];\n return (\n eligibleMatches.reverse().find((m) => m.route.hasErrorBoundary === true) ||\n matches[0]\n );\n}\n\nfunction getShortCircuitMatches(routes: AgnosticDataRouteObject[]): {\n matches: AgnosticDataRouteMatch[];\n route: AgnosticDataRouteObject;\n} {\n // Prefer a root layout route if present, otherwise shim in a route object\n let route =\n routes.length === 1\n ? routes[0]\n : routes.find((r) => r.index || !r.path || r.path === \"/\") || {\n id: `__shim-error-route__`,\n };\n\n return {\n matches: [\n {\n params: {},\n pathname: \"\",\n pathnameBase: \"\",\n route,\n },\n ],\n route,\n };\n}\n\nfunction getInternalRouterError(\n status: number,\n {\n pathname,\n routeId,\n method,\n type,\n }: {\n pathname?: string;\n routeId?: string;\n method?: string;\n type?: \"defer-action\" | \"invalid-body\";\n } = {}\n) {\n let statusText = \"Unknown Server Error\";\n let errorMessage = \"Unknown @remix-run/router error\";\n\n if (status === 400) {\n statusText = \"Bad Request\";\n if (method && pathname && routeId) {\n errorMessage =\n `You made a ${method} request to \"${pathname}\" but ` +\n `did not provide a \\`loader\\` for route \"${routeId}\", ` +\n `so there is no way to handle the request.`;\n } else if (type === \"defer-action\") {\n errorMessage = \"defer() is not supported in actions\";\n } else if (type === \"invalid-body\") {\n errorMessage = \"Unable to encode submission body\";\n }\n } else if (status === 403) {\n statusText = \"Forbidden\";\n errorMessage = `Route \"${routeId}\" does not match URL \"${pathname}\"`;\n } else if (status === 404) {\n statusText = \"Not Found\";\n errorMessage = `No route matches URL \"${pathname}\"`;\n } else if (status === 405) {\n statusText = \"Method Not Allowed\";\n if (method && pathname && routeId) {\n errorMessage =\n `You made a ${method.toUpperCase()} request to \"${pathname}\" but ` +\n `did not provide an \\`action\\` for route \"${routeId}\", ` +\n `so there is no way to handle the request.`;\n } else if (method) {\n errorMessage = `Invalid request method \"${method.toUpperCase()}\"`;\n }\n }\n\n return new ErrorResponseImpl(\n status || 500,\n statusText,\n new Error(errorMessage),\n true\n );\n}\n\n// Find any returned redirect errors, starting from the lowest match\nfunction findRedirect(\n results: DataResult[]\n): { result: RedirectResult; idx: number } | undefined {\n for (let i = results.length - 1; i >= 0; i--) {\n let result = results[i];\n if (isRedirectResult(result)) {\n return { result, idx: i };\n }\n }\n}\n\nfunction stripHashFromPath(path: To) {\n let parsedPath = typeof path === \"string\" ? parsePath(path) : path;\n return createPath({ ...parsedPath, hash: \"\" });\n}\n\nfunction isHashChangeOnly(a: Location, b: Location): boolean {\n if (a.pathname !== b.pathname || a.search !== b.search) {\n return false;\n }\n\n if (a.hash === \"\") {\n // /page -> /page#hash\n return b.hash !== \"\";\n } else if (a.hash === b.hash) {\n // /page#hash -> /page#hash\n return true;\n } else if (b.hash !== \"\") {\n // /page#hash -> /page#other\n return true;\n }\n\n // If the hash is removed the browser will re-perform a request to the server\n // /page#hash -> /page\n return false;\n}\n\nfunction isDeferredResult(result: DataResult): result is DeferredResult {\n return result.type === ResultType.deferred;\n}\n\nfunction isErrorResult(result: DataResult): result is ErrorResult {\n return result.type === ResultType.error;\n}\n\nfunction isRedirectResult(result?: DataResult): result is RedirectResult {\n return (result && result.type) === ResultType.redirect;\n}\n\nexport function isDeferredData(value: any): value is DeferredData {\n let deferred: DeferredData = value;\n return (\n deferred &&\n typeof deferred === \"object\" &&\n typeof deferred.data === \"object\" &&\n typeof deferred.subscribe === \"function\" &&\n typeof deferred.cancel === \"function\" &&\n typeof deferred.resolveData === \"function\"\n );\n}\n\nfunction isResponse(value: any): value is Response {\n return (\n value != null &&\n typeof value.status === \"number\" &&\n typeof value.statusText === \"string\" &&\n typeof value.headers === \"object\" &&\n typeof value.body !== \"undefined\"\n );\n}\n\nfunction isRedirectResponse(result: any): result is Response {\n if (!isResponse(result)) {\n return false;\n }\n\n let status = result.status;\n let location = result.headers.get(\"Location\");\n return status >= 300 && status <= 399 && location != null;\n}\n\nfunction isQueryRouteResponse(obj: any): obj is QueryRouteResponse {\n return (\n obj &&\n isResponse(obj.response) &&\n (obj.type === ResultType.data || obj.type === ResultType.error)\n );\n}\n\nfunction isValidMethod(method: string): method is FormMethod | V7_FormMethod {\n return validRequestMethods.has(method.toLowerCase() as FormMethod);\n}\n\nfunction isMutationMethod(\n method: string\n): method is MutationFormMethod | V7_MutationFormMethod {\n return validMutationMethods.has(method.toLowerCase() as MutationFormMethod);\n}\n\nasync function resolveDeferredResults(\n currentMatches: AgnosticDataRouteMatch[],\n matchesToLoad: (AgnosticDataRouteMatch | null)[],\n results: DataResult[],\n signals: (AbortSignal | null)[],\n isFetcher: boolean,\n currentLoaderData?: RouteData\n) {\n for (let index = 0; index < results.length; index++) {\n let result = results[index];\n let match = matchesToLoad[index];\n // If we don't have a match, then we can have a deferred result to do\n // anything with. This is for revalidating fetchers where the route was\n // removed during HMR\n if (!match) {\n continue;\n }\n\n let currentMatch = currentMatches.find(\n (m) => m.route.id === match!.route.id\n );\n let isRevalidatingLoader =\n currentMatch != null &&\n !isNewRouteInstance(currentMatch, match) &&\n (currentLoaderData && currentLoaderData[match.route.id]) !== undefined;\n\n if (isDeferredResult(result) && (isFetcher || isRevalidatingLoader)) {\n // Note: we do not have to touch activeDeferreds here since we race them\n // against the signal in resolveDeferredData and they'll get aborted\n // there if needed\n let signal = signals[index];\n invariant(\n signal,\n \"Expected an AbortSignal for revalidating fetcher deferred result\"\n );\n await resolveDeferredData(result, signal, isFetcher).then((result) => {\n if (result) {\n results[index] = result || results[index];\n }\n });\n }\n }\n}\n\nasync function resolveDeferredData(\n result: DeferredResult,\n signal: AbortSignal,\n unwrap = false\n): Promise {\n let aborted = await result.deferredData.resolveData(signal);\n if (aborted) {\n return;\n }\n\n if (unwrap) {\n try {\n return {\n type: ResultType.data,\n data: result.deferredData.unwrappedData,\n };\n } catch (e) {\n // Handle any TrackedPromise._error values encountered while unwrapping\n return {\n type: ResultType.error,\n error: e,\n };\n }\n }\n\n return {\n type: ResultType.data,\n data: result.deferredData.data,\n };\n}\n\nfunction hasNakedIndexQuery(search: string): boolean {\n return new URLSearchParams(search).getAll(\"index\").some((v) => v === \"\");\n}\n\nfunction getTargetMatch(\n matches: AgnosticDataRouteMatch[],\n location: Location | string\n) {\n let search =\n typeof location === \"string\" ? parsePath(location).search : location.search;\n if (\n matches[matches.length - 1].route.index &&\n hasNakedIndexQuery(search || \"\")\n ) {\n // Return the leaf index route when index is present\n return matches[matches.length - 1];\n }\n // Otherwise grab the deepest \"path contributing\" match (ignoring index and\n // pathless layout routes)\n let pathMatches = getPathContributingMatches(matches);\n return pathMatches[pathMatches.length - 1];\n}\n\nfunction getSubmissionFromNavigation(\n navigation: Navigation\n): Submission | undefined {\n let { formMethod, formAction, formEncType, text, formData, json } =\n navigation;\n if (!formMethod || !formAction || !formEncType) {\n return;\n }\n\n if (text != null) {\n return {\n formMethod,\n formAction,\n formEncType,\n formData: undefined,\n json: undefined,\n text,\n };\n } else if (formData != null) {\n return {\n formMethod,\n formAction,\n formEncType,\n formData,\n json: undefined,\n text: undefined,\n };\n } else if (json !== undefined) {\n return {\n formMethod,\n formAction,\n formEncType,\n formData: undefined,\n json,\n text: undefined,\n };\n }\n}\n\nfunction getLoadingNavigation(\n location: Location,\n submission?: Submission\n): NavigationStates[\"Loading\"] {\n if (submission) {\n let navigation: NavigationStates[\"Loading\"] = {\n state: \"loading\",\n location,\n formMethod: submission.formMethod,\n formAction: submission.formAction,\n formEncType: submission.formEncType,\n formData: submission.formData,\n json: submission.json,\n text: submission.text,\n };\n return navigation;\n } else {\n let navigation: NavigationStates[\"Loading\"] = {\n state: \"loading\",\n location,\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined,\n };\n return navigation;\n }\n}\n\nfunction getSubmittingNavigation(\n location: Location,\n submission: Submission\n): NavigationStates[\"Submitting\"] {\n let navigation: NavigationStates[\"Submitting\"] = {\n state: \"submitting\",\n location,\n formMethod: submission.formMethod,\n formAction: submission.formAction,\n formEncType: submission.formEncType,\n formData: submission.formData,\n json: submission.json,\n text: submission.text,\n };\n return navigation;\n}\n\nfunction getLoadingFetcher(\n submission?: Submission,\n data?: Fetcher[\"data\"]\n): FetcherStates[\"Loading\"] {\n if (submission) {\n let fetcher: FetcherStates[\"Loading\"] = {\n state: \"loading\",\n formMethod: submission.formMethod,\n formAction: submission.formAction,\n formEncType: submission.formEncType,\n formData: submission.formData,\n json: submission.json,\n text: submission.text,\n data,\n };\n return fetcher;\n } else {\n let fetcher: FetcherStates[\"Loading\"] = {\n state: \"loading\",\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined,\n data,\n };\n return fetcher;\n }\n}\n\nfunction getSubmittingFetcher(\n submission: Submission,\n existingFetcher?: Fetcher\n): FetcherStates[\"Submitting\"] {\n let fetcher: FetcherStates[\"Submitting\"] = {\n state: \"submitting\",\n formMethod: submission.formMethod,\n formAction: submission.formAction,\n formEncType: submission.formEncType,\n formData: submission.formData,\n json: submission.json,\n text: submission.text,\n data: existingFetcher ? existingFetcher.data : undefined,\n };\n return fetcher;\n}\n\nfunction getDoneFetcher(data: Fetcher[\"data\"]): FetcherStates[\"Idle\"] {\n let fetcher: FetcherStates[\"Idle\"] = {\n state: \"idle\",\n formMethod: undefined,\n formAction: undefined,\n formEncType: undefined,\n formData: undefined,\n json: undefined,\n text: undefined,\n data,\n };\n return fetcher;\n}\n\nfunction restoreAppliedTransitions(\n _window: Window,\n transitions: Map>\n) {\n try {\n let sessionPositions = _window.sessionStorage.getItem(\n TRANSITIONS_STORAGE_KEY\n );\n if (sessionPositions) {\n let json = JSON.parse(sessionPositions);\n for (let [k, v] of Object.entries(json || {})) {\n if (v && Array.isArray(v)) {\n transitions.set(k, new Set(v || []));\n }\n }\n }\n } catch (e) {\n // no-op, use default empty object\n }\n}\n\nfunction persistAppliedTransitions(\n _window: Window,\n transitions: Map>\n) {\n if (transitions.size > 0) {\n let json: Record = {};\n for (let [k, v] of transitions) {\n json[k] = [...v];\n }\n try {\n _window.sessionStorage.setItem(\n TRANSITIONS_STORAGE_KEY,\n JSON.stringify(json)\n );\n } catch (error) {\n warning(\n false,\n `Failed to save applied view transitions in sessionStorage (${error}).`\n );\n }\n }\n}\n\n//#endregion\n","import * as React from \"react\";\nimport type {\n AgnosticIndexRouteObject,\n AgnosticNonIndexRouteObject,\n AgnosticRouteMatch,\n History,\n LazyRouteFunction,\n Location,\n Action as NavigationType,\n RelativeRoutingType,\n Router,\n StaticHandlerContext,\n To,\n TrackedPromise,\n} from \"@remix-run/router\";\n\n// Create react-specific types from the agnostic types in @remix-run/router to\n// export from react-router\nexport interface IndexRouteObject {\n caseSensitive?: AgnosticIndexRouteObject[\"caseSensitive\"];\n path?: AgnosticIndexRouteObject[\"path\"];\n id?: AgnosticIndexRouteObject[\"id\"];\n loader?: AgnosticIndexRouteObject[\"loader\"];\n action?: AgnosticIndexRouteObject[\"action\"];\n hasErrorBoundary?: AgnosticIndexRouteObject[\"hasErrorBoundary\"];\n shouldRevalidate?: AgnosticIndexRouteObject[\"shouldRevalidate\"];\n handle?: AgnosticIndexRouteObject[\"handle\"];\n index: true;\n children?: undefined;\n element?: React.ReactNode | null;\n hydrateFallbackElement?: React.ReactNode | null;\n errorElement?: React.ReactNode | null;\n Component?: React.ComponentType | null;\n HydrateFallback?: React.ComponentType | null;\n ErrorBoundary?: React.ComponentType | null;\n lazy?: LazyRouteFunction;\n}\n\nexport interface NonIndexRouteObject {\n caseSensitive?: AgnosticNonIndexRouteObject[\"caseSensitive\"];\n path?: AgnosticNonIndexRouteObject[\"path\"];\n id?: AgnosticNonIndexRouteObject[\"id\"];\n loader?: AgnosticNonIndexRouteObject[\"loader\"];\n action?: AgnosticNonIndexRouteObject[\"action\"];\n hasErrorBoundary?: AgnosticNonIndexRouteObject[\"hasErrorBoundary\"];\n shouldRevalidate?: AgnosticNonIndexRouteObject[\"shouldRevalidate\"];\n handle?: AgnosticNonIndexRouteObject[\"handle\"];\n index?: false;\n children?: RouteObject[];\n element?: React.ReactNode | null;\n hydrateFallbackElement?: React.ReactNode | null;\n errorElement?: React.ReactNode | null;\n Component?: React.ComponentType | null;\n HydrateFallback?: React.ComponentType | null;\n ErrorBoundary?: React.ComponentType | null;\n lazy?: LazyRouteFunction;\n}\n\nexport type RouteObject = IndexRouteObject | NonIndexRouteObject;\n\nexport type DataRouteObject = RouteObject & {\n children?: DataRouteObject[];\n id: string;\n};\n\nexport interface RouteMatch<\n ParamKey extends string = string,\n RouteObjectType extends RouteObject = RouteObject\n> extends AgnosticRouteMatch {}\n\nexport interface DataRouteMatch extends RouteMatch {}\n\nexport interface DataRouterContextObject\n // Omit `future` since those can be pulled from the `router`\n // `NavigationContext` needs future since it doesn't have a `router` in all cases\n extends Omit {\n router: Router;\n staticContext?: StaticHandlerContext;\n}\n\nexport const DataRouterContext =\n React.createContext(null);\nif (__DEV__) {\n DataRouterContext.displayName = \"DataRouter\";\n}\n\nexport const DataRouterStateContext = React.createContext<\n Router[\"state\"] | null\n>(null);\nif (__DEV__) {\n DataRouterStateContext.displayName = \"DataRouterState\";\n}\n\nexport const AwaitContext = React.createContext(null);\nif (__DEV__) {\n AwaitContext.displayName = \"Await\";\n}\n\nexport interface NavigateOptions {\n replace?: boolean;\n state?: any;\n preventScrollReset?: boolean;\n relative?: RelativeRoutingType;\n unstable_flushSync?: boolean;\n unstable_viewTransition?: boolean;\n}\n\n/**\n * A Navigator is a \"location changer\"; it's how you get to different locations.\n *\n * Every history instance conforms to the Navigator interface, but the\n * distinction is useful primarily when it comes to the low-level `` API\n * where both the location and a navigator must be provided separately in order\n * to avoid \"tearing\" that may occur in a suspense-enabled app if the action\n * and/or location were to be read directly from the history instance.\n */\nexport interface Navigator {\n createHref: History[\"createHref\"];\n // Optional for backwards-compat with Router/HistoryRouter usage (edge case)\n encodeLocation?: History[\"encodeLocation\"];\n go: History[\"go\"];\n push(to: To, state?: any, opts?: NavigateOptions): void;\n replace(to: To, state?: any, opts?: NavigateOptions): void;\n}\n\ninterface NavigationContextObject {\n basename: string;\n navigator: Navigator;\n static: boolean;\n future: {\n v7_relativeSplatPath: boolean;\n };\n}\n\nexport const NavigationContext = React.createContext(\n null!\n);\n\nif (__DEV__) {\n NavigationContext.displayName = \"Navigation\";\n}\n\ninterface LocationContextObject {\n location: Location;\n navigationType: NavigationType;\n}\n\nexport const LocationContext = React.createContext(\n null!\n);\n\nif (__DEV__) {\n LocationContext.displayName = \"Location\";\n}\n\nexport interface RouteContextObject {\n outlet: React.ReactElement | null;\n matches: RouteMatch[];\n isDataRoute: boolean;\n}\n\nexport const RouteContext = React.createContext({\n outlet: null,\n matches: [],\n isDataRoute: false,\n});\n\nif (__DEV__) {\n RouteContext.displayName = \"Route\";\n}\n\nexport const RouteErrorContext = React.createContext(null);\n\nif (__DEV__) {\n RouteErrorContext.displayName = \"RouteError\";\n}\n","import * as React from \"react\";\nimport type {\n Blocker,\n BlockerFunction,\n Location,\n ParamParseKey,\n Params,\n Path,\n PathMatch,\n PathPattern,\n RelativeRoutingType,\n Router as RemixRouter,\n RevalidationState,\n To,\n UIMatch,\n} from \"@remix-run/router\";\nimport {\n IDLE_BLOCKER,\n Action as NavigationType,\n UNSAFE_convertRouteMatchToUiMatch as convertRouteMatchToUiMatch,\n UNSAFE_getResolveToMatches as getResolveToMatches,\n UNSAFE_invariant as invariant,\n isRouteErrorResponse,\n joinPaths,\n matchPath,\n matchRoutes,\n parsePath,\n resolveTo,\n stripBasename,\n UNSAFE_warning as warning,\n} from \"@remix-run/router\";\n\nimport type {\n DataRouteMatch,\n NavigateOptions,\n RouteContextObject,\n RouteMatch,\n RouteObject,\n} from \"./context\";\nimport {\n AwaitContext,\n DataRouterContext,\n DataRouterStateContext,\n LocationContext,\n NavigationContext,\n RouteContext,\n RouteErrorContext,\n} from \"./context\";\n\n/**\n * Returns the full href for the given \"to\" value. This is useful for building\n * custom links that are also accessible and preserve right-click behavior.\n *\n * @see https://reactrouter.com/hooks/use-href\n */\nexport function useHref(\n to: To,\n { relative }: { relative?: RelativeRoutingType } = {}\n): string {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useHref() may be used only in the context of a component.`\n );\n\n let { basename, navigator } = React.useContext(NavigationContext);\n let { hash, pathname, search } = useResolvedPath(to, { relative });\n\n let joinedPathname = pathname;\n\n // If we're operating within a basename, prepend it to the pathname prior\n // to creating the href. If this is a root navigation, then just use the raw\n // basename which allows the basename to have full control over the presence\n // of a trailing slash on root links\n if (basename !== \"/\") {\n joinedPathname =\n pathname === \"/\" ? basename : joinPaths([basename, pathname]);\n }\n\n return navigator.createHref({ pathname: joinedPathname, search, hash });\n}\n\n/**\n * Returns true if this component is a descendant of a ``.\n *\n * @see https://reactrouter.com/hooks/use-in-router-context\n */\nexport function useInRouterContext(): boolean {\n return React.useContext(LocationContext) != null;\n}\n\n/**\n * Returns the current location object, which represents the current URL in web\n * browsers.\n *\n * Note: If you're using this it may mean you're doing some of your own\n * \"routing\" in your app, and we'd like to know what your use case is. We may\n * be able to provide something higher-level to better suit your needs.\n *\n * @see https://reactrouter.com/hooks/use-location\n */\nexport function useLocation(): Location {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useLocation() may be used only in the context of a component.`\n );\n\n return React.useContext(LocationContext).location;\n}\n\n/**\n * Returns the current navigation action which describes how the router came to\n * the current location, either by a pop, push, or replace on the history stack.\n *\n * @see https://reactrouter.com/hooks/use-navigation-type\n */\nexport function useNavigationType(): NavigationType {\n return React.useContext(LocationContext).navigationType;\n}\n\n/**\n * Returns a PathMatch object if the given pattern matches the current URL.\n * This is useful for components that need to know \"active\" state, e.g.\n * ``.\n *\n * @see https://reactrouter.com/hooks/use-match\n */\nexport function useMatch<\n ParamKey extends ParamParseKey,\n Path extends string\n>(pattern: PathPattern | Path): PathMatch | null {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useMatch() may be used only in the context of a component.`\n );\n\n let { pathname } = useLocation();\n return React.useMemo(\n () => matchPath(pattern, pathname),\n [pathname, pattern]\n );\n}\n\n/**\n * The interface for the navigate() function returned from useNavigate().\n */\nexport interface NavigateFunction {\n (to: To, options?: NavigateOptions): void;\n (delta: number): void;\n}\n\nconst navigateEffectWarning =\n `You should call navigate() in a React.useEffect(), not when ` +\n `your component is first rendered.`;\n\n// Mute warnings for calls to useNavigate in SSR environments\nfunction useIsomorphicLayoutEffect(\n cb: Parameters[0]\n) {\n let isStatic = React.useContext(NavigationContext).static;\n if (!isStatic) {\n // We should be able to get rid of this once react 18.3 is released\n // See: https://github.com/facebook/react/pull/26395\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useLayoutEffect(cb);\n }\n}\n\n/**\n * Returns an imperative method for changing the location. Used by ``s, but\n * may also be used by other elements to change the location.\n *\n * @see https://reactrouter.com/hooks/use-navigate\n */\nexport function useNavigate(): NavigateFunction {\n let { isDataRoute } = React.useContext(RouteContext);\n // Conditional usage is OK here because the usage of a data router is static\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return isDataRoute ? useNavigateStable() : useNavigateUnstable();\n}\n\nfunction useNavigateUnstable(): NavigateFunction {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useNavigate() may be used only in the context of a component.`\n );\n\n let dataRouterContext = React.useContext(DataRouterContext);\n let { basename, future, navigator } = React.useContext(NavigationContext);\n let { matches } = React.useContext(RouteContext);\n let { pathname: locationPathname } = useLocation();\n\n let routePathnamesJson = JSON.stringify(\n getResolveToMatches(matches, future.v7_relativeSplatPath)\n );\n\n let activeRef = React.useRef(false);\n useIsomorphicLayoutEffect(() => {\n activeRef.current = true;\n });\n\n let navigate: NavigateFunction = React.useCallback(\n (to: To | number, options: NavigateOptions = {}) => {\n warning(activeRef.current, navigateEffectWarning);\n\n // Short circuit here since if this happens on first render the navigate\n // is useless because we haven't wired up our history listener yet\n if (!activeRef.current) return;\n\n if (typeof to === \"number\") {\n navigator.go(to);\n return;\n }\n\n let path = resolveTo(\n to,\n JSON.parse(routePathnamesJson),\n locationPathname,\n options.relative === \"path\"\n );\n\n // If we're operating within a basename, prepend it to the pathname prior\n // to handing off to history (but only if we're not in a data router,\n // otherwise it'll prepend the basename inside of the router).\n // If this is a root navigation, then we navigate to the raw basename\n // which allows the basename to have full control over the presence of a\n // trailing slash on root links\n if (dataRouterContext == null && basename !== \"/\") {\n path.pathname =\n path.pathname === \"/\"\n ? basename\n : joinPaths([basename, path.pathname]);\n }\n\n (!!options.replace ? navigator.replace : navigator.push)(\n path,\n options.state,\n options\n );\n },\n [\n basename,\n navigator,\n routePathnamesJson,\n locationPathname,\n dataRouterContext,\n ]\n );\n\n return navigate;\n}\n\nconst OutletContext = React.createContext(null);\n\n/**\n * Returns the context (if provided) for the child route at this level of the route\n * hierarchy.\n * @see https://reactrouter.com/hooks/use-outlet-context\n */\nexport function useOutletContext(): Context {\n return React.useContext(OutletContext) as Context;\n}\n\n/**\n * Returns the element for the child route at this level of the route\n * hierarchy. Used internally by `` to render child routes.\n *\n * @see https://reactrouter.com/hooks/use-outlet\n */\nexport function useOutlet(context?: unknown): React.ReactElement | null {\n let outlet = React.useContext(RouteContext).outlet;\n if (outlet) {\n return (\n {outlet}\n );\n }\n return outlet;\n}\n\n/**\n * Returns an object of key/value pairs of the dynamic params from the current\n * URL that were matched by the route path.\n *\n * @see https://reactrouter.com/hooks/use-params\n */\nexport function useParams<\n ParamsOrKey extends string | Record = string\n>(): Readonly<\n [ParamsOrKey] extends [string] ? Params : Partial\n> {\n let { matches } = React.useContext(RouteContext);\n let routeMatch = matches[matches.length - 1];\n return routeMatch ? (routeMatch.params as any) : {};\n}\n\n/**\n * Resolves the pathname of the given `to` value against the current location.\n *\n * @see https://reactrouter.com/hooks/use-resolved-path\n */\nexport function useResolvedPath(\n to: To,\n { relative }: { relative?: RelativeRoutingType } = {}\n): Path {\n let { future } = React.useContext(NavigationContext);\n let { matches } = React.useContext(RouteContext);\n let { pathname: locationPathname } = useLocation();\n let routePathnamesJson = JSON.stringify(\n getResolveToMatches(matches, future.v7_relativeSplatPath)\n );\n\n return React.useMemo(\n () =>\n resolveTo(\n to,\n JSON.parse(routePathnamesJson),\n locationPathname,\n relative === \"path\"\n ),\n [to, routePathnamesJson, locationPathname, relative]\n );\n}\n\n/**\n * Returns the element of the route that matched the current location, prepared\n * with the correct context to render the remainder of the route tree. Route\n * elements in the tree must render an `` to render their child route's\n * element.\n *\n * @see https://reactrouter.com/hooks/use-routes\n */\nexport function useRoutes(\n routes: RouteObject[],\n locationArg?: Partial | string\n): React.ReactElement | null {\n return useRoutesImpl(routes, locationArg);\n}\n\n// Internal implementation with accept optional param for RouterProvider usage\nexport function useRoutesImpl(\n routes: RouteObject[],\n locationArg?: Partial | string,\n dataRouterState?: RemixRouter[\"state\"],\n future?: RemixRouter[\"future\"]\n): React.ReactElement | null {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useRoutes() may be used only in the context of a component.`\n );\n\n let { navigator } = React.useContext(NavigationContext);\n let { matches: parentMatches } = React.useContext(RouteContext);\n let routeMatch = parentMatches[parentMatches.length - 1];\n let parentParams = routeMatch ? routeMatch.params : {};\n let parentPathname = routeMatch ? routeMatch.pathname : \"/\";\n let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : \"/\";\n let parentRoute = routeMatch && routeMatch.route;\n\n if (__DEV__) {\n // You won't get a warning about 2 different under a \n // without a trailing *, but this is a best-effort warning anyway since we\n // cannot even give the warning unless they land at the parent route.\n //\n // Example:\n //\n // \n // {/* This route path MUST end with /* because otherwise\n // it will never match /blog/post/123 */}\n // } />\n // } />\n // \n //\n // function Blog() {\n // return (\n // \n // } />\n // \n // );\n // }\n let parentPath = (parentRoute && parentRoute.path) || \"\";\n warningOnce(\n parentPathname,\n !parentRoute || parentPath.endsWith(\"*\"),\n `You rendered descendant (or called \\`useRoutes()\\`) at ` +\n `\"${parentPathname}\" (under ) but the ` +\n `parent route path has no trailing \"*\". This means if you navigate ` +\n `deeper, the parent won't match anymore and therefore the child ` +\n `routes will never render.\\n\\n` +\n `Please change the parent to .`\n );\n }\n\n let locationFromContext = useLocation();\n\n let location;\n if (locationArg) {\n let parsedLocationArg =\n typeof locationArg === \"string\" ? parsePath(locationArg) : locationArg;\n\n invariant(\n parentPathnameBase === \"/\" ||\n parsedLocationArg.pathname?.startsWith(parentPathnameBase),\n `When overriding the location using \\`\\` or \\`useRoutes(routes, location)\\`, ` +\n `the location pathname must begin with the portion of the URL pathname that was ` +\n `matched by all parent routes. The current pathname base is \"${parentPathnameBase}\" ` +\n `but pathname \"${parsedLocationArg.pathname}\" was given in the \\`location\\` prop.`\n );\n\n location = parsedLocationArg;\n } else {\n location = locationFromContext;\n }\n\n let pathname = location.pathname || \"/\";\n let remainingPathname =\n parentPathnameBase === \"/\"\n ? pathname\n : pathname.slice(parentPathnameBase.length) || \"/\";\n\n let matches = matchRoutes(routes, { pathname: remainingPathname });\n\n if (__DEV__) {\n warning(\n parentRoute || matches != null,\n `No routes matched location \"${location.pathname}${location.search}${location.hash}\" `\n );\n\n warning(\n matches == null ||\n matches[matches.length - 1].route.element !== undefined ||\n matches[matches.length - 1].route.Component !== undefined ||\n matches[matches.length - 1].route.lazy !== undefined,\n `Matched leaf route at location \"${location.pathname}${location.search}${location.hash}\" ` +\n `does not have an element or Component. This means it will render an with a ` +\n `null value by default resulting in an \"empty\" page.`\n );\n }\n\n let renderedMatches = _renderMatches(\n matches &&\n matches.map((match) =>\n Object.assign({}, match, {\n params: Object.assign({}, parentParams, match.params),\n pathname: joinPaths([\n parentPathnameBase,\n // Re-encode pathnames that were decoded inside matchRoutes\n navigator.encodeLocation\n ? navigator.encodeLocation(match.pathname).pathname\n : match.pathname,\n ]),\n pathnameBase:\n match.pathnameBase === \"/\"\n ? parentPathnameBase\n : joinPaths([\n parentPathnameBase,\n // Re-encode pathnames that were decoded inside matchRoutes\n navigator.encodeLocation\n ? navigator.encodeLocation(match.pathnameBase).pathname\n : match.pathnameBase,\n ]),\n })\n ),\n parentMatches,\n dataRouterState,\n future\n );\n\n // When a user passes in a `locationArg`, the associated routes need to\n // be wrapped in a new `LocationContext.Provider` in order for `useLocation`\n // to use the scoped location instead of the global location.\n if (locationArg && renderedMatches) {\n return (\n \n {renderedMatches}\n \n );\n }\n\n return renderedMatches;\n}\n\nfunction DefaultErrorComponent() {\n let error = useRouteError();\n let message = isRouteErrorResponse(error)\n ? `${error.status} ${error.statusText}`\n : error instanceof Error\n ? error.message\n : JSON.stringify(error);\n let stack = error instanceof Error ? error.stack : null;\n let lightgrey = \"rgba(200,200,200, 0.5)\";\n let preStyles = { padding: \"0.5rem\", backgroundColor: lightgrey };\n let codeStyles = { padding: \"2px 4px\", backgroundColor: lightgrey };\n\n let devInfo = null;\n if (__DEV__) {\n console.error(\n \"Error handled by React Router default ErrorBoundary:\",\n error\n );\n\n devInfo = (\n <>\n

💿 Hey developer 👋

\n

\n You can provide a way better UX than this when your app throws errors\n by providing your own ErrorBoundary or{\" \"}\n errorElement prop on your route.\n

\n \n );\n }\n\n return (\n <>\n

Unexpected Application Error!

\n

{message}

\n {stack ? 
{stack}
: null}\n {devInfo}\n \n );\n}\n\nconst defaultErrorElement = ;\n\ntype RenderErrorBoundaryProps = React.PropsWithChildren<{\n location: Location;\n revalidation: RevalidationState;\n error: any;\n component: React.ReactNode;\n routeContext: RouteContextObject;\n}>;\n\ntype RenderErrorBoundaryState = {\n location: Location;\n revalidation: RevalidationState;\n error: any;\n};\n\nexport class RenderErrorBoundary extends React.Component<\n RenderErrorBoundaryProps,\n RenderErrorBoundaryState\n> {\n constructor(props: RenderErrorBoundaryProps) {\n super(props);\n this.state = {\n location: props.location,\n revalidation: props.revalidation,\n error: props.error,\n };\n }\n\n static getDerivedStateFromError(error: any) {\n return { error: error };\n }\n\n static getDerivedStateFromProps(\n props: RenderErrorBoundaryProps,\n state: RenderErrorBoundaryState\n ) {\n // When we get into an error state, the user will likely click \"back\" to the\n // previous page that didn't have an error. Because this wraps the entire\n // application, that will have no effect--the error page continues to display.\n // This gives us a mechanism to recover from the error when the location changes.\n //\n // Whether we're in an error state or not, we update the location in state\n // so that when we are in an error state, it gets reset when a new location\n // comes in and the user recovers from the error.\n if (\n state.location !== props.location ||\n (state.revalidation !== \"idle\" && props.revalidation === \"idle\")\n ) {\n return {\n error: props.error,\n location: props.location,\n revalidation: props.revalidation,\n };\n }\n\n // If we're not changing locations, preserve the location but still surface\n // any new errors that may come through. We retain the existing error, we do\n // this because the error provided from the app state may be cleared without\n // the location changing.\n return {\n error: props.error !== undefined ? props.error : state.error,\n location: state.location,\n revalidation: props.revalidation || state.revalidation,\n };\n }\n\n componentDidCatch(error: any, errorInfo: any) {\n console.error(\n \"React Router caught the following error during render\",\n error,\n errorInfo\n );\n }\n\n render() {\n return this.state.error !== undefined ? (\n \n \n \n ) : (\n this.props.children\n );\n }\n}\n\ninterface RenderedRouteProps {\n routeContext: RouteContextObject;\n match: RouteMatch;\n children: React.ReactNode | null;\n}\n\nfunction RenderedRoute({ routeContext, match, children }: RenderedRouteProps) {\n let dataRouterContext = React.useContext(DataRouterContext);\n\n // Track how deep we got in our render pass to emulate SSR componentDidCatch\n // in a DataStaticRouter\n if (\n dataRouterContext &&\n dataRouterContext.static &&\n dataRouterContext.staticContext &&\n (match.route.errorElement || match.route.ErrorBoundary)\n ) {\n dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id;\n }\n\n return (\n \n {children}\n \n );\n}\n\nexport function _renderMatches(\n matches: RouteMatch[] | null,\n parentMatches: RouteMatch[] = [],\n dataRouterState: RemixRouter[\"state\"] | null = null,\n future: RemixRouter[\"future\"] | null = null\n): React.ReactElement | null {\n if (matches == null) {\n if (dataRouterState?.errors) {\n // Don't bail if we have data router errors so we can render them in the\n // boundary. Use the pre-matched (or shimmed) matches\n matches = dataRouterState.matches as DataRouteMatch[];\n } else {\n return null;\n }\n }\n\n let renderedMatches = matches;\n\n // If we have data errors, trim matches to the highest error boundary\n let errors = dataRouterState?.errors;\n if (errors != null) {\n let errorIndex = renderedMatches.findIndex(\n (m) => m.route.id && errors?.[m.route.id]\n );\n invariant(\n errorIndex >= 0,\n `Could not find a matching route for errors on route IDs: ${Object.keys(\n errors\n ).join(\",\")}`\n );\n renderedMatches = renderedMatches.slice(\n 0,\n Math.min(renderedMatches.length, errorIndex + 1)\n );\n }\n\n // If we're in a partial hydration mode, detect if we need to render down to\n // a given HydrateFallback while we load the rest of the hydration data\n let renderFallback = false;\n let fallbackIndex = -1;\n if (dataRouterState && future && future.v7_partialHydration) {\n for (let i = 0; i < renderedMatches.length; i++) {\n let match = renderedMatches[i];\n // Track the deepest fallback up until the first route without data\n if (match.route.HydrateFallback || match.route.hydrateFallbackElement) {\n fallbackIndex = i;\n }\n\n if (match.route.id) {\n let { loaderData, errors } = dataRouterState;\n let needsToRunLoader =\n match.route.loader &&\n loaderData[match.route.id] === undefined &&\n (!errors || errors[match.route.id] === undefined);\n if (match.route.lazy || needsToRunLoader) {\n // We found the first route that's not ready to render (waiting on\n // lazy, or has a loader that hasn't run yet). Flag that we need to\n // render a fallback and render up until the appropriate fallback\n renderFallback = true;\n if (fallbackIndex >= 0) {\n renderedMatches = renderedMatches.slice(0, fallbackIndex + 1);\n } else {\n renderedMatches = [renderedMatches[0]];\n }\n break;\n }\n }\n }\n }\n\n return renderedMatches.reduceRight((outlet, match, index) => {\n // Only data routers handle errors/fallbacks\n let error: any;\n let shouldRenderHydrateFallback = false;\n let errorElement: React.ReactNode | null = null;\n let hydrateFallbackElement: React.ReactNode | null = null;\n if (dataRouterState) {\n error = errors && match.route.id ? errors[match.route.id] : undefined;\n errorElement = match.route.errorElement || defaultErrorElement;\n\n if (renderFallback) {\n if (fallbackIndex < 0 && index === 0) {\n warningOnce(\n \"route-fallback\",\n false,\n \"No `HydrateFallback` element provided to render during initial hydration\"\n );\n shouldRenderHydrateFallback = true;\n hydrateFallbackElement = null;\n } else if (fallbackIndex === index) {\n shouldRenderHydrateFallback = true;\n hydrateFallbackElement = match.route.hydrateFallbackElement || null;\n }\n }\n }\n\n let matches = parentMatches.concat(renderedMatches.slice(0, index + 1));\n let getChildren = () => {\n let children: React.ReactNode;\n if (error) {\n children = errorElement;\n } else if (shouldRenderHydrateFallback) {\n children = hydrateFallbackElement;\n } else if (match.route.Component) {\n // Note: This is a de-optimized path since React won't re-use the\n // ReactElement since it's identity changes with each new\n // React.createElement call. We keep this so folks can use\n // `` in `` but generally `Component`\n // usage is only advised in `RouterProvider` when we can convert it to\n // `element` ahead of time.\n children = ;\n } else if (match.route.element) {\n children = match.route.element;\n } else {\n children = outlet;\n }\n return (\n \n );\n };\n // Only wrap in an error boundary within data router usages when we have an\n // ErrorBoundary/errorElement on this route. Otherwise let it bubble up to\n // an ancestor ErrorBoundary/errorElement\n return dataRouterState &&\n (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? (\n \n ) : (\n getChildren()\n );\n }, null as React.ReactElement | null);\n}\n\nenum DataRouterHook {\n UseBlocker = \"useBlocker\",\n UseRevalidator = \"useRevalidator\",\n UseNavigateStable = \"useNavigate\",\n}\n\nenum DataRouterStateHook {\n UseBlocker = \"useBlocker\",\n UseLoaderData = \"useLoaderData\",\n UseActionData = \"useActionData\",\n UseRouteError = \"useRouteError\",\n UseNavigation = \"useNavigation\",\n UseRouteLoaderData = \"useRouteLoaderData\",\n UseMatches = \"useMatches\",\n UseRevalidator = \"useRevalidator\",\n UseNavigateStable = \"useNavigate\",\n UseRouteId = \"useRouteId\",\n}\n\nfunction getDataRouterConsoleError(\n hookName: DataRouterHook | DataRouterStateHook\n) {\n return `${hookName} must be used within a data router. See https://reactrouter.com/routers/picking-a-router.`;\n}\n\nfunction useDataRouterContext(hookName: DataRouterHook) {\n let ctx = React.useContext(DataRouterContext);\n invariant(ctx, getDataRouterConsoleError(hookName));\n return ctx;\n}\n\nfunction useDataRouterState(hookName: DataRouterStateHook) {\n let state = React.useContext(DataRouterStateContext);\n invariant(state, getDataRouterConsoleError(hookName));\n return state;\n}\n\nfunction useRouteContext(hookName: DataRouterStateHook) {\n let route = React.useContext(RouteContext);\n invariant(route, getDataRouterConsoleError(hookName));\n return route;\n}\n\n// Internal version with hookName-aware debugging\nfunction useCurrentRouteId(hookName: DataRouterStateHook) {\n let route = useRouteContext(hookName);\n let thisRoute = route.matches[route.matches.length - 1];\n invariant(\n thisRoute.route.id,\n `${hookName} can only be used on routes that contain a unique \"id\"`\n );\n return thisRoute.route.id;\n}\n\n/**\n * Returns the ID for the nearest contextual route\n */\nexport function useRouteId() {\n return useCurrentRouteId(DataRouterStateHook.UseRouteId);\n}\n\n/**\n * Returns the current navigation, defaulting to an \"idle\" navigation when\n * no navigation is in progress\n */\nexport function useNavigation() {\n let state = useDataRouterState(DataRouterStateHook.UseNavigation);\n return state.navigation;\n}\n\n/**\n * Returns a revalidate function for manually triggering revalidation, as well\n * as the current state of any manual revalidations\n */\nexport function useRevalidator() {\n let dataRouterContext = useDataRouterContext(DataRouterHook.UseRevalidator);\n let state = useDataRouterState(DataRouterStateHook.UseRevalidator);\n return React.useMemo(\n () => ({\n revalidate: dataRouterContext.router.revalidate,\n state: state.revalidation,\n }),\n [dataRouterContext.router.revalidate, state.revalidation]\n );\n}\n\n/**\n * Returns the active route matches, useful for accessing loaderData for\n * parent/child routes or the route \"handle\" property\n */\nexport function useMatches(): UIMatch[] {\n let { matches, loaderData } = useDataRouterState(\n DataRouterStateHook.UseMatches\n );\n return React.useMemo(\n () => matches.map((m) => convertRouteMatchToUiMatch(m, loaderData)),\n [matches, loaderData]\n );\n}\n\n/**\n * Returns the loader data for the nearest ancestor Route loader\n */\nexport function useLoaderData(): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseLoaderData);\n let routeId = useCurrentRouteId(DataRouterStateHook.UseLoaderData);\n\n if (state.errors && state.errors[routeId] != null) {\n console.error(\n `You cannot \\`useLoaderData\\` in an errorElement (routeId: ${routeId})`\n );\n return undefined;\n }\n return state.loaderData[routeId];\n}\n\n/**\n * Returns the loaderData for the given routeId\n */\nexport function useRouteLoaderData(routeId: string): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseRouteLoaderData);\n return state.loaderData[routeId];\n}\n\n/**\n * Returns the action data for the nearest ancestor Route action\n */\nexport function useActionData(): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseActionData);\n let routeId = useCurrentRouteId(DataRouterStateHook.UseLoaderData);\n return state.actionData ? state.actionData[routeId] : undefined;\n}\n\n/**\n * Returns the nearest ancestor Route error, which could be a loader/action\n * error or a render error. This is intended to be called from your\n * ErrorBoundary/errorElement to display a proper error message.\n */\nexport function useRouteError(): unknown {\n let error = React.useContext(RouteErrorContext);\n let state = useDataRouterState(DataRouterStateHook.UseRouteError);\n let routeId = useCurrentRouteId(DataRouterStateHook.UseRouteError);\n\n // If this was a render error, we put it in a RouteError context inside\n // of RenderErrorBoundary\n if (error !== undefined) {\n return error;\n }\n\n // Otherwise look for errors from our data router state\n return state.errors?.[routeId];\n}\n\n/**\n * Returns the happy-path data from the nearest ancestor `` value\n */\nexport function useAsyncValue(): unknown {\n let value = React.useContext(AwaitContext);\n return value?._data;\n}\n\n/**\n * Returns the error from the nearest ancestor `` value\n */\nexport function useAsyncError(): unknown {\n let value = React.useContext(AwaitContext);\n return value?._error;\n}\n\nlet blockerId = 0;\n\n/**\n * Allow the application to block navigations within the SPA and present the\n * user a confirmation dialog to confirm the navigation. Mostly used to avoid\n * using half-filled form data. This does not handle hard-reloads or\n * cross-origin navigations.\n */\nexport function useBlocker(shouldBlock: boolean | BlockerFunction): Blocker {\n let { router, basename } = useDataRouterContext(DataRouterHook.UseBlocker);\n let state = useDataRouterState(DataRouterStateHook.UseBlocker);\n\n let [blockerKey, setBlockerKey] = React.useState(\"\");\n let blockerFunction = React.useCallback(\n (arg) => {\n if (typeof shouldBlock !== \"function\") {\n return !!shouldBlock;\n }\n if (basename === \"/\") {\n return shouldBlock(arg);\n }\n\n // If they provided us a function and we've got an active basename, strip\n // it from the locations we expose to the user to match the behavior of\n // useLocation\n let { currentLocation, nextLocation, historyAction } = arg;\n return shouldBlock({\n currentLocation: {\n ...currentLocation,\n pathname:\n stripBasename(currentLocation.pathname, basename) ||\n currentLocation.pathname,\n },\n nextLocation: {\n ...nextLocation,\n pathname:\n stripBasename(nextLocation.pathname, basename) ||\n nextLocation.pathname,\n },\n historyAction,\n });\n },\n [basename, shouldBlock]\n );\n\n // This effect is in charge of blocker key assignment and deletion (which is\n // tightly coupled to the key)\n React.useEffect(() => {\n let key = String(++blockerId);\n setBlockerKey(key);\n return () => router.deleteBlocker(key);\n }, [router]);\n\n // This effect handles assigning the blockerFunction. This is to handle\n // unstable blocker function identities, and happens only after the prior\n // effect so we don't get an orphaned blockerFunction in the router with a\n // key of \"\". Until then we just have the IDLE_BLOCKER.\n React.useEffect(() => {\n if (blockerKey !== \"\") {\n router.getBlocker(blockerKey, blockerFunction);\n }\n }, [router, blockerKey, blockerFunction]);\n\n // Prefer the blocker from `state` not `router.state` since DataRouterContext\n // is memoized so this ensures we update on blocker state updates\n return blockerKey && state.blockers.has(blockerKey)\n ? state.blockers.get(blockerKey)!\n : IDLE_BLOCKER;\n}\n\n/**\n * Stable version of useNavigate that is used when we are in the context of\n * a RouterProvider.\n */\nfunction useNavigateStable(): NavigateFunction {\n let { router } = useDataRouterContext(DataRouterHook.UseNavigateStable);\n let id = useCurrentRouteId(DataRouterStateHook.UseNavigateStable);\n\n let activeRef = React.useRef(false);\n useIsomorphicLayoutEffect(() => {\n activeRef.current = true;\n });\n\n let navigate: NavigateFunction = React.useCallback(\n (to: To | number, options: NavigateOptions = {}) => {\n warning(activeRef.current, navigateEffectWarning);\n\n // Short circuit here since if this happens on first render the navigate\n // is useless because we haven't wired up our router subscriber yet\n if (!activeRef.current) return;\n\n if (typeof to === \"number\") {\n router.navigate(to);\n } else {\n router.navigate(to, { fromRouteId: id, ...options });\n }\n },\n [router, id]\n );\n\n return navigate;\n}\n\nconst alreadyWarned: Record = {};\n\nfunction warningOnce(key: string, cond: boolean, message: string) {\n if (!cond && !alreadyWarned[key]) {\n alreadyWarned[key] = true;\n warning(false, message);\n }\n}\n","import type {\n InitialEntry,\n LazyRouteFunction,\n Location,\n MemoryHistory,\n RelativeRoutingType,\n Router as RemixRouter,\n RouterState,\n RouterSubscriber,\n To,\n TrackedPromise,\n} from \"@remix-run/router\";\nimport {\n AbortedDeferredError,\n Action as NavigationType,\n createMemoryHistory,\n UNSAFE_getResolveToMatches as getResolveToMatches,\n UNSAFE_invariant as invariant,\n parsePath,\n resolveTo,\n stripBasename,\n UNSAFE_warning as warning,\n} from \"@remix-run/router\";\nimport * as React from \"react\";\n\nimport type {\n DataRouteObject,\n IndexRouteObject,\n Navigator,\n NonIndexRouteObject,\n RouteMatch,\n RouteObject,\n} from \"./context\";\nimport {\n AwaitContext,\n DataRouterContext,\n DataRouterStateContext,\n LocationContext,\n NavigationContext,\n RouteContext,\n} from \"./context\";\nimport {\n _renderMatches,\n useAsyncValue,\n useInRouterContext,\n useLocation,\n useNavigate,\n useOutlet,\n useRoutes,\n useRoutesImpl,\n} from \"./hooks\";\n\nexport interface FutureConfig {\n v7_relativeSplatPath: boolean;\n v7_startTransition: boolean;\n}\n\nexport interface RouterProviderProps {\n fallbackElement?: React.ReactNode;\n router: RemixRouter;\n // Only accept future flags relevant to rendering behavior\n // routing flags should be accessed via router.future\n future?: Partial>;\n}\n\n/**\n Webpack + React 17 fails to compile on any of the following because webpack\n complains that `startTransition` doesn't exist in `React`:\n * import { startTransition } from \"react\"\n * import * as React from from \"react\";\n \"startTransition\" in React ? React.startTransition(() => setState()) : setState()\n * import * as React from from \"react\";\n \"startTransition\" in React ? React[\"startTransition\"](() => setState()) : setState()\n\n Moving it to a constant such as the following solves the Webpack/React 17 issue:\n * import * as React from from \"react\";\n const START_TRANSITION = \"startTransition\";\n START_TRANSITION in React ? React[START_TRANSITION](() => setState()) : setState()\n\n However, that introduces webpack/terser minification issues in production builds\n in React 18 where minification/obfuscation ends up removing the call of\n React.startTransition entirely from the first half of the ternary. Grabbing\n this exported reference once up front resolves that issue.\n\n See https://github.com/remix-run/react-router/issues/10579\n*/\nconst START_TRANSITION = \"startTransition\";\nconst startTransitionImpl = React[START_TRANSITION];\n\n/**\n * Given a Remix Router instance, render the appropriate UI\n */\nexport function RouterProvider({\n fallbackElement,\n router,\n future,\n}: RouterProviderProps): React.ReactElement {\n let [state, setStateImpl] = React.useState(router.state);\n let { v7_startTransition } = future || {};\n\n let setState = React.useCallback(\n (newState: RouterState) => {\n if (v7_startTransition && startTransitionImpl) {\n startTransitionImpl(() => setStateImpl(newState));\n } else {\n setStateImpl(newState);\n }\n },\n [setStateImpl, v7_startTransition]\n );\n\n // Need to use a layout effect here so we are subscribed early enough to\n // pick up on any render-driven redirects/navigations (useEffect/)\n React.useLayoutEffect(() => router.subscribe(setState), [router, setState]);\n\n React.useEffect(() => {\n warning(\n fallbackElement == null || !router.future.v7_partialHydration,\n \"`` is deprecated when using \" +\n \"`v7_partialHydration`, use a `HydrateFallback` component instead\"\n );\n // Only log this once on initial mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let navigator = React.useMemo((): Navigator => {\n return {\n createHref: router.createHref,\n encodeLocation: router.encodeLocation,\n go: (n) => router.navigate(n),\n push: (to, state, opts) =>\n router.navigate(to, {\n state,\n preventScrollReset: opts?.preventScrollReset,\n }),\n replace: (to, state, opts) =>\n router.navigate(to, {\n replace: true,\n state,\n preventScrollReset: opts?.preventScrollReset,\n }),\n };\n }, [router]);\n\n let basename = router.basename || \"/\";\n\n let dataRouterContext = React.useMemo(\n () => ({\n router,\n navigator,\n static: false,\n basename,\n }),\n [router, navigator, basename]\n );\n\n // The fragment and {null} here are important! We need them to keep React 18's\n // useId happy when we are server-rendering since we may have a