JavaScriptやPythonの場合は、正規表現による置き換えよりも、ソースコードをAST(抽象構文木)に変換してくれるライブラリーが充実しているので、ASTを使って修正した方が簡単です。
以下は、facebookの jscodeshift を使った例です。
jscodeshift のインストールは npm を使って
$ npm install -g jscodeshift
使い方は、変換モジュール(transform.js)を以下のように作成して、
module.exports = function(fileInfo, api, options) {
// transform `fileInfo.source` here
// ...
// return changed source
return source;
};
./src
ディレクトリーにコードがある場合であれば、以下のコマンドで変換できます。
jscodeshift -t transform.js './src'
また、オプションで -d を付けると空運転をし、-p をつけるとコードが表示されるので開発のときには便利です。
処理としては、次の3つの手順に分けて行ったらいいと思います。
手順1. 以下のコードのように変更前のコードの前に変更後のコードをコピーする。コメントにUUIDを付けているのは、if (randomNum === 3)
が別の場所にもある場合の対策のためです。
手順2. 変更後のコードの'1'〜'5'を変更前の該当する文字列で置き換える。
手順3. 変更前のコードを削除。
if (randomNum === 3) {
//b437e2d6-732a-11e8-adc0-fa7ae01bbebc
while(i < answerNum) {
var answerTxt = changeAnswer();
if (answerTxt === '1') {
correctAnswerEasyQ();
commentary1.innerHTML = '2';
commentary2.innerHTML = '3';
getPoint10();
flag = true;
break;
} else {
falseNum++;
}
if(falseNum === answerNum && flag === false) {
mistakeAnswerEasyQ();
commentary1.innerHTML = '4';
commentary2.innerHTML = '5';
}
i++;
}
if (inputAnswer === "パン") {
correctAnswerEasyQ();
commentary1.innerHTML = '【パン】';
commentary2.innerHTML = 'たくさん!';
getPoint10();
description1.innerHTML = '';
} else {
mistakeAnswerEasyQ();
commentary1.innerHTML = '【パン】';
commentary2.innerHTML = 'たくさん!';
}
}
手順1.の transform.js
正規表現による置き換えも可能だし、単にコピーするだけなので全部手作業でしてもそれほど時間は要しないと思いますが、if (inputAnswer === "パン") {
の前にコメントでUUIDを表示するようにしてみます。UUIDがあれば、単純な置き換えでできます。
module.exports = function(fileInfo, api, options) {
const j = api.jscodeshift;
const root = j(fileInfo.source);
const comment = j.commentLine('b437e2d6-732a-11e8-adc0-fa7ae01bbebc');
const transformCalls = root.find(j.IfStatement, {
test: {
operator: "===",
left: {
name: 'randomNum'
},
right: {
value: 3
}
}
});
transformCalls.forEach(p => {
p.node.consequent.body[0].comments = [comment]
});
return root.toSource();
};
if(randomNum === 3)
という条件だけで検索していますが、置き換えしない場所にも同じ式がある場合には、条件を増やすか手作業で削除してください。
手順2.のtransform.js
transformCalls.forEach
以外の所は手順1.と同じなので省略しています。また、UUIDのコメントを残して置き換えた場合のコードです。
複雑そうに見えますが、AST Explorer を使うとASTの状態を見ることができるのでそれほどでもありません。AST Explorer
を使うときは、上部のメニューバーにある「Transform」で[jscodeshift]を選択してONにします。
transformCalls.forEach(p => {
const p0 = p.node.consequent.body[0];
const p1 = p.node.consequent.body[1];
if(p0.comments[0].value === 'b437e2d6-732a-11e8-adc0-fa7ae01bbebc') {
p0.body.body[1].test.right.value = p1.test.right.value;
p0.body.body[1].consequent.body[1].expression.right.value =
p1.consequent.body[1].expression.right.value;
p0.body.body[1].consequent.body[2].expression.right.value =
p1.consequent.body[2].expression.right.value;
p0.body.body[2].consequent.body[1].expression.right.value =
p1.alternate.body[1].expression.right.value;
p0.body.body[2].consequent.body[2].expression.right.value =
p1.alternate.body[2].expression.right.value;
}
});
手順3.のtransform.js
変更前のコードを削除するのは、もう簡単です。
transformCalls.forEach(p => {
if(p.node.consequent.body[0].comments[0].value === 'b437e2d6-732a-11e8-adc0-fa7ae01bbebc') {
p.node.consequent.body.pop()
}
});