diff --git a/front/locales/en/browse.json b/front/locales/en/browse.json new file mode 100644 index 00000000..c45e072f --- /dev/null +++ b/front/locales/en/browse.json @@ -0,0 +1,9 @@ +{ + "show": { + "play": "Play", + "trailer": "Play Trailer", + "studio": "Studio", + "genre": "Genres", + "genre-none": "No genres" + } +} diff --git a/front/locales/fr/browse.json b/front/locales/fr/browse.json new file mode 100644 index 00000000..629e4bb4 --- /dev/null +++ b/front/locales/fr/browse.json @@ -0,0 +1,9 @@ +{ + "show": { + "play": "Lecture", + "trailer": "Jouer le trailer", + "studio": "Studio", + "genre": "Genres", + "genre-none": "Aucun genres" + } +} diff --git a/front/next.config.js b/front/next.config.js index 5ac27b9a..6c813fc2 100755 --- a/front/next.config.js +++ b/front/next.config.js @@ -24,16 +24,6 @@ const nextConfig = { reactStrictMode: true, swcMinify: true, - experimental: { - swcPlugins: [ - [ - "next-superjson-plugin", - { - excluded: [], - }, - ], - ], - }, env: { KYOO_URL: process.env.KYOO_URL ?? "http://localhost:5000", }, diff --git a/front/package.json b/front/package.json index 2c3affe7..01a55569 100644 --- a/front/package.json +++ b/front/package.json @@ -26,11 +26,11 @@ "@mui/icons-material": "^5.8.4", "@mui/material": "^5.8.7", "next": "12.2.2", - "next-superjson-plugin": "^0.3.0", "next-translate": "^1.5.0", "react": "18.2.0", "react-dom": "18.2.0", "react-query": "^4.0.0-beta.23", + "superjson": "^1.9.1", "zod": "^3.18.0" }, "devDependencies": { diff --git a/front/src/components/container.tsx b/front/src/components/container.tsx new file mode 100644 index 00000000..ad55bb64 --- /dev/null +++ b/front/src/components/container.tsx @@ -0,0 +1,33 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +import { styled, experimental_sx as sx } from "@mui/system"; + +export const Container = styled("div")(sx({ + display: "flex", + pl: "15px", + pr: "15px", + mx: "auto", + width: { + sm: "540px", + md: "880px", + lg: "1170px", + }, +})); diff --git a/front/src/components/navbar.tsx b/front/src/components/navbar.tsx index a138781b..e02486d4 100644 --- a/front/src/components/navbar.tsx +++ b/front/src/components/navbar.tsx @@ -64,7 +64,7 @@ export const KyooTitle = (props: { sx: SxProps }) => { mr: 2, fontFamily: "monospace", fontWeight: 700, - color: "white", + color: "white" }} > Kyoo @@ -84,7 +84,7 @@ export const Navbar = (barProps: AppBarProps) => { const { data, error, isSuccess, isError } = useFetch(NavbarQuery); return ( - + { - + diff --git a/front/src/components/poster.tsx b/front/src/components/poster.tsx index b6d74851..be75cd36 100644 --- a/front/src/components/poster.tsx +++ b/front/src/components/poster.tsx @@ -19,15 +19,11 @@ */ import { Box, Skeleton, styled } from "@mui/material"; -import { - SyntheticEvent, - useEffect, - useLayoutEffect, - useRef, - useState, -} from "react"; +import { SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from "react"; import { ComponentsOverrides, ComponentsProps, ComponentsVariants } from "@mui/material"; import { withThemeProps } from "~/utils/with-theme"; +import type { Property } from "csstype"; +import { ResponsiveStyleValue } from "@mui/system"; type ImageOptions = { radius?: string; @@ -35,14 +31,17 @@ type ImageOptions = { }; type ImageProps = { - img?: string; + img?: string | null; alt: string; } & ImageOptions; type ImagePropsWithLoading = - | (ImageProps & { loading?: false }) + | (ImageProps & { loading?: boolean }) | (Partial & { loading: true }); +type Width = ResponsiveStyleValue>; +type Height = ResponsiveStyleValue>; + const _Image = ({ img, alt, @@ -55,8 +54,8 @@ const _Image = ({ ...others }: ImagePropsWithLoading & ( - | { aspectRatio?: string; width: string | number; height: string | number } - | { aspectRatio: string; width?: string | number; height?: string | number } + | { aspectRatio?: string; width: Width; height: Height } + | { aspectRatio: string; width?: Width; height?: Height } )) => { const [showLoading, setLoading] = useState(loading); const imgRef = useRef(null); @@ -101,7 +100,9 @@ const _Image = ({ export const Image = styled(_Image)({}); // eslint-disable-next-line jsx-a11y/alt-text -const _Poster = (props: ImagePropsWithLoading) => <_Image aspectRatio="2 / 3" {...props} />; +const _Poster = ( + props: ImagePropsWithLoading & { width?: Width; height?: Height }, +) => <_Image aspectRatio="2 / 3" {...props} />; declare module "@mui/material/styles" { interface ComponentsPropsList { diff --git a/front/src/global.css b/front/src/global.css deleted file mode 100644 index fffb5a5d..00000000 --- a/front/src/global.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - margin: 0 !important; -} diff --git a/front/src/models/page.ts b/front/src/models/page.ts index 178cb422..339639f7 100644 --- a/front/src/models/page.ts +++ b/front/src/models/page.ts @@ -43,7 +43,7 @@ export interface Page { * * @format uri */ - next?: string; + next: string | null; /** * The number of items in the current page. @@ -60,7 +60,7 @@ export const Paged = (item: z.ZodType): z.ZodSchema> => z.object({ this: z.string(), first: z.string(), - next: z.string().optional(), + next: z.string().nullable(), count: z.number(), items: z.array(item), }); diff --git a/front/src/models/resources/show.ts b/front/src/models/resources/show.ts index 0d3b4e37..38e92ba4 100644 --- a/front/src/models/resources/show.ts +++ b/front/src/models/resources/show.ts @@ -22,6 +22,7 @@ import { z } from "zod"; import { zdate } from "~/utils/zod"; import { ImagesP, ResourceP } from "../traits"; import { GenreP } from "./genre"; +import { StudioP } from "./studio"; /** * The enum containing show's status. @@ -58,7 +59,7 @@ export const ShowP = z.preprocess( /** * The date this show started airing. It can be null if this is unknown. */ - startAir: zdate().optional(), + startAir: zdate().nullable(), /** * The date this show finished airing. It can also be null if this is unknown. */ @@ -67,6 +68,10 @@ export const ShowP = z.preprocess( * The list of genres (themes) this show has. */ genres: z.array(GenreP).optional(), + /** + * The studio that made this show. + */ + studio: StudioP.optional(), }), ); diff --git a/front/src/models/resources/studio.ts b/front/src/models/resources/studio.ts new file mode 100644 index 00000000..ae29f283 --- /dev/null +++ b/front/src/models/resources/studio.ts @@ -0,0 +1,34 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +import { z } from "zod"; +import { ResourceP } from "../traits/resource"; + +export const StudioP = ResourceP.extend({ + /** + * The name of this studio. + */ + name: z.string(), +}); + +/** + * A studio that make shows. + */ +export type Studio = z.infer; diff --git a/front/src/models/traits/images.ts b/front/src/models/traits/images.ts index 228727ac..de3e0a25 100644 --- a/front/src/models/traits/images.ts +++ b/front/src/models/traits/images.ts @@ -28,33 +28,31 @@ export const ImagesP = z.object({ * be null. If the kyoo's instance is not capable of handling this kind of image for the specific * resource, this field won't be present. */ - poster: z.string().transform(imageFn).optional(), + poster: z.string().transform(imageFn).optional().nullable(), /** * An url to the thumbnail of this resource. If this resource does not have an image, the link * will be null. If the kyoo's instance is not capable of handling this kind of image for the * specific resource, this field won't be present. */ - thumbnail: z.string().transform(imageFn).optional(), + thumbnail: z.string().transform(imageFn).optional().nullable(), /** * An url to the logo of this resource. If this resource does not have an image, the link will be * null. If the kyoo's instance is not capable of handling this kind of image for the specific * resource, this field won't be present. */ - logo: z.string().transform(imageFn).optional(), + logo: z.string().transform(imageFn).optional().nullable(), /** * An url to the thumbnail of this resource. If this resource does not have an image, the link * will be null. If the kyoo's instance is not capable of handling this kind of image for the * specific resource, this field won't be present. */ - trailer: z.string().transform(imageFn).optional(), + trailer: z.string().transform(imageFn).optional().nullable(), }); /** * Base traits for items that has image resources. */ export type Images = z.infer; - -export const imageList = ["poster", "thumbnail", "logo", "trailer"]; diff --git a/front/src/models/utils.ts b/front/src/models/utils.ts new file mode 100644 index 00000000..a8a1cab1 --- /dev/null +++ b/front/src/models/utils.ts @@ -0,0 +1,26 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +export const getDisplayDate = (startAir: Date, endAir?: Date | null) => { + if (!endAir || startAir.getFullYear() === endAir.getFullYear()) { + return startAir.getFullYear(); + } + return startAir.getFullYear() + (endAir ? ` - ${endAir.getFullYear()}` : ""); +}; diff --git a/front/src/pages/_app.tsx b/front/src/pages/_app.tsx index a190bf8f..3afce30d 100755 --- a/front/src/pages/_app.tsx +++ b/front/src/pages/_app.tsx @@ -18,7 +18,7 @@ * along with Kyoo. If not, see . */ -import { useState } from "react"; +import React, { useState } from "react"; import appWithI18n from "next-translate/appWithI18n"; import { ThemeProvider } from "@mui/material"; import NextApp, { AppContext } from "next/app"; @@ -27,13 +27,18 @@ import { Hydrate, QueryClientProvider } from "react-query"; import { createQueryClient, fetchQuery, QueryIdentifier, QueryPage } from "~/utils/query"; import { defaultTheme } from "~/utils/themes/default-theme"; import { Navbar, NavbarQuery } from "~/components/navbar"; -import "../global.css"; import { Box } from "@mui/system"; +import superjson from "superjson"; + +// Simply silence a SSR warning (see https://github.com/facebook/react/issues/14927 for more details) +if (typeof window === "undefined") { + React.useLayoutEffect = React.useEffect; +} const AppWithNavbar = ({ children }: { children: JSX.Element }) => { return ( <> - + {/* */} {/* TODO: add an option to disable the navbar in the component */} {children} @@ -42,19 +47,27 @@ const AppWithNavbar = ({ children }: { children: JSX.Element }) => { const App = ({ Component, pageProps }: AppProps) => { const [queryClient] = useState(() => createQueryClient()); - const { queryState, ...props } = pageProps; + const { queryState, ...props } = superjson.deserialize(pageProps ?? {}); // TODO: tranform date string to date instances in the queryState return ( - - - - - - - - - + <> + + + + + + + + + + + ); }; @@ -67,7 +80,7 @@ App.getInitialProps = async (ctx: AppContext) => { urls.push(NavbarQuery); appProps.pageProps.queryState = await fetchQuery(urls); - return appProps; + return { pageProps: superjson.serialize(appProps.pageProps) }; }; // The as any is needed since appWithI18n as wrong type hints @@ -77,7 +90,7 @@ export default appWithI18n(App as any, { defaultLocale: "en", loader: false, pages: { - "*": ["common"], + "*": ["common", "browse"], }, loadLocaleFrom: (locale, namespace) => import(`../../locales/${locale}/${namespace}`).then((m) => m.default), diff --git a/front/src/pages/show/[slug].tsx b/front/src/pages/show/[slug].tsx index a706b1c3..e0ca6fdf 100644 --- a/front/src/pages/show/[slug].tsx +++ b/front/src/pages/show/[slug].tsx @@ -18,20 +18,228 @@ * along with Kyoo. If not, see . */ -import { Box, Typography } from "@mui/material"; +import { LocalMovies, PlayArrow } from "@mui/icons-material"; +import { + alpha, + Box, + Divider, + Fab, + IconButton, + Skeleton, + SxProps, + Tooltip, + Typography, + useTheme, +} from "@mui/material"; +import useTranslation from "next-translate/useTranslation"; +import Head from "next/head"; +import { Navbar } from "~/components/navbar"; import { Image, Poster } from "~/components/poster"; import { Show, ShowP } from "~/models"; import { QueryIdentifier, QueryPage, useFetch } from "~/utils/query"; +import { getDisplayDate } from "~/models/utils"; +import { useScroll } from "~/utils/hooks/use-scroll"; import { withRoute } from "~/utils/router"; +import { Container } from "~/components/container"; +import { makeTitle } from "~/utils/utils"; +import { Link } from "~/utils/link"; +import { Studio } from "~/models/resources/studio"; + +const StudioText = ({ + studio, + loading = false, + sx, +}: { + studio?: Studio; + loading?: boolean; + sx?: SxProps; +}) => { + const { t } = useTranslation("browse"); + + if (!loading && !studio) return null; + return ( + + {t("show.studio")}:{" "} + {loading ? ( + + ) : ( + {studio!.name} + )} + + ); +}; + +const ShowHeader = ({ data }: { data?: Show }) => { + /* const scroll = useScroll(); */ + const { t } = useTranslation("browse"); + console.log(data); + // TODO: tweek the navbar color with the theme. -const ShowHeader = (data: Show) => { return ( <> - - - - {data.name} - + {/* TODO: Add a shadow on navbar items */} + {/* TODO: Put the navbar outside of the scrollbox */} + + + + + + + + {data?.name ?? } + + {(!data || data.startAir) && ( + + {data != undefined ? ( + getDisplayDate(data.startAir!, data.endAir) + ) : ( + + )} + + )} + *": { m: ".3rem !important" } }}> + + + + + + + + + + + + + + {data?.logo && ( + + )} + + + + + + + + {t("show.genre")} + {": "} + {!data ? ( + + ) : data?.genres ? ( + data.genres.map((genre, i) => [ + i > 0 && ", ", + + {genre.name} + , + ]) + ) : ( + t("show.genre-none") + )} + + + + + + {data?.overview ?? [...Array(4)].map((_, i) => )} + + + + + + + {t("show.genre")} + + {!data || data.genres ? ( +
    + {(data ? data.genres! : [...Array(3)]).map((genre, i) => ( +
  • + + {genre ? ( + {genre.name} + ) : ( + + )} + +
    • + ))} +
+ ) : ( + {t("show.genre-none")} + )} + + ); }; @@ -40,19 +248,22 @@ const query = (slug: string): QueryIdentifier => ({ parser: ShowP, path: ["shows", slug], params: { - fields: ["genres"], + fields: ["genres", "studio"], }, }); const ShowDetails: QueryPage<{ slug: string }> = ({ slug }) => { const { data, error } = useFetch(query(slug)); - console.log("error", data); - if (!data) return

oups

; + if (error) return

oups

; return ( <> - + + {makeTitle(data?.name)} + + + ); }; diff --git a/front/src/styled-jsx.d.ts b/front/src/styled-jsx.d.ts new file mode 100644 index 00000000..58518fe7 --- /dev/null +++ b/front/src/styled-jsx.d.ts @@ -0,0 +1 @@ +/// diff --git a/front/src/utils/hooks/use-scroll.ts b/front/src/utils/hooks/use-scroll.ts new file mode 100644 index 00000000..a67c7935 --- /dev/null +++ b/front/src/utils/hooks/use-scroll.ts @@ -0,0 +1,35 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +import { useState, useEffect } from "react"; + +export const useScroll = () => { + const [scroll, setScroll] = useState(0); + + const scrollHandler = () => { + setScroll(window.scrollY); + }; + + useEffect(() => { + window.addEventListener("scroll", scrollHandler); + return () => window.removeEventListener("scroll", scrollHandler); + }, []); + return scroll; +}; diff --git a/front/src/utils/link.tsx b/front/src/utils/link.tsx index 00b2542c..502dd6b4 100644 --- a/front/src/utils/link.tsx +++ b/front/src/utils/link.tsx @@ -18,7 +18,7 @@ * along with Kyoo. If not, see . */ -import React, { forwardRef, Ref } from "react"; +import { forwardRef, Ref } from "react"; import NLink, { LinkProps as NLinkProps} from "next/link"; import { Button as MButton, ButtonProps, Link as MLink, LinkProps as MLinkProps} from "@mui/material"; diff --git a/front/src/utils/query.ts b/front/src/utils/query.ts index ca7c0d57..03343ecf 100644 --- a/front/src/utils/query.ts +++ b/front/src/utils/query.ts @@ -27,7 +27,7 @@ import { useQuery, } from "react-query"; import { z } from "zod"; -import { imageList, KyooErrors, Page } from "~/models"; +import { KyooErrors, Page } from "~/models"; import { Paged } from "~/models/page"; const queryFn = async ( diff --git a/front/src/utils/themes/default-theme.ts b/front/src/utils/themes/default-theme.ts index 2333db7c..6da158dd 100644 --- a/front/src/utils/themes/default-theme.ts +++ b/front/src/utils/themes/default-theme.ts @@ -18,14 +18,26 @@ * along with Kyoo. If not, see . */ -import { createTheme } from "@mui/material"; +import { createTheme, responsiveFontSizes } from "@mui/material"; -export const defaultTheme = createTheme({ - components: { - MuiSkeleton: { - defaultProps: { - animation: "wave", +export const defaultTheme = responsiveFontSizes( + createTheme({ + components: { + MuiSkeleton: { + defaultProps: { + animation: "wave", + }, + }, + Poster: { + defaultProps: { + radius: "1%", + }, + }, + MuiLink: { + defaultProps: { + underline: "hover", + }, }, }, - }, -}); + }), +); diff --git a/front/src/utils/utils.ts b/front/src/utils/utils.ts new file mode 100644 index 00000000..f09061f4 --- /dev/null +++ b/front/src/utils/utils.ts @@ -0,0 +1,23 @@ +/* + * Kyoo - A portable and vast media library solution. + * Copyright (c) Kyoo. + * + * See AUTHORS.md and LICENSE file in the project root for full license information. + * + * Kyoo is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * any later version. + * + * Kyoo is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with Kyoo. If not, see . + */ + +export const makeTitle = (title?: string) => { + return title ? `${title} - Kyoo` : "Kyoo"; +}; diff --git a/front/src/utils/zod.ts b/front/src/utils/zod.ts index 58881d91..ebcca5df 100644 --- a/front/src/utils/zod.ts +++ b/front/src/utils/zod.ts @@ -24,7 +24,7 @@ export const zdate = () => { return z.preprocess((arg) => { if (arg instanceof Date) return arg; - if (typeof arg === "string" && /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z/.test(arg)) { + if (typeof arg === "string" && /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z?/.test(arg)) { return new Date(arg); } diff --git a/front/yarn.lock b/front/yarn.lock index a2343720..40e8b0f0 100644 --- a/front/yarn.lock +++ b/front/yarn.lock @@ -767,6 +767,13 @@ convert-source-map@^1.5.0: dependencies: safe-buffer "~5.1.1" +copy-anything@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-3.0.2.tgz#7189171ff5e1893b2287e8bf574b8cd448ed50b1" + integrity sha512-CzATjGXzUQ0EvuvgOCI6A4BGOo2bcVx8B+eC2nF862iv9fopnPQwlrbACakNCHRIJbCSBj+J/9JeDf60k64MkA== + dependencies: + is-what "^4.1.6" + core-js-pure@^3.20.2: version "3.23.4" resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.23.4.tgz#aba5c7fb297063444f6bf93afb0362151679a012" @@ -1385,7 +1392,7 @@ has@^1.0.3: dependencies: function-bind "^1.1.1" -hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2: +hoist-non-react-statics@^3.3.1: version "3.3.2" resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45" integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw== @@ -1536,6 +1543,11 @@ is-weakref@^1.0.2: dependencies: call-bind "^1.0.2" +is-what@^4.1.6: + version "4.1.7" + resolved "https://registry.yarnpkg.com/is-what/-/is-what-4.1.7.tgz#c41dc1d2d2d6a9285c624c2505f61849c8b1f9cc" + integrity sha512-DBVOQNiPKnGMxRMLIYSwERAS5MVY1B7xYiGnpgctsOFvVDz9f9PFXXxMcTOHuoqYp4NK9qFYQaIC1NRRxLMpBQ== + isexe@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10" @@ -1938,13 +1950,6 @@ natural-compare@^1.4.0: resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7" integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw== -next-superjson-plugin@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/next-superjson-plugin/-/next-superjson-plugin-0.3.0.tgz#81145f275c1e555be68867c104cc21113f96c675" - integrity sha512-M0Soj1P2t9peCyzNndEJiS48O2m88X9UGsCXDy8WHyGwWw1S7eCOEg9MiMqR+X1GD5C3hsdtHKMsKqrZOzr+SQ== - dependencies: - hoist-non-react-statics "^3.3.2" - next-translate@^1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/next-translate/-/next-translate-1.5.0.tgz#b1e5c4a8e55e31b3ed1b9428529f27c289c6b7bc" @@ -2416,6 +2421,13 @@ stylis@4.0.13: resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.13.tgz#f5db332e376d13cc84ecfe5dace9a2a51d954c91" integrity sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag== +superjson@^1.9.1: + version "1.9.1" + resolved "https://registry.yarnpkg.com/superjson/-/superjson-1.9.1.tgz#e23bd2e8cf0f4ade131d6d769754cac7eaa8ab34" + integrity sha512-oT3HA2nPKlU1+5taFgz/HDy+GEaY+CWEbLzaRJVD4gZ7zMVVC4GDNFdgvAZt6/VuIk6D2R7RtPAiCHwmdzlMmg== + dependencies: + copy-anything "^3.0.2" + supports-color@^5.3.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"