Skip to content

Commit 0f92e8f

Browse files
siddharthkpsiddharthkp
committed
Babel comments false
1 parent c17bc4b commit 0f92e8f

File tree

5 files changed

+82
-164
lines changed

5 files changed

+82
-164
lines changed

‎api.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,7 @@ let fillProps = (rawCSS, props) => {
7272
7373
Split on semi-colon
7474
Trim the whitespace
75+
Split on :
7576
Camel case keys
7677
*/
7778
let parseCss = (realCSS) => {

‎css-constructor.js‎

Lines changed: 1 addition & 31 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/bundle.js‎

Lines changed: 78 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,95 @@
11
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
22
'use strict';
33
Object.defineProperty(exports, '__esModule', { value: !0 });var _slicedToArray = function () {
4-
function sliceIterator(arr, i) {
5-
var _arr = [],
6-
_n = !0,
7-
_d = !1,
8-
_e = void 0;try {
9-
for (var _s, _i = arr[Symbol.iterator](); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0) {}
10-
} catch (err) {
11-
_d = !0, _e = err;
12-
} finally {
13-
try {
14-
!_n && _i['return'] && _i['return']();
15-
} finally {
16-
if (_d) throw _e;
17-
}
18-
}return _arr;
19-
}return function (arr, i) {
20-
if (Array.isArray(arr)) return arr;if (Symbol.iterator in Object(arr)) return sliceIterator(arr, i);throw new TypeError('Invalid attempt to destructure non-iterable instance');
21-
};
4+
function sliceIterator(arr, i) {
5+
var _arr = [],
6+
_n = !0,
7+
_d = !1,
8+
_e = void 0;try {
9+
for (var _s, _i = arr[Symbol.iterator](); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0) {}
10+
} catch (err) {
11+
_d = !0, _e = err;
12+
} finally {
13+
try {
14+
!_n && _i['return'] && _i['return']();
15+
} finally {
16+
if (_d) throw _e;
17+
}
18+
}return _arr;
19+
}return function (arr, i) {
20+
if (Array.isArray(arr)) return arr;if (Symbol.iterator in Object(arr)) return sliceIterator(arr, i);throw new TypeError('Invalid attempt to destructure non-iterable instance');
21+
};
2222
}(),
2323
_extends = Object.assign || function (target) {
24-
for (var i = 1; i < arguments.length; i++) {
25-
var source = arguments[i];for (var key in source) {
26-
Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
27-
}
28-
}return target;
24+
for (var i = 1; i < arguments.length; i++) {
25+
var source = arguments[i];for (var key in source) {
26+
Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
27+
}
28+
}return target;
2929
};var _react = require('react'),
3030
_react2 = _interopRequireDefault(_react);function _interopRequireDefault(obj) {
31-
return obj && obj.__esModule ? obj : { default: obj };
32-
} /*
33-
This get's used as decorator @css
34-
Get's the template literal passed to it argument.
35-
This contains references to props as well
36-
Method decorators expect a function to be returned,
37-
this function gets the parent class, name of the function -
38-
render in this case and the descriptor for the function.
39-
*/var css = function css(a) {
40-
return function (b, c, d) {
41-
return _extends({}, d, { value: function value() {
42-
var e = void 0,
43-
f = d.value.apply(function (j) {
44-
return e = j.props, j;
45-
}(this), arguments),
46-
g = fillProps(a, e),
47-
h = parseCss(g),
48-
i = _extends({}, e, { style: h }); /* Totally stealing props by fake rendering the component */ /* Replace props and return realCSS™ */ /* Convert real CSS to javascripty CSS */ /* Merge styles into original props */ /*
49-
Pass on a clone of the rendered component
50-
with our merged props.
51-
This overrides the original render function
52-
*/return _react2.default.cloneElement(f, i, f.props.children);
53-
} });
54-
};
31+
return obj && obj.__esModule ? obj : { default: obj };
32+
}var css = function css(a) {
33+
return function (b, c, d) {
34+
return _extends({}, d, { value: function value() {
35+
var e = void 0,
36+
f = d.value.apply(function (j) {
37+
return e = j.props, j;
38+
}(this), arguments),
39+
g = fillProps(a, e),
40+
h = parseCss(g),
41+
i = _extends({}, e, { style: h });return _react2.default.cloneElement(f, i, f.props.children);
42+
} });
43+
};
5544
},
5645
fillProps = function fillProps(a, b) {
57-
a = a[0]; // template literal = array
58-
var c = /{this.props.*}/g,
59-
d = a.match(c);if (d && d.length) {
60-
var _iteratorNormalCompletion = !0,
61-
_didIteratorError = !1,
62-
_iteratorError = void 0;try {
63-
for (var _step, _iterator = d[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
64-
var e = _step.value,
65-
f = e;f = f.replace('{this.props.', ''), f = f.substring(0, f.length - 1), f = f.trim(), a = a.replace(e, b[f]);
66-
}
67-
} catch (err) {
68-
_didIteratorError = !0, _iteratorError = err;
69-
} finally {
70-
try {
71-
!_iteratorNormalCompletion && _iterator.return && _iterator.return();
72-
} finally {
73-
if (_didIteratorError) throw _iteratorError;
74-
}
75-
}
76-
}return a;
46+
a = a[0];var c = /{this.props.*}/g,
47+
d = a.match(c);if (d && d.length) {
48+
var _iteratorNormalCompletion = !0,
49+
_didIteratorError = !1,
50+
_iteratorError = void 0;try {
51+
for (var _step, _iterator = d[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
52+
var e = _step.value,
53+
f = e;f = f.replace('{this.props.', ''), f = f.substring(0, f.length - 1), f = f.trim(), a = a.replace(e, b[f]);
54+
}
55+
} catch (err) {
56+
_didIteratorError = !0, _iteratorError = err;
57+
} finally {
58+
try {
59+
!_iteratorNormalCompletion && _iterator.return && _iterator.return();
60+
} finally {
61+
if (_didIteratorError) throw _iteratorError;
62+
}
63+
}
64+
}return a;
7765
},
7866
parseCss = function parseCss(a) {
79-
var b = {},
80-
c = a.trim().split(';');var _iteratorNormalCompletion2 = !0,
81-
_didIteratorError2 = !1,
82-
_iteratorError2 = void 0;try {
83-
for (var _step2, _iterator2 = c[Symbol.iterator](); !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
84-
var d = _step2.value,
85-
_d$trim$split = d.trim().split(':'),
86-
_d$trim$split2 = _slicedToArray(_d$trim$split, 2),
87-
e = _d$trim$split2[0],
88-
f = _d$trim$split2[1];e && f && (e = camelCase(e.trim()), f = f.trim(), b[e] = f);
89-
}
90-
} catch (err) {
91-
_didIteratorError2 = !0, _iteratorError2 = err;
67+
var b = {},
68+
c = a.trim().split(';');var _iteratorNormalCompletion2 = !0,
69+
_didIteratorError2 = !1,
70+
_iteratorError2 = void 0;try {
71+
for (var _step2, _iterator2 = c[Symbol.iterator](); !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
72+
var d = _step2.value,
73+
_d$trim$split = d.trim().split(':'),
74+
_d$trim$split2 = _slicedToArray(_d$trim$split, 2),
75+
e = _d$trim$split2[0],
76+
f = _d$trim$split2[1];e && f && (e = camelCase(e.trim()), f = f.trim(), b[e] = f);
77+
}
78+
} catch (err) {
79+
_didIteratorError2 = !0, _iteratorError2 = err;
80+
} finally {
81+
try {
82+
!_iteratorNormalCompletion2 && _iterator2.return && _iterator2.return();
9283
} finally {
93-
try {
94-
!_iteratorNormalCompletion2 && _iterator2.return && _iterator2.return();
95-
} finally {
96-
if (_didIteratorError2) throw _iteratorError2;
97-
}
98-
}return b;
84+
if (_didIteratorError2) throw _iteratorError2;
85+
}
86+
}return b;
9987
},
10088
camelCase = function camelCase(a) {
101-
return a.replace(/(\-[a-z])/g, function (b) {
102-
return b.toUpperCase().replace('-', '');
103-
});
104-
}; /*
105-
Replace props with actual values
106-
Uses regex pattern to match references to props
107-
Supports direct usage
108-
color: {this.props.color}
109-
Does not evaluate conditions (yet)
110-
color: {this.props.color || 'blue'}
111-
*/ /*
112-
Convert realCSS to javascripty CSS
113-
Split on semi-colon
114-
Trim the whitespace
115-
Camel case keys
116-
*/exports.default = css;
89+
return a.replace(/(\-[a-z])/g, function (b) {
90+
return b.toUpperCase().replace('-', '');
91+
});
92+
};exports.default = css;
11793

11894
},{"react":180}],2:[function(require,module,exports){
11995
'use strict';

0 commit comments

Comments
 (0)