New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details → →
Socket
Book a DemoSign in
Socket
Book a DemoSign in

react-inline

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-inline - npm Package Compare versions

Comparing version
0.8.1
 to
0.8.2
+3
-5
lib/buildCSS.js

@@ -28,3 +28,3 @@ 'use strict';

if (vp) {
if ((typeof vp === 'undefined' ? 'undefined' : (0, _typeof3.default)(vp)) === 'object') {
if ((typeof vp === 'undefined' ? 'undefined' : _typeof(vp)) === 'object') {
css = (0, _postcss2.default)([(0, _autoprefixer2.default)(vp)]).process(css).css;

@@ -43,6 +43,2 @@ } else {

var _typeof2 = require('babel-runtime/helpers/typeof');
var _typeof3 = _interopRequireDefault(_typeof2);
var _postcss = require('postcss');

@@ -73,1 +69,3 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; }
+3
-5
lib/generateClassName.js
'use strict';
var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; })();
Object.defineProperty(exports, "__esModule", {

@@ -8,6 +10,2 @@ value: true

var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
var _compressClassName = require('./compressClassName');

@@ -41,3 +39,3 @@

var _splitSelector2 = (0, _slicedToArray3.default)(_splitSelector, 2);
var _splitSelector2 = _slicedToArray(_splitSelector, 2);

@@ -44,0 +42,0 @@ var className = _splitSelector2[0];

+1
-5
lib/transformAST.js

@@ -34,3 +34,3 @@ 'use strict';

(0, _keys2.default)(sheet).forEach(function (styleId) {
Object.keys(sheet).forEach(function (styleId) {
var className = (0, _generateClassName2.default)(styleId, gcnOptions);

@@ -67,6 +67,2 @@ var key = b.identifier(styleId);

var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _assert = require('assert');

@@ -73,0 +69,0 @@ 

+3
-9
lib/transformSpecificationIntoCSS.js

@@ -8,10 +8,2 @@ 'use strict';

var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _typeof2 = require('babel-runtime/helpers/typeof');
var _typeof3 = _interopRequireDefault(_typeof2);
var _foreach = require('foreach');

@@ -31,2 +23,4 @@

function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; }
function transformSpecificationIntoCSS(spec) {

@@ -116,3 +110,3 @@ var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];

function isEmpty(obj) {
return (typeof obj === 'undefined' ? 'undefined' : (0, _typeof3.default)(obj)) !== 'object' || (0, _keys2.default)(obj).length === 0;
return (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || Object.keys(obj).length === 0;
}
+4
-6
lib/transformStyleSheetObjectIntoSpecification.js
'use strict';
var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; })();
Object.defineProperty(exports, "__esModule", {

@@ -8,6 +10,2 @@ value: true

var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
var _assert = require('assert');

@@ -45,3 +43,3 @@

var _splitSelector2 = (0, _slicedToArray3.default)(_splitSelector, 2);
var _splitSelector2 = _slicedToArray(_splitSelector, 2);

@@ -71,3 +69,3 @@ var styleName = _splitSelector2[0];

var _splitSelector4 = (0, _slicedToArray3.default)(_splitSelector3, 2);
var _splitSelector4 = _slicedToArray(_splitSelector3, 2);

@@ -74,0 +72,0 @@ var styleName = _splitSelector4[0];

+8
-15
lib/utils/DiskCache.js
'use strict';
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
Object.defineProperty(exports, "__esModule", {

@@ -7,14 +9,2 @@ value: true

var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _fs = require('fs');

@@ -34,2 +24,4 @@

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var hasOwnProperty = Object.prototype.hasOwnProperty;

@@ -61,3 +53,3 @@

function DiskCache(name, options) {
(0, _classCallCheck3.default)(this, DiskCache);
_classCallCheck(this, DiskCache);

@@ -70,3 +62,3 @@ this.filePath = _path2.default.resolve(_path2.default.join(options.cacheDir, name + '.json'));

(0, _createClass3.default)(DiskCache, [{
_createClass(DiskCache, [{
key: 'fetch',

@@ -80,3 +72,3 @@ value: function fetch(key, miss) {

cache[key] = miss((0, _keys2.default)(cache));
cache[key] = miss(Object.keys(cache));

@@ -93,2 +85,3 @@ store(cache, this.filePath);

}]);
return DiskCache;

@@ -95,0 +88,0 @@ })();

+7
-16
lib/utils/MemoryCache.js
"use strict";
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
Object.defineProperty(exports, "__esModule", {

@@ -7,16 +9,4 @@ value: true

var _keys = require("babel-runtime/core-js/object/keys");
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var _keys2 = _interopRequireDefault(_keys);
var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require("babel-runtime/helpers/createClass");
var _createClass3 = _interopRequireDefault(_createClass2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var hasOwnProperty = Object.prototype.hasOwnProperty;

@@ -28,3 +18,3 @@

function MemoryCache(name) {
(0, _classCallCheck3.default)(this, MemoryCache);
_classCallCheck(this, MemoryCache);

@@ -39,3 +29,3 @@ this.name = name;

(0, _createClass3.default)(MemoryCache, [{
_createClass(MemoryCache, [{
key: "fetch",

@@ -47,3 +37,3 @@ value: function fetch(key, miss) {

cache[this.name][key] = miss((0, _keys2.default)(cache[this.name]));
cache[this.name][key] = miss(Object.keys(cache[this.name]));
return cache[this.name][key];

@@ -57,2 +47,3 @@ }

}]);
return MemoryCache;

@@ -59,0 +50,0 @@ })();

+1
-1
package.json
{
"name": "react-inline",
"version": "0.8.1",
"version": "0.8.2",
"description": "Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the `className` prop of React elements.",

@@ -5,0 +5,0 @@ "keywords": [

+5
-1
README.md

@@ -0,1 +1,5 @@

**Note:** Thanks to the new possibilities of Babel v6+, there's also my [babel-plugin-css-in-js](https://github.com/martinandert/babel-plugin-css-in-js) project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline.
--
# React Inline

@@ -10,3 +14,3 @@

**Note:** Since v0.5, React Inline is not tied to any specific user interface library, so you don't have to use React to utilize this package. Using it for React components is just a logical consequence.
Note: Since v0.5, React Inline is not tied to any specific user interface library, so you don't have to use React to utilize this package. Using it for React components is just a logical consequence.

@@ -13,0 +17,0 @@ If you're impatient, [visit the live demo](http://react-inline-demo.martinandert.com/). The source code for it can be found [in the example directory](example/).