after npm install

Author: rmarren1

Diff for: lib/metadata.json

@@ -420,6 +420,7 @@
         },
         "muted": {
             "elements": [
+                "audio",
                 "video"
             ],
             "description": "Indicates whether the audio will be initially silenced on page load."
@@ -863,6 +864,7 @@
             "controls",
             "crossOrigin",
             "loop",
+            "muted",
             "preload",
             "src"
         ],

Diff for: scripts/data/attributes.json

@@ -1,4 +1,3 @@
-base
 link
 meta
 title
@@ -7,11 +6,18 @@ article
 aside
 footer
 header
+h1
+h2
+h3
+h4
+h5
+h6
 hgroup
 nav
 section
 blockquote
 dd
+dir
 div
 dl
 dt
@@ -38,6 +44,7 @@ em
 i
 kbd
 mark
+nobr
 q
 rp
 rt
@@ -51,6 +58,7 @@ strong
 sub
 sup
 time
+tt
 u
 var
 wbr
@@ -60,9 +68,12 @@ img
 map
 track
 video
+applet
 embed
+noembed
 object
 param
+picture
 source
 canvas
 noscript
@@ -105,6 +116,7 @@ template
 acronym
 applet
 basefont
+bgsound
 big
 blink
 center
@@ -115,13 +127,18 @@ element
 font
 frame
 frameset
+image
 isindex
 keygen
 listing
 marquee
+menu
+menuitem
 multicol
 nextid
+nobr
 noembed
+noframes
 plaintext
 shadow
 spacer

Diff for: scripts/data/elements.txt

@@ -74,6 +74,11 @@ Audio.propTypes = {
      */
     'loop': PropTypes.string,
 
+    /**
+     * Indicates whether the audio will be initially silenced on page load.
+     */
+    'muted': PropTypes.string,
+
     /**
      * Indicates whether the whole resource, parts of it or nothing should be preloaded.
      */

Diff for: src/components/Audio.react.js

@@ -0,0 +1,131 @@
+
+import React, {PropTypes} from 'react';
+
+const Bgsound = (props) => {
+    if (props.fireEvent || props.setProps) {
+        return (
+            <bgsound
+                onClick={() => {
+                    if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
+                    if (props.fireEvent) props.fireEvent({event: 'click'});
+                }}
+                {...props}
+            >
+                {props.children}
+            </bgsound>
+        );
+    } else {
+        return (
+            <bgsound {...props}>
+                {props.children}
+            </bgsound>
+        );
+    }
+};
+
+Bgsound.defaultProps = {
+    n_clicks: 0
+};
+
+Bgsound.propTypes = {
+    /**
+     * The ID of this component, used to identify dash components
+     * in callbacks. The ID needs to be unique across all of the
+     * components in an app.
+     */
+    'id': PropTypes.string,
+
+    /**
+     * The children of this component
+     */
+    'children': PropTypes.node,
+
+    /**
+     * An integer that represents the number of times
+     * that this element has been clicked on.
+     */
+    'n_clicks': PropTypes.integer,
+
+    /**
+     * A unique identifier for the component, used to improve
+     * performance by React.js while rendering components
+     * See https://reactjs.org/docs/lists-and-keys.html for more info
+     */
+    'key': PropTypes.string,
+    
+
+    /**
+     * Indicates whether the media should start playing from the start when it's finished.
+     */
+    'loop': PropTypes.string,
+
+    /**
+     * Defines a keyboard shortcut to activate or add focus to the element.
+     */
+    'accessKey': PropTypes.string,
+
+    /**
+     * Often used with CSS to style elements with common properties.
+     */
+    'className': PropTypes.string,
+
+    /**
+     * Indicates whether the element's content is editable.
+     */
+    'contentEditable': PropTypes.string,
+
+    /**
+     * Defines the ID of a <menu> element which will serve as the element's context menu.
+     */
+    'contextMenu': PropTypes.string,
+
+    /**
+     * Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
+     */
+    'dir': PropTypes.string,
+
+    /**
+     * Defines whether the element can be dragged.
+     */
+    'draggable': PropTypes.string,
+
+    /**
+     * Prevents rendering of given element, while keeping child elements, e.g. script elements, active.
+     */
+    'hidden': PropTypes.string,
+
+    /**
+     * Defines the language used in the element.
+     */
+    'lang': PropTypes.string,
+
+    /**
+     * Indicates whether spell checking is allowed for the element.
+     */
+    'spellCheck': PropTypes.string,
+
+    /**
+     * Defines CSS styles which will override styles previously set.
+     */
+    'style': PropTypes.object,
+
+    /**
+     * Overrides the browser's default tab order and follows the one specified instead.
+     */
+    'tabIndex': PropTypes.string,
+
+    /**
+     * Text to be displayed in a tooltip when hovering over the element.
+     */
+    'title': PropTypes.string,
+
+    /**
+     * A callback for firing events to dash.
+     */
+    'fireEvent': PropTypes.func,
+
+    'dashEvents': PropTypes.oneOf(['click'])
+    
+};
+
+export default Bgsound;

Diff for: src/components/Bgsound.react.js

@@ -1,33 +1,33 @@
 
 import React, {PropTypes} from 'react';
 
-const Base = (props) => {
+const Image = (props) => {
     if (props.fireEvent || props.setProps) {
         return (
-            <base
+            <image
                 onClick={() => {
                     if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
                     if (props.fireEvent) props.fireEvent({event: 'click'});
                 }}
                 {...props}
             >
                 {props.children}
-            </base>
+            </image>
         );
     } else {
         return (
-            <base {...props}>
+            <image {...props}>
                 {props.children}
-            </base>
+            </image>
         );
     }
 };
 
-Base.defaultProps = {
+Image.defaultProps = {
     n_clicks: 0
 };
 
-Base.propTypes = {
+Image.propTypes = {
     /**
      * The ID of this component, used to identify dash components
      * in callbacks. The ID needs to be unique across all of the
@@ -54,16 +54,6 @@ Base.propTypes = {
     'key': PropTypes.string,
 
 
-    /**
-     * The URL of a linked resource.
-     */
-    'href': PropTypes.string,
-
-    /**
-     *
-     */
-    'target': PropTypes.string,
-
     /**
      * Defines a keyboard shortcut to activate or add focus to the element.
      */
@@ -133,4 +123,4 @@ Base.propTypes = {
 
 };
 
-export default Base;
+export default Image;