@zohodesk/react-cli 0.0.1-exp.154 → 0.0.1-exp.159.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|