jsx-dom - npm Package Compare versions

Comparing version 6.4.14-beta.4 to 6.4.14-beta.5

lib/index.cjs.js

@@ -109,2 +109,12 @@ "use strict"
 }
+Object.assign(isUnitlessNumber, {
+  fillOpacity: 0,
+  floodOpacity: 0,
+  stopOpacity: 0,
+  strokeDasharray: 0,
+  strokeDashoffset: 0,
+  strokeMiterlimit: 0,
+  strokeOpacity: 0,
+  strokeWidth: 0,
+})
 
@@ -123,2 +133,4 @@ function prefixKey(prefix, key) {
 const SVGNamespace = "http://www.w3.org/2000/svg"
+const XLinkNamespace = "http://www.w3.org/1999/xlink"
+const XMLNamespace = "http://www.w3.org/XML/1998/namespace"
 
@@ -142,2 +154,58 @@ function isVisibleChild(value) {
 }
+const svg = {
+  animate: 0,
+  circle: 0,
+  clipPath: 0,
+  defs: 0,
+  desc: 0,
+  ellipse: 0,
+  feBlend: 0,
+  feColorMatrix: 0,
+  feComponentTransfer: 0,
+  feComposite: 0,
+  feConvolveMatrix: 0,
+  feDiffuseLighting: 0,
+  feDisplacementMap: 0,
+  feDistantLight: 0,
+  feFlood: 0,
+  feFuncA: 0,
+  feFuncB: 0,
+  feFuncG: 0,
+  feFuncR: 0,
+  feGaussianBlur: 0,
+  feImage: 0,
+  feMerge: 0,
+  feMergeNode: 0,
+  feMorphology: 0,
+  feOffset: 0,
+  fePointLight: 0,
+  feSpecularLighting: 0,
+  feSpotLight: 0,
+  feTile: 0,
+  feTurbulence: 0,
+  filter: 0,
+  foreignObject: 0,
+  g: 0,
+  image: 0,
+  line: 0,
+  linearGradient: 0,
+  marker: 0,
+  mask: 0,
+  metadata: 0,
+  path: 0,
+  pattern: 0,
+  polygon: 0,
+  polyline: 0,
+  radialGradient: 0,
+  rect: 0,
+  stop: 0,
+  svg: 0,
+  switch: 0,
+  symbol: 0,
+  text: 0,
+  textPath: 0,
+  tspan: 0,
+  use: 0,
+  view: 0,
+}
 function createFactory(tag) {
@@ -154,2 +222,8 @@ return createElement.bind(null, tag)
 
+  if (!attr.namespaceURI && svg[tag] === 0) {
+    attr = Object.assign({}, attr, {
+      namespaceURI: SVGNamespace,
+    })
+  }
+
   if (attr.children != null && !children.length) {
@@ -210,4 +284,30 @@ var _attr = attr
 
+function normalizeAttribute(s) {
+  return s.replace(/[A-Z\d]/g, (match) => ":" + match.toLowerCase())
+}
+
 function attribute(key, value, node) {
   switch (key) {
+    case "xlinkActuate":
+    case "xlinkArcrole":
+    case "xlinkHref":
+    case "xlinkRole":
+    case "xlinkShow":
+    case "xlinkTitle":
+    case "xlinkType":
+      attrNS(node, XLinkNamespace, normalizeAttribute(key), value)
+      return
+
+    case "xmlnsXlink":
+      attr(node, normalizeAttribute(key), value)
+      return
+
+    case "xmlBase":
+    case "xmlLang":
+    case "xmlSpace":
+      attrNS(node, XMLNamespace, normalizeAttribute(key), value)
+      return
+  }
+
+  switch (key) {
     case "htmlFor":
@@ -277,2 +377,6 @@ attr(node, "for", value)
 
+function attrNS(node, namespace, key, value) {
+  node.setAttributeNS(namespace, key, value)
+}
+
 function attributes(attr, node) {
@@ -351,2 +455,3 @@ for (const key of keys(attr)) {
   createElement,
+  Fragment,
 }
@@ -353,0 +458,0 @@ function preventDefault(event) {

lib/index.js

@@ -105,2 +105,12 @@ const keys = Object.keys
 }
+Object.assign(isUnitlessNumber, {
+  fillOpacity: 0,
+  floodOpacity: 0,
+  stopOpacity: 0,
+  strokeDasharray: 0,
+  strokeDashoffset: 0,
+  strokeMiterlimit: 0,
+  strokeOpacity: 0,
+  strokeWidth: 0,
+})
 
@@ -119,2 +129,4 @@ function prefixKey(prefix, key) {
 const SVGNamespace = "http://www.w3.org/2000/svg"
+const XLinkNamespace = "http://www.w3.org/1999/xlink"
+const XMLNamespace = "http://www.w3.org/XML/1998/namespace"
 
@@ -138,2 +150,58 @@ function isVisibleChild(value) {
 }
+const svg = {
+  animate: 0,
+  circle: 0,
+  clipPath: 0,
+  defs: 0,
+  desc: 0,
+  ellipse: 0,
+  feBlend: 0,
+  feColorMatrix: 0,
+  feComponentTransfer: 0,
+  feComposite: 0,
+  feConvolveMatrix: 0,
+  feDiffuseLighting: 0,
+  feDisplacementMap: 0,
+  feDistantLight: 0,
+  feFlood: 0,
+  feFuncA: 0,
+  feFuncB: 0,
+  feFuncG: 0,
+  feFuncR: 0,
+  feGaussianBlur: 0,
+  feImage: 0,
+  feMerge: 0,
+  feMergeNode: 0,
+  feMorphology: 0,
+  feOffset: 0,
+  fePointLight: 0,
+  feSpecularLighting: 0,
+  feSpotLight: 0,
+  feTile: 0,
+  feTurbulence: 0,
+  filter: 0,
+  foreignObject: 0,
+  g: 0,
+  image: 0,
+  line: 0,
+  linearGradient: 0,
+  marker: 0,
+  mask: 0,
+  metadata: 0,
+  path: 0,
+  pattern: 0,
+  polygon: 0,
+  polyline: 0,
+  radialGradient: 0,
+  rect: 0,
+  stop: 0,
+  svg: 0,
+  switch: 0,
+  symbol: 0,
+  text: 0,
+  textPath: 0,
+  tspan: 0,
+  use: 0,
+  view: 0,
+}
 function createFactory(tag) {
@@ -150,2 +218,8 @@ return createElement.bind(null, tag)
 
+  if (!attr.namespaceURI && svg[tag] === 0) {
+    attr = Object.assign({}, attr, {
+      namespaceURI: SVGNamespace,
+    })
+  }
+
   if (attr.children != null && !children.length) {
@@ -206,4 +280,30 @@ var _attr = attr
 
+function normalizeAttribute(s) {
+  return s.replace(/[A-Z\d]/g, (match) => ":" + match.toLowerCase())
+}
+
 function attribute(key, value, node) {
   switch (key) {
+    case "xlinkActuate":
+    case "xlinkArcrole":
+    case "xlinkHref":
+    case "xlinkRole":
+    case "xlinkShow":
+    case "xlinkTitle":
+    case "xlinkType":
+      attrNS(node, XLinkNamespace, normalizeAttribute(key), value)
+      return
+
+    case "xmlnsXlink":
+      attr(node, normalizeAttribute(key), value)
+      return
+
+    case "xmlBase":
+    case "xmlLang":
+    case "xmlSpace":
+      attrNS(node, XMLNamespace, normalizeAttribute(key), value)
+      return
+  }
+
+  switch (key) {
     case "htmlFor":
@@ -273,2 +373,6 @@ attr(node, "for", value)
 
+function attrNS(node, namespace, key, value) {
+  node.setAttributeNS(namespace, key, value)
+}
+
 function attributes(attr, node) {
@@ -347,2 +451,3 @@ for (const key of keys(attr)) {
   createElement,
+  Fragment,
 }
@@ -349,0 +454,0 @@ function preventDefault(event) {

lib/min.cjs.js

@@ -285,2 +285,3 @@ "use strict"
   createElement,
+  Fragment,
 }
@@ -287,0 +288,0 @@ function preventDefault(event) {

lib/min.js

@@ -281,2 +281,3 @@ const keys = Object.keys
   createElement,
+  Fragment,
 }
@@ -283,0 +284,0 @@ function preventDefault(event) {

package.json

 {
   "name": "jsx-dom",
-  "version": "6.4.14-beta.4",
+  "version": "6.4.14-beta.5",
   "description": "JSX to document.createElement.",
@@ -35,3 +35,3 @@ "main": "lib/index.cjs.js",
     "@types/mocha": "^7.0.2",
-    "@types/node": "^13.13.1",
+    "@types/node": "^13.13.2",
     "@types/prop-types": "^15.7.3",
@@ -45,4 +45,4 @@ "babel-preset-minify": "^0.5.1",
     "nyc": "^15.0.1",
-    "prettier": "^2.0.4",
-    "rollup": "^2.6.1",
+    "prettier": "^2.0.5",
+    "rollup": "^2.7.2",
     "rollup-plugin-babel": "^4.4.0",
@@ -49,0 +49,0 @@ "rollup-plugin-prettier": "^2.0.0",

README.md

@@ -148,7 +148,4 @@ # jsx-dom
 
-A custom build with a list of commonly used SVG tags is included.
-
 ```jsx
-// Use 'jsx-dom/svg';
-import React from "jsx-dom/svg"
+import React from "jsx-dom"
 
@@ -155,0 +152,0 @@ document.body.appendChild(

No alert changes

Worsened metrics

Total package byte prevSize

110797

-11.76%

Number of package files

10

-16.67%

Lines of code

3255

-16.35%

Number of lines in readme file

270

-1.1%

No dependency changes