@zohodesk/react-cli 0.0.1-exp.154 → 0.0.1-exp.159.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/lib/loaderUtils/getCSSLoaders.js +0 -2
- package/lib/plugins/ServiceWorkerPlugin.js +4 -0
- package/package.json +3 -3
- package/checking/csshover.html +0 -32
- package/lib/loaders/selectorAnalyzer copy 2.js +0 -102
- package/lib/loaders/selectorAnalyzer copy.js +0 -69
- package/lib/loaders/selectorAnalyzer.js +0 -79
- package/newversions +0 -1582
- package/oldverions +0 -1598
package/README.md
CHANGED
|
@@ -51,8 +51,6 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
|
|
|
51
51
|
options: {
|
|
52
52
|
devCssFileBountry
|
|
53
53
|
}
|
|
54
|
-
}, {
|
|
55
|
-
loader: require.resolve('../loaders/selectorAnalyzer')
|
|
56
54
|
}, hasRTL || selectorReplace ? {
|
|
57
55
|
loader: 'postcss-loader',
|
|
58
56
|
options: {
|
|
@@ -76,6 +76,10 @@ class ServiceWorkerPlugin {
|
|
|
76
76
|
allChunkUrls = allChunkUrls.concat(chunk.files);
|
|
77
77
|
allI18nAssets.push((0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
|
|
78
78
|
});
|
|
79
|
+
/** Removing source map files from getting added */
|
|
80
|
+
|
|
81
|
+
initialChunkUrls = initialChunkUrls.filter(fileName => !fileName.endsWith('.map'));
|
|
82
|
+
allChunkUrls = allChunkUrls.filter(fileName => !fileName.endsWith('.map'));
|
|
79
83
|
|
|
80
84
|
if (enableRTLSplit) {
|
|
81
85
|
initialChunkUrls = (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(initialChunkUrls, cssDirTemplate);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/react-cli",
|
|
3
|
-
"version": "0.0.1-exp.
|
|
3
|
+
"version": "0.0.1-exp.159.1",
|
|
4
4
|
"description": "A CLI tool for build modern web application and libraries",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"init": "node ./lib/utils/init.js",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@babel/preset-env": "7.11.0",
|
|
36
36
|
"@babel/preset-react": "7.10.4",
|
|
37
37
|
"@babel/runtime": "7.11.2",
|
|
38
|
-
"@zohodesk/datetimejs": "1.0.0-
|
|
38
|
+
"@zohodesk/datetimejs": "1.0.0-exp.6",
|
|
39
39
|
"@zohodesk/eslint-plugin-react-performance": "1.0.3",
|
|
40
40
|
"@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
|
|
41
41
|
"@zohodesk/normalizer": "1.0.0",
|
|
@@ -141,4 +141,4 @@
|
|
|
141
141
|
"@babel/react"
|
|
142
142
|
]
|
|
143
143
|
}
|
|
144
|
-
}
|
|
144
|
+
}
|
package/checking/csshover.html
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Document</title>
|
|
7
|
-
|
|
8
|
-
<style>
|
|
9
|
-
#root {
|
|
10
|
-
color: red;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
#root:hover {
|
|
14
|
-
color: blue;
|
|
15
|
-
}
|
|
16
|
-
</style>
|
|
17
|
-
</head>
|
|
18
|
-
<body>
|
|
19
|
-
<div id="root">
|
|
20
|
-
<div class="con">container1</div>
|
|
21
|
-
<div class="con">container2</div>
|
|
22
|
-
<div class="con">container3</div>
|
|
23
|
-
<div class="con">container4</div>
|
|
24
|
-
</div>
|
|
25
|
-
<script>
|
|
26
|
-
let root = document.getElementById("root");
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
</script>
|
|
31
|
-
</body>
|
|
32
|
-
</html>
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = _default;
|
|
7
|
-
|
|
8
|
-
var _path = _interopRequireDefault(require("path"));
|
|
9
|
-
|
|
10
|
-
var _fs = _interopRequireDefault(require("fs"));
|
|
11
|
-
|
|
12
|
-
var postcss = _interopRequireWildcard(require("postcss"));
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
let properties = ['azimuth', 'border-collapse', 'border-spacing', 'caption-side', 'color', 'cursor', 'direction', 'elevation', 'empty-cells', 'font-family', 'font-size', 'font-style', 'font-variant', 'font-weight', 'font', 'letter-spacing', 'line-height', 'list-style-image', 'list-style-position', 'list-style-type', 'list-style', 'orphans', 'pitch-range', 'pitch', 'quotes', 'richness', 'speak-header', 'speak-numeral', 'speak-punctuation', 'speak', 'speech-rate', 'stress', 'text-align', 'text-indent', 'text-transform', 'visibility', 'voice-family', 'volume', 'white-space', 'widows', 'word-spacing'].reduce((obj, k) => {
|
|
21
|
-
obj[k] = true;
|
|
22
|
-
return obj;
|
|
23
|
-
}, {});
|
|
24
|
-
|
|
25
|
-
const outputFPath = _path.default.join(process.cwd(), 'selectorAnalyzeReport');
|
|
26
|
-
|
|
27
|
-
if (!_fs.default.existsSync(outputFPath)) {
|
|
28
|
-
_fs.default.mkdirSync(outputFPath, {
|
|
29
|
-
recursive: true
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
function readPatterns(name) {
|
|
34
|
-
const outputPath = _path.default.join(outputFPath, `${name}.json`);
|
|
35
|
-
|
|
36
|
-
let patterns = {}; // let jsonStr = '{}';
|
|
37
|
-
|
|
38
|
-
if (_fs.default.existsSync(outputPath)) {
|
|
39
|
-
let str = _fs.default.readFileSync(outputPath).toString();
|
|
40
|
-
|
|
41
|
-
patterns = JSON.parse(str);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return patterns;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
function writePatterns(patterns, name) {
|
|
48
|
-
const outputPath = _path.default.join(outputFPath, `${name}.json`);
|
|
49
|
-
|
|
50
|
-
_fs.default.writeFileSync(outputPath, JSON.stringify(patterns, null, 2));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
let n = 10;
|
|
54
|
-
|
|
55
|
-
function plus1(n) {
|
|
56
|
-
return n ? n + 1 : 1;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
function _default(source) {
|
|
60
|
-
const {
|
|
61
|
-
rootContext,
|
|
62
|
-
resourcePath
|
|
63
|
-
} = this;
|
|
64
|
-
|
|
65
|
-
const relativePath = _path.default.relative(rootContext, resourcePath);
|
|
66
|
-
|
|
67
|
-
const root = postcss.parse(source);
|
|
68
|
-
let patterns = readPatterns('patterns');
|
|
69
|
-
let abstract = readPatterns('abstract');
|
|
70
|
-
let full = readPatterns('full');
|
|
71
|
-
|
|
72
|
-
function cb(selector) {
|
|
73
|
-
full[selector] = full[selector] || {};
|
|
74
|
-
full[selector][relativePath] = plus1(full[selector][relativePath]);
|
|
75
|
-
abstract[selector] = plus1(abstract[selector]);
|
|
76
|
-
let pattern = selector.replace(/\.[\w-_]+/gi, '.classname');
|
|
77
|
-
pattern = pattern.replace(/ \w+|^\w+/g, ' tag');
|
|
78
|
-
patterns[pattern] = plus1(patterns[pattern]);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
root.walkRules(rule => {
|
|
82
|
-
let selector = rule.selector.replace('\n', '');
|
|
83
|
-
selector = selector.replace(/ +/, ' ');
|
|
84
|
-
|
|
85
|
-
if (/:hover/.test(selector)) {
|
|
86
|
-
let canCall = false;
|
|
87
|
-
|
|
88
|
-
for (let decl of rule.nodes) {
|
|
89
|
-
if (properties[decl.prop]) {
|
|
90
|
-
canCall = true;
|
|
91
|
-
break;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
canCall && cb(selector);
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
writePatterns(patterns, 'patterns');
|
|
99
|
-
writePatterns(abstract, 'abstract');
|
|
100
|
-
writePatterns(full, 'full');
|
|
101
|
-
return root.toString();
|
|
102
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = _default;
|
|
7
|
-
|
|
8
|
-
var _path = _interopRequireDefault(require("path"));
|
|
9
|
-
|
|
10
|
-
var _fs = _interopRequireDefault(require("fs"));
|
|
11
|
-
|
|
12
|
-
var postcss = _interopRequireWildcard(require("postcss"));
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
const outputPath = _path.default.join(process.cwd(), 'selectorAnalyzeReport.json');
|
|
21
|
-
|
|
22
|
-
function readPatterns() {
|
|
23
|
-
let patterns = {}; // let jsonStr = '{}';
|
|
24
|
-
|
|
25
|
-
if (_fs.default.existsSync(outputPath)) {
|
|
26
|
-
let str = _fs.default.readFileSync(outputPath).toString();
|
|
27
|
-
|
|
28
|
-
patterns = JSON.parse(str);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
return patterns;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function writePatterns(patterns) {
|
|
35
|
-
_fs.default.writeFileSync(outputPath, JSON.stringify(patterns, null, 2));
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
let n = 10;
|
|
39
|
-
|
|
40
|
-
function _default(source) {
|
|
41
|
-
// const { rootContext, resourcePath } = this;
|
|
42
|
-
// const relativePath = path.relative(rootContext, resourcePath);
|
|
43
|
-
const root = postcss.parse(source);
|
|
44
|
-
let patterns = readPatterns();
|
|
45
|
-
root.walkRules(rule => {
|
|
46
|
-
const selectors = rule.selector.split(/\s*,\s*/);
|
|
47
|
-
let filteredSelectors = selectors.filter(selector => {
|
|
48
|
-
let pattern = selector.replace(/\.[\w-_]+/gi, '.classname');
|
|
49
|
-
pattern = pattern.replace(/ \w+|^\w+/g, 'tag');
|
|
50
|
-
patterns[pattern] = patterns[pattern] ? patterns[pattern] + 1 : 1;
|
|
51
|
-
return !/:hover/.test(selector);
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
if (filteredSelectors.length) {
|
|
55
|
-
let s = filteredSelectors.join(', ');
|
|
56
|
-
|
|
57
|
-
if (n && /:hover/.test(s)) {
|
|
58
|
-
n--;
|
|
59
|
-
console.log('problem', rule.selector);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
rule.selector = filteredSelectors.join(', ');
|
|
63
|
-
} else {
|
|
64
|
-
rule.remove();
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
writePatterns(patterns);
|
|
68
|
-
return root.toString();
|
|
69
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = _default;
|
|
7
|
-
|
|
8
|
-
var _path = _interopRequireDefault(require("path"));
|
|
9
|
-
|
|
10
|
-
var _fs = _interopRequireDefault(require("fs"));
|
|
11
|
-
|
|
12
|
-
var postcss = _interopRequireWildcard(require("postcss"));
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
const outputPath = _path.default.join(process.cwd(), 'selectorAnalyzeReport.json');
|
|
21
|
-
|
|
22
|
-
let properties = ['azimuth', 'border-collapse', 'border-spacing', 'caption-side', 'color', 'cursor', 'direction', 'elevation', 'empty-cells', 'font-family', 'font-size', 'font-style', 'font-variant', 'font-weight', 'font', 'letter-spacing', 'line-height', 'list-style-image', 'list-style-position', 'list-style-type', 'list-style', 'orphans', 'pitch-range', 'pitch', 'quotes', 'richness', 'speak-header', 'speak-numeral', 'speak-punctuation', 'speak', 'speech-rate', 'stress', 'text-align', 'text-indent', 'text-transform', 'visibility', 'voice-family', 'volume', 'white-space', 'widows', 'word-spacing'].reduce((obj, k) => {
|
|
23
|
-
obj[k] = true;
|
|
24
|
-
return obj;
|
|
25
|
-
}, {});
|
|
26
|
-
|
|
27
|
-
function readPatterns() {
|
|
28
|
-
let patterns = {}; // let jsonStr = '{}';
|
|
29
|
-
|
|
30
|
-
if (_fs.default.existsSync(outputPath)) {
|
|
31
|
-
let str = _fs.default.readFileSync(outputPath).toString();
|
|
32
|
-
|
|
33
|
-
patterns = JSON.parse(str);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
return patterns;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function writePatterns(patterns) {
|
|
40
|
-
_fs.default.writeFileSync(outputPath, JSON.stringify(patterns, null, 2));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
let n = 10;
|
|
44
|
-
|
|
45
|
-
function _default(source) {
|
|
46
|
-
// const { rootContext, resourcePath } = this;
|
|
47
|
-
// const relativePath = path.relative(rootContext, resourcePath);
|
|
48
|
-
const root = postcss.parse(source);
|
|
49
|
-
let patterns = readPatterns();
|
|
50
|
-
root.walkRules(rule => {
|
|
51
|
-
const selectors = rule.selector.split(/\s*,\s*/);
|
|
52
|
-
let filteredSelectors = selectors.filter(selector => {
|
|
53
|
-
let pattern = selector.replace(/\.[\w-_]+/gi, '.classname');
|
|
54
|
-
pattern = pattern.replace(/ \w+|^\w+/g, 'tag');
|
|
55
|
-
patterns[pattern] = patterns[pattern] ? patterns[pattern] + 1 : 1;
|
|
56
|
-
return !/:hover/.test(selector);
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
if (filteredSelectors.length) {
|
|
60
|
-
let s = filteredSelectors.join(', ');
|
|
61
|
-
|
|
62
|
-
if (n && /:hover/.test(s)) {
|
|
63
|
-
n--;
|
|
64
|
-
console.log('problem', rule.selector);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
rule.selector = filteredSelectors.join(', ');
|
|
68
|
-
} else {
|
|
69
|
-
//rule.remove();
|
|
70
|
-
rule.walkDecls(decl => {
|
|
71
|
-
if (decl.prop.startsWith("--") || properties[decl.prop]) {
|
|
72
|
-
decl.remove();
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
writePatterns(patterns);
|
|
78
|
-
return root.toString();
|
|
79
|
-
}
|