design tweaks and categories

src/state/queries/tenor.ts

@@ -4,6 +4,7 @@ import {keepPreviousData, useInfiniteQuery} from '@tanstack/react-query'
 
 import {GIF_FEATURED, GIF_SEARCH} from '#/lib/constants'
 import {logger} from '#/logger'
+import {type ContentFormats, type Gif} from '#/state/queries/gif'
 
 export const RQKEY_ROOT = 'gif-service'
 export const RQKEY_FEATURED = [RQKEY_ROOT, 'featured']
@@ -102,117 +103,3 @@ export function tenorUrlToBskyGifUrl(tenorUrl: string) {
   url.hostname = 't.gifs.bsky.app'
   return url.href
 }
-
-/**
- * Returns the appropriate URL for a GIF preview image.
- * Tenor URLs (media.tenor.com) are routed through t.gifs.bsky.app;
- * KLIPY URLs (static.klipy.com) are routed through k.gifs.bsky.app.
- */
-export function gifPreviewUrl(gifUrl: string) {
-  try {
-    const url = new URL(gifUrl)
-    if (url.hostname === 'media.tenor.com') {
-      url.hostname = 't.gifs.bsky.app'
-      return url.href
-    }
-    if (url.hostname === 'static.klipy.com') {
-      url.hostname = 'k.gifs.bsky.app'
-      return url.href
-    }
-    return gifUrl
-  } catch (e) {
-    logger.debug('invalid url passed to gifPreviewUrl()')
-    return ''
-  }
-}
-
-export type Gif = {
-  /**
-   * A Unix timestamp that represents when this post was created.
-   */
-  created: number
-  /**
-   * Returns true if this post contains audio.
-   * Note: Only video formats support audio. The GIF image file format can't contain audio information.
-   */
-  hasaudio: boolean
-  /**
-   * Tenor result identifier
-   */
-  id: string
-  /**
-   * A dictionary with a content format as the key and a Media Object as the value.
-   */
-  media_formats: Record<BaseContentFormats, MediaObject> &
-    Partial<Record<VideoContentFormats, MediaObject>>
-  /**
-   * An array of tags for the post
-   */
-  tags: string[]
-  /**
-   * The title of the post
-   */
-  title: string
-  /**
-   * A textual description of the content.
-   * We recommend that you use content_description for user accessibility features.
-   */
-  content_description: string
-  /**
-   * The full URL to view the post on tenor.com.
-   */
-  itemurl: string
-  /**
-   * Returns true if this post contains captions.
-   */
-  hascaption: boolean
-  /**
-   * Comma-separated list to signify whether the content is a sticker or static image, has audio, or is any combination of these. If sticker and static aren't present, then the content is a GIF. A blank flags field signifies a GIF without audio.
-   */
-  flags: string
-  /**
-   * The most common background pixel color of the content
-   */
-  bg_color?: string
-  /**
-   * A short URL to view the post on tenor.com.
-   */
-  url: string
-}
-
-type MediaObject = {
-  /**
-   * A URL to the media source
-   */
-  url: string
-  /**
-   * Width and height of the media in pixels
-   */
-  dims: [number, number]
-  /**
-   * Represents the time in seconds for one loop of the content. If the content is static, the duration is set to 0.
-   */
-  duration: number
-  /**
-   * Size of the file in bytes
-   */
-  size: number
-}
-
-type BaseContentFormats =
-  | 'preview'
-  | 'gif'
-  // | 'mediumgif'
-  | 'tinygif'
-// | 'nanogif'
-
-type VideoContentFormats =
-  | 'mp4'
-  // | 'loopedmp4'
-  // | 'tinymp4'
-  // | 'nanomp4'
-  | 'webm'
-// | 'tinywebm'
-// | 'nanowebm'
-
-type ContentFormats = BaseContentFormats | VideoContentFormats