RCS replaces all words that are the same as the selectors #20
Description
It's part of a series of issues I found, so I'm going to reuse the base test case and open separate issues for each of them 😄 I'm developing on Windows btw; not sure if these are all platform specific bugs.
Issue Description:
RCS replaces words that are the same as selectors in the wrong elements (e.g. <meta>, <p>).
Steps to reproduce this issue:
- Create a simple project with the following code:
index.html:
<html>
<head>
<meta name="description" content="Fire in the hole!">
<link rel="stylesheet" href="style.css">
</head>
<body div class="in wf-active">
<p>Fire in the hole!</p>
<script src="script.js"></script>
</body>
</html>style.css:
.wf-active {
color: red;
}
.in {
font-weight: bold;
}script.js:
console.log('Fire in the hole!');selector_obfs.js:
const rcs = require('rename-css-selectors')
rcs.loadMapping('./temp/renaming_map.json')
rcs.processCss('style.css', {newPath: 'temp'}, err => {
rcs.process(['script.js', 'index.html'], {newPath: 'temp'}, err => {
rcs.generateMapping('./temp', { overwrite: true }, err => {
// the mapping file is now saved
})
})
})- Run RCS by
node selector_obfs.js. The "in" word inscript.jsfile got renamed:
console.log('Fire n the hole!');As well as <meta> in index.html's <head>:
<meta name="description" content="Fire n the hole!">When I was working on my own projects, I found that words in <p> could get renamed as well, although for some reason I couldn't reproduce it in this example.