postcss-calc 2.1.0 → 4.1.0

package/CHANGELOG.md

@@ -1,15 +1,34 @@
+# 4.1.0 - 2015-04-09
+
+- Added: compatibility with postcss v4.1.x ([#12](https://github.com/postcss/postcss-calc/pull/12))
+
+# 4.0.1 - 2015-04-09
+
+- Fixed: `preserve` option does not create duplicated values ([#7](https://github.com/postcss/postcss-calc/issues/7))
+
+# 4.0.0 - 2015-01-26
+
+- Added: compatibility with postcss v4.x
+- Changed: partial compatiblity with postcss v3.x (stack traces have lost filename)
+
+# 3.0.0 - 2014-11-24
+
+- Added: GNU like exceptions ([#4](https://github.com/postcss/postcss-calc/issues/4))
+- Added: `precision` option ([#5](https://github.com/postcss/postcss-calc/issues/5))
+- Added: `preserve` option ([#6](https://github.com/postcss/postcss-calc/issues/6))
+
 # 2.1.0 - 2014-10-15
 
-- Add source of the error (gnu like message) (fix [#3](https://github.com/postcss/postcss-calc/issues/3))
+- Added: source of the error (gnu like message) (fix [#3](https://github.com/postcss/postcss-calc/issues/3))
 
 # 2.0.1 - 2014-08-10
 
-- Correctly ignore unrecognized values (fix [#2](https://github.com/postcss/postcss-calc/issues/2))
+- Fixed: correctly ignore unrecognized values (fix [#2](https://github.com/postcss/postcss-calc/issues/2))
 
 # 2.0.0 - 2014-08-06
 
-- Plugin now return a function to have a consistent api. ([ref 1](https://github.com/ianstormtaylor/rework-color-function/issues/6), [ref 2](https://twitter.com/jongleberry/status/496552790416576513))
+- Changed: Plugin now return a function to have a consistent api. ([ref 1](https://github.com/ianstormtaylor/rework-color-function/issues/6), [ref 2](https://twitter.com/jongleberry/status/496552790416576513))
 
 # 1.0.0 - 2014-08-04
 
-First release based on [rework-calc](https://github.com/reworkcss/rework-calc) v1.1.0 (code mainly exported to [`reduce-css-calc`](https://github.com/MoOx/reduce-css-calc))
+✨ First release based on [rework-calc](https://github.com/reworkcss/rework-calc) v1.1.0 (code mainly exported to [`reduce-css-calc`](https://github.com/MoOx/reduce-css-calc))

package/README.md

@@ -9,7 +9,9 @@ This can be particularly useful with the [postcss-custom-properties](https://git
 
 ## Installation
 
-    $ npm install postcss-calc
+```console
+$ npm install postcss-calc
+```
 
 ## Usage
 
@@ -81,16 +83,42 @@ h1 {
 
 Checkout [tests](test) for more examples.
 
+### Options
+
+#### `precision` (default: `5`)
+
+Allow you to definine the precision for decimal numbers.
+
+```js
+var out = postcss()
+  .use(calc({precision: 10}))
+  .process(css)
+  .css
+```
+
+#### `preserve` (default: `false`)
+
+Allow you to preserve calc() usage in output so browsers will handle decimal precision themselves.
+
+```js
+var out = postcss()
+  .use(calc({preserve: true}))
+  .process(css)
+  .css
+```
+
 ---
 
 ## Contributing
 
 Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.
 
-    $ git clone https://github.com/postcss/postcss-calc.git
-    $ git checkout -b patch-1
-    $ npm install
-    $ npm test
+```console
+$ git clone https://github.com/postcss/postcss-calc.git
+$ git checkout -b patch-1
+$ npm install
+$ npm test
+```
 
 ## [Changelog](CHANGELOG.md)
 

package/index.js

@@ -2,48 +2,37 @@
  * Module dependencies.
  */
 var reduceCSSCalc = require("reduce-css-calc")
+var helpers = require("postcss-message-helpers")
+var postcss = require("postcss");
 
 /**
  * PostCSS plugin to reduce calc() function calls.
  */
-module.exports = function plugin() {
+module.exports = postcss.plugin("postcss-calc", function(options) {
+  options = options || {}
+  var precision = options.precision
+  var preserve = options.preserve
+
   return function(style) {
-    style.eachDecl(function transformDecl(dec) {
-      if (!dec.value) {
+    style.eachDecl(function transformDecl(decl) {
+      if (!decl.value || decl.value.indexOf("calc(") === -1) {
         return
       }
 
-      try {
-        dec.value = transform(dec.value)
-      }
-      catch (err) {
-        err.message = gnuMessage(err.message, dec.source)
-        throw err
-      }
-    })
-  }
-}
+      helpers.try(function transformCSSCalc() {
+        var value = reduceCSSCalc(decl.value, precision)
 
-/**
- * Reduce CSS calc() on a declaration value
- *
- * @param {String} string
- * @return {String}
- */
-function transform(string) {
-  if (string.indexOf("calc(") === -1) {
-    return string
-  }
-
-  return reduceCSSCalc(string)
-}
+        if (!preserve) {
+          decl.value = value
+          return
+        }
 
-/**
- * return GNU style message
- *
- * @param {String} message
- * @param {Object} source
- */
-function gnuMessage(message, source) {
-  return (source ? (source.file ? source.file : "<css input>") + ":" + source.start.line + ":" + source.start.column : "") + " " + message
-}
+        if (value != decl.value) {
+          var clone = decl.clone()
+          clone.value = value
+          decl.parent.insertBefore(decl, clone)
+        }
+      }, decl.source)
+    })
+  }
+});

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "postcss-calc",
-  "version": "2.1.0",
+  "version": "4.1.0",
   "description": "PostCSS plugin to reduce calc()",
   "keywords": [
     "css",
     "postcss",
-    "postcss-plugins",
+    "postcss-plugin",
     "calculation",
     "calc"
   ],
@@ -18,17 +18,17 @@
   "files": [
     "CHANGELOG.md",
     "LICENSE",
-    "README.md",
     "index.js"
   ],
   "dependencies": {
-    "reduce-css-calc": "^1.1.2"
+    "postcss-message-helpers": "^2.0.0",
+    "reduce-css-calc": "^1.2.0",
+    "postcss": "^4.1.11"
   },
   "devDependencies": {
     "jscs": "^1.6.2",
     "jshint": "^2.5.6",
-    "postcss": "^2.2.5",
-    "postcss-custom-properties": "^0.4.0",
+    "postcss-custom-properties": "^3.0.0",
     "tape": "^3.0.0"
   },
   "scripts": {