Remove support for style

Author: wooorm

example.js

@@ -10,7 +10,6 @@ var tree = h('.foo#some-id', [
     }),
     h('a.alpha', {
         'class': 'bravo charlie',
-        'style': 'color:/*red*/purple',
         'download': 'download'
     }, ['delta', 'echo'])
 ]);

index.js

@@ -18,7 +18,6 @@
 var parseSelector = require('hast-util-parse-selector');
 var camelcase = require('camelcase');
 var propertyInformation = require('property-information');
-var cssDeclarations = require('css-declarations').parse;
 var spaces = require('space-separated-tokens').parse;
 var commas = require('comma-separated-tokens').parse;
 
@@ -89,29 +88,20 @@ function addProperty(properties, name, value) {
         return;
     }
 
-    /*
-     * Handle values.
-     */
-
+    /* Handle values. */
     if (name === 'style') {
-        /*
-         * Accept both `string` and `object`.
-         */
-
-        if (typeof value === 'string') {
-            result = cssDeclarations(result);
-        } else {
-            result = {};
+        /* Accept `object`. */
+        if (typeof value !== 'string') {
+            result = [];
 
             for (key in value) {
-                result[key] = value[key];
+                result.push([key, value[key]].join(': '));
             }
+
+            result = result.join('; ');
         }
     } else if (info.spaceSeparated) {
-        /*
-         * Accept both `string` and `Array`.
-         */
-
+        /* Accept both `string` and `Array`. */
         result = typeof value === 'string' ? spaces(result) : result;
 
         /*
@@ -123,10 +113,7 @@ function addProperty(properties, name, value) {
             result = properties.className.concat(result);
         }
     } else if (info.commaSeparated) {
-        /*
-         * Accept both `string` and `Array`.
-         */
-
+        /* Accept both `string` and `Array`. */
         result = typeof value === 'string' ? commas(result) : result;
     }
 

package.json

@@ -28,7 +28,6 @@
   "dependencies": {
     "camelcase": "^3.0.0",
     "comma-separated-tokens": "^1.0.0",
-    "css-declarations": "^1.0.0",
     "hast-util-parse-selector": "^2.0.0",
     "property-information": "^3.0.0",
     "space-separated-tokens": "^1.0.0"

readme.md

@@ -33,7 +33,6 @@ var tree = h('.foo#some-id', [
     }),
     h('a.alpha', {
         'class': 'bravo charlie',
-        'style': 'color:/*red*/purple',
         'download': 'download'
     }, ['delta', 'echo'])
 ]);
@@ -56,10 +55,7 @@ Yields:
        children: [] },
      { type: 'element',
        tagName: 'a',
-       properties: 
-        { className: [ 'alpha', 'bravo', 'charlie' ],
-          style: { color: 'purple' },
-          download: true },
+       properties: { className: [ 'alpha', 'bravo', 'charlie' ], download: true },
        children: 
         [ { type: 'text', value: 'delta' },
           { type: 'text', value: 'echo' } ] } ] }
@@ -81,9 +77,6 @@ DSL for creating virtual [HAST][] trees.
 *   `properties` (`Object.<string, *>`, optional)
     — Map of properties;
 
-    When providing an object to `properties.style`,
-    make sure you camel-case those properties.
-
 *   `children` (`string`, `Node`, `Array.<string|Node>`, optional)
     — (List of) child nodes, when strings are encountered,
     they are normalised to [`text`][text] nodes.

test.js

@@ -419,17 +419,14 @@ test('hastscript', function (t) {
             h(null, {
                 'style': {
                     'color': 'red',
-                    'webkitBorderRadius': '3px'
+                    '-webkit-border-radius': '3px'
                 }
             }),
             {
                 'type': 'element',
                 'tagName': 'div',
                 'properties': {
-                    'style': {
-                        'color': 'red',
-                        'webkitBorderRadius': '3px'
-                    }
+                    'style': 'color: red; -webkit-border-radius: 3px'
                 },
                 'children': []
             },
@@ -444,10 +441,7 @@ test('hastscript', function (t) {
                 'type': 'element',
                 'tagName': 'div',
                 'properties': {
-                    'style': {
-                        'color': 'purple',
-                        'webkitBorderRadius': '3px'
-                    }
+                    'style': 'color:/*red*/purple; -webkit-border-radius: 3px'
                 },
                 'children': []
             },