json-render/examples/remotion/lib/catalog.ts

import { defineCatalog } from "@json-render/core";
import {
  schema,
  standardComponentDefinitions,
  standardTransitionDefinitions,
  standardEffectDefinitions,
} from "@json-render/remotion/server";

/**
 * Remotion video catalog
 *
 * Uses standard definitions from @json-render/remotion,
 * with the ability to add custom components.
 *
 * @example Adding a custom component:
 * ```ts
 * components: {
 *   ...standardComponentDefinitions,
 *   MyCustomComponent: {
 *     props: z.object({ ... }),
 *     type: "scene",
 *     defaultDuration: 90,
 *     description: "My custom component",
 *   },
 * },
 * ```
 */
export const videoCatalog = defineCatalog(schema, {
  // Use all standard components from the package
  components: standardComponentDefinitions,

  // Use all standard transitions from the package
  transitions: standardTransitionDefinitions,

  // Use all standard effects from the package
  effects: standardEffectDefinitions,
});