Fix SVG support

Related to edd3d95.

Author: wooorm

index.js

@@ -3,6 +3,8 @@
 var html = require('property-information/html')
 var svg = require('property-information/svg')
 var find = require('property-information/find')
+var ns = require('web-namespaces')
+var s = require('hastscript/svg')
 var h = require('hastscript')
 var xtend = require('xtend')
 var count = require('ccount')
@@ -48,8 +50,8 @@ function transform(ast, config) {
   var node
   var pos
 
-  if (fn === element && schema.space === 'html' && ast.nodeName === 'svg') {
-    config.schema = svg
+  if (fn === element) {
+    config.schema = ast.namespaceURI === ns.svg ? svg : html
   }
 
   if (ast.childNodes) {
@@ -131,6 +133,7 @@ function comment(ast) {
 
 /* Transform an element. */
 function element(ast, children, config) {
+  var fn = config.schema.space === 'svg' ? s : h
   var name = ast.tagName
   var attributes = ast.attrs
   var length = attributes.length
@@ -149,7 +152,7 @@ function element(ast, children, config) {
     props[prop] = attribute.value
   }
 
-  node = h(name, props, children)
+  node = fn(name, props, children)
 
   if (name === 'template' && 'content' in ast) {
     pos = ast.sourceCodeLocation

package.json

@@ -22,6 +22,7 @@
     "ccount": "^1.0.3",
     "hastscript": "^4.0.0",
     "property-information": "^4.0.0",
+    "web-namespaces": "^1.1.2",
     "xtend": "^4.0.1"
   },
   "devDependencies": {

test/fixtures/svg/index.json

@@ -42,8 +42,8 @@
                   "type": "element",
                   "tagName": "svg",
                   "properties": {
-                    "width": 230,
-                    "height": 120,
+                    "width": "230",
+                    "height": "120",
                     "viewBox": "0 0 200 200",
                     "xmlns": "http://www.w3.org/2000/svg",
                     "xmlnsXLink": "http://www.w3.org/1999/xlink"

test/index.js

@@ -320,8 +320,8 @@ test('hast-util-from-parse5', function(t) {
           type: 'element',
           tagName: 'svg',
           properties: {
-            width: 230,
-            height: 120,
+            width: '230',
+            height: '120',
             viewBox: '0 0 200 200',
             xmlns: 'http://www.w3.org/2000/svg',
             xmlnsXLink: 'http://www.w3.org/1999/xlink'