magix-combine
Version:
合并Magix View的html,js,css成一个js文件，并检测html,js,css中可能存在的问题
293 lines (292 loc) • 11.7 kB
JavaScript
/*
记录检测的结果，因为样式检测需要对整个项目做处理，因此只能在处理完成时才输出
*/
let configs = require('./util-config');
let slog = require('./util-log');
let chalk = require('chalk');
let filesToSelectors = Object.create(null); //记录样式文件中有哪些选择器
let filesUndeclared = Object.create(null); //记录html文件未声明的样式
let markUsedTemp = Object.create(null); //临时记录使用过哪些选择器，针对后期动态新增的全局选择器。目前已不推荐使用全局样式
let existsSelectors = []; //记录同名的选择器
let fileSelectorsUsed = Object.create(null); //记录文件中使用过的选择器
let fileGlobals = Object.create(null); //全局使用的，目前已不推荐
let filesToTags = Object.create(null); //文件中标签选择器
let markUsedTempTags = Object.create(null); //
let fileTagsUsed = Object.create(null); //文件中使用过的标签
let unexists = Object.create(null); //不存在的选择器
module.exports = {
reset(all) {
filesUndeclared = Object.create(null);
filesToSelectors = Object.create(null);
fileGlobals = Object.create(null);
filesToTags = Object.create(null);
unexists = Object.create(null);
if (all) {
existsSelectors = [];
fileSelectorsUsed = Object.create(null);
markUsedTemp = Object.create(null);
}
},
clearUsed(from) {
if (!configs.checker.css || !configs.debug) return;
for (let p in fileSelectorsUsed) {
let fInfo = fileSelectorsUsed[p];
if (fInfo) {
for (let z in fInfo) {
let sInfo = fInfo[z];
delete sInfo[from];
}
}
}
},
clearUsedTags(from) {
if (!configs.checker.css || !configs.debug) return;
for (let p in fileTagsUsed) {
let fInfo = fileTagsUsed[p];
if (fInfo) {
for (let z in fInfo) {
let sInfo = fInfo[z];
delete sInfo[from];
}
}
}
},
fileToTags(file, tags, processUsed) {
if (!configs.checker.css || !configs.debug) return;
if (!filesToTags[file]) {
filesToTags[file] = Object.assign(Object.create(null), tags);
let a = markUsedTempTags[file];
if (a && a.length) {
delete markUsedTempTags[file];
this.markUsedTags(file, a);
}
if (processUsed) {
let fInfo = fileTagsUsed[file];
if (fInfo) {
for (let s in fInfo) {
let sInfo = fInfo[s];
let keys = Object.keys(sInfo);
if (keys.length) {
this.markUsedTags(file, s);
}
}
}
}
}
},
fileToSelectors(file, selectors, processUsed) {
if (!configs.checker.css || !configs.debug) return;
if (!filesToSelectors[file]) {
filesToSelectors[file] = Object.assign(Object.create(null), selectors);
let a = markUsedTemp[file];
if (a && a.length) {
delete markUsedTemp[file];
this.markUsed(file, a);
}
if (processUsed) {
let fInfo = fileSelectorsUsed[file];
if (fInfo) {
for (let s in fInfo) {
let sInfo = fInfo[s];
let keys = Object.keys(sInfo);
if (keys.length) {
this.markUsed(file, s);
}
}
}
}
}
},
markExists(name, currentFile, prevFiles) {
if (!configs.checker.css || !configs.debug) return;
let key = [name, currentFile, prevFiles].join('\u0000');
if (!existsSelectors[key]) {
existsSelectors[key] = true;
existsSelectors.push({
name: name,
current: currentFile,
prev: prevFiles
});
}
},
markUnexists(name, currentFile) {
if (!configs.checker.css || !configs.debug) return;
if (!unexists[currentFile]) {
unexists[currentFile] = Object.create(null);
}
unexists[currentFile][name] = name;
},
markUsed(files, selectors, host) {
if (!configs.checker.css || !configs.debug) return;
if (!Array.isArray(files)) {
files = [files];
}
if (!Array.isArray(selectors)) {
selectors = [selectors];
}
files.forEach(file => {
let info = filesToSelectors[file];
if (info) {
selectors.forEach(selector => {
if (host) {
let fInfo = fileSelectorsUsed[file];
if (!fInfo) {
fInfo = fileSelectorsUsed[file] = Object.create(null);
}
let sInfo = fInfo[selector];
if (!sInfo) {
sInfo = fInfo[selector] = Object.create(null);
}
sInfo[host] = 1;
}
delete info[selector];
if (configs.selectorDSEndReg.test(selector)) {
for (let p in info) {
if (p.indexOf(selector) === 0) {
delete info[p];
}
}
}
});
} else {
let a = markUsedTemp[file];
if (!a) a = markUsedTemp[file] = [];
a.push.apply(a, selectors);
}
});
},
markUsedTags(files, tags, host) {
if (!configs.checker.css || !configs.debug) return;
if (!Array.isArray(files)) {
files = [files];
}
if (!Array.isArray(tags)) {
tags = [tags];
}
//console.log(tags,filesToTags,files,'@@@@@@@@@@');
files.forEach(file => {
let info = filesToTags[file];
if (info) {
tags.forEach(tag => {
if (host) {
let fInfo = fileTagsUsed[file];
if (!fInfo) {
fInfo = fileTagsUsed[file] = Object.create(null);
}
let sInfo = fInfo[tag];
if (!sInfo) {
sInfo = fInfo[tag] = Object.create(null);
}
sInfo[host] = 1;
}
delete info[tag];
});
} else {
let a = markUsedTempTags[file];
if (!a) a = markUsedTempTags[file] = [];
a.push.apply(a, tags);
}
});
},
markLazyDeclared(selector) {
if (!configs.checker.css || !configs.debug) return;
for (let p in filesUndeclared) {
let info = filesUndeclared[p];
delete info[selector];
}
},
markUndeclared(file, selector) {
if (!configs.checker.css || !configs.debug) return;
let r = filesUndeclared[file];
if (!r) {
r = filesUndeclared[file] = Object.create(null);
}
r[selector] = 1;
},
markGlobal(file, name) {
if (!configs.checker.css || !configs.debug) return;
//name = name.replace(rnReg, '');
let info = fileGlobals[file];
if (!info) {
info = fileGlobals[file] = Object.create(null);
}
info[name] = 1;
},
output() {
let p, keys, outCss = false;
if (configs.checker.css) {
for (let p in fileGlobals) {
outCss = true;
let info = fileGlobals[p];
let keys = Object.keys(info);
let short = p.replace(configs.moduleIdRemovedPath, '').substring(1);
slog.ever(chalk.grey(short) + ' avoid use ' + chalk.red(keys + ''));
}
if (outCss) {
slog.ever(chalk.grey('──────────────────────────────'));
}
outCss = false;
if (existsSelectors.length) {
outCss = true;
existsSelectors.forEach(item => {
let cShort = item.current.replace(configs.moduleIdRemovedPath, '').substring(1);
let pShort = item.prev.replace(configs.moduleIdRemovedPath, '').substring(1);
slog.ever('css:already exists', chalk.red(item.name), 'file', chalk.grey(cShort), 'prev files', chalk.blue(pShort));
});
existsSelectors = [];
}
if (outCss) {
slog.ever(chalk.grey('──────────────────────────────'));
}
outCss = false;
for (p in unexists) {
keys = Object.keys(unexists[p]);
if (keys.length) {
outCss = true;
let short = p.replace(configs.moduleIdRemovedPath, '').substring(1);
keys = keys.map(key => {
return key.replace(configs.moduleIdRemovedPath, '').substring(1);
});
slog.ever(chalk.grey(short) + ' can not find', chalk.red(keys.reverse().join(',')));
}
}
outCss = false;
let composeTagsAndSelectors = Object.create(null);
for (p in filesToTags) {
keys = Object.keys(filesToTags[p]);
if (keys.length) {
outCss = true;
let short = p.replace(configs.moduleIdRemovedPath, '').substring(1);
composeTagsAndSelectors[short] = '"' + keys.reverse().join('","') + '"';
}
}
//console.log(filesToSelectors);
for (p in filesToSelectors) {
keys = Object.keys(filesToSelectors[p]);
if (keys.length) {
outCss = true;
let short = p.replace(configs.moduleIdRemovedPath, '').substring(1);
if (composeTagsAndSelectors[short]) {
composeTagsAndSelectors[short] += ',".' + keys.reverse().join('",".') + '"';
} else {
composeTagsAndSelectors[short] = '".' + keys.reverse().join('",".') + '"';
}
}
}
if (outCss) {
for (p in composeTagsAndSelectors) {
keys = composeTagsAndSelectors[p];
slog.ever(chalk.grey(p) + ' never used', chalk.red(keys));
}
slog.ever(chalk.grey('──────────────────────────────'));
}
for (p in filesUndeclared) {
keys = Object.keys(filesUndeclared[p]);
if (keys.length) {
let short = p.replace(configs.moduleIdRemovedPath, '').substring(1);
slog.ever(chalk.grey(short) + ' never declared', chalk.red('.' + keys.join(' .')));
}
}
}
}
};