<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a new layout option for the TextInput component. - Added support for GUMLET and TIKTOK video content types in VideoBubbleContent. - Enhanced VideoUploadContent to handle new properties like aspectRatio and maxWidth. - Updated VideoBubble to include aspect-ratio and max-width styles based on content properties. - **Refactor** - Changed the extension used for internationalization (i18n) in the VS Code environment. - Modified how environment variables are accessed in tolgee.tsx. - Updated parseVideoUrl function to include a new property videoSizeSuggestion. - **Chores** - Updated the tolgeeEnv object in env.ts and added a new optional parameter to the getRuntimeVariable function. - Expanded video handling capabilities by introducing new video content types and associated regular expressions. <!-- end of auto-generated comment: release notes by coderabbit.ai --> Closes #978 #936 #926
28 lines
886 B
TypeScript
28 lines
886 B
TypeScript
import { z } from 'zod'
|
|
import { blockBaseSchema } from '../../shared'
|
|
import { VideoBubbleContentType } from './constants'
|
|
import { variableStringSchema } from '../../../utils'
|
|
import { BubbleBlockType } from '../constants'
|
|
|
|
export const videoBubbleContentSchema = z.object({
|
|
url: z.string().optional(),
|
|
id: z.string().optional(),
|
|
type: z.nativeEnum(VideoBubbleContentType).optional(),
|
|
height: z.number().or(variableStringSchema).optional(),
|
|
aspectRatio: z.string().optional(),
|
|
maxWidth: z.string().optional(),
|
|
})
|
|
|
|
export const videoBubbleBlockSchema = blockBaseSchema.merge(
|
|
z.object({
|
|
type: z.enum([BubbleBlockType.VIDEO]),
|
|
content: videoBubbleContentSchema.optional(),
|
|
})
|
|
)
|
|
|
|
export type VideoBubbleBlock = z.infer<typeof videoBubbleBlockSchema>
|
|
export type EmbeddableVideoBubbleContentType = Exclude<
|
|
VideoBubbleContentType,
|
|
VideoBubbleContentType.URL
|
|
>
|