Add node version

Author: dy

topx.js renamed to browser.js

@@ -23,8 +23,10 @@ function getSizeBrutal(unit, element) {
 }
 
 function toPX(str, element) {
+  if (!str) return null
+
   element = element || document.body
-  str = (str || 'px').trim().toLowerCase()
+  str = (str + '' || 'px').trim().toLowerCase()
   if(element === window || element === document) {
     element = document.body
   }
@@ -63,7 +65,10 @@ function toPX(str, element) {
 
   // detect number of units
   var parts = parseUnit(str)
-  if (!isNaN(parts[0])) return parts[0] * toPX(parts[1], element)
+  if (!isNaN(parts[0]) && parts[1]) {
+    var px = toPX(parts[1], element)
+    return typeof px === 'number' ? parts[0] * px : null
+  }
 
-  return 1
+  return null
 }

index.js

@@ -0,0 +1,35 @@
+'use strict'
+
+var parseUnit = require('parse-unit')
+
+module.exports = toPX
+
+var PIXELS_PER_INCH = 96
+
+var defaults = {
+  'ch': 8,
+  'ex': 7.15625,
+  'em': 16,
+  'rem': 16,
+  'in': PIXELS_PER_INCH,
+  'cm': PIXELS_PER_INCH / 2.54,
+  'mm': PIXELS_PER_INCH / 25.4,
+  'pt': PIXELS_PER_INCH / 72,
+  'pc': PIXELS_PER_INCH / 6,
+  'px': 1
+}
+
+function toPX(str) {
+  if (!str) return null
+
+  if (defaults[str]) return defaults[str]
+
+  // detect number of units
+  var parts = parseUnit(str)
+  if (!isNaN(parts[0]) && parts[1]) {
+    var px = toPX(parts[1])
+    return typeof px === 'number' ? parts[0] * px : null
+  }
+
+  return null
+}

package.json

@@ -2,7 +2,8 @@
   "name": "to-px",
   "version": "1.0.1",
   "description": "Convert any CSS unit to logical pixels (\"px\")",
-  "main": "topx.js",
+  "main": "index.js",
+  "browser": "browser.js",
   "directories": {
     "test": "test"
   },

test/index.js

@@ -1,7 +1,7 @@
 'use strict'
 
 var tape = require('tape')
-var toPX = require('../topx')
+var toPX = require('../')
 var parseUnit = require('parse-unit')
 var almostEqual = require('almost-equal')
 
@@ -10,6 +10,7 @@ var units = ['em', 'ch', 'ex', 'rem', 'px', 'vw', 'vh', 'vmin', 'vmax', 'in', 'c
 var fontSizes = ['20px', '10px', '1em', '3in']
 
 tape('test to-px', function(t) {
+  if (typeof document === 'undefined') return t.end()
 
   function testUnitsEmpirically(element) {
     var testDiv = document.createElement('div')
@@ -30,9 +31,9 @@ tape('test to-px', function(t) {
       t.ok(almostEqual(actual, expected, 0.005, almostEqual.FLT_EPSILON),
         'testing: ' + value + ' ' + actual + ' ~ ' + expected)
 
-      value = '.14' + units[i]
+      value = Math.PI + units[i]
       actual = toPX(value, element)
-      expected *= .14
+      expected *= Math.PI
       t.ok(almostEqual(actual, expected, 0.005, almostEqual.FLT_EPSILON),
         'testing: ' + value + ' ' + actual + ' ~ ' + expected)
     }
@@ -54,3 +55,15 @@ tape('test to-px', function(t) {
 
   t.end()
 })
+
+tape('edge cases', function (t) {
+  t.equal(toPX(), null, 'no value')
+  t.equal(toPX(''), null, 'empty string')
+  t.equal(toPX(null), null, 'null value')
+  t.equal(toPX('abc'), null, 'unknown units')
+  t.equal(toPX('5def'), null, 'wrong units')
+  t.equal(toPX('10'), null, 'number no units')
+  t.equal(toPX(10), null, 'number value')
+
+  t.end()
+})