Add some missing iframe attributes (#7813)

* Add some missing iframe attributes

* Changelog + snapshot

Author: nojaf

CHANGELOG.md

@@ -38,6 +38,7 @@
 - Hint about partial application when missing required argument in function call. https://github.com/rescript-lang/rescript/pull/7807
 - More autocomplete improvements involving modules and module types. https://github.com/rescript-lang/rescript/pull/7795
 - Autocomplete `@react.componentWithProps` attribute. https://github.com/rescript-lang/rescript/pull/7812
+- Add some missing iframe attributes to `domProps`. https://github.com/rescript-lang/rescript/pull/7813
 
 #### :house: Internal
 

packages/@rescript/runtime/JsxDOM.res

@@ -40,6 +40,8 @@ type domProps = {
   key?: string,
   children?: Jsx.element,
   ref?: domRef,
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe#allow
+  allow?: string,
   /* accessibility */
   /* https://www.w3.org/TR/wai-aria-1.1/ */
   /* https://accessibilityresources.org/<aria-tag> is a great resource for these */
@@ -203,6 +205,8 @@ type domProps = {
   formAction?: string /* uri */,
   formTarget?: string /* "_blank", "_self", etc. */,
   formMethod?: string /* "post", "get", "put" */,
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe#frameborder
+  frameBorder?: int /* "0", "1" */,
   headers?: string,
   height?: string /* in html5 this can only be a number, but in html4 it can ba a percentage as well */,
   high?: int,
@@ -517,6 +521,8 @@ type domProps = {
   primitiveUnits?: string,
   r?: string,
   radius?: string,
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe#referrerpolicy
+  referrerPolicy?: string,
   refX?: string,
   refY?: string,
   renderingIntent?: string,

tests/analysis_tests/tests/src/expected/Completion.res.txt

@@ -214,6 +214,16 @@ let _fragment = <Fragment>
   {"Hello, world!"}
 </Fragment>;
 
+let _youtube_iframe = <iframe
+  allow={"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"}
+  allowFullScreen={true}
+  frameBorder={0}
+  height={"1075"}
+  src={"https://www.youtube.com/embed/dQw4w9WgXcQ"}
+  width={"1911"}
+  referrerPolicy={"strict-origin-when-cross-origin"}
+/>;
+
 export {
   Icon,
   _single_element_child,
@@ -242,5 +252,6 @@ export {
   _props_with_hyphen,
   React,
   _fragment,
+  _youtube_iframe,
 }
 /* _single_element_child Not a pure module */

tests/tests/src/jsx_preserve_test.mjs

@@ -141,3 +141,14 @@ module React = {
 }
 
 let _fragment = <> {Jsx.string("Hello, world!")} </>
+
+let _youtube_iframe =
+  <iframe
+    width="1911"
+    height="1075"
+    src="https://www.youtube.com/embed/dQw4w9WgXcQ"
+    frameBorder={0}
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerPolicy="strict-origin-when-cross-origin"
+    allowFullScreen={true}>
+  </iframe>