cssstyle 0.2.37 → 1.1.1

package/README.md

@@ -1,27 +1,27 @@
-CSSStyleDeclaration
-===================
+# CSSStyleDeclaration
+
+[![NpmVersion](https://img.shields.io/npm/v/cssstyle.svg)](https://www.npmjs.com/package/cssstyle)
 
 CSSStyleDeclaration is a work-a-like to the CSSStyleDeclaration class in Nikita Vasilyev's [CSSOM](https://github.com/NV/CSSOM). I made it so that when using [jQuery in node](https://github.com/tmtk75/node-jquery) setting css attributes via $.fn.css() would work. node-jquery uses [jsdom](https://github.com/tmpvar/jsdom) to create a DOM to use in node. jsdom uses CSSOM for styling, and CSSOM's implementation of the [CSSStyleDeclaration](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleDeclaration) doesn't support [CSS2Properties](http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties), which is how jQuery's [$.fn.css()](http://api.jquery.com/css/) operates.
 
+### Why not just issue a pull request?
+
+Well, NV wants to keep CSSOM fast (which I can appreciate) and CSS2Properties aren't required by the standard (though every browser has the interface). So I figured the path of least resistance would be to just modify this one class, publish it as a node module (that requires CSSOM) and then make a pull request of jsdom to use it.
 
-Why not just issue a pull request?
-----
-Well, NV wants to keep CSSOM fast (which I can appreciate) and CSS2Properties aren't required by the standard (though every browser has the interface). So I figured the path of least resistence would be to just modify this one class, publish it as a node module (that requires CSSOM) and then make a pull request of jsdom to use it.
+### How do I test this code?
 
-How do I test this code?
----
 `npm test` should do the trick, assuming you have the dev dependencies installed:
-> ```
-> $ npm test
->
-> tests
-> ✔ Verify Has Properties
-> ✔ Verify Has Functions
-> ✔ Verify Has Special Properties
-> ✔ Test From Style String
-> ✔ Test From Properties
-> ✔ Test Shorthand Properties
-> ✔ Test width and height Properties and null and empty strings
-> ✔ Test Implicit Properties
-> ```
 
+```
+$ npm test
+
+tests
+✔ Verify Has Properties
+✔ Verify Has Functions
+✔ Verify Has Special Properties
+✔ Test From Style String
+✔ Test From Properties
+✔ Test Shorthand Properties
+✔ Test width and height Properties and null and empty strings
+✔ Test Implicit Properties
+```

package/lib/CSSStyleDeclaration.js

@@ -4,11 +4,7 @@
  ********************************************************************/
 "use strict";
 var CSSOM = require('cssom');
-var fs = require('fs');
-var path = require('path');
-
-var camelToDashed = require('./parsers').camelToDashed;
-var dashedToCamelCase = require('./parsers').dashedToCamelCase;
+var validProperties = require('./validProperties');
 
 /**
  * @constructor
@@ -52,9 +48,13 @@ CSSStyleDeclaration.prototype = {
             this.removeProperty(name);
             return;
         }
-        var camel_case = dashedToCamelCase(name);
-        this[camel_case] = value;
-        this._importants[name] = priority;
+        var lowercaseName = name.toLowerCase();
+        if (!validProperties.has(lowercaseName)) {
+            return;
+        }
+
+        this[lowercaseName] = value;
+        this._importants[lowercaseName] = priority;
     },
     _setProperty: function (name, value, priority) {
         if (value === undefined) {

package/lib/parsers.js

@@ -21,7 +21,7 @@ exports.TYPES = {
 // rough regular expressions
 var integerRegEx = /^[\-+]?[0-9]+$/;
 var numberRegEx = /^[\-+]?[0-9]*\.[0-9]+$/;
-var lengthRegEx = /^(0|[\-+]?[0-9]*\.?[0-9]+(in|cm|em|mm|pt|pc|px))$/;
+var lengthRegEx = /^(0|[\-+]?[0-9]*\.?[0-9]+(in|cm|em|mm|pt|pc|px|ex|rem|vh|vw))$/;
 var percentRegEx = /^[\-+]?[0-9]*\.?[0-9]+%$/;
 var urlRegEx = /^url\(\s*([^\)]*)\s*\)$/;
 var stringRegEx = /^(\"[^\"]*\"|\'[^\']*\')$/;

package/lib/properties/alignContent.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('align-content', v);
+    },
+    get: function () {
+        return this.getPropertyValue('align-content');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/alignItems.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('align-items', v);
+    },
+    get: function () {
+        return this.getPropertyValue('align-items');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/borderSpacing.js

@@ -10,6 +10,9 @@ var parse = function parse(v) {
     if (v === '' || v === null) {
         return undefined;
     }
+    if (v === 0) {
+        return "0px";
+    }
     if (v.toLowerCase() === 'inherit') {
         return v;
     }

package/lib/properties/flexDirection.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('flex-direction', v);
+    },
+    get: function () {
+        return this.getPropertyValue('flex-direction');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/flexFlow.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('flex-flow', v);
+    },
+    get: function () {
+        return this.getPropertyValue('flex-flow');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/flexWrap.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('flex-wrap', v);
+    },
+    get: function () {
+        return this.getPropertyValue('flex-wrap');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/justifyContent.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('justify-content', v);
+    },
+    get: function () {
+        return this.getPropertyValue('justify-content');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties/transform.js

@@ -0,0 +1,12 @@
+'use strict';
+
+module.exports.definition = {
+    set: function (v) {
+        this._setProperty('transform', v);
+    },
+    get: function () {
+        return this.getPropertyValue('transform');
+    },
+    enumerable: true,
+    configurable: true
+};

package/lib/properties.js

@@ -9,6 +9,28 @@
 
 var external_dependency_parsers_0 = require("./parsers.js");
 
+var alignContent_export_definition;
+alignContent_export_definition = {
+  set: function (v) {
+    this._setProperty('align-content', v);
+  },
+  get: function () {
+    return this.getPropertyValue('align-content');
+  },
+  enumerable: true,
+  configurable: true
+};
+var alignItems_export_definition;
+alignItems_export_definition = {
+  set: function (v) {
+    this._setProperty('align-items', v);
+  },
+  get: function () {
+    return this.getPropertyValue('align-items');
+  },
+  enumerable: true,
+  configurable: true
+};
 var alignmentBaseline_export_definition;
 alignmentBaseline_export_definition = {
   set: function (v) {
@@ -912,6 +934,10 @@ var borderSpacing_local_var_parse = function parse(v) {
     return undefined;
   }
 
+  if (v === 0) {
+    return "0px";
+  }
+
   if (v.toLowerCase() === 'inherit') {
     return v;
   }
@@ -1402,6 +1428,39 @@ filter_export_definition = {
   enumerable: true,
   configurable: true
 };
+var flexDirection_export_definition;
+flexDirection_export_definition = {
+  set: function (v) {
+    this._setProperty('flex-direction', v);
+  },
+  get: function () {
+    return this.getPropertyValue('flex-direction');
+  },
+  enumerable: true,
+  configurable: true
+};
+var flexFlow_export_definition;
+flexFlow_export_definition = {
+  set: function (v) {
+    this._setProperty('flex-flow', v);
+  },
+  get: function () {
+    return this.getPropertyValue('flex-flow');
+  },
+  enumerable: true,
+  configurable: true
+};
+var flexWrap_export_definition;
+flexWrap_export_definition = {
+  set: function (v) {
+    this._setProperty('flex-wrap', v);
+  },
+  get: function () {
+    return this.getPropertyValue('flex-wrap');
+  },
+  enumerable: true,
+  configurable: true
+};
 var floodColor_export_definition;
 floodColor_export_definition = {
   set: function (v) {
@@ -1674,6 +1733,17 @@ imageRendering_export_definition = {
   enumerable: true,
   configurable: true
 };
+var justifyContent_export_definition;
+justifyContent_export_definition = {
+  set: function (v) {
+    this._setProperty('justify-content', v);
+  },
+  get: function () {
+    return this.getPropertyValue('justify-content');
+  },
+  enumerable: true,
+  configurable: true
+};
 var kerning_export_definition;
 kerning_export_definition = {
   set: function (v) {
@@ -2901,6 +2971,17 @@ top_export_definition = {
   enumerable: true,
   configurable: true
 };
+var transform_export_definition;
+transform_export_definition = {
+  set: function (v) {
+    this._setProperty('transform', v);
+  },
+  get: function () {
+    return this.getPropertyValue('transform');
+  },
+  enumerable: true,
+  configurable: true
+};
 var unicodeBidi_export_definition;
 unicodeBidi_export_definition = {
   set: function (v) {
@@ -5117,6 +5198,10 @@ zoom_export_definition = {
 
 module.exports = function (prototype) {
   Object.defineProperties(prototype, {
+    alignContent: alignContent_export_definition,
+    "align-content": alignContent_export_definition,
+    alignItems: alignItems_export_definition,
+    "align-items": alignItems_export_definition,
     alignmentBaseline: alignmentBaseline_export_definition,
     "alignment-baseline": alignmentBaseline_export_definition,
     azimuth: azimuth_export_definition,
@@ -5258,6 +5343,12 @@ module.exports = function (prototype) {
     fillRule: fillRule_export_definition,
     "fill-rule": fillRule_export_definition,
     filter: filter_export_definition,
+    flexDirection: flexDirection_export_definition,
+    "flex-direction": flexDirection_export_definition,
+    flexFlow: flexFlow_export_definition,
+    "flex-flow": flexFlow_export_definition,
+    flexWrap: flexWrap_export_definition,
+    "flex-wrap": flexWrap_export_definition,
     floodColor: floodColor_export_definition,
     "flood-color": floodColor_export_definition,
     floodOpacity: floodOpacity_export_definition,
@@ -5286,6 +5377,8 @@ module.exports = function (prototype) {
     height: height_export_definition,
     imageRendering: imageRendering_export_definition,
     "image-rendering": imageRendering_export_definition,
+    justifyContent: justifyContent_export_definition,
+    "justify-content": justifyContent_export_definition,
     kerning: kerning_export_definition,
     left: left_export_definition,
     letterSpacing: letterSpacing_export_definition,
@@ -5459,6 +5552,7 @@ module.exports = function (prototype) {
     textUnderlineWidth: textUnderlineWidth_export_definition,
     "text-underline-width": textUnderlineWidth_export_definition,
     top: top_export_definition,
+    transform: transform_export_definition,
     unicodeBidi: unicodeBidi_export_definition,
     "unicode-bidi": unicodeBidi_export_definition,
     unicodeRange: unicodeRange_export_definition,

package/lib/validProperties.js

@@ -0,0 +1,410 @@
+'use strict';
+
+// autogenerated
+
+/*
+ *
+ * http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties
+ */
+
+var validProperties = new Set();
+validProperties.add("align-content");
+validProperties.add("align-items");
+validProperties.add("alignment-baseline");
+validProperties.add("azimuth");
+validProperties.add("background");
+validProperties.add("background-attachment");
+validProperties.add("background-clip");
+validProperties.add("background-color");
+validProperties.add("background-image");
+validProperties.add("background-origin");
+validProperties.add("background-position");
+validProperties.add("background-position-x");
+validProperties.add("background-position-y");
+validProperties.add("background-repeat");
+validProperties.add("background-repeat-x");
+validProperties.add("background-repeat-y");
+validProperties.add("background-size");
+validProperties.add("baseline-shift");
+validProperties.add("border");
+validProperties.add("border-bottom");
+validProperties.add("border-bottom-color");
+validProperties.add("border-bottom-left-radius");
+validProperties.add("border-bottom-right-radius");
+validProperties.add("border-bottom-style");
+validProperties.add("border-bottom-width");
+validProperties.add("border-collapse");
+validProperties.add("border-color");
+validProperties.add("border-image");
+validProperties.add("border-image-outset");
+validProperties.add("border-image-repeat");
+validProperties.add("border-image-slice");
+validProperties.add("border-image-source");
+validProperties.add("border-image-width");
+validProperties.add("border-left");
+validProperties.add("border-left-color");
+validProperties.add("border-left-style");
+validProperties.add("border-left-width");
+validProperties.add("border-radius");
+validProperties.add("border-right");
+validProperties.add("border-right-color");
+validProperties.add("border-right-style");
+validProperties.add("border-right-width");
+validProperties.add("border-spacing");
+validProperties.add("border-style");
+validProperties.add("border-top");
+validProperties.add("border-top-color");
+validProperties.add("border-top-left-radius");
+validProperties.add("border-top-right-radius");
+validProperties.add("border-top-style");
+validProperties.add("border-top-width");
+validProperties.add("border-width");
+validProperties.add("bottom");
+validProperties.add("box-shadow");
+validProperties.add("box-sizing");
+validProperties.add("caption-side");
+validProperties.add("clear");
+validProperties.add("clip");
+validProperties.add("color");
+validProperties.add("color-interpolation");
+validProperties.add("color-interpolation-filters");
+validProperties.add("color-profile");
+validProperties.add("color-rendering");
+validProperties.add("content");
+validProperties.add("counter-increment");
+validProperties.add("counter-reset");
+validProperties.add("css-float");
+validProperties.add("cue");
+validProperties.add("cue-after");
+validProperties.add("cue-before");
+validProperties.add("cursor");
+validProperties.add("direction");
+validProperties.add("display");
+validProperties.add("dominant-baseline");
+validProperties.add("elevation");
+validProperties.add("empty-cells");
+validProperties.add("enable-background");
+validProperties.add("fill");
+validProperties.add("fill-opacity");
+validProperties.add("fill-rule");
+validProperties.add("filter");
+validProperties.add("flex-direction");
+validProperties.add("flex-flow");
+validProperties.add("flex-wrap");
+validProperties.add("flood-color");
+validProperties.add("flood-opacity");
+validProperties.add("font");
+validProperties.add("font-family");
+validProperties.add("font-size");
+validProperties.add("font-size-adjust");
+validProperties.add("font-stretch");
+validProperties.add("font-style");
+validProperties.add("font-variant");
+validProperties.add("font-weight");
+validProperties.add("glyph-orientation-horizontal");
+validProperties.add("glyph-orientation-vertical");
+validProperties.add("height");
+validProperties.add("image-rendering");
+validProperties.add("justify-content");
+validProperties.add("kerning");
+validProperties.add("left");
+validProperties.add("letter-spacing");
+validProperties.add("lighting-color");
+validProperties.add("line-height");
+validProperties.add("list-style");
+validProperties.add("list-style-image");
+validProperties.add("list-style-position");
+validProperties.add("list-style-type");
+validProperties.add("margin");
+validProperties.add("margin-bottom");
+validProperties.add("margin-left");
+validProperties.add("margin-right");
+validProperties.add("margin-top");
+validProperties.add("marker");
+validProperties.add("marker-end");
+validProperties.add("marker-mid");
+validProperties.add("marker-offset");
+validProperties.add("marker-start");
+validProperties.add("marks");
+validProperties.add("mask");
+validProperties.add("max-height");
+validProperties.add("max-width");
+validProperties.add("min-height");
+validProperties.add("min-width");
+validProperties.add("opacity");
+validProperties.add("orphans");
+validProperties.add("outline");
+validProperties.add("outline-color");
+validProperties.add("outline-offset");
+validProperties.add("outline-style");
+validProperties.add("outline-width");
+validProperties.add("overflow");
+validProperties.add("overflow-x");
+validProperties.add("overflow-y");
+validProperties.add("padding");
+validProperties.add("padding-bottom");
+validProperties.add("padding-left");
+validProperties.add("padding-right");
+validProperties.add("padding-top");
+validProperties.add("page");
+validProperties.add("page-break-after");
+validProperties.add("page-break-before");
+validProperties.add("page-break-inside");
+validProperties.add("pause");
+validProperties.add("pause-after");
+validProperties.add("pause-before");
+validProperties.add("pitch");
+validProperties.add("pitch-range");
+validProperties.add("play-during");
+validProperties.add("pointer-events");
+validProperties.add("position");
+validProperties.add("quotes");
+validProperties.add("resize");
+validProperties.add("richness");
+validProperties.add("right");
+validProperties.add("shape-rendering");
+validProperties.add("size");
+validProperties.add("speak");
+validProperties.add("speak-header");
+validProperties.add("speak-numeral");
+validProperties.add("speak-punctuation");
+validProperties.add("speech-rate");
+validProperties.add("src");
+validProperties.add("stop-color");
+validProperties.add("stop-opacity");
+validProperties.add("stress");
+validProperties.add("stroke");
+validProperties.add("stroke-dasharray");
+validProperties.add("stroke-dashoffset");
+validProperties.add("stroke-linecap");
+validProperties.add("stroke-linejoin");
+validProperties.add("stroke-miterlimit");
+validProperties.add("stroke-opacity");
+validProperties.add("stroke-width");
+validProperties.add("table-layout");
+validProperties.add("text-align");
+validProperties.add("text-anchor");
+validProperties.add("text-decoration");
+validProperties.add("text-indent");
+validProperties.add("text-line-through");
+validProperties.add("text-line-through-color");
+validProperties.add("text-line-through-mode");
+validProperties.add("text-line-through-style");
+validProperties.add("text-line-through-width");
+validProperties.add("text-overflow");
+validProperties.add("text-overline");
+validProperties.add("text-overline-color");
+validProperties.add("text-overline-mode");
+validProperties.add("text-overline-style");
+validProperties.add("text-overline-width");
+validProperties.add("text-rendering");
+validProperties.add("text-shadow");
+validProperties.add("text-transform");
+validProperties.add("text-underline");
+validProperties.add("text-underline-color");
+validProperties.add("text-underline-mode");
+validProperties.add("text-underline-style");
+validProperties.add("text-underline-width");
+validProperties.add("top");
+validProperties.add("transform");
+validProperties.add("unicode-bidi");
+validProperties.add("unicode-range");
+validProperties.add("vector-effect");
+validProperties.add("vertical-align");
+validProperties.add("visibility");
+validProperties.add("voice-family");
+validProperties.add("volume");
+validProperties.add("webkit-animation");
+validProperties.add("webkit-animation-delay");
+validProperties.add("webkit-animation-direction");
+validProperties.add("webkit-animation-duration");
+validProperties.add("webkit-animation-fill-mode");
+validProperties.add("webkit-animation-iteration-count");
+validProperties.add("webkit-animation-name");
+validProperties.add("webkit-animation-play-state");
+validProperties.add("webkit-animation-timing-function");
+validProperties.add("webkit-appearance");
+validProperties.add("webkit-aspect-ratio");
+validProperties.add("webkit-backface-visibility");
+validProperties.add("webkit-background-clip");
+validProperties.add("webkit-background-composite");
+validProperties.add("webkit-background-origin");
+validProperties.add("webkit-background-size");
+validProperties.add("webkit-border-after");
+validProperties.add("webkit-border-after-color");
+validProperties.add("webkit-border-after-style");
+validProperties.add("webkit-border-after-width");
+validProperties.add("webkit-border-before");
+validProperties.add("webkit-border-before-color");
+validProperties.add("webkit-border-before-style");
+validProperties.add("webkit-border-before-width");
+validProperties.add("webkit-border-end");
+validProperties.add("webkit-border-end-color");
+validProperties.add("webkit-border-end-style");
+validProperties.add("webkit-border-end-width");
+validProperties.add("webkit-border-fit");
+validProperties.add("webkit-border-horizontal-spacing");
+validProperties.add("webkit-border-image");
+validProperties.add("webkit-border-radius");
+validProperties.add("webkit-border-start");
+validProperties.add("webkit-border-start-color");
+validProperties.add("webkit-border-start-style");
+validProperties.add("webkit-border-start-width");
+validProperties.add("webkit-border-vertical-spacing");
+validProperties.add("webkit-box-align");
+validProperties.add("webkit-box-direction");
+validProperties.add("webkit-box-flex");
+validProperties.add("webkit-box-flex-group");
+validProperties.add("webkit-box-lines");
+validProperties.add("webkit-box-ordinal-group");
+validProperties.add("webkit-box-orient");
+validProperties.add("webkit-box-pack");
+validProperties.add("webkit-box-reflect");
+validProperties.add("webkit-box-shadow");
+validProperties.add("webkit-color-correction");
+validProperties.add("webkit-column-axis");
+validProperties.add("webkit-column-break-after");
+validProperties.add("webkit-column-break-before");
+validProperties.add("webkit-column-break-inside");
+validProperties.add("webkit-column-count");
+validProperties.add("webkit-column-gap");
+validProperties.add("webkit-column-rule");
+validProperties.add("webkit-column-rule-color");
+validProperties.add("webkit-column-rule-style");
+validProperties.add("webkit-column-rule-width");
+validProperties.add("webkit-column-span");
+validProperties.add("webkit-column-width");
+validProperties.add("webkit-columns");
+validProperties.add("webkit-filter");
+validProperties.add("webkit-flex-align");
+validProperties.add("webkit-flex-direction");
+validProperties.add("webkit-flex-flow");
+validProperties.add("webkit-flex-item-align");
+validProperties.add("webkit-flex-line-pack");
+validProperties.add("webkit-flex-order");
+validProperties.add("webkit-flex-pack");
+validProperties.add("webkit-flex-wrap");
+validProperties.add("webkit-flow-from");
+validProperties.add("webkit-flow-into");
+validProperties.add("webkit-font-feature-settings");
+validProperties.add("webkit-font-kerning");
+validProperties.add("webkit-font-size-delta");
+validProperties.add("webkit-font-smoothing");
+validProperties.add("webkit-font-variant-ligatures");
+validProperties.add("webkit-highlight");
+validProperties.add("webkit-hyphenate-character");
+validProperties.add("webkit-hyphenate-limit-after");
+validProperties.add("webkit-hyphenate-limit-before");
+validProperties.add("webkit-hyphenate-limit-lines");
+validProperties.add("webkit-hyphens");
+validProperties.add("webkit-line-align");
+validProperties.add("webkit-line-box-contain");
+validProperties.add("webkit-line-break");
+validProperties.add("webkit-line-clamp");
+validProperties.add("webkit-line-grid");
+validProperties.add("webkit-line-snap");
+validProperties.add("webkit-locale");
+validProperties.add("webkit-logical-height");
+validProperties.add("webkit-logical-width");
+validProperties.add("webkit-margin-after");
+validProperties.add("webkit-margin-after-collapse");
+validProperties.add("webkit-margin-before");
+validProperties.add("webkit-margin-before-collapse");
+validProperties.add("webkit-margin-bottom-collapse");
+validProperties.add("webkit-margin-collapse");
+validProperties.add("webkit-margin-end");
+validProperties.add("webkit-margin-start");
+validProperties.add("webkit-margin-top-collapse");
+validProperties.add("webkit-marquee");
+validProperties.add("webkit-marquee-direction");
+validProperties.add("webkit-marquee-increment");
+validProperties.add("webkit-marquee-repetition");
+validProperties.add("webkit-marquee-speed");
+validProperties.add("webkit-marquee-style");
+validProperties.add("webkit-mask");
+validProperties.add("webkit-mask-attachment");
+validProperties.add("webkit-mask-box-image");
+validProperties.add("webkit-mask-box-image-outset");
+validProperties.add("webkit-mask-box-image-repeat");
+validProperties.add("webkit-mask-box-image-slice");
+validProperties.add("webkit-mask-box-image-source");
+validProperties.add("webkit-mask-box-image-width");
+validProperties.add("webkit-mask-clip");
+validProperties.add("webkit-mask-composite");
+validProperties.add("webkit-mask-image");
+validProperties.add("webkit-mask-origin");
+validProperties.add("webkit-mask-position");
+validProperties.add("webkit-mask-position-x");
+validProperties.add("webkit-mask-position-y");
+validProperties.add("webkit-mask-repeat");
+validProperties.add("webkit-mask-repeat-x");
+validProperties.add("webkit-mask-repeat-y");
+validProperties.add("webkit-mask-size");
+validProperties.add("webkit-match-nearest-mail-blockquote-color");
+validProperties.add("webkit-max-logical-height");
+validProperties.add("webkit-max-logical-width");
+validProperties.add("webkit-min-logical-height");
+validProperties.add("webkit-min-logical-width");
+validProperties.add("webkit-nbsp-mode");
+validProperties.add("webkit-overflow-scrolling");
+validProperties.add("webkit-padding-after");
+validProperties.add("webkit-padding-before");
+validProperties.add("webkit-padding-end");
+validProperties.add("webkit-padding-start");
+validProperties.add("webkit-perspective");
+validProperties.add("webkit-perspective-origin");
+validProperties.add("webkit-perspective-origin-x");
+validProperties.add("webkit-perspective-origin-y");
+validProperties.add("webkit-print-color-adjust");
+validProperties.add("webkit-region-break-after");
+validProperties.add("webkit-region-break-before");
+validProperties.add("webkit-region-break-inside");
+validProperties.add("webkit-region-overflow");
+validProperties.add("webkit-rtl-ordering");
+validProperties.add("webkit-svg-shadow");
+validProperties.add("webkit-tap-highlight-color");
+validProperties.add("webkit-text-combine");
+validProperties.add("webkit-text-decorations-in-effect");
+validProperties.add("webkit-text-emphasis");
+validProperties.add("webkit-text-emphasis-color");
+validProperties.add("webkit-text-emphasis-position");
+validProperties.add("webkit-text-emphasis-style");
+validProperties.add("webkit-text-fill-color");
+validProperties.add("webkit-text-orientation");
+validProperties.add("webkit-text-security");
+validProperties.add("webkit-text-size-adjust");
+validProperties.add("webkit-text-stroke");
+validProperties.add("webkit-text-stroke-color");
+validProperties.add("webkit-text-stroke-width");
+validProperties.add("webkit-transform");
+validProperties.add("webkit-transform-origin");
+validProperties.add("webkit-transform-origin-x");
+validProperties.add("webkit-transform-origin-y");
+validProperties.add("webkit-transform-origin-z");
+validProperties.add("webkit-transform-style");
+validProperties.add("webkit-transition");
+validProperties.add("webkit-transition-delay");
+validProperties.add("webkit-transition-duration");
+validProperties.add("webkit-transition-property");
+validProperties.add("webkit-transition-timing-function");
+validProperties.add("webkit-user-drag");
+validProperties.add("webkit-user-modify");
+validProperties.add("webkit-user-select");
+validProperties.add("webkit-wrap");
+validProperties.add("webkit-wrap-flow");
+validProperties.add("webkit-wrap-margin");
+validProperties.add("webkit-wrap-padding");
+validProperties.add("webkit-wrap-shape-inside");
+validProperties.add("webkit-wrap-shape-outside");
+validProperties.add("webkit-wrap-through");
+validProperties.add("webkit-writing-mode");
+validProperties.add("white-space");
+validProperties.add("widows");
+validProperties.add("width");
+validProperties.add("word-break");
+validProperties.add("word-spacing");
+validProperties.add("word-wrap");
+validProperties.add("writing-mode");
+validProperties.add("z-index");
+validProperties.add("zoom");
+module.exports = validProperties;

package/package.json

@@ -6,16 +6,21 @@
     "CSSStyleDeclaration",
     "StyleSheet"
   ],
-  "version": "0.2.37",
-  "homepage": "https://github.com/chad3814/CSSStyleDeclaration",
+  "version": "1.1.1",
+  "homepage": "https://github.com/jsakas/CSSStyleDeclaration",
   "maintainers": [
     {
-      "name": "Chad Walker",
-      "email": "chad@chad-cat-lore-eddie.com",
-      "url": "https://github.com/chad3814"
+      "name": "Jon Sakas",
+      "email": "jon.sakas@gmail.com",
+      "url": "http://jon.sakas.co/"
     }
   ],
   "contributors": [
+    {
+      "name": "Chad Walker",
+      "email": "chad@chad-cat-lore-eddie.com",
+      "url": "https://github.com/chad3814"
+    },
     {
       "name": "Nikita Vasilyev",
       "email": "me@elv1s.ru"
@@ -27,8 +32,8 @@
       "name": "Forbes Lindesay"
     }
   ],
-  "repository": "chad3814/CSSStyleDeclaration",
-  "bugs": "https://github.com/chad3814/CSSStyleDeclaration/issues",
+  "repository": "jsakas/CSSStyleDeclaration",
+  "bugs": "https://github.com/jsakas/CSSStyleDeclaration/issues",
   "directories": {
     "lib": "./lib"
   },
@@ -45,8 +50,8 @@
     "resolve": "~1.1.7"
   },
   "scripts": {
-    "test": "./scripts/run_tests.sh",
-    "prepublish": "node ./scripts/generate_properties.js"
+    "test": "node ./scripts/generate_properties.js && node ./scripts/generate_valid_properties.js && nodeunit tests",
+    "prepare": "node ./scripts/generate_properties.js && node ./scripts/generate_valid_properties.js"
   },
   "license": "MIT"
 }

package/scripts/generate_valid_properties.js

@@ -0,0 +1,62 @@
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+const t = require("babel-types");
+const generate = require("babel-generator").default;
+const camelToDashed = require("../lib/parsers").camelToDashed;
+
+const dahsedProperties = fs
+  .readdirSync(path.resolve(__dirname, "../lib/properties"))
+  .filter(propertyFile => propertyFile.substr(-3) === ".js")
+  .map(propertyFile => camelToDashed(propertyFile.replace('.js', '')))
+
+const valid_properties_out_file = fs.createWriteStream(
+  path.resolve(__dirname, "../lib/validProperties.js"),
+  { encoding: "utf-8" }
+);
+valid_properties_out_file.write("'use strict';\n\n// autogenerated\n\n");
+valid_properties_out_file.write('/*\n *\n * http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSS2Properties\n */\n\n');
+
+const validPropertiesStatements = [];
+validPropertiesStatements.push(
+  t.variableDeclaration("var", [
+    t.variableDeclarator(
+      t.identifier("validProperties"),
+      t.newExpression(t.identifier("Set"), [])
+    )
+  ])
+);
+
+dahsedProperties.forEach(property => {
+  validPropertiesStatements.push(
+    t.expressionStatement(
+      t.callExpression(
+        t.memberExpression(
+          t.identifier("validProperties"),
+          t.identifier("add")
+        ),
+        [t.stringLiteral(property)]
+      )
+    )
+  );
+});
+
+validPropertiesStatements.push(
+  t.expressionStatement(
+    t.assignmentExpression(
+      "=",
+      t.memberExpression(t.identifier("module"), t.identifier("exports")),
+      t.identifier("validProperties")
+    )
+  )
+);
+
+valid_properties_out_file.write(
+  generate(t.program(validPropertiesStatements)).code + "\n"
+);
+valid_properties_out_file.end(function(err) {
+  if (err) {
+    throw err;
+  }
+});

package/tests/tests.js

@@ -56,9 +56,9 @@ module.exports = {
     'Test From Style String': function (test) {
         var style = new cssstyle.CSSStyleDeclaration();
         test.expect(8);
-        style.cssText = 'color: blue; background-color: red; width: 78%';
-        test.ok(3 === style.length, 'length is not 3');
-        test.ok('color: blue; background-color: red; width: 78%;' === style.cssText, 'cssText is wrong');
+        style.cssText = 'color: blue; background-color: red; width: 78%; height: 50vh;';
+        test.ok(4 === style.length, 'length is not 4');
+        test.ok('color: blue; background-color: red; width: 78%; height: 50vh;' === style.cssText, 'cssText is wrong');
         test.ok('blue' === style.getPropertyValue('color'), "getPropertyValue('color') failed");
         test.ok('color' === style.item(0), 'item(0) failed');
         test.ok('background-color' === style[1], 'style[1] failed');
@@ -108,13 +108,17 @@ module.exports = {
     },
     'Test width and height Properties and null and empty strings': function (test) {
         var style = new cssstyle.CSSStyleDeclaration();
-        test.expect(7);
+        test.expect(9);
         style.height = 6;
         test.ok('' === style.height, 'height does not remain unset');
         style.width = 0;
         test.ok('0px' === style.width, 'width is not 0px');
         style.height = '34%';
         test.ok('34%' === style.height, 'height is not 34%');
+        style.height = '100vh';
+        test.ok('100vh' === style.height, 'height is not 100vh');
+        style.height = '100vw';
+        test.ok('100vw' === style.height, 'height is not 100vw');
         style.height = '';
         test.ok(style.length === 1, 'length is not 1');
         test.ok('width: 0px;' === style.cssText, 'cssText is not "width: 0px;"');
@@ -393,6 +397,16 @@ module.exports = {
         test.equal(style.marginTop, '0px', 'margin-top is not 0px');
         test.done();
     },
+    'Make sure setting ex units to a padding or margin works': function (test) {
+        var style = new cssstyle.CSSStyleDeclaration();
+        test.expect(2);
+        style.padding = '1ex';
+        test.equal(style.cssText, 'padding: 1ex;', 'padding is not 1ex');
+        style.margin = '1em';
+        style.marginTop = '0.5ex'
+        test.equal(style.marginTop, '0.5ex', 'margin-top is not 0.5ex');
+        test.done();
+    },
     'Make sure setting null to background works': function (test) {
         var style = new cssstyle.CSSStyleDeclaration();
         test.expect(2);
@@ -401,5 +415,36 @@ module.exports = {
         style.background = null;
         test.equal(style.cssText, '', 'cssText is not empty');
         test.done();
+    },
+    'Flex properties should keep their values': function (test) {
+        var style = new cssstyle.CSSStyleDeclaration();
+        test.expect(2);
+        style.flexDirection = 'column';
+        test.equal(style.cssText, 'flex-direction: column;', 'flex-direction is not column');
+        style.flexDirection = 'row';
+        test.equal(style.cssText, 'flex-direction: row;', 'flex-direction is not column');
+        test.done();
+    },
+    'Make sure camelCase properties are not assigned with `.setProperty()`': function(test) {
+        var style = new cssstyle.CSSStyleDeclaration();
+        test.expect(1);
+        style.setProperty('fontSize', '12px');
+        test.equal(style.cssText, '', 'cssText is not empty');
+        test.done();
+    },
+    'Make sure casing is ignored in `.setProperty()`': function(test) {
+        var style = new cssstyle.CSSStyleDeclaration();
+        test.expect(2);
+        style.setProperty('FoNt-SiZe', '12px');
+        test.equal(style.fontSize, '12px', 'font-size: 12px');
+        test.equal(style.getPropertyValue('font-size'), '12px', 'font-size: 12px');
+        test.done();
+    },
+    'Support non string entries in border-spacing': function (test) {
+        var style = new cssstyle.CSSStyleDeclaration();
+        test.expect(1);
+        style.borderSpacing = 0;
+        test.equal(style.cssText, 'border-spacing: 0px;', 'border-spacing is not 0');
+        test.done();
     }
 };

package/.npmignore

@@ -1 +0,0 @@
-node_module

package/scripts/run_tests.sh

@@ -1,4 +0,0 @@
-#!/bin/sh
-
-node ./scripts/generate_properties.js
-nodeunit tests