Skip to content

Commit 424806d

Browse files
mintuzmintuz
committed
Add dist for now
1 parent ca78d95 commit 424806d

File tree

13 files changed

+938
-3
lines changed

13 files changed

+938
-3
lines changed

‎.gitignore

-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
node_modules/
22
coverage/
33
.next/
4-
dist/

‎dist/__test__/index.spec.js

+411
Large diffs are not rendered by default.

‎dist/adapter/cdn.js

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
8+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9+
10+
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); } }
11+
12+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
13+
14+
var CDNAdapter =
15+
/*#__PURE__*/
16+
function () {
17+
function CDNAdapter(opts) {
18+
_classCallCheck(this, CDNAdapter);
19+
20+
this.cdnRoot = opts.cdnRoot;
21+
}
22+
23+
_createClass(CDNAdapter, [{
24+
key: "resolve",
25+
value: function resolve(styles, components) {
26+
var _this = this;
27+
28+
return Promise.all(styles.map(function (stylePath, index) {
29+
var filePath = "".concat(_this.cdnRoot, "/").concat(stylePath);
30+
return Promise.resolve({
31+
componentName: components[index],
32+
error: null,
33+
success: true,
34+
path: filePath,
35+
content: "<link data-css-component=\"".concat(components[index], "\" rel=\"stylesheet\" href=\"").concat(filePath, "\">")
36+
});
37+
}));
38+
}
39+
}, {
40+
key: "render",
41+
value: function render(rawResponse) {
42+
return rawResponse.filter(function (style) {
43+
return style.success;
44+
}).reduce(function (result, style) {
45+
return "".concat(result).concat(style.content);
46+
}, '');
47+
}
48+
}]);
49+
50+
return CDNAdapter;
51+
}();
52+
53+
exports.default = CDNAdapter;

‎dist/adapter/file.js

+91
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
8+
var _util = _interopRequireDefault(require("util"));
9+
10+
var _fs = _interopRequireDefault(require("fs"));
11+
12+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13+
14+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15+
16+
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); } }
17+
18+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
19+
20+
var readFile = _util.default.promisify(_fs.default.readFile);
21+
22+
function fileExists(filePath) {
23+
try {
24+
return _fs.default.statSync(filePath).isFile();
25+
} catch (err) {
26+
return false;
27+
}
28+
}
29+
30+
var FileSystemAdapter =
31+
/*#__PURE__*/
32+
function () {
33+
function FileSystemAdapter(opts) {
34+
_classCallCheck(this, FileSystemAdapter);
35+
36+
this.folderPath = opts.folderPath;
37+
this.inline = opts.inline;
38+
}
39+
40+
_createClass(FileSystemAdapter, [{
41+
key: "resolve",
42+
value: function resolve(styles, components) {
43+
var _this = this;
44+
45+
return Promise.all(styles.map(function (stylePath, index) {
46+
var filePath = "".concat(_this.folderPath, "/").concat(stylePath);
47+
48+
if (fileExists(filePath)) {
49+
return readFile(filePath, 'utf8').then(function (content) {
50+
return {
51+
componentName: components[index],
52+
error: null,
53+
success: true,
54+
path: filePath,
55+
content: content
56+
};
57+
});
58+
}
59+
60+
return Promise.resolve({
61+
componentName: components[index],
62+
error: new Error('Component stylesheet does not exist'),
63+
success: false,
64+
path: filePath,
65+
content: ''
66+
});
67+
}));
68+
}
69+
}, {
70+
key: "render",
71+
value: function render(rawResponse) {
72+
if (this.inline) {
73+
return rawResponse.filter(function (style) {
74+
return style.success;
75+
}).reduce(function (result, style) {
76+
return "".concat(result, "<style data-css-component=\"").concat(style.componentName, "\">").concat(style.content, "</style>");
77+
}, '').replace(/\r?\n|\r/g, '').trim();
78+
}
79+
80+
return rawResponse.filter(function (style) {
81+
return style.success;
82+
}).reduce(function (result, style) {
83+
return "".concat(result).concat(style.content);
84+
}, '').replace(/\r?\n|\r/g, '').trim();
85+
}
86+
}]);
87+
88+
return FileSystemAdapter;
89+
}();
90+
91+
exports.default = FileSystemAdapter;

‎dist/dynamic-container.js

+71
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
8+
var _react = _interopRequireDefault(require("react"));
9+
10+
var _staticContainer = _interopRequireDefault(require("./static-container"));
11+
12+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13+
14+
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
15+
16+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
17+
18+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19+
20+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21+
22+
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); } }
23+
24+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
25+
26+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
27+
28+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
29+
30+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
31+
32+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33+
34+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35+
36+
var _default = function _default(Component, opts) {
37+
var StaticContainer = (0, _staticContainer.default)(Component, opts);
38+
39+
var Container =
40+
/*#__PURE__*/
41+
function (_StaticContainer) {
42+
_inherits(Container, _StaticContainer);
43+
44+
function Container() {
45+
_classCallCheck(this, Container);
46+
47+
return _possibleConstructorReturn(this, _getPrototypeOf(Container).apply(this, arguments));
48+
}
49+
50+
_createClass(Container, [{
51+
key: "componentDidMount",
52+
value: function componentDidMount() {
53+
console.log('DynamicCSS');
54+
}
55+
}, {
56+
key: "render",
57+
value: function render() {
58+
var safeProps = _objectSpread({}, this.props);
59+
60+
return _react.default.createElement(Component, safeProps);
61+
}
62+
}]);
63+
64+
return Container;
65+
}(StaticContainer);
66+
67+
Container.displayName = 'DynamicCSS';
68+
return Container;
69+
};
70+
71+
exports.default = _default;

‎dist/resolver.js

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
8+
var _react = _interopRequireDefault(require("react"));
9+
10+
var _reactTreeWalker = _interopRequireDefault(require("react-tree-walker"));
11+
12+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13+
14+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
15+
16+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
17+
18+
function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
19+
20+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
21+
22+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23+
24+
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); } }
25+
26+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
27+
28+
var Resolver =
29+
/*#__PURE__*/
30+
function () {
31+
function Resolver(app, adapter) {
32+
_classCallCheck(this, Resolver);
33+
34+
this.app = app;
35+
this.adapter = adapter;
36+
}
37+
38+
_createClass(Resolver, [{
39+
key: "resolve",
40+
value: function resolve() {
41+
var _this = this;
42+
43+
var styles = [];
44+
var components = [];
45+
return (0, _reactTreeWalker.default)(this.app, function (element, instance) {
46+
if (instance && instance.getStyles) {
47+
var stylesObject = instance.getStyles();
48+
var alreadyContainStyle = styles.some(function (e) {
49+
return stylesObject.stylePaths.includes(e);
50+
});
51+
52+
if (alreadyContainStyle) {
53+
return;
54+
}
55+
56+
styles = [].concat(_toConsumableArray(styles), _toConsumableArray(stylesObject.stylePaths));
57+
components = [].concat(_toConsumableArray(components), [stylesObject.componentName]);
58+
}
59+
}).then(function () {
60+
return _this.adapter.resolve(styles, components);
61+
});
62+
}
63+
}, {
64+
key: "render",
65+
value: function render() {
66+
var _this2 = this;
67+
68+
return this.resolve().then(function (rawResponse) {
69+
return _this2.adapter.render(rawResponse);
70+
});
71+
}
72+
}]);
73+
74+
return Resolver;
75+
}();
76+
77+
exports.default = Resolver;

‎dist/static-container.js

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
8+
var _react = _interopRequireDefault(require("react"));
9+
10+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11+
12+
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
13+
14+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
15+
16+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17+
18+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19+
20+
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); } }
21+
22+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
23+
24+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
25+
26+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
27+
28+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
29+
30+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31+
32+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33+
34+
var _default = function _default(Component, opts) {
35+
var Container =
36+
/*#__PURE__*/
37+
function (_React$Component) {
38+
_inherits(Container, _React$Component);
39+
40+
function Container(props) {
41+
var _this;
42+
43+
_classCallCheck(this, Container);
44+
45+
_this = _possibleConstructorReturn(this, _getPrototypeOf(Container).call(this, props));
46+
_this.getStyles = _this.getStyles.bind(_assertThisInitialized(_assertThisInitialized(_this)));
47+
return _this;
48+
}
49+
50+
_createClass(Container, [{
51+
key: "getStyles",
52+
value: function getStyles() {
53+
var defaultStylePaths = [];
54+
55+
if (Component.displayName) {
56+
defaultStylePaths.push("".concat(Component.displayName, ".css"));
57+
}
58+
59+
var consumerDefinedStyles = opts && opts.styles ? opts.styles(this.props, this.state) : [];
60+
return {
61+
componentName: Component.displayName ? Component.displayName : '',
62+
stylePaths: [].concat(defaultStylePaths, consumerDefinedStyles)
63+
};
64+
}
65+
}, {
66+
key: "render",
67+
value: function render() {
68+
var safeProps = _objectSpread({}, this.props);
69+
70+
return _react.default.createElement(Component, safeProps);
71+
}
72+
}]);
73+
74+
return Container;
75+
}(_react.default.Component);
76+
77+
Container.displayName = 'StaticCSS';
78+
return Container;
79+
};
80+
81+
exports.default = _default;

0 commit comments

Comments
 (0)