payload-plugin-decks 1.0.0

package/dist/components/decks/SnapContainer.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
+import './styles.css';
+import { useDecksSnap } from './useDecksSnap.js';
+const emptySubscribe = ()=>()=>{};
+export const SnapContainer = ({ children })=>{
+    const isClient = useSyncExternalStore(emptySubscribe, ()=>true, ()=>false);
+    const { closeSnap, containerRef, isCursorActive, isSnapped } = useDecksSnap({
+        isClient
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            isSnapped && /*#__PURE__*/ _jsx("div", {
+                "aria-hidden": "true",
+                className: "decks-overlay",
+                onClick: closeSnap
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `decks-wrapper ${isSnapped ? 'decks-snapped' : ''}`,
+                ref: containerRef,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "decks-container",
+                        children: children
+                    }),
+                    isSnapped && /*#__PURE__*/ _jsx("button", {
+                        "aria-label": "Close fullscreen video",
+                        className: `decks-close ${isCursorActive ? 'decks-close-visible' : ''}`,
+                        onClick: closeSnap,
+                        type: "button",
+                        children: /*#__PURE__*/ _jsxs("svg", {
+                            fill: "none",
+                            height: "24",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            viewBox: "0 0 24 24",
+                            width: "24",
+                            children: [
+                                /*#__PURE__*/ _jsx("line", {
+                                    x1: "18",
+                                    x2: "6",
+                                    y1: "6",
+                                    y2: "18"
+                                }),
+                                /*#__PURE__*/ _jsx("line", {
+                                    x1: "6",
+                                    x2: "18",
+                                    y1: "6",
+                                    y2: "18"
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=SnapContainer.js.map

package/dist/components/decks/SnapContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/decks/SnapContainer.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactNode } from 'react'\n\nimport { useSyncExternalStore } from 'react'\n\nimport './styles.css'\nimport { useDecksSnap } from './useDecksSnap.js'\n\nconst emptySubscribe = () => () => {}\n\nexport interface SnapContainerProps {\n  children: ReactNode\n}\n\nexport const SnapContainer = ({ children }: SnapContainerProps) => {\n  const isClient = useSyncExternalStore(\n    emptySubscribe,\n    () => true,\n    () => false,\n  )\n  const { closeSnap, containerRef, isCursorActive, isSnapped } = useDecksSnap({\n    isClient,\n  })\n\n  return (\n    <>\n      {isSnapped && (\n        <div aria-hidden=\"true\" className=\"decks-overlay\" onClick={closeSnap} />\n      )}\n\n      <div\n        className={`decks-wrapper ${isSnapped ? 'decks-snapped' : ''}`}\n        ref={containerRef}\n      >\n        <div className=\"decks-container\">\n          {children}\n        </div>\n\n        {isSnapped && (\n          <button\n            aria-label=\"Close fullscreen video\"\n            className={`decks-close ${\n              isCursorActive ? 'decks-close-visible' : ''\n            }`}\n            onClick={closeSnap}\n            type=\"button\"\n          >\n            <svg\n              fill=\"none\"\n              height=\"24\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              viewBox=\"0 0 24 24\"\n              width=\"24\"\n            >\n              <line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\" />\n              <line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\" />\n            </svg>\n          </button>\n        )}\n      </div>\n    </>\n  )\n}\n"],"names":["useSyncExternalStore","useDecksSnap","emptySubscribe","SnapContainer","children","isClient","closeSnap","containerRef","isCursorActive","isSnapped","div","aria-hidden","className","onClick","ref","button","aria-label","type","svg","fill","height","stroke","strokeWidth","viewBox","width","line","x1","x2","y1","y2"],"mappings":"AAAA;;AAIA,SAASA,oBAAoB,QAAQ,QAAO;AAE5C,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,oBAAmB;AAEhD,MAAMC,iBAAiB,IAAM,KAAO;AAMpC,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,QAAQ,EAAsB;IAC5D,MAAMC,WAAWL,qBACfE,gBACA,IAAM,MACN,IAAM;IAER,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,cAAc,EAAEC,SAAS,EAAE,GAAGR,aAAa;QAC1EI;IACF;IAEA,qBACE;;YACGI,2BACC,KAACC;gBAAIC,eAAY;gBAAOC,WAAU;gBAAgBC,SAASP;;0BAG7D,MAACI;gBACCE,WAAW,CAAC,cAAc,EAAEH,YAAY,kBAAkB,IAAI;gBAC9DK,KAAKP;;kCAEL,KAACG;wBAAIE,WAAU;kCACZR;;oBAGFK,2BACC,KAACM;wBACCC,cAAW;wBACXJ,WAAW,CAAC,YAAY,EACtBJ,iBAAiB,wBAAwB,IACzC;wBACFK,SAASP;wBACTW,MAAK;kCAEL,cAAA,MAACC;4BACCC,MAAK;4BACLC,QAAO;4BACPC,QAAO;4BACPC,aAAY;4BACZC,SAAQ;4BACRC,OAAM;;8CAEN,KAACC;oCAAKC,IAAG;oCAAKC,IAAG;oCAAIC,IAAG;oCAAIC,IAAG;;8CAC/B,KAACJ;oCAAKC,IAAG;oCAAIC,IAAG;oCAAKC,IAAG;oCAAIC,IAAG;;;;;;;;;AAO7C,EAAC"}

package/dist/components/decks/styles.css

@@ -0,0 +1,167 @@
+.decks-wrapper {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  margin-left: calc(-50vw + 50%);
+  margin-right: calc(-50vw + 50%);
+  scroll-snap-align: center;
+  scroll-snap-stop: always;
+}
+
+.decks-snapped {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  z-index: 9999;
+}
+
+.decks-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: #000;
+}
+
+.decks-container * {
+  max-width: unset;
+}
+
+.decks-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.95);
+  z-index: 9998;
+  cursor: pointer;
+  animation: decks-fade-in 0.3s ease-out;
+}
+
+@keyframes decks-fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.decks-close {
+  position: absolute;
+  top: 1.5rem;
+  right: 1.5rem;
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.6);
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  color: #fff;
+  cursor: pointer;
+  z-index: 10000;
+  backdrop-filter: blur(4px);
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(0.9);
+  transition:
+    opacity 0.3s ease,
+    transform 0.3s ease,
+    background-color 0.2s ease,
+    border-color 0.2s ease;
+}
+
+.decks-close-visible {
+  opacity: 1;
+  pointer-events: auto;
+  transform: scale(1);
+}
+
+.decks-close-visible:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+  border-color: rgba(255, 255, 255, 0.6);
+  transform: scale(1.1);
+}
+
+.decks-close:focus {
+  opacity: 1;
+  pointer-events: auto;
+  transform: scale(1);
+  outline: 2px solid #fff;
+  outline-offset: 2px;
+}
+
+.decks-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+}
+
+.decks-spinner {
+  width: 48px;
+  height: 48px;
+  border: 4px solid rgba(255, 255, 255, 0.2);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: decks-spin 1s linear infinite;
+}
+
+@keyframes decks-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.decks-error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: #1a1a1a;
+  color: #ff6b6b;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (max-width: 768px) {
+  .decks-wrapper:not(.decks-snapped) {
+    height: 60vh;
+    min-height: 400px;
+  }
+
+  .decks-close {
+    top: 1rem;
+    right: 1rem;
+    width: 40px;
+    height: 40px;
+  }
+}
+
+@media (max-width: 480px) {
+  .decks-wrapper:not(.decks-snapped) {
+    height: 50vh;
+    min-height: 300px;
+  }
+
+  .decks-close {
+    width: 36px;
+    height: 36px;
+  }
+
+  .decks-close svg {
+    width: 18px;
+    height: 18px;
+  }
+}

package/dist/components/decks/useDecksSnap.d.ts

@@ -0,0 +1,8 @@
+export declare const useDecksSnap: ({ isClient }: {
+    isClient: boolean;
+}) => {
+    closeSnap: () => void;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    isCursorActive: boolean;
+    isSnapped: boolean;
+};

package/dist/components/decks/useDecksSnap.js

@@ -0,0 +1,101 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const CURSOR_HIDE_DELAY = 2000;
+export const useDecksSnap = ({ isClient })=>{
+    const [isSnapped, setIsSnapped] = useState(false);
+    const [isCursorActive, setIsCursorActive] = useState(false);
+    const containerRef = useRef(null);
+    const cursorTimeoutRef = useRef(null);
+    useEffect(()=>{
+        if (!isClient || !containerRef.current) {
+            return;
+        }
+        const observer = new IntersectionObserver((entries)=>{
+            entries.forEach((entry)=>{
+                if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+                    setIsSnapped(true);
+                    containerRef.current?.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center'
+                    });
+                }
+            });
+        }, {
+            rootMargin: '-10% 0px -10% 0px',
+            threshold: [
+                0.5
+            ]
+        });
+        observer.observe(containerRef.current);
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        isClient
+    ]);
+    useEffect(()=>{
+        if (!isSnapped) {
+            return;
+        }
+        const handleKeyDown = (event)=>{
+            if (event.key === 'Escape') {
+                setIsSnapped(false);
+            }
+        };
+        const handleScroll = ()=>{
+            if (!containerRef.current) {
+                return;
+            }
+            const rect = containerRef.current.getBoundingClientRect();
+            const viewportHeight = window.innerHeight;
+            if (rect.bottom < viewportHeight * 0.2 || rect.top > viewportHeight * 0.8) {
+                setIsSnapped(false);
+            }
+        };
+        const handleMouseMove = ()=>{
+            setIsCursorActive(true);
+            if (cursorTimeoutRef.current) {
+                clearTimeout(cursorTimeoutRef.current);
+            }
+            cursorTimeoutRef.current = setTimeout(()=>{
+                setIsCursorActive(false);
+            }, CURSOR_HIDE_DELAY);
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        window.addEventListener('scroll', handleScroll, {
+            passive: true
+        });
+        document.addEventListener('mousemove', handleMouseMove);
+        document.body.style.overflow = 'hidden';
+        const initialShowTimeout = setTimeout(()=>{
+            setIsCursorActive(true);
+            cursorTimeoutRef.current = setTimeout(()=>{
+                setIsCursorActive(false);
+            }, CURSOR_HIDE_DELAY);
+        }, 0);
+        return ()=>{
+            document.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('scroll', handleScroll);
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.body.style.overflow = '';
+            clearTimeout(initialShowTimeout);
+            if (cursorTimeoutRef.current) {
+                clearTimeout(cursorTimeoutRef.current);
+            }
+        };
+    }, [
+        isSnapped
+    ]);
+    const closeSnap = useCallback(()=>{
+        setIsSnapped(false);
+        setIsCursorActive(false);
+    }, []);
+    return {
+        closeSnap,
+        containerRef,
+        isCursorActive,
+        isSnapped
+    };
+};
+
+//# sourceMappingURL=useDecksSnap.js.map

package/dist/components/decks/useDecksSnap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/decks/useDecksSnap.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nconst CURSOR_HIDE_DELAY = 2000\n\nexport const useDecksSnap = ({ isClient }: { isClient: boolean }) => {\n  const [isSnapped, setIsSnapped] = useState(false)\n  const [isCursorActive, setIsCursorActive] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const cursorTimeoutRef = useRef<null | ReturnType<typeof setTimeout>>(null)\n\n  useEffect(() => {\n    if (!isClient || !containerRef.current) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n            setIsSnapped(true)\n            containerRef.current?.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center',\n            })\n          }\n        })\n      },\n      {\n        rootMargin: '-10% 0px -10% 0px',\n        threshold: [0.5],\n      },\n    )\n\n    observer.observe(containerRef.current)\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [isClient])\n\n  useEffect(() => {\n    if (!isSnapped) {\n      return\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsSnapped(false)\n      }\n    }\n\n    const handleScroll = () => {\n      if (!containerRef.current) {\n        return\n      }\n\n      const rect = containerRef.current.getBoundingClientRect()\n      const viewportHeight = window.innerHeight\n\n      if (rect.bottom < viewportHeight * 0.2 || rect.top > viewportHeight * 0.8) {\n        setIsSnapped(false)\n      }\n    }\n\n    const handleMouseMove = () => {\n      setIsCursorActive(true)\n\n      if (cursorTimeoutRef.current) {\n        clearTimeout(cursorTimeoutRef.current)\n      }\n\n      cursorTimeoutRef.current = setTimeout(() => {\n        setIsCursorActive(false)\n      }, CURSOR_HIDE_DELAY)\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    window.addEventListener('scroll', handleScroll, { passive: true })\n    document.addEventListener('mousemove', handleMouseMove)\n    document.body.style.overflow = 'hidden'\n\n    const initialShowTimeout = setTimeout(() => {\n      setIsCursorActive(true)\n      cursorTimeoutRef.current = setTimeout(() => {\n        setIsCursorActive(false)\n      }, CURSOR_HIDE_DELAY)\n    }, 0)\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n      window.removeEventListener('scroll', handleScroll)\n      document.removeEventListener('mousemove', handleMouseMove)\n      document.body.style.overflow = ''\n      clearTimeout(initialShowTimeout)\n      if (cursorTimeoutRef.current) {\n        clearTimeout(cursorTimeoutRef.current)\n      }\n    }\n  }, [isSnapped])\n\n  const closeSnap = useCallback(() => {\n    setIsSnapped(false)\n    setIsCursorActive(false)\n  }, [])\n\n  return {\n    closeSnap,\n    containerRef,\n    isCursorActive,\n    isSnapped,\n  }\n}\n"],"names":["useCallback","useEffect","useRef","useState","CURSOR_HIDE_DELAY","useDecksSnap","isClient","isSnapped","setIsSnapped","isCursorActive","setIsCursorActive","containerRef","cursorTimeoutRef","current","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","intersectionRatio","scrollIntoView","behavior","block","rootMargin","threshold","observe","disconnect","handleKeyDown","event","key","handleScroll","rect","getBoundingClientRect","viewportHeight","window","innerHeight","bottom","top","handleMouseMove","clearTimeout","setTimeout","document","addEventListener","passive","body","style","overflow","initialShowTimeout","removeEventListener","closeSnap"],"mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEhE,MAAMC,oBAAoB;AAE1B,OAAO,MAAMC,eAAe,CAAC,EAAEC,QAAQ,EAAyB;IAC9D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGP,SAAS;IACrD,MAAMQ,eAAeT,OAAuB;IAC5C,MAAMU,mBAAmBV,OAA6C;IAEtED,UAAU;QACR,IAAI,CAACK,YAAY,CAACK,aAAaE,OAAO,EAAE;YACtC;QACF;QAEA,MAAMC,WAAW,IAAIC,qBACnB,CAACC;YACCA,QAAQC,OAAO,CAAC,CAACC;gBACf,IAAIA,MAAMC,cAAc,IAAID,MAAME,iBAAiB,IAAI,KAAK;oBAC1DZ,aAAa;oBACbG,aAAaE,OAAO,EAAEQ,eAAe;wBACnCC,UAAU;wBACVC,OAAO;oBACT;gBACF;YACF;QACF,GACA;YACEC,YAAY;YACZC,WAAW;gBAAC;aAAI;QAClB;QAGFX,SAASY,OAAO,CAACf,aAAaE,OAAO;QAErC,OAAO;YACLC,SAASa,UAAU;QACrB;IACF,GAAG;QAACrB;KAAS;IAEbL,UAAU;QACR,IAAI,CAACM,WAAW;YACd;QACF;QAEA,MAAMqB,gBAAgB,CAACC;YACrB,IAAIA,MAAMC,GAAG,KAAK,UAAU;gBAC1BtB,aAAa;YACf;QACF;QAEA,MAAMuB,eAAe;YACnB,IAAI,CAACpB,aAAaE,OAAO,EAAE;gBACzB;YACF;YAEA,MAAMmB,OAAOrB,aAAaE,OAAO,CAACoB,qBAAqB;YACvD,MAAMC,iBAAiBC,OAAOC,WAAW;YAEzC,IAAIJ,KAAKK,MAAM,GAAGH,iBAAiB,OAAOF,KAAKM,GAAG,GAAGJ,iBAAiB,KAAK;gBACzE1B,aAAa;YACf;QACF;QAEA,MAAM+B,kBAAkB;YACtB7B,kBAAkB;YAElB,IAAIE,iBAAiBC,OAAO,EAAE;gBAC5B2B,aAAa5B,iBAAiBC,OAAO;YACvC;YAEAD,iBAAiBC,OAAO,GAAG4B,WAAW;gBACpC/B,kBAAkB;YACpB,GAAGN;QACL;QAEAsC,SAASC,gBAAgB,CAAC,WAAWf;QACrCO,OAAOQ,gBAAgB,CAAC,UAAUZ,cAAc;YAAEa,SAAS;QAAK;QAChEF,SAASC,gBAAgB,CAAC,aAAaJ;QACvCG,SAASG,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG;QAE/B,MAAMC,qBAAqBP,WAAW;YACpC/B,kBAAkB;YAClBE,iBAAiBC,OAAO,GAAG4B,WAAW;gBACpC/B,kBAAkB;YACpB,GAAGN;QACL,GAAG;QAEH,OAAO;YACLsC,SAASO,mBAAmB,CAAC,WAAWrB;YACxCO,OAAOc,mBAAmB,CAAC,UAAUlB;YACrCW,SAASO,mBAAmB,CAAC,aAAaV;YAC1CG,SAASG,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG;YAC/BP,aAAaQ;YACb,IAAIpC,iBAAiBC,OAAO,EAAE;gBAC5B2B,aAAa5B,iBAAiBC,OAAO;YACvC;QACF;IACF,GAAG;QAACN;KAAU;IAEd,MAAM2C,YAAYlD,YAAY;QAC5BQ,aAAa;QACbE,kBAAkB;IACpB,GAAG,EAAE;IAEL,OAAO;QACLwC;QACAvC;QACAF;QACAF;IACF;AACF,EAAC"}

package/dist/decks/install.d.ts

@@ -0,0 +1,16 @@
+import type { CollectionSlug, Config } from 'payload';
+export type PayloadDecksConfig = {
+    /**
+     * List of collections to add a decks blocks field to.
+     */
+    collections?: Partial<Record<CollectionSlug, true>>;
+    disabled?: boolean;
+    /**
+     * Name for the blocks field added to configured collections.
+     *
+     * @default 'decks'
+     */
+    fieldName?: string;
+};
+export declare const defaultDecksFieldName = "decks";
+export declare const installDecksField: (config: Config, pluginOptions?: PayloadDecksConfig) => Config;

package/dist/decks/install.js

@@ -0,0 +1,36 @@
+import { DecksBlock } from '../blocks/decks/config.js';
+export const defaultDecksFieldName = 'decks';
+export const installDecksField = (config, pluginOptions = {})=>{
+    config.collections = config.collections || [];
+    if (!pluginOptions.collections) {
+        return config;
+    }
+    const fieldName = pluginOptions.fieldName || defaultDecksFieldName;
+    for(const collectionSlug in pluginOptions.collections){
+        const collection = config.collections.find((candidate)=>candidate.slug === collectionSlug);
+        if (!collection) {
+            continue;
+        }
+        collection.fields = collection.fields || [];
+        const fieldAlreadyInstalled = collection.fields.some((field)=>{
+            return 'name' in field && field.name === fieldName;
+        });
+        if (fieldAlreadyInstalled) {
+            continue;
+        }
+        collection.fields.push({
+            name: fieldName,
+            type: 'blocks',
+            admin: {
+                description: 'Decks rendered with Remotion.'
+            },
+            blocks: [
+                DecksBlock
+            ],
+            label: 'Decks'
+        });
+    }
+    return config;
+};
+
+//# sourceMappingURL=install.js.map

package/dist/decks/install.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/decks/install.ts"],"sourcesContent":["import type { CollectionSlug, Config } from 'payload'\n\nimport { DecksBlock } from '../blocks/decks/config.js'\n\nexport type PayloadDecksConfig = {\n  /**\n   * List of collections to add a decks blocks field to.\n   */\n  collections?: Partial<Record<CollectionSlug, true>>\n  disabled?: boolean\n  /**\n   * Name for the blocks field added to configured collections.\n   *\n   * @default 'decks'\n   */\n  fieldName?: string\n}\n\nexport const defaultDecksFieldName = 'decks'\n\nexport const installDecksField = (\n  config: Config,\n  pluginOptions: PayloadDecksConfig = {},\n): Config => {\n  config.collections = config.collections || []\n\n  if (!pluginOptions.collections) {\n    return config\n  }\n\n  const fieldName = pluginOptions.fieldName || defaultDecksFieldName\n\n  for (const collectionSlug in pluginOptions.collections) {\n    const collection = config.collections.find(\n      (candidate) => candidate.slug === collectionSlug,\n    )\n\n    if (!collection) {\n      continue\n    }\n\n    collection.fields = collection.fields || []\n\n    const fieldAlreadyInstalled = collection.fields.some((field) => {\n      return 'name' in field && field.name === fieldName\n    })\n\n    if (fieldAlreadyInstalled) {\n      continue\n    }\n\n    collection.fields.push({\n      name: fieldName,\n      type: 'blocks',\n      admin: {\n        description: 'Decks rendered with Remotion.',\n      },\n      blocks: [DecksBlock],\n      label: 'Decks',\n    })\n  }\n\n  return config\n}\n"],"names":["DecksBlock","defaultDecksFieldName","installDecksField","config","pluginOptions","collections","fieldName","collectionSlug","collection","find","candidate","slug","fields","fieldAlreadyInstalled","some","field","name","push","type","admin","description","blocks","label"],"mappings":"AAEA,SAASA,UAAU,QAAQ,4BAA2B;AAgBtD,OAAO,MAAMC,wBAAwB,QAAO;AAE5C,OAAO,MAAMC,oBAAoB,CAC/BC,QACAC,gBAAoC,CAAC,CAAC;IAEtCD,OAAOE,WAAW,GAAGF,OAAOE,WAAW,IAAI,EAAE;IAE7C,IAAI,CAACD,cAAcC,WAAW,EAAE;QAC9B,OAAOF;IACT;IAEA,MAAMG,YAAYF,cAAcE,SAAS,IAAIL;IAE7C,IAAK,MAAMM,kBAAkBH,cAAcC,WAAW,CAAE;QACtD,MAAMG,aAAaL,OAAOE,WAAW,CAACI,IAAI,CACxC,CAACC,YAAcA,UAAUC,IAAI,KAAKJ;QAGpC,IAAI,CAACC,YAAY;YACf;QACF;QAEAA,WAAWI,MAAM,GAAGJ,WAAWI,MAAM,IAAI,EAAE;QAE3C,MAAMC,wBAAwBL,WAAWI,MAAM,CAACE,IAAI,CAAC,CAACC;YACpD,OAAO,UAAUA,SAASA,MAAMC,IAAI,KAAKV;QAC3C;QAEA,IAAIO,uBAAuB;YACzB;QACF;QAEAL,WAAWI,MAAM,CAACK,IAAI,CAAC;YACrBD,MAAMV;YACNY,MAAM;YACNC,OAAO;gBACLC,aAAa;YACf;YACAC,QAAQ;gBAACrB;aAAW;YACpBsB,OAAO;QACT;IACF;IAEA,OAAOnB;AACT,EAAC"}

package/dist/decks/install.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/decks/install.spec.js

@@ -0,0 +1,65 @@
+import { describe, expect, test } from 'vitest';
+import { installDecksField } from './install.js';
+describe('installDecksField', ()=>{
+    test('adds a decks blocks field to configured collections', ()=>{
+        const config = installDecksField({
+            collections: [
+                {
+                    slug: 'pages',
+                    fields: []
+                }
+            ]
+        }, {
+            collections: {
+                pages: true
+            }
+        });
+        expect(config.collections?.[0]?.fields).toMatchObject([
+            {
+                name: 'decks',
+                type: 'blocks',
+                label: 'Decks'
+            }
+        ]);
+    });
+    test('does not add duplicate fields when plugin installation runs twice', ()=>{
+        const config = {
+            collections: [
+                {
+                    slug: 'pages',
+                    fields: []
+                }
+            ]
+        };
+        installDecksField(config, {
+            collections: {
+                pages: true
+            }
+        });
+        installDecksField(config, {
+            collections: {
+                pages: true
+            }
+        });
+        expect(config.collections?.[0]?.fields).toHaveLength(1);
+    });
+    test('supports a custom field name', ()=>{
+        const config = installDecksField({
+            collections: [
+                {
+                    slug: 'pages',
+                    fields: []
+                }
+            ]
+        }, {
+            collections: {
+                pages: true
+            },
+            fieldName: 'heroDecks'
+        });
+        const field = config.collections?.[0]?.fields[0];
+        expect(field?.name).toBe('heroDecks');
+    });
+});
+
+//# sourceMappingURL=install.spec.js.map

package/dist/decks/install.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/decks/install.spec.ts"],"sourcesContent":["import type { Config } from 'payload'\n\nimport { describe, expect, test } from 'vitest'\n\nimport { installDecksField } from './install.js'\n\ndescribe('installDecksField', () => {\n  test('adds a decks blocks field to configured collections', () => {\n    const config = installDecksField(\n      {\n        collections: [\n          {\n            slug: 'pages',\n            fields: [],\n          },\n        ],\n      } as unknown as Config,\n      {\n        collections: {\n          pages: true,\n        },\n      },\n    )\n\n    expect(config.collections?.[0]?.fields).toMatchObject([\n      {\n        name: 'decks',\n        type: 'blocks',\n        label: 'Decks',\n      },\n    ])\n  })\n\n  test('does not add duplicate fields when plugin installation runs twice', () => {\n    const config = {\n      collections: [\n        {\n          slug: 'pages',\n          fields: [],\n        },\n      ],\n    } as unknown as Config\n\n    installDecksField(config, {\n      collections: {\n        pages: true,\n      },\n    })\n    installDecksField(config, {\n      collections: {\n        pages: true,\n      },\n    })\n\n    expect(config.collections?.[0]?.fields).toHaveLength(1)\n  })\n\n  test('supports a custom field name', () => {\n    const config = installDecksField(\n      {\n        collections: [\n          {\n            slug: 'pages',\n            fields: [],\n          },\n        ],\n      } as unknown as Config,\n      {\n        collections: {\n          pages: true,\n        },\n        fieldName: 'heroDecks',\n      },\n    )\n\n    const field = config.collections?.[0]?.fields[0] as { name?: string } | undefined\n\n    expect(field?.name).toBe('heroDecks')\n  })\n})\n"],"names":["describe","expect","test","installDecksField","config","collections","slug","fields","pages","toMatchObject","name","type","label","toHaveLength","fieldName","field","toBe"],"mappings":"AAEA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,SAAQ;AAE/C,SAASC,iBAAiB,QAAQ,eAAc;AAEhDH,SAAS,qBAAqB;IAC5BE,KAAK,uDAAuD;QAC1D,MAAME,SAASD,kBACb;YACEE,aAAa;gBACX;oBACEC,MAAM;oBACNC,QAAQ,EAAE;gBACZ;aACD;QACH,GACA;YACEF,aAAa;gBACXG,OAAO;YACT;QACF;QAGFP,OAAOG,OAAOC,WAAW,EAAE,CAAC,EAAE,EAAEE,QAAQE,aAAa,CAAC;YACpD;gBACEC,MAAM;gBACNC,MAAM;gBACNC,OAAO;YACT;SACD;IACH;IAEAV,KAAK,qEAAqE;QACxE,MAAME,SAAS;YACbC,aAAa;gBACX;oBACEC,MAAM;oBACNC,QAAQ,EAAE;gBACZ;aACD;QACH;QAEAJ,kBAAkBC,QAAQ;YACxBC,aAAa;gBACXG,OAAO;YACT;QACF;QACAL,kBAAkBC,QAAQ;YACxBC,aAAa;gBACXG,OAAO;YACT;QACF;QAEAP,OAAOG,OAAOC,WAAW,EAAE,CAAC,EAAE,EAAEE,QAAQM,YAAY,CAAC;IACvD;IAEAX,KAAK,gCAAgC;QACnC,MAAME,SAASD,kBACb;YACEE,aAAa;gBACX;oBACEC,MAAM;oBACNC,QAAQ,EAAE;gBACZ;aACD;QACH,GACA;YACEF,aAAa;gBACXG,OAAO;YACT;YACAM,WAAW;QACb;QAGF,MAAMC,QAAQX,OAAOC,WAAW,EAAE,CAAC,EAAE,EAAEE,MAAM,CAAC,EAAE;QAEhDN,OAAOc,OAAOL,MAAMM,IAAI,CAAC;IAC3B;AACF"}

package/dist/decks/model.d.ts

@@ -0,0 +1,48 @@
+export { DECKS_DEFAULTS } from './schema.js';
+export type DecksMediaImage = {
+    alt?: null | string;
+    url?: null | string;
+};
+export type DecksUploadValue = DecksMediaImage | null | number | string | undefined;
+export interface DecksSlide {
+    animationType?: null | string;
+    headline?: null | string;
+    image?: DecksUploadValue;
+    imageZoom?: boolean | null;
+    subtext?: null | string;
+    textColor?: null | string;
+    textPosition?: null | string;
+}
+export interface DecksBlockProps {
+    autoPlay?: boolean | null;
+    backgroundColor?: null | string;
+    durationPerSlide?: null | number;
+    fps?: null | number;
+    loop?: boolean | null;
+    showControls?: boolean | null;
+    slides?: DecksSlide[] | null;
+    transitionDuration?: null | number;
+}
+export interface NormalizedDecksSlide {
+    animationType: string;
+    headline?: string;
+    image?: {
+        alt?: string;
+        url?: string;
+    };
+    imageZoom: boolean;
+    subtext?: string;
+    textColor: string;
+    textPosition: string;
+}
+export interface NormalizedDecksBlock {
+    autoPlay: boolean;
+    backgroundColor: string;
+    durationPerSlide: number;
+    fps: number;
+    loop: boolean;
+    showControls: boolean;
+    slides: NormalizedDecksSlide[];
+    transitionDuration: number;
+}
+export declare const normalizeDecksBlock: ({ autoPlay, backgroundColor, durationPerSlide, fps, loop, showControls, slides, transitionDuration, }: DecksBlockProps) => NormalizedDecksBlock;

package/dist/decks/model.js

@@ -0,0 +1,36 @@
+import { DECKS_DEFAULTS } from './schema.js';
+export { DECKS_DEFAULTS } from './schema.js';
+const isMediaImage = (image)=>{
+    return Boolean(image && typeof image === 'object');
+};
+const normalizeImage = (image)=>{
+    if (!isMediaImage(image)) {
+        return undefined;
+    }
+    return {
+        alt: image.alt || undefined,
+        url: image.url || undefined
+    };
+};
+export const normalizeDecksBlock = ({ autoPlay, backgroundColor, durationPerSlide, fps, loop, showControls, slides, transitionDuration })=>{
+    return {
+        autoPlay: autoPlay ?? DECKS_DEFAULTS.autoPlay,
+        backgroundColor: backgroundColor || DECKS_DEFAULTS.backgroundColor,
+        durationPerSlide: durationPerSlide ?? DECKS_DEFAULTS.durationPerSlide,
+        fps: fps ?? DECKS_DEFAULTS.fps,
+        loop: loop ?? DECKS_DEFAULTS.loop,
+        showControls: showControls ?? DECKS_DEFAULTS.showControls,
+        slides: (slides || []).map((slide)=>({
+                animationType: slide.animationType || DECKS_DEFAULTS.animationType,
+                headline: slide.headline || undefined,
+                image: normalizeImage(slide.image),
+                imageZoom: slide.imageZoom ?? DECKS_DEFAULTS.imageZoom,
+                subtext: slide.subtext || undefined,
+                textColor: slide.textColor || DECKS_DEFAULTS.textColor,
+                textPosition: slide.textPosition || DECKS_DEFAULTS.textPosition
+            })),
+        transitionDuration: transitionDuration ?? DECKS_DEFAULTS.transitionDuration
+    };
+};
+
+//# sourceMappingURL=model.js.map

package/dist/decks/model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/decks/model.ts"],"sourcesContent":["import { DECKS_DEFAULTS } from './schema.js'\n\nexport { DECKS_DEFAULTS } from './schema.js'\n\nexport type DecksMediaImage = {\n  alt?: null | string\n  url?: null | string\n}\n\nexport type DecksUploadValue =\n  | DecksMediaImage\n  | null\n  | number\n  | string\n  | undefined\n\nexport interface DecksSlide {\n  animationType?: null | string\n  headline?: null | string\n  image?: DecksUploadValue\n  imageZoom?: boolean | null\n  subtext?: null | string\n  textColor?: null | string\n  textPosition?: null | string\n}\n\nexport interface DecksBlockProps {\n  autoPlay?: boolean | null\n  backgroundColor?: null | string\n  durationPerSlide?: null | number\n  fps?: null | number\n  loop?: boolean | null\n  showControls?: boolean | null\n  slides?: DecksSlide[] | null\n  transitionDuration?: null | number\n}\n\nexport interface NormalizedDecksSlide {\n  animationType: string\n  headline?: string\n  image?: {\n    alt?: string\n    url?: string\n  }\n  imageZoom: boolean\n  subtext?: string\n  textColor: string\n  textPosition: string\n}\n\nexport interface NormalizedDecksBlock {\n  autoPlay: boolean\n  backgroundColor: string\n  durationPerSlide: number\n  fps: number\n  loop: boolean\n  showControls: boolean\n  slides: NormalizedDecksSlide[]\n  transitionDuration: number\n}\n\nconst isMediaImage = (image: DecksUploadValue): image is DecksMediaImage => {\n  return Boolean(image && typeof image === 'object')\n}\n\nconst normalizeImage = (\n  image: DecksUploadValue,\n): NormalizedDecksSlide['image'] => {\n  if (!isMediaImage(image)) {\n    return undefined\n  }\n\n  return {\n    alt: image.alt || undefined,\n    url: image.url || undefined,\n  }\n}\n\nexport const normalizeDecksBlock = ({\n  autoPlay,\n  backgroundColor,\n  durationPerSlide,\n  fps,\n  loop,\n  showControls,\n  slides,\n  transitionDuration,\n}: DecksBlockProps): NormalizedDecksBlock => {\n  return {\n    autoPlay: autoPlay ?? DECKS_DEFAULTS.autoPlay,\n    backgroundColor: backgroundColor || DECKS_DEFAULTS.backgroundColor,\n    durationPerSlide: durationPerSlide ?? DECKS_DEFAULTS.durationPerSlide,\n    fps: fps ?? DECKS_DEFAULTS.fps,\n    loop: loop ?? DECKS_DEFAULTS.loop,\n    showControls: showControls ?? DECKS_DEFAULTS.showControls,\n    slides: (slides || []).map((slide) => ({\n      animationType: slide.animationType || DECKS_DEFAULTS.animationType,\n      headline: slide.headline || undefined,\n      image: normalizeImage(slide.image),\n      imageZoom: slide.imageZoom ?? DECKS_DEFAULTS.imageZoom,\n      subtext: slide.subtext || undefined,\n      textColor: slide.textColor || DECKS_DEFAULTS.textColor,\n      textPosition: slide.textPosition || DECKS_DEFAULTS.textPosition,\n    })),\n    transitionDuration: transitionDuration ?? DECKS_DEFAULTS.transitionDuration,\n  }\n}\n"],"names":["DECKS_DEFAULTS","isMediaImage","image","Boolean","normalizeImage","undefined","alt","url","normalizeDecksBlock","autoPlay","backgroundColor","durationPerSlide","fps","loop","showControls","slides","transitionDuration","map","slide","animationType","headline","imageZoom","subtext","textColor","textPosition"],"mappings":"AAAA,SAASA,cAAc,QAAQ,cAAa;AAE5C,SAASA,cAAc,QAAQ,cAAa;AA2D5C,MAAMC,eAAe,CAACC;IACpB,OAAOC,QAAQD,SAAS,OAAOA,UAAU;AAC3C;AAEA,MAAME,iBAAiB,CACrBF;IAEA,IAAI,CAACD,aAAaC,QAAQ;QACxB,OAAOG;IACT;IAEA,OAAO;QACLC,KAAKJ,MAAMI,GAAG,IAAID;QAClBE,KAAKL,MAAMK,GAAG,IAAIF;IACpB;AACF;AAEA,OAAO,MAAMG,sBAAsB,CAAC,EAClCC,QAAQ,EACRC,eAAe,EACfC,gBAAgB,EAChBC,GAAG,EACHC,IAAI,EACJC,YAAY,EACZC,MAAM,EACNC,kBAAkB,EACF;IAChB,OAAO;QACLP,UAAUA,YAAYT,eAAeS,QAAQ;QAC7CC,iBAAiBA,mBAAmBV,eAAeU,eAAe;QAClEC,kBAAkBA,oBAAoBX,eAAeW,gBAAgB;QACrEC,KAAKA,OAAOZ,eAAeY,GAAG;QAC9BC,MAAMA,QAAQb,eAAea,IAAI;QACjCC,cAAcA,gBAAgBd,eAAec,YAAY;QACzDC,QAAQ,AAACA,CAAAA,UAAU,EAAE,AAAD,EAAGE,GAAG,CAAC,CAACC,QAAW,CAAA;gBACrCC,eAAeD,MAAMC,aAAa,IAAInB,eAAemB,aAAa;gBAClEC,UAAUF,MAAME,QAAQ,IAAIf;gBAC5BH,OAAOE,eAAec,MAAMhB,KAAK;gBACjCmB,WAAWH,MAAMG,SAAS,IAAIrB,eAAeqB,SAAS;gBACtDC,SAASJ,MAAMI,OAAO,IAAIjB;gBAC1BkB,WAAWL,MAAMK,SAAS,IAAIvB,eAAeuB,SAAS;gBACtDC,cAAcN,MAAMM,YAAY,IAAIxB,eAAewB,YAAY;YACjE,CAAA;QACAR,oBAAoBA,sBAAsBhB,eAAegB,kBAAkB;IAC7E;AACF,EAAC"}

package/dist/decks/model.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/decks/model.spec.js

@@ -0,0 +1,55 @@
+import { describe, expect, test } from 'vitest';
+import { normalizeDecksBlock } from './model.js';
+describe('normalizeDecksBlock', ()=>{
+    test('fills deck and slide defaults for the renderer interface', ()=>{
+        const deck = normalizeDecksBlock({
+            slides: [
+                {
+                    headline: 'Opening'
+                }
+            ]
+        });
+        expect(deck).toEqual({
+            autoPlay: true,
+            backgroundColor: '#000000',
+            durationPerSlide: 3,
+            fps: 30,
+            loop: true,
+            showControls: false,
+            slides: [
+                {
+                    animationType: 'fadeIn',
+                    headline: 'Opening',
+                    image: undefined,
+                    imageZoom: true,
+                    subtext: undefined,
+                    textColor: '#ffffff',
+                    textPosition: 'center'
+                }
+            ],
+            transitionDuration: 15
+        });
+    });
+    test('normalizes populated Payload upload images and ignores upload IDs', ()=>{
+        const deck = normalizeDecksBlock({
+            slides: [
+                {
+                    image: {
+                        alt: 'Poster',
+                        url: '/poster.jpg'
+                    }
+                },
+                {
+                    image: 'media-id'
+                }
+            ]
+        });
+        expect(deck.slides[0]?.image).toEqual({
+            alt: 'Poster',
+            url: '/poster.jpg'
+        });
+        expect(deck.slides[1]?.image).toBeUndefined();
+    });
+});
+
+//# sourceMappingURL=model.spec.js.map

package/dist/decks/model.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/decks/model.spec.ts"],"sourcesContent":["import { describe, expect, test } from 'vitest'\n\nimport { normalizeDecksBlock } from './model.js'\n\ndescribe('normalizeDecksBlock', () => {\n  test('fills deck and slide defaults for the renderer interface', () => {\n    const deck = normalizeDecksBlock({\n      slides: [\n        {\n          headline: 'Opening',\n        },\n      ],\n    })\n\n    expect(deck).toEqual({\n      autoPlay: true,\n      backgroundColor: '#000000',\n      durationPerSlide: 3,\n      fps: 30,\n      loop: true,\n      showControls: false,\n      slides: [\n        {\n          animationType: 'fadeIn',\n          headline: 'Opening',\n          image: undefined,\n          imageZoom: true,\n          subtext: undefined,\n          textColor: '#ffffff',\n          textPosition: 'center',\n        },\n      ],\n      transitionDuration: 15,\n    })\n  })\n\n  test('normalizes populated Payload upload images and ignores upload IDs', () => {\n    const deck = normalizeDecksBlock({\n      slides: [\n        {\n          image: {\n            alt: 'Poster',\n            url: '/poster.jpg',\n          },\n        },\n        {\n          image: 'media-id',\n        },\n      ],\n    })\n\n    expect(deck.slides[0]?.image).toEqual({\n      alt: 'Poster',\n      url: '/poster.jpg',\n    })\n    expect(deck.slides[1]?.image).toBeUndefined()\n  })\n})\n"],"names":["describe","expect","test","normalizeDecksBlock","deck","slides","headline","toEqual","autoPlay","backgroundColor","durationPerSlide","fps","loop","showControls","animationType","image","undefined","imageZoom","subtext","textColor","textPosition","transitionDuration","alt","url","toBeUndefined"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,SAAQ;AAE/C,SAASC,mBAAmB,QAAQ,aAAY;AAEhDH,SAAS,uBAAuB;IAC9BE,KAAK,4DAA4D;QAC/D,MAAME,OAAOD,oBAAoB;YAC/BE,QAAQ;gBACN;oBACEC,UAAU;gBACZ;aACD;QACH;QAEAL,OAAOG,MAAMG,OAAO,CAAC;YACnBC,UAAU;YACVC,iBAAiB;YACjBC,kBAAkB;YAClBC,KAAK;YACLC,MAAM;YACNC,cAAc;YACdR,QAAQ;gBACN;oBACES,eAAe;oBACfR,UAAU;oBACVS,OAAOC;oBACPC,WAAW;oBACXC,SAASF;oBACTG,WAAW;oBACXC,cAAc;gBAChB;aACD;YACDC,oBAAoB;QACtB;IACF;IAEAnB,KAAK,qEAAqE;QACxE,MAAME,OAAOD,oBAAoB;YAC/BE,QAAQ;gBACN;oBACEU,OAAO;wBACLO,KAAK;wBACLC,KAAK;oBACP;gBACF;gBACA;oBACER,OAAO;gBACT;aACD;QACH;QAEAd,OAAOG,KAAKC,MAAM,CAAC,EAAE,EAAEU,OAAOR,OAAO,CAAC;YACpCe,KAAK;YACLC,KAAK;QACP;QACAtB,OAAOG,KAAKC,MAAM,CAAC,EAAE,EAAEU,OAAOS,aAAa;IAC7C;AACF"}