@farcaster/snap 1.3.0 → 1.3.1

package/dist/constants.d.ts

@@ -4,7 +4,6 @@ export declare const MEDIA_TYPE: "application/vnd.farcaster.snap+json";
 export declare const LIMITS: {
     readonly maxElementsPerPage: 5;
     readonly maxButtonsPerPage: 4;
-    readonly maxVideoDurationSeconds: 30;
     readonly maxTextInputChars: 280;
     readonly maxListItems: 4;
     readonly minListItems: 1;
@@ -33,7 +32,6 @@ export declare const TEXT_STYLE: {
 export declare const TEXT_STYLE_VALUES: readonly ["title", "body", "caption", "label"];
 export declare const TEXT_ALIGN_VALUES: readonly ["left", "center", "right"];
 export declare const IMAGE_ASPECT_VALUES: readonly ["1:1", "16:9", "4:3", "3:4", "9:16"];
-export declare const VIDEO_ASPECT_VALUES: readonly ["1:1", "16:9", "9:16"];
 export declare const SPACER_SIZE: {
     readonly small: "small";
     readonly medium: "medium";
@@ -103,7 +101,6 @@ export declare const PAGE_ROOT_TYPE: {
 export declare const ELEMENT_TYPE: {
     readonly text: "text";
     readonly image: "image";
-    readonly video: "video";
     readonly divider: "divider";
     readonly spacer: "spacer";
     readonly progress: "progress";

package/dist/constants.js

@@ -4,7 +4,6 @@ export const MEDIA_TYPE = "application/vnd.farcaster.snap+json";
 export const LIMITS = {
     maxElementsPerPage: 5,
     maxButtonsPerPage: 4,
-    maxVideoDurationSeconds: 30,
     maxTextInputChars: 280,
     maxListItems: 4,
     minListItems: 1,
@@ -44,7 +43,6 @@ export const IMAGE_ASPECT_VALUES = [
     "3:4",
     "9:16",
 ];
-export const VIDEO_ASPECT_VALUES = ["1:1", "16:9", "9:16"];
 export const SPACER_SIZE = {
     small: "small",
     medium: "medium",
@@ -162,7 +160,6 @@ export const PAGE_ROOT_TYPE = {
 export const ELEMENT_TYPE = {
     text: "text",
     image: "image",
-    video: "video",
     divider: "divider",
     spacer: "spacer",
     progress: "progress",
@@ -191,7 +188,6 @@ export const SLIDER_STEP_ALIGN_EPS = 1e-6;
 export const DEFAULT_SLIDER_STEP = 1;
 export const MEDIA_ELEMENT_TYPES = [
     ELEMENT_TYPE.image,
-    ELEMENT_TYPE.video,
     ELEMENT_TYPE.grid,
 ];
 export const INTERACTIVE_ELEMENT_TYPES = [

package/dist/schemas.d.ts

@@ -39,16 +39,6 @@ declare const elementSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
         "9:16": "9:16";
     }>;
     alt: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"video">;
-    url: z.ZodString;
-    aspect: z.ZodEnum<{
-        "1:1": "1:1";
-        "16:9": "16:9";
-        "9:16": "9:16";
-    }>;
-    maxDuration: z.ZodOptional<z.ZodNumber>;
-    alt: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>, z.ZodObject<{
     type: z.ZodLiteral<"divider">;
 }, z.core.$strip>, z.ZodObject<{
@@ -363,16 +353,6 @@ declare const elementsSchema: z.ZodObject<{
             "9:16": "9:16";
         }>;
         alt: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>, z.ZodObject<{
-        type: z.ZodLiteral<"video">;
-        url: z.ZodString;
-        aspect: z.ZodEnum<{
-            "1:1": "1:1";
-            "16:9": "16:9";
-            "9:16": "9:16";
-        }>;
-        maxDuration: z.ZodOptional<z.ZodNumber>;
-        alt: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>, z.ZodObject<{
         type: z.ZodLiteral<"divider">;
     }, z.core.$strip>, z.ZodObject<{
@@ -714,16 +694,6 @@ export declare const rootSchema: z.ZodObject<{
                     "9:16": "9:16";
                 }>;
                 alt: z.ZodOptional<z.ZodString>;
-            }, z.core.$strip>, z.ZodObject<{
-                type: z.ZodLiteral<"video">;
-                url: z.ZodString;
-                aspect: z.ZodEnum<{
-                    "1:1": "1:1";
-                    "16:9": "16:9";
-                    "9:16": "9:16";
-                }>;
-                maxDuration: z.ZodOptional<z.ZodNumber>;
-                alt: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>, z.ZodObject<{
                 type: z.ZodLiteral<"divider">;
             }, z.core.$strip>, z.ZodObject<{
@@ -1078,16 +1048,6 @@ export declare const firstPageRootSchema: z.ZodObject<{
                     "9:16": "9:16";
                 }>;
                 alt: z.ZodOptional<z.ZodString>;
-            }, z.core.$strip>, z.ZodObject<{
-                type: z.ZodLiteral<"video">;
-                url: z.ZodString;
-                aspect: z.ZodEnum<{
-                    "1:1": "1:1";
-                    "16:9": "16:9";
-                    "9:16": "9:16";
-                }>;
-                maxDuration: z.ZodOptional<z.ZodNumber>;
-                alt: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>, z.ZodObject<{
                 type: z.ZodLiteral<"divider">;
             }, z.core.$strip>, z.ZodObject<{

package/dist/schemas.js

@@ -1,5 +1,5 @@
 import { z } from "zod/v4";
-import { BAR_CHART_COLOR_VALUES, BUTTON_ACTION, BUTTON_ACTION_VALUES, BUTTON_GROUP_STYLE, BUTTON_GROUP_STYLE_VALUES, BUTTON_LAYOUT_VALUES, BUTTON_STYLE_VALUES, DEFAULT_BUTTON_LAYOUT, DEFAULT_LIST_STYLE, DEFAULT_SLIDER_STEP, DEFAULT_THEME_ACCENT, EFFECT_VALUES, ELEMENT_TYPE, GRID_CELL_SIZE_VALUES, GRID_GAP_VALUES, GROUP_LAYOUT_VALUES, HEX_COLOR_6_RE, HTTP_PREFIX, HTTPS_PREFIX, IMAGE_ASPECT_VALUES, INTERACTIVE_ELEMENT_TYPES, LIMITS, LIST_STYLE_VALUES, MEDIA_ELEMENT_TYPES, PAGE_ROOT_TYPE, PALETTE_COLOR_VALUES, PROGRESS_COLOR_VALUES, SLIDER_STEP_ALIGN_EPS, SPACER_SIZE, SPACER_SIZE_VALUES, SPEC_VERSION, TEXT_ALIGN_VALUES, TEXT_CONTENT_MAX, TEXT_STYLE, TEXT_STYLE_VALUES, VIDEO_ASPECT_VALUES, } from "./constants.js";
+import { BAR_CHART_COLOR_VALUES, BUTTON_ACTION, BUTTON_ACTION_VALUES, BUTTON_GROUP_STYLE, BUTTON_GROUP_STYLE_VALUES, BUTTON_LAYOUT_VALUES, BUTTON_STYLE_VALUES, DEFAULT_BUTTON_LAYOUT, DEFAULT_LIST_STYLE, DEFAULT_SLIDER_STEP, DEFAULT_THEME_ACCENT, EFFECT_VALUES, ELEMENT_TYPE, GRID_CELL_SIZE_VALUES, GRID_GAP_VALUES, GROUP_LAYOUT_VALUES, HEX_COLOR_6_RE, HTTP_PREFIX, HTTPS_PREFIX, IMAGE_ASPECT_VALUES, INTERACTIVE_ELEMENT_TYPES, LIMITS, LIST_STYLE_VALUES, MEDIA_ELEMENT_TYPES, PAGE_ROOT_TYPE, PALETTE_COLOR_VALUES, PROGRESS_COLOR_VALUES, SLIDER_STEP_ALIGN_EPS, SPACER_SIZE, SPACER_SIZE_VALUES, SPEC_VERSION, TEXT_ALIGN_VALUES, TEXT_CONTENT_MAX, TEXT_STYLE, TEXT_STYLE_VALUES, } from "./constants.js";
 /**
  * post/link/mini_app targets must be HTTPS in production; allow HTTP only for
  * loopback hosts so local snap servers (e.g. http://localhost:3014/snap) validate.
@@ -48,11 +48,6 @@ const imageUrlSchema = z
     .refine((s) => hasAllowedMediaExtension(s, ["jpg", "png", "gif", "webp"]), {
     message: "image URL must use HTTPS and end with a supported extension (.jpg, .png, .gif, .webp)",
 });
-const videoUrlSchema = z
-    .string()
-    .refine((s) => hasAllowedMediaExtension(s, ["mp4", "webm"]), {
-    message: "video URL must use HTTPS and end with a supported extension (.mp4, .webm)",
-});
 const textAlignSchema = z.enum(TEXT_ALIGN_VALUES);
 const textElementSchema = z
     .object({
@@ -77,13 +72,6 @@ const imageElementSchema = z.object({
     aspect: z.enum(IMAGE_ASPECT_VALUES),
     alt: z.string().optional(),
 });
-const videoElementSchema = z.object({
-    type: z.literal(ELEMENT_TYPE.video),
-    url: videoUrlSchema,
-    aspect: z.enum(VIDEO_ASPECT_VALUES),
-    maxDuration: z.number().max(LIMITS.maxVideoDurationSeconds).optional(),
-    alt: z.string().optional(),
-});
 const dividerElementSchema = z.object({
     type: z.literal(ELEMENT_TYPE.divider),
 });
@@ -357,7 +345,6 @@ const groupElementSchema = z.object({
 const elementSchema = z.discriminatedUnion("type", [
     textElementSchema,
     imageElementSchema,
-    videoElementSchema,
     dividerElementSchema,
     spacerElementSchema,
     progressElementSchema,
@@ -407,7 +394,7 @@ export const rootSchema = z
         if (mediaCount > 1) {
             ctx.addIssue({
                 code: "custom",
-                message: `cannot have more than 1 media element (image, video, or grid)`,
+                message: `cannot have more than 1 media element (image or grid)`,
                 path: ["elements", "children"],
             });
         }
@@ -431,7 +418,7 @@ export const firstPageRootSchema = rootSchema.superRefine((root, ctx) => {
     if (!hasInteractive && !hasMedia) {
         ctx.addIssue({
             code: "custom",
-            message: "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, video, grid)",
+            message: "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, grid)",
             path: ["page", "elements", "children"],
         });
     }

package/dist/validator.js

@@ -21,7 +21,6 @@ function estimateElementHeight(el) {
             return 48;
         }
         case ELEMENT_TYPE.image:
-        case ELEMENT_TYPE.video:
             return 180;
         case ELEMENT_TYPE.grid:
             return 180;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farcaster/snap",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Farcaster Snaps 🫰",
   "repository": {
     "type": "git",

package/src/constants.ts

@@ -7,7 +7,6 @@ export const MEDIA_TYPE = "application/vnd.farcaster.snap+json" as const;
 export const LIMITS = {
   maxElementsPerPage: 5,
   maxButtonsPerPage: 4,
-  maxVideoDurationSeconds: 30,
   maxTextInputChars: 280,
   maxListItems: 4,
   minListItems: 1,
@@ -50,7 +49,6 @@ export const IMAGE_ASPECT_VALUES = [
   "3:4",
   "9:16",
 ] as const;
-export const VIDEO_ASPECT_VALUES = ["1:1", "16:9", "9:16"] as const;
 
 export const SPACER_SIZE = {
   small: "small",
@@ -192,7 +190,6 @@ export const PAGE_ROOT_TYPE = {
 export const ELEMENT_TYPE = {
   text: "text",
   image: "image",
-  video: "video",
   divider: "divider",
   spacer: "spacer",
   progress: "progress",
@@ -229,7 +226,6 @@ export const DEFAULT_SLIDER_STEP = 1 as const;
 
 export const MEDIA_ELEMENT_TYPES = [
   ELEMENT_TYPE.image,
-  ELEMENT_TYPE.video,
   ELEMENT_TYPE.grid,
 ] as ElementType[];
 

package/src/schemas.ts

@@ -35,7 +35,6 @@ import {
   TEXT_CONTENT_MAX,
   TEXT_STYLE,
   TEXT_STYLE_VALUES,
-  VIDEO_ASPECT_VALUES,
 } from "./constants";
 
 /**
@@ -94,13 +93,6 @@ const imageUrlSchema = z
       "image URL must use HTTPS and end with a supported extension (.jpg, .png, .gif, .webp)",
   });
 
-const videoUrlSchema = z
-  .string()
-  .refine((s) => hasAllowedMediaExtension(s, ["mp4", "webm"]), {
-    message:
-      "video URL must use HTTPS and end with a supported extension (.mp4, .webm)",
-  });
-
 const textAlignSchema = z.enum(TEXT_ALIGN_VALUES);
 
 const textElementSchema = z
@@ -128,14 +120,6 @@ const imageElementSchema = z.object({
   alt: z.string().optional(),
 });
 
-const videoElementSchema = z.object({
-  type: z.literal(ELEMENT_TYPE.video),
-  url: videoUrlSchema,
-  aspect: z.enum(VIDEO_ASPECT_VALUES),
-  maxDuration: z.number().max(LIMITS.maxVideoDurationSeconds).optional(),
-  alt: z.string().optional(),
-});
-
 const dividerElementSchema = z.object({
   type: z.literal(ELEMENT_TYPE.divider),
 });
@@ -434,7 +418,6 @@ const groupElementSchema = z.object({
 const elementSchema = z.discriminatedUnion("type", [
   textElementSchema,
   imageElementSchema,
-  videoElementSchema,
   dividerElementSchema,
   spacerElementSchema,
   progressElementSchema,
@@ -490,7 +473,7 @@ export const rootSchema = z
         if (mediaCount > 1) {
           ctx.addIssue({
             code: "custom",
-            message: `cannot have more than 1 media element (image, video, or grid)`,
+            message: `cannot have more than 1 media element (image or grid)`,
             path: ["elements", "children"],
           });
         }
@@ -524,7 +507,7 @@ export const firstPageRootSchema = rootSchema.superRefine((root, ctx) => {
     ctx.addIssue({
       code: "custom",
       message:
-        "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, video, grid)",
+        "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, grid)",
       path: ["page", "elements", "children"],
     });
   }

package/src/validator.ts

@@ -39,7 +39,6 @@ function estimateElementHeight(el: Element): number {
       return 48;
     }
     case ELEMENT_TYPE.image:
-    case ELEMENT_TYPE.video:
       return 180;
     case ELEMENT_TYPE.grid:
       return 180;