@plasmicpkgs/plasmic-basic-components 0.0.103 → 0.0.105

package/dist/plasmic-basic-components.cjs.development.js

@@ -282,8 +282,9 @@ function Embed(_ref) {
     _ref$hideInEditor = _ref.hideInEditor,
     hideInEditor = _ref$hideInEditor === void 0 ? false : _ref$hideInEditor;
   var rootElt = React.useRef(null);
+  var inEditor = host.usePlasmicCanvasContext();
   React.useEffect(function () {
-    if (hideInEditor) {
+    if (hideInEditor && inEditor) {
       return;
     }
     Array.from(ensure(rootElt.current).querySelectorAll("script")).forEach(function (oldScript) {
@@ -295,7 +296,7 @@ function Embed(_ref) {
       ensure(oldScript.parentNode).replaceChild(newScript, oldScript);
     });
   }, [code, hideInEditor]);
-  var effectiveCode = hideInEditor ? "" : code;
+  var effectiveCode = hideInEditor && inEditor ? "" : code;
   return React__default.createElement("div", {
     ref: rootElt,
     className: className,

package/dist/plasmic-basic-components.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.cjs.development.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","providesData","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.cjs.development.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  const inEditor = usePlasmicCanvasContext();\n  useEffect(() => {\n    if (hideInEditor && inEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor && inEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","providesData","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","inEditor","usePlasmicCanvasContext","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}

package/dist/plasmic-basic-components.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@plasmicapp/host"),r=e(require("@plasmicapp/host/registerComponent")),a=require("react"),o=e(a);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}function i(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0||(o[r]=e[r]);return o}var l=["tag","className","children","propSelectors"],s=["selector","propSelectors"],p=["selector","propSelectors"],c="@plasmicpkgs/plasmic-basic-components";function m(e){var r=e.tag,o=void 0===r?"div":r,s=e.className,p=e.children,c=e.propSelectors,m=i(e,l),d=t.useSelectors(c);return a.createElement(o,n({children:p},m,d,{className:s+" "+d.className}))}function d(e){var t=e.selector,r=e.propSelectors,a=i(e,s);return o.createElement(m,Object.assign({},a,{propSelectors:n({},r,{children:t})}),"(DynamicText requires a selector)")}function u(e){var t=e.selector,r=e.propSelectors,a=i(e,p);return o.createElement(m,Object.assign({tag:"img",loading:"lazy",style:{objectFit:"cover"}},a,{propSelectors:n({},r,{src:t}),src:"https://studio.plasmic.app/static/img/placeholder.png"}))}function h(e){var r,a=e.children,n=e.loopItemName,i=e.keySelector,l=e.data,s=null!=(r=null!=l?l:t.useSelector(e.selector))?r:[1,2,3];return o.createElement(o.Fragment,null,null==s||null==s.map?void 0:s.map((function(e,r){var l;return o.createElement(t.DataProvider,{key:null!=(l=t.applySelector(e,i))?l:r,name:n,data:e},t.repeatedElement(r,a))})))}var y={selector:{type:"string",description:"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField"},loopItemName:{type:"string",defaultValue:"item",description:"The name of the variable to use to store the current item in the loop"},children:{type:"slot",isRepeated:!0}},f={name:"hostless-dynamic-repeater",displayName:"Dynamic Repeater",importName:"DynamicRepeater",importPath:c,props:y},v={name:"hostless-data-provider",displayName:"Data Provider",importName:"DataProvider",importPath:c,providesData:!0,props:{name:{type:"string",defaultValue:"celebrities",description:"The name of the variable to store the data in"},data:{type:"object",defaultValue:[{name:"Fill Murray",birthYear:1950,profilePicture:["https://www.fillmurray.com/200/300"]},{name:"Place Cage",birthYear:1950,profilePicture:["https://www.placecage.com/200/300"]}]},children:{type:"slot"}}},g={propSelectors:{type:"object",defaultValueHint:{},description:"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value."}},x=n({},g,{tag:{type:"string",defaultValueHint:"div",description:"The HTML tag to use"}}),b={name:"hostless-dynamic-element",displayName:"Dynamic Element",importName:"DynamicElement",importPath:c,props:n({},x,{children:"slot"})},N={name:"hostless-dynamic-text",importName:"DynamicText",displayName:"Dynamic Text",importPath:c,props:n({},x,{selector:{type:"string",description:"The selector expression to use to get the text, such as: someVariable.0.someField"}})},w={name:"hostless-dynamic-image",displayName:"Dynamic Image",importName:"DynamicImage",importPath:c,props:n({},g,{selector:{type:"string",description:"The selector expression to use to get the image source URL, such as: someVariable.0.someField"}})};function E(e){if(null==e)throw new Error("Value must not be undefined or null");return e}function D(e){var t=e.className,r=e.code,n=e.hideInEditor,i=void 0!==n&&n,l=a.useRef(null);return a.useEffect((function(){i||Array.from(E(l.current).querySelectorAll("script")).forEach((function(e){var t=document.createElement("script");Array.from(e.attributes).forEach((function(e){return t.setAttribute(e.name,e.value)})),t.appendChild(document.createTextNode(e.innerHTML)),E(e.parentNode).replaceChild(t,e)}))}),[r,i]),o.createElement("div",{ref:l,className:t,dangerouslySetInnerHTML:{__html:i?"":r},style:{whiteSpace:"normal"}})}var S={name:"hostless-embed",displayName:"Embed HTML",importName:"Embed",importPath:"@plasmicpkgs/plasmic-basic-components",props:{code:{type:"code",lang:"html",defaultValueHint:"<div>Paste your embed code via the right sidebar</div>",description:"The HTML code to be embedded"},hideInEditor:{type:"boolean",displayName:"Hide in editor",description:"Disable running the code while editing in Plasmic Studio (may require reload)",editOnly:!0}},defaultStyles:{maxWidth:"100%"}};function P(e){var r=e.preview,n=e.src,i=e.className;return a.useContext(t.PlasmicCanvasContext)&&!r?o.createElement("div",{className:i},o.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"#eee",color:"#888",fontSize:"36px",fontFamily:"sans-serif",fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}},"Iframe placeholder")):o.createElement("iframe",{src:n,className:i})}var I={name:"hostless-iframe",displayName:"Iframe",importName:"Iframe",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://www.example.com"},preview:{type:"boolean",description:"Load the iframe while editing in Plasmic Studio"}},defaultStyles:{width:"300px",height:"150px",maxWidth:"100%"}};function T(e){var r=e.children,a=e.items,n=e.itemName,i=e.indexName;if(!Array.isArray(a))throw new Error("Repeater received an invalid collection: not an array.");return o.createElement(o.Fragment,null,a.map((function(e,a){return o.createElement(t.DataProvider,{key:a.toString(),name:n||"currentItem",data:e},o.createElement(t.DataProvider,{name:i||"currentIndex",data:a},t.repeatedElement(a,r)))})))}var R={name:"plasmic-repeater",displayName:"Repeater",importName:"Repeater",importPath:"@plasmicpkgs/plasmic-basic-components",providesData:!0,props:{children:{type:"slot",isRepeated:!0},items:{type:"array",defaultValue:[1,2,3],displayName:"Collection",description:"Items array (JavaScript expression)."},itemName:{type:"string",defaultValue:"currentItem",defaultValueHint:"currentItem",displayName:"Item",description:"Data context key for the current item."},indexName:{type:"string",defaultValue:"currentIndex",defaultValueHint:"currentIndex",displayName:"Index",description:"Data context key for the index of the current item."}}};function C(e){var t=e.ref,r=e.scrollDownThreshold,o=void 0===r?.5:r,n=e.scrollUpThreshold,i=void 0===n?0:n,l=a.useState(!1),s=l[0],p=l[1];return a.useEffect((function(){if(t.current&&"function"==typeof IntersectionObserver){var e=new IntersectionObserver((function(e){e[0].intersectionRatio>=o?p(!0):e[0].intersectionRatio<=i&&p(!1)}),{root:null,rootMargin:"0%",threshold:[i,o]});return e.observe(t.current),function(){p(!1),e.disconnect()}}return function(){}}),[t.current,o,i]),s}function V(e){var t=e.children,r=e.className,n=e.scrollDownThreshold,i=void 0===n?.5:n,l=e.scrollUpThreshold,s=void 0===l?0:l,p=a.useRef(null),c=C({ref:p,scrollUpThreshold:s,scrollDownThreshold:i});return o.createElement("div",{className:r,ref:p},c?t:null)}var M={name:"hostless-scroll-revealer",importName:"ScrollRevealer",displayName:"Scroll Revealer",importPath:"@plasmicpkgs/plasmic-basic-components",props:{children:"slot",scrollDownThreshold:{type:"number",displayName:"Scroll down threshold",defaultValueHint:.5,description:"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)"},scrollUpThreshold:{type:"number",displayName:"Scroll up threshold",defaultValueHint:0,description:"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)"}},defaultStyles:{width:"stretch",maxWidth:"100%"}},k=o.forwardRef((function(e,t){return o.createElement("video",Object.assign({ref:t},e))})),H={name:"hostless-html-video",importName:"Video",displayName:"HTML Video",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",displayName:"Source URL",description:"URL to a video file."},autoPlay:{type:"boolean",displayName:"Auto Play",description:"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work."},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the video player controls should be displayed",defaultValue:!0},playsInline:{type:"boolean",displayName:"Plays inline",description:"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that."},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes"},muted:{type:"boolean",displayName:"Muted",description:"Whether audio should be muted"},poster:{type:"imageUrl",displayName:"Poster (placeholder) image",description:"Image to show while video is downloading"},preload:{type:"choice",options:["none","metadata","auto"],displayName:"Preload",description:"Whether to preload nothing, metadata only, or the full video"}},defaultStyles:{height:"hug",width:"640px",maxWidth:"100%"}};exports.DataProvider=function(){return t.DataProvider.apply(void 0,arguments)},exports.DynamicElement=m,exports.DynamicImage=u,exports.DynamicRepeater=h,exports.DynamicText=d,exports.Embed=D,exports.Iframe=P,exports.Repeater=T,exports.ScrollRevealer=V,exports.Video=k,exports.applySelector=function(){return console.warn("DEPRECATED: Import applySelector from @plasmicapp/host instead."),t.applySelector.apply(void 0,arguments)},exports.dataProviderMeta=v,exports.dynamicElementMeta=b,exports.dynamicImageMeta=w,exports.dynamicRepeaterMeta=f,exports.dynamicRepeaterProps=y,exports.dynamicTextMeta=N,exports.embedMeta=S,exports.iframeMeta=I,exports.registerDataProvider=function(e,a){e?e.registerComponent(t.DataProvider,null!=a?a:v):r(t.DataProvider,null!=a?a:v)},exports.registerDynamicElement=function(e,t){e?e.registerComponent(m,null!=t?t:b):r(m,null!=t?t:b)},exports.registerDynamicImage=function(e,t){e?e.registerComponent(u,null!=t?t:w):r(u,null!=t?t:w)},exports.registerDynamicRepeater=function(e,t){e?e.registerComponent(h,null!=t?t:f):r(h,null!=t?t:f)},exports.registerDynamicText=function(e,t){e?e.registerComponent(d,null!=t?t:N):r(d,null!=t?t:N)},exports.registerEmbed=function(e,t){e?e.registerComponent(D,null!=t?t:S):r(D,null!=t?t:S)},exports.registerIframe=function(e,t){e?e.registerComponent(P,null!=t?t:I):r(P,null!=t?t:I)},exports.registerRepeater=function(e,r){e?e.registerComponent(T,null!=r?r:R):t.registerComponent(T,null!=r?r:R)},exports.registerScrollRevealer=function(e,t){e?e.registerComponent(V,null!=t?t:M):r(V,null!=t?t:M)},exports.registerVideo=function(e,t){e?e.registerComponent(k,null!=t?t:H):r(k,null!=t?t:H)},exports.repeaterMeta=R,exports.scrollRevealerMeta=M,exports.useDataEnv=function(){return console.warn("DEPRECATED: Import useDataEnv from @plasmicapp/host instead."),t.useDataEnv.apply(void 0,arguments)},exports.useDirectionalIntersection=C,exports.useSelector=function(){return console.warn("DEPRECATED: Import useSelector from @plasmicapp/host instead."),t.useSelector.apply(void 0,arguments)},exports.useSelectors=function(){return console.warn("DEPRECATED: Import useSelectors from @plasmicapp/host instead."),t.useSelectors.apply(void 0,arguments)},exports.videoMeta=H;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@plasmicapp/host"),r=e(require("@plasmicapp/host/registerComponent")),a=require("react"),o=e(a);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}function i(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0||(o[r]=e[r]);return o}var l=["tag","className","children","propSelectors"],s=["selector","propSelectors"],p=["selector","propSelectors"],c="@plasmicpkgs/plasmic-basic-components";function m(e){var r=e.tag,o=void 0===r?"div":r,s=e.className,p=e.children,c=e.propSelectors,m=i(e,l),d=t.useSelectors(c);return a.createElement(o,n({children:p},m,d,{className:s+" "+d.className}))}function d(e){var t=e.selector,r=e.propSelectors,a=i(e,s);return o.createElement(m,Object.assign({},a,{propSelectors:n({},r,{children:t})}),"(DynamicText requires a selector)")}function u(e){var t=e.selector,r=e.propSelectors,a=i(e,p);return o.createElement(m,Object.assign({tag:"img",loading:"lazy",style:{objectFit:"cover"}},a,{propSelectors:n({},r,{src:t}),src:"https://studio.plasmic.app/static/img/placeholder.png"}))}function h(e){var r,a=e.children,n=e.loopItemName,i=e.keySelector,l=e.data,s=null!=(r=null!=l?l:t.useSelector(e.selector))?r:[1,2,3];return o.createElement(o.Fragment,null,null==s||null==s.map?void 0:s.map((function(e,r){var l;return o.createElement(t.DataProvider,{key:null!=(l=t.applySelector(e,i))?l:r,name:n,data:e},t.repeatedElement(r,a))})))}var y={selector:{type:"string",description:"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField"},loopItemName:{type:"string",defaultValue:"item",description:"The name of the variable to use to store the current item in the loop"},children:{type:"slot",isRepeated:!0}},f={name:"hostless-dynamic-repeater",displayName:"Dynamic Repeater",importName:"DynamicRepeater",importPath:c,props:y},v={name:"hostless-data-provider",displayName:"Data Provider",importName:"DataProvider",importPath:c,providesData:!0,props:{name:{type:"string",defaultValue:"celebrities",description:"The name of the variable to store the data in"},data:{type:"object",defaultValue:[{name:"Fill Murray",birthYear:1950,profilePicture:["https://www.fillmurray.com/200/300"]},{name:"Place Cage",birthYear:1950,profilePicture:["https://www.placecage.com/200/300"]}]},children:{type:"slot"}}},g={propSelectors:{type:"object",defaultValueHint:{},description:"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value."}},x=n({},g,{tag:{type:"string",defaultValueHint:"div",description:"The HTML tag to use"}}),b={name:"hostless-dynamic-element",displayName:"Dynamic Element",importName:"DynamicElement",importPath:c,props:n({},x,{children:"slot"})},N={name:"hostless-dynamic-text",importName:"DynamicText",displayName:"Dynamic Text",importPath:c,props:n({},x,{selector:{type:"string",description:"The selector expression to use to get the text, such as: someVariable.0.someField"}})},w={name:"hostless-dynamic-image",displayName:"Dynamic Image",importName:"DynamicImage",importPath:c,props:n({},g,{selector:{type:"string",description:"The selector expression to use to get the image source URL, such as: someVariable.0.someField"}})};function E(e){if(null==e)throw new Error("Value must not be undefined or null");return e}function D(e){var r=e.className,n=e.code,i=e.hideInEditor,l=void 0!==i&&i,s=a.useRef(null),p=t.usePlasmicCanvasContext();return a.useEffect((function(){l&&p||Array.from(E(s.current).querySelectorAll("script")).forEach((function(e){var t=document.createElement("script");Array.from(e.attributes).forEach((function(e){return t.setAttribute(e.name,e.value)})),t.appendChild(document.createTextNode(e.innerHTML)),E(e.parentNode).replaceChild(t,e)}))}),[n,l]),o.createElement("div",{ref:s,className:r,dangerouslySetInnerHTML:{__html:l&&p?"":n},style:{whiteSpace:"normal"}})}var S={name:"hostless-embed",displayName:"Embed HTML",importName:"Embed",importPath:"@plasmicpkgs/plasmic-basic-components",props:{code:{type:"code",lang:"html",defaultValueHint:"<div>Paste your embed code via the right sidebar</div>",description:"The HTML code to be embedded"},hideInEditor:{type:"boolean",displayName:"Hide in editor",description:"Disable running the code while editing in Plasmic Studio (may require reload)",editOnly:!0}},defaultStyles:{maxWidth:"100%"}};function P(e){var r=e.preview,n=e.src,i=e.className;return a.useContext(t.PlasmicCanvasContext)&&!r?o.createElement("div",{className:i},o.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"#eee",color:"#888",fontSize:"36px",fontFamily:"sans-serif",fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}},"Iframe placeholder")):o.createElement("iframe",{src:n,className:i})}var I={name:"hostless-iframe",displayName:"Iframe",importName:"Iframe",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://www.example.com"},preview:{type:"boolean",description:"Load the iframe while editing in Plasmic Studio"}},defaultStyles:{width:"300px",height:"150px",maxWidth:"100%"}};function T(e){var r=e.children,a=e.items,n=e.itemName,i=e.indexName;if(!Array.isArray(a))throw new Error("Repeater received an invalid collection: not an array.");return o.createElement(o.Fragment,null,a.map((function(e,a){return o.createElement(t.DataProvider,{key:a.toString(),name:n||"currentItem",data:e},o.createElement(t.DataProvider,{name:i||"currentIndex",data:a},t.repeatedElement(a,r)))})))}var R={name:"plasmic-repeater",displayName:"Repeater",importName:"Repeater",importPath:"@plasmicpkgs/plasmic-basic-components",providesData:!0,props:{children:{type:"slot",isRepeated:!0},items:{type:"array",defaultValue:[1,2,3],displayName:"Collection",description:"Items array (JavaScript expression)."},itemName:{type:"string",defaultValue:"currentItem",defaultValueHint:"currentItem",displayName:"Item",description:"Data context key for the current item."},indexName:{type:"string",defaultValue:"currentIndex",defaultValueHint:"currentIndex",displayName:"Index",description:"Data context key for the index of the current item."}}};function C(e){var t=e.ref,r=e.scrollDownThreshold,o=void 0===r?.5:r,n=e.scrollUpThreshold,i=void 0===n?0:n,l=a.useState(!1),s=l[0],p=l[1];return a.useEffect((function(){if(t.current&&"function"==typeof IntersectionObserver){var e=new IntersectionObserver((function(e){e[0].intersectionRatio>=o?p(!0):e[0].intersectionRatio<=i&&p(!1)}),{root:null,rootMargin:"0%",threshold:[i,o]});return e.observe(t.current),function(){p(!1),e.disconnect()}}return function(){}}),[t.current,o,i]),s}function V(e){var t=e.children,r=e.className,n=e.scrollDownThreshold,i=void 0===n?.5:n,l=e.scrollUpThreshold,s=void 0===l?0:l,p=a.useRef(null),c=C({ref:p,scrollUpThreshold:s,scrollDownThreshold:i});return o.createElement("div",{className:r,ref:p},c?t:null)}var M={name:"hostless-scroll-revealer",importName:"ScrollRevealer",displayName:"Scroll Revealer",importPath:"@plasmicpkgs/plasmic-basic-components",props:{children:"slot",scrollDownThreshold:{type:"number",displayName:"Scroll down threshold",defaultValueHint:.5,description:"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)"},scrollUpThreshold:{type:"number",displayName:"Scroll up threshold",defaultValueHint:0,description:"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)"}},defaultStyles:{width:"stretch",maxWidth:"100%"}},k=o.forwardRef((function(e,t){return o.createElement("video",Object.assign({ref:t},e))})),H={name:"hostless-html-video",importName:"Video",displayName:"HTML Video",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",displayName:"Source URL",description:"URL to a video file."},autoPlay:{type:"boolean",displayName:"Auto Play",description:"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work."},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the video player controls should be displayed",defaultValue:!0},playsInline:{type:"boolean",displayName:"Plays inline",description:"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that."},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes"},muted:{type:"boolean",displayName:"Muted",description:"Whether audio should be muted"},poster:{type:"imageUrl",displayName:"Poster (placeholder) image",description:"Image to show while video is downloading"},preload:{type:"choice",options:["none","metadata","auto"],displayName:"Preload",description:"Whether to preload nothing, metadata only, or the full video"}},defaultStyles:{height:"hug",width:"640px",maxWidth:"100%"}};exports.DataProvider=function(){return t.DataProvider.apply(void 0,arguments)},exports.DynamicElement=m,exports.DynamicImage=u,exports.DynamicRepeater=h,exports.DynamicText=d,exports.Embed=D,exports.Iframe=P,exports.Repeater=T,exports.ScrollRevealer=V,exports.Video=k,exports.applySelector=function(){return console.warn("DEPRECATED: Import applySelector from @plasmicapp/host instead."),t.applySelector.apply(void 0,arguments)},exports.dataProviderMeta=v,exports.dynamicElementMeta=b,exports.dynamicImageMeta=w,exports.dynamicRepeaterMeta=f,exports.dynamicRepeaterProps=y,exports.dynamicTextMeta=N,exports.embedMeta=S,exports.iframeMeta=I,exports.registerDataProvider=function(e,a){e?e.registerComponent(t.DataProvider,null!=a?a:v):r(t.DataProvider,null!=a?a:v)},exports.registerDynamicElement=function(e,t){e?e.registerComponent(m,null!=t?t:b):r(m,null!=t?t:b)},exports.registerDynamicImage=function(e,t){e?e.registerComponent(u,null!=t?t:w):r(u,null!=t?t:w)},exports.registerDynamicRepeater=function(e,t){e?e.registerComponent(h,null!=t?t:f):r(h,null!=t?t:f)},exports.registerDynamicText=function(e,t){e?e.registerComponent(d,null!=t?t:N):r(d,null!=t?t:N)},exports.registerEmbed=function(e,t){e?e.registerComponent(D,null!=t?t:S):r(D,null!=t?t:S)},exports.registerIframe=function(e,t){e?e.registerComponent(P,null!=t?t:I):r(P,null!=t?t:I)},exports.registerRepeater=function(e,r){e?e.registerComponent(T,null!=r?r:R):t.registerComponent(T,null!=r?r:R)},exports.registerScrollRevealer=function(e,t){e?e.registerComponent(V,null!=t?t:M):r(V,null!=t?t:M)},exports.registerVideo=function(e,t){e?e.registerComponent(k,null!=t?t:H):r(k,null!=t?t:H)},exports.repeaterMeta=R,exports.scrollRevealerMeta=M,exports.useDataEnv=function(){return console.warn("DEPRECATED: Import useDataEnv from @plasmicapp/host instead."),t.useDataEnv.apply(void 0,arguments)},exports.useDirectionalIntersection=C,exports.useSelector=function(){return console.warn("DEPRECATED: Import useSelector from @plasmicapp/host instead."),t.useSelector.apply(void 0,arguments)},exports.useSelectors=function(){return console.warn("DEPRECATED: Import useSelectors from @plasmicapp/host instead."),t.useSelectors.apply(void 0,arguments)},exports.videoMeta=H;
 //# sourceMappingURL=plasmic-basic-components.cjs.production.min.js.map

package/dist/plasmic-basic-components.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","DynamicElement","tag","className","children","propSelectors","props","computed","_useSelectors","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","_useSelector","map","item","index","_DataProvider","key","_applySelector","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","dataProviderMeta","providesData","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","Embed","code","_ref$hideInEditor","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","Repeater","items","itemName","indexName","isArray","DataProvider","toString","repeaterMeta","useDirectionalIntersection","_ref$scrollDownThresh","scrollDownThreshold","_ref$scrollUpThreshol","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","_ref2$scrollDownThres","_ref2$scrollUpThresho","intersectionRef","scrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","console","warn","loader","customDataProviderMeta","registerComponent","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customRepeaterMeta","customScrollRevealerMeta","customVideoMeta","_useDataEnv"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  const inEditor = usePlasmicCanvasContext();\n  useEffect(() => {\n    if (hideInEditor && inEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor && inEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","DynamicElement","tag","className","children","propSelectors","props","computed","_useSelectors","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","_useSelector","map","item","index","_DataProvider","key","_applySelector","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","dataProviderMeta","providesData","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","Embed","code","_ref$hideInEditor","hideInEditor","rootElt","useRef","inEditor","usePlasmicCanvasContext","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","Repeater","items","itemName","indexName","isArray","DataProvider","toString","repeaterMeta","useDirectionalIntersection","_ref$scrollDownThresh","scrollDownThreshold","_ref$scrollUpThreshol","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","_ref2$scrollDownThres","_ref2$scrollUpThresho","intersectionRef","scrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","console","warn","loader","customDataProviderMeta","registerComponent","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customRepeaterMeta","customScrollRevealerMeta","customVideoMeta","_useDataEnv"],"mappings":"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"}

package/dist/plasmic-basic-components.esm.js

@@ -1,4 +1,4 @@
-import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, PlasmicCanvasContext, registerComponent as registerComponent$1 } from '@plasmicapp/host';
+import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, usePlasmicCanvasContext, PlasmicCanvasContext, registerComponent as registerComponent$1 } from '@plasmicapp/host';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React, { createElement, useRef, useEffect, useContext, useState } from 'react';
 
@@ -275,8 +275,9 @@ function Embed(_ref) {
     _ref$hideInEditor = _ref.hideInEditor,
     hideInEditor = _ref$hideInEditor === void 0 ? false : _ref$hideInEditor;
   var rootElt = useRef(null);
+  var inEditor = usePlasmicCanvasContext();
   useEffect(function () {
-    if (hideInEditor) {
+    if (hideInEditor && inEditor) {
       return;
     }
     Array.from(ensure(rootElt.current).querySelectorAll("script")).forEach(function (oldScript) {
@@ -288,7 +289,7 @@ function Embed(_ref) {
       ensure(oldScript.parentNode).replaceChild(newScript, oldScript);
     });
   }, [code, hideInEditor]);
-  var effectiveCode = hideInEditor ? "" : code;
+  var effectiveCode = hideInEditor && inEditor ? "" : code;
   return React.createElement("div", {
     ref: rootElt,
     className: className,

package/dist/plasmic-basic-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.esm.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","providesData","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.esm.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  providesData: true,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  const inEditor = usePlasmicCanvasContext();\n  useEffect(() => {\n    if (hideInEditor && inEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor && inEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n      style={{ whiteSpace: \"normal\" }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  providesData: true,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads. Chrome and other browsers require 'muted' to also be set for 'autoplay' to work.\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n      defaultValue: true,\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","providesData","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","inEditor","usePlasmicCanvasContext","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","whiteSpace","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/plasmic-basic-components",
-  "version": "0.0.103",
+  "version": "0.0.105",
   "description": "Plasmic registration call for the HTML5 video element",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "analyze": "size-limit --why"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.96",
+    "@plasmicapp/host": "1.0.97",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "@types/react": "^17.0.39",
@@ -43,5 +43,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "cbf237ebd479221a7de2947b2d8179133fec5ed5"
+  "gitHead": "c0d4c077a6b8dbf77513d9c3f25e885618adffb1"
 }