@plasmicpkgs/react-youtube 7.13.2 → 7.13.6

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
 import React from "react";
 import YouTubeImpl, { PlayerVars, YouTubeProps as YouTubeImplProps } from "react-youtube";
 export declare type YouTubeProps = YouTubeImplProps & {
@@ -27,4 +28,8 @@ declare const YouTube: React.ForwardRefExoticComponent<YouTubeImplProps & {
     start?: number | undefined;
     mute?: 0 | 1 | undefined;
 } & React.RefAttributes<YouTubeImpl>>;
+export declare const youtubeMeta: ComponentMeta<YouTubeProps>;
+export declare function registerYouTube(loader?: {
+    registerComponent: typeof registerComponent;
+}, customYouTubeMeta?: ComponentMeta<YouTubeProps>): void;
 export default YouTube;

package/dist/react-youtube.cjs.development.js

@@ -8,6 +8,24 @@ var registerComponent = _interopDefault(require('@plasmicapp/host/registerCompon
 var React = _interopDefault(require('react'));
 var YouTubeImpl = _interopDefault(require('react-youtube'));
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -50,67 +68,74 @@ var playerParams = ["autoplay", "cc_load_policy", "color", "controls", "disablek
 var booleanParams = ["autoplay", "cc_load_policy", "controls", "disablekb", "fs", "loop", "modestbranding", "playsinline", "rel"];
 var booleanParamsSet = /*#__PURE__*/new Set(booleanParams);
 var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var finalProps = _extends({}, props);
+
   for (var _iterator = _createForOfIteratorHelperLoose(playerParams), _step; !(_step = _iterator()).done;) {
     var prop = _step.value;
 
-    if (prop in props) {
-      var value = props[prop];
-      delete props[prop];
+    if (prop in finalProps) {
+      var value = finalProps[prop];
+      delete finalProps[prop];
 
-      if (!props.opts) {
-        props.opts = {};
+      if (!finalProps.opts) {
+        finalProps.opts = {};
       }
 
-      if (!props.opts.playerVars) {
-        props.opts.playerVars = {};
+      if (!finalProps.opts.playerVars) {
+        finalProps.opts.playerVars = {};
       }
 
       if (booleanParamsSet.has(prop)) {
         if (prop === "cc_load_policy" || prop === "modestbranding") {
           // undefined or 1
           if (value) {
-            props.opts.playerVars[prop] = 1;
+            finalProps.opts.playerVars[prop] = 1;
           } else {
-            delete props.opts.playerVars[prop];
+            delete finalProps.opts.playerVars[prop];
           }
         } else {
           // 0 or 1
-          props.opts.playerVars[prop] = value ? 1 : 0;
+          finalProps.opts.playerVars[prop] = value ? 1 : 0;
         }
       } else {
-        props.opts.playerVars[prop] = value;
+        finalProps.opts.playerVars[prop] = value;
       }
     }
   }
 
   return React.createElement(YouTubeImpl, Object.assign({
     ref: ref
-  }, props));
+  }, finalProps));
 });
-registerComponent(YouTube, {
-  name: "YouTube",
+var youtubeMeta = {
+  name: "hostless-youtube",
+  displayName: "YouTube",
+  importName: "YouTube",
   importPath: "@plasmicpkgs/react-youtube",
   props: {
     videoId: {
       type: "string",
       defaultValue: "R6MeLqRQzYw",
       displayName: "Video ID",
-      description: "The ID for the YouTube video."
+      description: "The ID for the YouTube video"
     },
     autoplay: {
       type: "boolean",
       displayName: "Auto Play",
-      description: "Whether the video show automatically start playing when the player loads"
+      description: "Whether the video should automatically start playing when the player loads",
+      defaultValueHint: false
     },
     cc_load_policy: {
       type: "boolean",
       displayName: "Show Captions",
-      description: "Whether the captions should be shown by default, even if the user has turned captions off"
+      description: "Whether the captions should be shown by default, even if the user has turned captions off",
+      defaultValueHint: false
     },
     start: {
       type: "number",
       displayName: "Start",
-      description: "The video should begin at this amount of seconds from the start of the video"
+      description: "The video should begin at this amount of seconds from the start of the video",
+      defaultValueHint: 0
     },
     end: {
       type: "number",
@@ -121,42 +146,50 @@ registerComponent(YouTube, {
       type: "choice",
       displayName: "Color",
       options: ["red", "white"],
-      description: "The color used in the display bar to highlight how much of the video the viewer has already seen"
+      description: "The color used in the display bar to highlight how much of the video the viewer has already seen",
+      defaultValueHint: "red"
     },
     controls: {
       type: "boolean",
       displayName: "Show Controls",
-      description: "Whether the YouTube video player controls should be displayed"
+      description: "Whether the YouTube video player controls should be displayed",
+      defaultValueHint: true
     },
     disablekb: {
       type: "boolean",
       displayName: "Disable Keyboard",
-      description: "Whether the keyboard controls should be disabled"
+      description: "Whether the keyboard controls should be disabled",
+      defaultValueHint: false
     },
     fs: {
       type: "boolean",
       displayName: "FullScreen Button",
-      description: "Whether the fullscreen button should be displayed"
+      description: "Whether the fullscreen button should be displayed",
+      defaultValueHint: true
     },
     loop: {
       type: "boolean",
       displayName: "Loop",
-      description: "Whether the video should be played again after it finishes"
+      description: "Whether the video should be played again after it finishes",
+      defaultValueHint: false
     },
     modestbranding: {
       type: "boolean",
       displayName: "Hide Logo",
-      description: "Hide the YouTube logo"
+      description: "Hide the YouTube logo in the control bar",
+      defaultValueHint: false
     },
     playsinline: {
       type: "boolean",
       displayName: "Play Inline",
-      description: "Whether the video should be played inline or fullscreen on iOS"
+      description: "Whether the video should be played inline or fullscreen on iOS",
+      defaultValueHint: false
     },
     rel: {
       type: "boolean",
       displayName: "Related Videos",
-      description: "Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)"
+      description: "Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)",
+      defaultValueHint: true
     }
   },
   isDefaultExport: true,
@@ -166,7 +199,16 @@ registerComponent(YouTube, {
     maxHeight: "100%",
     maxWidth: "100%"
   }
-});
+};
+function registerYouTube(loader, customYouTubeMeta) {
+  if (loader) {
+    loader.registerComponent(YouTube, customYouTubeMeta != null ? customYouTubeMeta : youtubeMeta);
+  } else {
+    registerComponent(YouTube, customYouTubeMeta != null ? customYouTubeMeta : youtubeMeta);
+  }
+}
 
 exports.default = YouTube;
+exports.registerYouTube = registerYouTube;
+exports.youtubeMeta = youtubeMeta;
 //# sourceMappingURL=react-youtube.cjs.development.js.map

package/dist/react-youtube.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    for (const prop of playerParams) {\n      if (prop in props) {\n        const value = props[prop];\n        delete props[prop];\n        if (!props.opts) {\n          props.opts = {};\n        }\n        if (!props.opts.playerVars) {\n          props.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              props.opts.playerVars[prop] = 1;\n            } else {\n              delete props.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            props.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          props.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...props} />;\n  }\n);\n\nregisterComponent(YouTube, {\n  name: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video.\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo\",\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n});\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","prop","value","opts","playerVars","has","YouTubeImpl","registerComponent","name","importPath","videoId","type","defaultValue","displayName","description","autoplay","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth"],"mappings":"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"}
+{"version":3,"file":"react-youtube.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...finalProps} />;\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}

package/dist/react-youtube.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=e(require("@plasmicapp/host/registerComponent")),o=e(require("react")),a=e(require("react-youtube"));function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,a=new Array(t);o<t;o++)a[o]=e[o];return a}var i=["autoplay","cc_load_policy","color","controls","disablekb","enablejsapi","end","fs","hl","iv_load_policy","list","listType","loop","modestbranding","origin","playlist","playsinline","rel","showinfo","start","mute"],l=new Set(["autoplay","cc_load_policy","controls","disablekb","fs","loop","modestbranding","playsinline","rel"]),n=o.forwardRef((function(e,t){for(var n,s=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return(o=o.call(e)).next.bind(o);if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return r(e,void 0);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,void 0):void 0}}(e))){o&&(e=o);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(i);!(n=s()).done;){var d=n.value;if(d in e){var p=e[d];delete e[d],e.opts||(e.opts={}),e.opts.playerVars||(e.opts.playerVars={}),l.has(d)?"cc_load_policy"===d||"modestbranding"===d?p?e.opts.playerVars[d]=1:delete e.opts.playerVars[d]:e.opts.playerVars[d]=p?1:0:e.opts.playerVars[d]=p}}return o.createElement(a,Object.assign({ref:t},e))}));t(n,{name:"YouTube",importPath:"@plasmicpkgs/react-youtube",props:{videoId:{type:"string",defaultValue:"R6MeLqRQzYw",displayName:"Video ID",description:"The ID for the YouTube video."},autoplay:{type:"boolean",displayName:"Auto Play",description:"Whether the video show automatically start playing when the player loads"},cc_load_policy:{type:"boolean",displayName:"Show Captions",description:"Whether the captions should be shown by default, even if the user has turned captions off"},start:{type:"number",displayName:"Start",description:"The video should begin at this amount of seconds from the start of the video"},end:{type:"number",displayName:"End",description:"Stop playing the video after this amount of seconds (measured from the start of the video)"},color:{type:"choice",displayName:"Color",options:["red","white"],description:"The color used in the display bar to highlight how much of the video the viewer has already seen"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the YouTube video player controls should be displayed"},disablekb:{type:"boolean",displayName:"Disable Keyboard",description:"Whether the keyboard controls should be disabled"},fs:{type:"boolean",displayName:"FullScreen Button",description:"Whether the fullscreen button should be displayed"},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes"},modestbranding:{type:"boolean",displayName:"Hide Logo",description:"Hide the YouTube logo"},playsinline:{type:"boolean",displayName:"Play Inline",description:"Whether the video should be played inline or fullscreen on iOS"},rel:{type:"boolean",displayName:"Related Videos",description:"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)"}},isDefaultExport:!0,defaultStyles:{height:"390px",width:"640px",maxHeight:"100%",maxWidth:"100%"}}),exports.default=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),o=e(require("react")),a=e(require("react-youtube"));function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e}).apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,a=new Array(t);o<t;o++)a[o]=e[o];return a}var l=["autoplay","cc_load_policy","color","controls","disablekb","enablejsapi","end","fs","hl","iv_load_policy","list","listType","loop","modestbranding","origin","playlist","playsinline","rel","showinfo","start","mute"],n=new Set(["autoplay","cc_load_policy","controls","disablekb","fs","loop","modestbranding","playsinline","rel"]),s=o.forwardRef((function(e,t){for(var s,d=r({},e),p=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return(o=o.call(e)).next.bind(o);if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return i(e,void 0);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?i(e,void 0):void 0}}(e))){o&&(e=o);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(l);!(s=p()).done;){var u=s.value;if(u in d){var h=d[u];delete d[u],d.opts||(d.opts={}),d.opts.playerVars||(d.opts.playerVars={}),n.has(u)?"cc_load_policy"===u||"modestbranding"===u?h?d.opts.playerVars[u]=1:delete d.opts.playerVars[u]:d.opts.playerVars[u]=h?1:0:d.opts.playerVars[u]=h}}return o.createElement(a,Object.assign({ref:t},d))})),d={name:"hostless-youtube",displayName:"YouTube",importName:"YouTube",importPath:"@plasmicpkgs/react-youtube",props:{videoId:{type:"string",defaultValue:"R6MeLqRQzYw",displayName:"Video ID",description:"The ID for the YouTube video"},autoplay:{type:"boolean",displayName:"Auto Play",description:"Whether the video should automatically start playing when the player loads",defaultValueHint:!1},cc_load_policy:{type:"boolean",displayName:"Show Captions",description:"Whether the captions should be shown by default, even if the user has turned captions off",defaultValueHint:!1},start:{type:"number",displayName:"Start",description:"The video should begin at this amount of seconds from the start of the video",defaultValueHint:0},end:{type:"number",displayName:"End",description:"Stop playing the video after this amount of seconds (measured from the start of the video)"},color:{type:"choice",displayName:"Color",options:["red","white"],description:"The color used in the display bar to highlight how much of the video the viewer has already seen",defaultValueHint:"red"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the YouTube video player controls should be displayed",defaultValueHint:!0},disablekb:{type:"boolean",displayName:"Disable Keyboard",description:"Whether the keyboard controls should be disabled",defaultValueHint:!1},fs:{type:"boolean",displayName:"FullScreen Button",description:"Whether the fullscreen button should be displayed",defaultValueHint:!0},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes",defaultValueHint:!1},modestbranding:{type:"boolean",displayName:"Hide Logo",description:"Hide the YouTube logo in the control bar",defaultValueHint:!1},playsinline:{type:"boolean",displayName:"Play Inline",description:"Whether the video should be played inline or fullscreen on iOS",defaultValueHint:!1},rel:{type:"boolean",displayName:"Related Videos",description:"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)",defaultValueHint:!0}},isDefaultExport:!0,defaultStyles:{height:"390px",width:"640px",maxHeight:"100%",maxWidth:"100%"}};exports.default=s,exports.registerYouTube=function(e,o){e?e.registerComponent(s,null!=o?o:d):t(s,null!=o?o:d)},exports.youtubeMeta=d;
 //# sourceMappingURL=react-youtube.cjs.production.min.js.map

package/dist/react-youtube.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    for (const prop of playerParams) {\n      if (prop in props) {\n        const value = props[prop];\n        delete props[prop];\n        if (!props.opts) {\n          props.opts = {};\n        }\n        if (!props.opts.playerVars) {\n          props.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              props.opts.playerVars[prop] = 1;\n            } else {\n              delete props.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            props.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          props.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...props} />;\n  }\n);\n\nregisterComponent(YouTube, {\n  name: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video.\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo\",\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n});\n\nexport default YouTube;\n"],"names":["playerParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","prop","value","opts","playerVars","has","YouTubeImpl","registerComponent","name","importPath","videoId","type","defaultValue","displayName","description","autoplay","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth"],"mappings":"+VAaA,IAAMA,EAAe,CACnB,WACA,iBACA,QACA,WACA,YACA,cACA,MACA,KACA,KACA,iBACA,OACA,WACA,OACA,iBACA,SACA,WACA,cACA,MACA,WACA,QACA,QAeIC,EAAmB,IAAIC,IAZP,CACpB,WACA,iBACA,WACA,YACA,KACA,OACA,iBACA,cACA,QAKIC,EAAUC,EAAMC,YACpB,SAACC,EAAqBC,msBACDP,kBAAc,KAAtBQ,aACLA,KAAQF,EAAO,KACXG,EAAQH,EAAME,UACbF,EAAME,GACRF,EAAMI,OACTJ,EAAMI,KAAO,IAEVJ,EAAMI,KAAKC,aACdL,EAAMI,KAAKC,WAAa,IAEtBV,EAAiBW,IAAIJ,GACV,mBAATA,GAAsC,mBAATA,EAE3BC,EACFH,EAAMI,KAAKC,WAAWH,GAAQ,SAEvBF,EAAMI,KAAKC,WAAWH,GAI/BF,EAAMI,KAAKC,WAAWH,GAASC,EAAQ,EAAI,EAG7CH,EAAMI,KAAKC,WAAWH,GAAQC,UAI7BL,gBAACS,iBAAYN,IAAKA,GAASD,OAItCQ,EAAkBX,EAAS,CACzBY,KAAM,UACNC,WAAY,6BACZV,MAAO,CACLW,QAAS,CACPC,KAAM,SACNC,aAAc,cACdC,YAAa,WACbC,YAAa,iCAEfC,SAAU,CACRJ,KAAM,UACNE,YAAa,YACbC,YACE,4EAEJE,eAAgB,CACdL,KAAM,UACNE,YAAa,gBACbC,YACE,6FAEJG,MAAO,CACLN,KAAM,SACNE,YAAa,QACbC,YACE,gFAEJI,IAAK,CACHP,KAAM,SACNE,YAAa,MACbC,YACE,8FAEJK,MAAO,CACLR,KAAM,SACNE,YAAa,QACbO,QAAS,CAAC,MAAO,SACjBN,YACE,oGAEJO,SAAU,CACRV,KAAM,UACNE,YAAa,gBACbC,YACE,iEAEJQ,UAAW,CACTX,KAAM,UACNE,YAAa,mBACbC,YAAa,oDAEfS,GAAI,CACFZ,KAAM,UACNE,YAAa,oBACbC,YAAa,qDAEfU,KAAM,CACJb,KAAM,UACNE,YAAa,OACbC,YAAa,8DAEfW,eAAgB,CACdd,KAAM,UACNE,YAAa,YACbC,YAAa,yBAEfY,YAAa,CACXf,KAAM,UACNE,YAAa,cACbC,YACE,kEAEJa,IAAK,CACHhB,KAAM,UACNE,YAAa,iBACbC,YACE,sHAGNc,iBAAiB,EACjBC,cAAe,CACbC,OAAQ,QACRC,MAAO,QACPC,UAAW,OACXC,SAAU"}
+{"version":3,"file":"react-youtube.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...finalProps} />;\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","loader","customYouTubeMeta","registerComponent"],"mappings":"8iBAeA,IAAMA,EAAe,CACnB,WACA,iBACA,QACA,WACA,YACA,cACA,MACA,KACA,KACA,iBACA,OACA,WACA,OACA,iBACA,SACA,WACA,cACA,MACA,WACA,QACA,QAeIC,EAAmB,IAAIC,IAZP,CACpB,WACA,iBACA,WACA,YACA,KACA,OACA,iBACA,cACA,QAKIC,EAAUC,EAAMC,YACpB,SAACC,EAAqBC,aACdC,OAAkBF,yrBACLN,kBAAc,KAAtBS,aACLA,KAAQD,EAAY,KAChBE,EAAQF,EAAWC,UAClBD,EAAWC,GACbD,EAAWG,OACdH,EAAWG,KAAO,IAEfH,EAAWG,KAAKC,aACnBJ,EAAWG,KAAKC,WAAa,IAE3BX,EAAiBY,IAAIJ,GACV,mBAATA,GAAsC,mBAATA,EAE3BC,EACFF,EAAWG,KAAKC,WAAWH,GAAQ,SAE5BD,EAAWG,KAAKC,WAAWH,GAIpCD,EAAWG,KAAKC,WAAWH,GAASC,EAAQ,EAAI,EAGlDF,EAAWG,KAAKC,WAAWH,GAAQC,UAIlCN,gBAACU,iBAAYP,IAAKA,GAASC,OAIzBO,EAA2C,CACtDC,KAAM,mBACNC,YAAa,UACbC,WAAY,UACZC,WAAY,6BACZb,MAAO,CACLc,QAAS,CACPC,KAAM,SACNC,aAAc,cACdL,YAAa,WACbM,YAAa,gCAEfC,SAAU,CACRH,KAAM,UACNJ,YAAa,YACbM,YACE,6EACFE,kBAAkB,GAEpBC,eAAgB,CACdL,KAAM,UACNJ,YAAa,gBACbM,YACE,4FACFE,kBAAkB,GAEpBE,MAAO,CACLN,KAAM,SACNJ,YAAa,QACbM,YACE,+EACFE,iBAAkB,GAEpBG,IAAK,CACHP,KAAM,SACNJ,YAAa,MACbM,YACE,8FAEJM,MAAO,CACLR,KAAM,SACNJ,YAAa,QACba,QAAS,CAAC,MAAO,SACjBP,YACE,mGACFE,iBAAkB,OAEpBM,SAAU,CACRV,KAAM,UACNJ,YAAa,gBACbM,YACE,gEACFE,kBAAkB,GAEpBO,UAAW,CACTX,KAAM,UACNJ,YAAa,mBACbM,YAAa,mDACbE,kBAAkB,GAEpBQ,GAAI,CACFZ,KAAM,UACNJ,YAAa,oBACbM,YAAa,oDACbE,kBAAkB,GAEpBS,KAAM,CACJb,KAAM,UACNJ,YAAa,OACbM,YAAa,6DACbE,kBAAkB,GAEpBU,eAAgB,CACdd,KAAM,UACNJ,YAAa,YACbM,YAAa,2CACbE,kBAAkB,GAEpBW,YAAa,CACXf,KAAM,UACNJ,YAAa,cACbM,YACE,iEACFE,kBAAkB,GAEpBY,IAAK,CACHhB,KAAM,UACNJ,YAAa,iBACbM,YACE,oHACFE,kBAAkB,IAGtBa,iBAAiB,EACjBC,cAAe,CACbC,OAAQ,QACRC,MAAO,QACPC,UAAW,OACXC,SAAU,4DAKZC,EACAC,GAEID,EACFA,EAAOE,kBAAkB3C,QAAS0C,EAAAA,EAAqB9B,GAEvD+B,EAAkB3C,QAAS0C,EAAAA,EAAqB9B"}

package/dist/react-youtube.esm.js

@@ -2,6 +2,24 @@ import registerComponent from '@plasmicapp/host/registerComponent';
 import React from 'react';
 import YouTubeImpl from 'react-youtube';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -44,67 +62,74 @@ var playerParams = ["autoplay", "cc_load_policy", "color", "controls", "disablek
 var booleanParams = ["autoplay", "cc_load_policy", "controls", "disablekb", "fs", "loop", "modestbranding", "playsinline", "rel"];
 var booleanParamsSet = /*#__PURE__*/new Set(booleanParams);
 var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var finalProps = _extends({}, props);
+
   for (var _iterator = _createForOfIteratorHelperLoose(playerParams), _step; !(_step = _iterator()).done;) {
     var prop = _step.value;
 
-    if (prop in props) {
-      var value = props[prop];
-      delete props[prop];
+    if (prop in finalProps) {
+      var value = finalProps[prop];
+      delete finalProps[prop];
 
-      if (!props.opts) {
-        props.opts = {};
+      if (!finalProps.opts) {
+        finalProps.opts = {};
       }
 
-      if (!props.opts.playerVars) {
-        props.opts.playerVars = {};
+      if (!finalProps.opts.playerVars) {
+        finalProps.opts.playerVars = {};
       }
 
       if (booleanParamsSet.has(prop)) {
         if (prop === "cc_load_policy" || prop === "modestbranding") {
           // undefined or 1
           if (value) {
-            props.opts.playerVars[prop] = 1;
+            finalProps.opts.playerVars[prop] = 1;
           } else {
-            delete props.opts.playerVars[prop];
+            delete finalProps.opts.playerVars[prop];
           }
         } else {
           // 0 or 1
-          props.opts.playerVars[prop] = value ? 1 : 0;
+          finalProps.opts.playerVars[prop] = value ? 1 : 0;
         }
       } else {
-        props.opts.playerVars[prop] = value;
+        finalProps.opts.playerVars[prop] = value;
       }
     }
   }
 
   return React.createElement(YouTubeImpl, Object.assign({
     ref: ref
-  }, props));
+  }, finalProps));
 });
-registerComponent(YouTube, {
-  name: "YouTube",
+var youtubeMeta = {
+  name: "hostless-youtube",
+  displayName: "YouTube",
+  importName: "YouTube",
   importPath: "@plasmicpkgs/react-youtube",
   props: {
     videoId: {
       type: "string",
       defaultValue: "R6MeLqRQzYw",
       displayName: "Video ID",
-      description: "The ID for the YouTube video."
+      description: "The ID for the YouTube video"
     },
     autoplay: {
       type: "boolean",
       displayName: "Auto Play",
-      description: "Whether the video show automatically start playing when the player loads"
+      description: "Whether the video should automatically start playing when the player loads",
+      defaultValueHint: false
     },
     cc_load_policy: {
       type: "boolean",
       displayName: "Show Captions",
-      description: "Whether the captions should be shown by default, even if the user has turned captions off"
+      description: "Whether the captions should be shown by default, even if the user has turned captions off",
+      defaultValueHint: false
     },
     start: {
       type: "number",
       displayName: "Start",
-      description: "The video should begin at this amount of seconds from the start of the video"
+      description: "The video should begin at this amount of seconds from the start of the video",
+      defaultValueHint: 0
     },
     end: {
       type: "number",
@@ -115,42 +140,50 @@ registerComponent(YouTube, {
       type: "choice",
       displayName: "Color",
       options: ["red", "white"],
-      description: "The color used in the display bar to highlight how much of the video the viewer has already seen"
+      description: "The color used in the display bar to highlight how much of the video the viewer has already seen",
+      defaultValueHint: "red"
     },
     controls: {
       type: "boolean",
       displayName: "Show Controls",
-      description: "Whether the YouTube video player controls should be displayed"
+      description: "Whether the YouTube video player controls should be displayed",
+      defaultValueHint: true
     },
     disablekb: {
       type: "boolean",
       displayName: "Disable Keyboard",
-      description: "Whether the keyboard controls should be disabled"
+      description: "Whether the keyboard controls should be disabled",
+      defaultValueHint: false
     },
     fs: {
       type: "boolean",
       displayName: "FullScreen Button",
-      description: "Whether the fullscreen button should be displayed"
+      description: "Whether the fullscreen button should be displayed",
+      defaultValueHint: true
     },
     loop: {
       type: "boolean",
       displayName: "Loop",
-      description: "Whether the video should be played again after it finishes"
+      description: "Whether the video should be played again after it finishes",
+      defaultValueHint: false
     },
     modestbranding: {
       type: "boolean",
       displayName: "Hide Logo",
-      description: "Hide the YouTube logo"
+      description: "Hide the YouTube logo in the control bar",
+      defaultValueHint: false
     },
     playsinline: {
       type: "boolean",
       displayName: "Play Inline",
-      description: "Whether the video should be played inline or fullscreen on iOS"
+      description: "Whether the video should be played inline or fullscreen on iOS",
+      defaultValueHint: false
     },
     rel: {
       type: "boolean",
       displayName: "Related Videos",
-      description: "Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)"
+      description: "Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)",
+      defaultValueHint: true
     }
   },
   isDefaultExport: true,
@@ -160,7 +193,15 @@ registerComponent(YouTube, {
     maxHeight: "100%",
     maxWidth: "100%"
   }
-});
+};
+function registerYouTube(loader, customYouTubeMeta) {
+  if (loader) {
+    loader.registerComponent(YouTube, customYouTubeMeta != null ? customYouTubeMeta : youtubeMeta);
+  } else {
+    registerComponent(YouTube, customYouTubeMeta != null ? customYouTubeMeta : youtubeMeta);
+  }
+}
 
 export default YouTube;
+export { registerYouTube, youtubeMeta };
 //# sourceMappingURL=react-youtube.esm.js.map

package/dist/react-youtube.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    for (const prop of playerParams) {\n      if (prop in props) {\n        const value = props[prop];\n        delete props[prop];\n        if (!props.opts) {\n          props.opts = {};\n        }\n        if (!props.opts.playerVars) {\n          props.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              props.opts.playerVars[prop] = 1;\n            } else {\n              delete props.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            props.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          props.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...props} />;\n  }\n);\n\nregisterComponent(YouTube, {\n  name: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video.\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo\",\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n});\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","prop","value","opts","playerVars","has","YouTubeImpl","registerComponent","name","importPath","videoId","type","defaultValue","displayName","description","autoplay","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth"],"mappings":"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"}
+{"version":3,"file":"react-youtube.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, {\n  PlayerVars,\n  YouTubeProps as YouTubeImplProps,\n} from \"react-youtube\";\n\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"showinfo\",\n  \"start\",\n  \"mute\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return <YouTubeImpl ref={ref} {...finalProps} />;\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-youtube",
-  "version": "7.13.2",
+  "version": "7.13.6",
   "description": "Plasmic registration call for react-youtube",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "@plasmicapp/host": "^0.0.32",
+    "@plasmicapp/host": "^1.0.0",
     "react-youtube": "^7.13.0"
   },
   "peerDependencies": {