diff --git a/src/app/App.js b/src/app/App.js index 037e7d8..b117efe 100644 --- a/src/app/App.js +++ b/src/app/App.js @@ -32,7 +32,6 @@ const ItemTradesSeekingPage = loadable(() => import("./ItemTradesPage").then((m) => m.ItemTradesSeekingPage) ); const ModelingPage = loadable(() => import("./ModelingPage")); -const OutfitUrlsPage = loadable(() => import("./OutfitUrlsPage")); const PrivacyPolicyPage = loadable(() => import("./PrivacyPolicyPage")); const SupportPetAppearancesPage = loadable(() => import("./SupportPetAppearancesPage") @@ -171,11 +170,6 @@ function App() { - - - - - diff --git a/src/app/OutfitUrlsPage.js b/src/app/OutfitUrlsPage.js deleted file mode 100644 index 14fcd4d..0000000 --- a/src/app/OutfitUrlsPage.js +++ /dev/null @@ -1,496 +0,0 @@ -import React from "react"; -import { css } from "@emotion/react"; -import { - AspectRatio, - Box, - Button, - Center, - Flex, - FormControl, - FormErrorMessage, - FormLabel, - Grid, - Input, - InputGroup, - InputRightElement, - Popover, - PopoverArrow, - PopoverBody, - PopoverContent, - PopoverTrigger, - Tab, - TabList, - TabPanel, - TabPanels, - Tabs, - Textarea, - useClipboard, - useColorModeValue, - VStack, -} from "@chakra-ui/react"; - -import { ErrorMessage, Heading1, Heading2, usePageTitle } from "./util"; -import { CheckIcon, WarningIcon } from "@chakra-ui/icons"; - -function OutfitUrlsPage() { - usePageTitle("Changing our outfit URLs"); - - return ( - <> - Changing our outfit URLs - -
-

- Hi, friends! Sorry for the trouble πŸ˜“ In short, by switching to the - new outfit URLs below, we'll decrease our hosting costs by - $20/month! πŸ™ -

-

- This change applies to image embeds, for{" "} - img tags in your lookups and petpages. Other kinds of - outfit links will stay the same! -

- -
- -
- The history -

- When we started hosting outfit images back in 2012, we didn't know a - lot about web infrastructure, and we weren't thinking a lot about - permanent URLs πŸ˜… We uploaded images directly to{" "} - Amazon S3, and gave you - Amazon's URL for them, at amazonaws.com. -

-

- Since then, we've grown a lot, and our Amazon costs have increased a - lot too! These days, it costs about $35/month to serve outfit images - from S3β€”and $20 of that is just to store our millions of - outfit images, including the ones nobody visits πŸ˜… -

-

- So, we've moved our apps to a new, more cost-efficient way to share - outfit images! It's decreased those costs by a lot! But, until we - delete the old images from Amazon S3 altogether, we're essentially - paying $20/month just to support the old{" "} - amazonaws.com URLs. -

-

- I looked hard for a way to redirect the old Amazon URLs to our new - service, but it seems to not be possible. And it seems like - $20/month could be better spent another way, especially when we - think about hosting these images long-term πŸ˜– -

-

- We haven't removed these images from Amazon yet, so old image URLs - will continue to work until at least August 1, 2021 - ! Then, we'll replace the old images with a short message and a link - to this page, so it's easy to learn what happened and fix things up. -

-

- I'm truly sorry for breaking some of the lookups and petpages out - there, and I hope this tool helps folks migrate to the new version - quickly and easily! πŸ™ -

-

- Thanks again everyone for your constant support, we appreciate you - so so much!! πŸ’– And please let me know at{" "} - matchu@openneo.net with any - thoughts you haveβ€”it's always great to hear from you, and it always - make things better πŸ’• -

-
- - - ); -} - -function OutfitUrlConverter() { - return ( - - - Convert an image - Convert a lookup/petpage - - - - - - - - - - - ); -} - -function SingleImageConverter() { - const [inputUrl, setInputUrl] = React.useState(""); - - let outputUrl; - let parseError; - try { - outputUrl = convertS3OutfitUrl(inputUrl); - } catch (e) { - parseError = e; - } - - const isAlreadyConverted = parseError instanceof UrlAlreadyConvertedError; - const isInvalid = parseError && !isAlreadyConverted; - if (isAlreadyConverted) { - outputUrl = inputUrl; - } - - const previewImageUrl = isAlreadyConverted - ? buildNewOutfitUrl({ outfitId: parseError.outfitId, size: 300 }) - : outputUrl?.endsWith("png") - ? outputUrl - : null; - - const previewBackground = useColorModeValue("gray.200", "whiteAlpha.300"); - const { onCopy, hasCopied } = useClipboard(outputUrl); - - return ( - - - Enter an outfit image URL - setInputUrl(e.target.value)} - /> - {parseError?.message || null} - - - - - Then, use this new URL in your layouts instead: - - - - {outputUrl && ( - - - - )} - - - {isAlreadyConverted && ( - - - {parseError.message} - - )} - - - - -
- {previewImageUrl && ( - - )} -
- - - ); -} - -function BulkImageConverter() { - const [inputHtml, setInputHtml] = React.useState(""); - - const { outputHtml, numReplacements } = React.useMemo( - () => - inputHtml - ? replaceS3OutfitUrlsInHtml(inputHtml) - : { outputHtml: "", numReplacements: 0 }, - [inputHtml] - ); - - const { onCopy, hasCopied } = useClipboard(outputHtml); - - return ( - - - Enter your lookup/petpage HTML -