🟣 Release 4.15.1

Merge pull request #5913 from WRadoslaw/release/4.15.1

CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.15.1] - 2024-02-22
+
+## Added
+
+- Page for curators
+- Video preloading for homepage and video view
+
+### Fixed
+
+- Failing guest auth request in certain scenarios
+- Asset URL is now properly cached
+
+### Changed
+
+- Storage operator blacklisting logic on asset upload
+
 ## [4.15.0] - 2024-02-09
 
 ## Added

packages/atlas/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@joystream/atlas",
   "description": "UI for consuming Joystream - a user governed video platform",
-  "version": "4.15.0",
+  "version": "4.15.1",
   "license": "GPL-3.0",
   "scripts": {
     "start": "vite",

packages/atlas/src/api/queries/fragments.graphql

@@ -162,6 +162,14 @@ fragment BasicVideoFields on Video {
   duration
   reactionsCount
   commentsCount
+  media {
+    id
+    isAccepted
+    storageBag {
+      id
+    }
+    resolvedUrls
+  }
   channel {
     ...BasicChannelFields
   }

packages/atlas/src/components/_auth/SignUpModal/SignUpModal.tsx

@@ -65,7 +65,10 @@ export const SignUpModal = () => {
   const setYppModalOpenName = useYppStore((state) => state.actions.setYppModalOpenName)
   const setYtResponseData = useYppStore((state) => state.actions.setYtResponseData)
   const referrerChannelId = useYppStore((state) => state.referrerId)
-  const { anonymousUserId } = useAuthStore()
+  const {
+    anonymousUserId,
+    actions: { setAnonymousUserId },
+  } = useAuthStore()
   const { displaySnackbar } = useSnackbar()
 
   const { generateUniqueMemberHandleBasedOnInput } = useUniqueMemberHandle()
@@ -141,8 +144,16 @@ export const SignUpModal = () => {
         if (error === RegisterError.SessionRequired) {
           if (!haveTriedCreateSession.current) {
             haveTriedCreateSession.current = true
-            handleAnonymousAuth(anonymousUserId).then(() => {
-              handleOrionAccountCreation()
+            const anonymousReq = (id: string | null) =>
+              handleAnonymousAuth(id).then((userId) => {
+                setAnonymousUserId(userId ?? null)
+                handleOrionAccountCreation()
+              })
+            anonymousReq(anonymousUserId).catch((e) => {
+              if (e.response.status === 401) {
+                setAnonymousUserId(null)
+                anonymousReq(null)
+              }
             })
           } else {
             displaySnackbar({
@@ -176,6 +187,7 @@ export const SignUpModal = () => {
     goToNextStep,
     goToStep,
     referrerChannelId,
+    setAnonymousUserId,
     setAuthModalOpenName,
     setYppModalOpenName,
     setYtResponseData,

packages/atlas/src/components/_video/VideoTileViewer/VideoTileViewer.tsx

@@ -6,6 +6,7 @@ import { SvgActionLinkUrl, SvgIllustrativePlay } from '@/assets/icons'
 import { Pill } from '@/components/Pill'
 import { absoluteRoutes } from '@/config/routes'
 import { useClipboard } from '@/hooks/useClipboard'
+import { useVideoPreload } from '@/hooks/useVideoPreload'
 import { useVideoTileSharedLogic } from '@/hooks/useVideoTileSharedLogic'
 import { SentryLogger } from '@/utils/logs'
 import { formatDurationShort } from '@/utils/time'
@@ -19,15 +20,24 @@ type VideoTileViewerProps = {
   detailsVariant?: VideoDetailsVariant
   direction?: 'vertical' | 'horizontal'
   className?: string
+  prefetch?: boolean
 }
 
-export const VideoTileViewer: FC<VideoTileViewerProps> = ({ id, onClick, detailsVariant, direction, className }) => {
+export const VideoTileViewer: FC<VideoTileViewerProps> = ({
+  id,
+  onClick,
+  prefetch,
+  detailsVariant,
+  direction,
+  className,
+}) => {
   const navigate = useNavigate()
   const { video, loading } = useBasicVideo(id ?? '', {
     skip: !id,
     onError: (error) => SentryLogger.error('Failed to fetch video', 'VideoTile', error, { video: { id } }),
   })
   const { copyToClipboard } = useClipboard()
+  useVideoPreload(prefetch ? video?.media?.resolvedUrls : undefined)
 
   const { avatarPhotoUrls, isLoadingAvatar, isLoadingThumbnail, thumbnailPhotoUrls, videoHref } =
     useVideoTileSharedLogic(video)

packages/atlas/src/config/contentFilter.ts

@@ -1,5 +1,4 @@
 import { ChannelWhereInput, VideoWhereInput } from '@/api/queries/__generated__/baseTypes.generated'
-import { atlasConfig } from '@/config/config'
 
 export const publicChannelFilter: ChannelWhereInput = {
   isCensored_eq: false,
@@ -17,15 +16,12 @@ export const cancelledVideoFilter: VideoWhereInput = {
   },
 }
 
-const browserLanguage = navigator.language.split('-')[0]
+const browserLanguage = navigator.language?.split('-')[0]
 
 export const publicCryptoVideoFilter: VideoWhereInput = {
   isPublic_eq: true,
   isCensored_eq: false,
   orionLanguage_in: [...(browserLanguage ? [browserLanguage] : []), 'en'],
-  category: {
-    id_in: atlasConfig.content.categories.map((category) => category.videoCategories).flat(),
-  },
   media: {
     isAccepted_eq: true,
   },

packages/atlas/src/config/routes.ts

@@ -27,6 +27,7 @@ export const relativeRoutes = {
     video: (id = ':id') => `video/${id}`,
   },
   viewer: {
+    curatorView: () => 'curator-view',
     index: () => '',
     signin: () => 'signin',
     discover: () => 'discover',

packages/atlas/src/embedded/App.tsx

@@ -34,8 +34,16 @@ const AnonymousEmbeddedProvider = ({ children }: PropsWithChildren) => {
     const init = async () => {
       const { data } = await lazyCurrentAccountQuery()
       if (!data) {
-        handleAnonymousAuth(anonymousUserId).then((userId) => {
-          setAnonymousUserId(userId ?? null)
+        const anonymousReq = (id: string | null) =>
+          handleAnonymousAuth(id).then((userId) => {
+            setAnonymousUserId(userId ?? null)
+          })
+
+        anonymousReq(anonymousUserId).catch((e) => {
+          if (e.response.status === 401) {
+            setAnonymousUserId(null)
+            anonymousReq(null)
+          }
         })
         return
       }