type EditType = 'replace' | 'add';

// const $before = <HTMLTextAreaElement>document.querySelector('#before');  // 入力（型キャストするとCodepenでエラーになる）
const $before = document.querySelector('#before');  // 入力
const $after = document.querySelector('#after');  // 出力
const $editType = document.querySelector('.edit-type');	// 編集方法
const resultTemplate = Handlebars.compile(document.querySelector('#template-result').innerHTML);	// 結果表示用のテンプレート
const $clipboardCopy = document.querySelector('#result-copy');	// 結果のコピー用

let oldBefore = '';	// 入力を確認するための比較用テキスト

const eraMap = new Map();	// 元号
eraMap.set('大化', { start: 645, end: 650, kana: 'たいか' });
eraMap.set('白雉', { start: 650, end: 654, kana: 'はくち' });
// eraMap.set('', { start: 654, end: 686, kana: '' });	// 元号なし
eraMap.set('朱鳥', { start: 686, end: 686, kana: 'しゅちょう' });
// eraMap.set('', { start: 686, end: 701, kana: '' });	// 元号なし
eraMap.set('大宝', { start: 701, end: 704, kana: 'たいほう' });
eraMap.set('慶雲', { start: 704, end: 708, kana: 'けいうん' });
eraMap.set('和銅', { start: 708, end: 715, kana: 'わどう' });
eraMap.set('霊亀', { start: 715, end: 717, kana: 'れいき' });
eraMap.set('養老', { start: 717, end: 724, kana: 'ようろう' });
eraMap.set('神亀', { start: 724, end: 729, kana: 'じんき' });
eraMap.set('天平', { start: 729, end: 749, kana: 'てんぴょう' });
eraMap.set('天平感宝', { start: 749, end: 749, kana: 'てんぴょうかんぽう' });
eraMap.set('天平勝宝', { start: 749, end: 757, kana: 'てんぴょうしょうほう' });
eraMap.set('天平宝字', { start: 757, end: 765, kana: 'てんぴょうほうじ' });
eraMap.set('天平神護', { start: 765, end: 767, kana: 'てんぴょうじんご' });
eraMap.set('神護景雲', { start: 767, end: 770, kana: 'じんごけいうん' });
eraMap.set('宝亀', { start: 770, end: 781, kana: 'ほうき' });
eraMap.set('天応', { start: 781, end: 782, kana: 'てんおう' });
eraMap.set('延暦', { start: 782, end: 806, kana: 'えんりゃく' });
eraMap.set('大同', { start: 806, end: 810, kana: 'だいどう' });
eraMap.set('弘仁', { start: 810, end: 824, kana: 'こうにん' });
eraMap.set('天長', { start: 824, end: 834, kana: 'てんちょう' });
eraMap.set('承和', { start: 834, end: 848, kana: 'じょうわ' });
eraMap.set('嘉祥', { start: 848, end: 851, kana: 'かしょう' });
eraMap.set('仁寿', { start: 851, end: 854, kana: 'にんじゅ' });
eraMap.set('斉衡', { start: 854, end: 857, kana: 'さいこう' });
eraMap.set('天安', { start: 857, end: 859, kana: 'てんあん' });
eraMap.set('貞観', { start: 859, end: 877, kana: 'じょうがん' });
eraMap.set('元慶', { start: 877, end: 885, kana: 'がんぎょう' });
eraMap.set('仁和', { start: 885, end: 889, kana: 'にんな' });
eraMap.set('寛平', { start: 889, end: 898, kana: 'かんぴょう' });
eraMap.set('昌泰', { start: 898, end: 901, kana: 'しょうたい' });
eraMap.set('延喜', { start: 901, end: 923, kana: 'えんぎ' });
eraMap.set('延長', { start: 923, end: 931, kana: 'えんちょう' });
eraMap.set('承平', { start: 931, end: 938, kana: 'じょうへい' });
eraMap.set('天慶', { start: 938, end: 947, kana: 'てんぎょう' });
eraMap.set('天暦', { start: 947, end: 957, kana: 'てんりゃく' });
eraMap.set('天徳', { start: 957, end: 961, kana: 'てんとく' });
eraMap.set('応和', { start: 961, end: 964, kana: 'おうわ' });
eraMap.set('康保', { start: 964, end: 968, kana: 'こうほう' });
eraMap.set('安和', { start: 968, end: 970, kana: 'あんな' });
eraMap.set('天禄', { start: 970, end: 974, kana: 'てんろく' });
eraMap.set('天延', { start: 974, end: 976, kana: 'てんえん' });
eraMap.set('貞元', { start: 976, end: 978, kana: 'じょうげん' });
eraMap.set('天元', { start: 978, end: 983, kana: 'てんげん' });
eraMap.set('永観', { start: 983, end: 985, kana: 'えいかん' });
eraMap.set('寛和', { start: 985, end: 987, kana: 'かんな' });
eraMap.set('永延', { start: 987, end: 989, kana: 'えいえん' });
eraMap.set('永祚', { start: 989, end: 990, kana: 'えいそ' });
eraMap.set('正暦', { start: 990, end: 995, kana: 'しょうりゃく' });
eraMap.set('長徳', { start: 995, end: 999, kana: 'ちょうとく' });
eraMap.set('長保', { start: 999, end: 1004, kana: 'ちょうほう' });
eraMap.set('寛弘', { start: 1004, end: 1013, kana: 'かんこう' });
eraMap.set('長和', { start: 1013, end: 1017, kana: 'ちょうわ' });
eraMap.set('寛仁', { start: 1017, end: 1021, kana: 'かんにん' });
eraMap.set('治安', { start: 1021, end: 1024, kana: 'じあん' });
eraMap.set('万寿', { start: 1024, end: 1028, kana: 'まんじゅ' });
eraMap.set('長元', { start: 1028, end: 1037, kana: 'ちょうげん' });
eraMap.set('長暦', { start: 1037, end: 1040, kana: 'ちょうりゃく' });
eraMap.set('長久', { start: 1040, end: 1044, kana: 'ちょうきゅう' });
eraMap.set('寛徳', { start: 1044, end: 1046, kana: 'かんとく' });
eraMap.set('永承', { start: 1046, end: 1053, kana: 'えいしょう' });
eraMap.set('天喜', { start: 1053, end: 1058, kana: 'てんき' });
eraMap.set('康平', { start: 1058, end: 1065, kana: 'こうへい' });
eraMap.set('治暦', { start: 1065, end: 1069, kana: 'じりゃく' });
eraMap.set('延久', { start: 1069, end: 1074, kana: 'えんきゅう' });
eraMap.set('承保', { start: 1074, end: 1077, kana: 'じょうほう' });
eraMap.set('承暦', { start: 1077, end: 1081, kana: 'じょうりゃく' });
eraMap.set('永保', { start: 1081, end: 1084, kana: 'えいほう' });
eraMap.set('応徳', { start: 1084, end: 1087, kana: 'おうとく' });
eraMap.set('寛治', { start: 1087, end: 1095, kana: 'かんじ' });
eraMap.set('嘉保', { start: 1095, end: 1097, kana: 'かほう' });
eraMap.set('永長', { start: 1097, end: 1097, kana: 'えいちょう' });
eraMap.set('承徳', { start: 1097, end: 1099, kana: 'じょうとく' });
eraMap.set('康和', { start: 1099, end: 1104, kana: 'こうわ' });
eraMap.set('長治', { start: 1104, end: 1106, kana: 'ちょうじ' });
eraMap.set('嘉承', { start: 1106, end: 1108, kana: 'かしょう' });
eraMap.set('天仁', { start: 1108, end: 1110, kana: 'てんにん' });
eraMap.set('天永', { start: 1110, end: 1113, kana: 'てんえい' });
eraMap.set('永久', { start: 1113, end: 1118, kana: 'えいきゅう' });
eraMap.set('元永', { start: 1118, end: 1120, kana: 'げんえい' });
eraMap.set('保安', { start: 1120, end: 1124, kana: 'ほうあん' });
eraMap.set('天治', { start: 1124, end: 1126, kana: 'てんじ' });
eraMap.set('大治', { start: 1126, end: 1131, kana: 'だいじ' });
eraMap.set('天承', { start: 1131, end: 1132, kana: 'てんしょう' });
eraMap.set('長承', { start: 1132, end: 1135, kana: 'ちょうしょう' });
eraMap.set('保延', { start: 1135, end: 1141, kana: 'ほうえん' });
eraMap.set('永治', { start: 1141, end: 1142, kana: 'えいじ' });
eraMap.set('康治', { start: 1142, end: 1144, kana: 'こうじ' });
eraMap.set('天養', { start: 1144, end: 1145, kana: 'てんよう' });
eraMap.set('久安', { start: 1145, end: 1151, kana: 'きゅうあん' });
eraMap.set('仁平', { start: 1151, end: 1154, kana: 'にんぺい' });
eraMap.set('久寿', { start: 1154, end: 1156, kana: 'きゅうじゅ' });
eraMap.set('保元', { start: 1156, end: 1159, kana: 'ほうげん' });
eraMap.set('平治', { start: 1159, end: 1160, kana: 'へいじ' });
eraMap.set('永暦', { start: 1160, end: 1161, kana: 'えいりゃく' });
eraMap.set('応保', { start: 1161, end: 1163, kana: 'おうほう' });
eraMap.set('長寛', { start: 1163, end: 1165, kana: 'ちょうかん' });
eraMap.set('永万', { start: 1165, end: 1166, kana: 'えいまん' });
eraMap.set('仁安', { start: 1166, end: 1169, kana: 'にんあん' });
eraMap.set('嘉応', { start: 1169, end: 1171, kana: 'かおう' });
eraMap.set('承安', { start: 1171, end: 1175, kana: 'しょうあん' });
eraMap.set('安元', { start: 1175, end: 1177, kana: 'あんげん' });
eraMap.set('治承', { start: 1177, end: 1181, kana: 'じしょう' });
eraMap.set('養和', { start: 1181, end: 1182, kana: 'ようわ' });
eraMap.set('寿永', { start: 1182, end: 1184, kana: 'じゅえい' });
eraMap.set('元暦', { start: 1184, end: 1185, kana: 'げんりゃく' });
eraMap.set('文治', { start: 1185, end: 1190, kana: 'ぶんじ' });
eraMap.set('建久', { start: 1190, end: 1199, kana: 'けんきゅう' });
eraMap.set('正治', { start: 1199, end: 1201, kana: 'しょうじ' });
eraMap.set('建仁', { start: 1201, end: 1204, kana: 'けんにん' });
eraMap.set('元久', { start: 1204, end: 1206, kana: 'げんきゅう' });
eraMap.set('建永', { start: 1206, end: 1207, kana: 'けんえい' });
eraMap.set('承元', { start: 1207, end: 1211, kana: 'じょうげん' });
eraMap.set('建暦', { start: 1211, end: 1214, kana: 'けんりゃく' });
eraMap.set('建保', { start: 1214, end: 1219, kana: 'けんぽう' });
eraMap.set('承久', { start: 1219, end: 1222, kana: 'じょうきゅう' });
eraMap.set('貞応', { start: 1222, end: 1224, kana: 'じょうおう' });
eraMap.set('元仁', { start: 1224, end: 1225, kana: 'げんにん' });
eraMap.set('嘉禄', { start: 1225, end: 1228, kana: 'かろく' });
eraMap.set('安貞', { start: 1228, end: 1229, kana: 'あんてい' });
eraMap.set('寛喜', { start: 1229, end: 1232, kana: 'かんき' });
eraMap.set('貞永', { start: 1232, end: 1233, kana: 'じょうえい' });
eraMap.set('天福', { start: 1233, end: 1234, kana: 'てんぷく' });
eraMap.set('文暦', { start: 1234, end: 1235, kana: 'ぶんりゃく' });
eraMap.set('嘉禎', { start: 1235, end: 1238, kana: 'かてい' });
eraMap.set('暦仁', { start: 1238, end: 1239, kana: 'りゃくにん' });
eraMap.set('延応', { start: 1239, end: 1240, kana: 'えんおう' });
eraMap.set('仁治', { start: 1240, end: 1243, kana: 'にんじ' });
eraMap.set('寛元', { start: 1243, end: 1247, kana: 'かんげん' });
eraMap.set('宝治', { start: 1247, end: 1249, kana: 'ほうじ' });
eraMap.set('建長', { start: 1249, end: 1256, kana: 'けんちょう' });
eraMap.set('康元', { start: 1256, end: 1257, kana: 'こうげん' });
eraMap.set('正嘉', { start: 1257, end: 1259, kana: 'しょうか' });
eraMap.set('正元', { start: 1259, end: 1260, kana: 'しょうげん' });
eraMap.set('文応', { start: 1260, end: 1261, kana: 'ぶんおう' });
eraMap.set('弘長', { start: 1261, end: 1264, kana: 'こうちょう' });
eraMap.set('文永', { start: 1264, end: 1275, kana: 'ぶんえい' });
eraMap.set('建治', { start: 1275, end: 1278, kana: 'けんじ' });
eraMap.set('弘安', { start: 1278, end: 1288, kana: 'こうあん' });
eraMap.set('正応', { start: 1288, end: 1293, kana: 'しょうおう' });
eraMap.set('永仁', { start: 1293, end: 1299, kana: 'えいにん' });
eraMap.set('正安', { start: 1299, end: 1302, kana: 'しょうあん' });
eraMap.set('乾元', { start: 1302, end: 1303, kana: 'けんげん' });
eraMap.set('嘉元', { start: 1303, end: 1307, kana: 'かげん' });
eraMap.set('徳治', { start: 1307, end: 1308, kana: 'とくじ' });
eraMap.set('延慶', { start: 1308, end: 1311, kana: 'えんきょう' });
eraMap.set('応長', { start: 1311, end: 1312, kana: 'おうちょう' });
eraMap.set('正和', { start: 1312, end: 1317, kana: 'しょうわ' });
eraMap.set('文保', { start: 1317, end: 1319, kana: 'ぶんぽう' });
eraMap.set('元応', { start: 1319, end: 1321, kana: 'げんおう' });
eraMap.set('元亨', { start: 1321, end: 1324, kana: 'げんこう' });
eraMap.set('正中', { start: 1324, end: 1326, kana: 'しょうちゅう' });
eraMap.set('嘉暦', { start: 1326, end: 1329, kana: 'かりゃく' });
eraMap.set('元徳', { start: 1329, end: 1332, kana: 'げんとく' });
eraMap.set('元弘', { start: 1331, end: 1334, kana: 'げんこう' });
eraMap.set('正慶', { start: 1332, end: 1333, kana: 'しょうきょう' });
eraMap.set('建武', { start: 1334, end: 1338, kana: 'けんむ' });
eraMap.set('延元', { start: 1336, end: 1340, kana: 'えんげん' });
eraMap.set('興国', { start: 1340, end: 1347, kana: 'こうこく' });
eraMap.set('正平', { start: 1347, end: 1370, kana: 'しょうへい' });
eraMap.set('建徳', { start: 1370, end: 1372, kana: 'けんとく' });
eraMap.set('文中', { start: 1372, end: 1375, kana: 'ぶんちゅう' });
eraMap.set('天授', { start: 1375, end: 1381, kana: 'てんじゅ' });
eraMap.set('弘和', { start: 1381, end: 1384, kana: 'こうわ' });
eraMap.set('元中', { start: 1384, end: 1392, kana: 'げんちゅう' });
eraMap.set('暦応', { start: 1338, end: 1342, kana: 'りゃくおう' });
eraMap.set('康永', { start: 1342, end: 1345, kana: 'こうえい' });
eraMap.set('貞和', { start: 1345, end: 1350, kana: 'じょうわ' });
eraMap.set('観応', { start: 1350, end: 1352, kana: 'かんのう' });
eraMap.set('文和', { start: 1352, end: 1356, kana: 'ぶんな' });
eraMap.set('延文', { start: 1356, end: 1361, kana: 'えんぶん' });
eraMap.set('康安', { start: 1361, end: 1362, kana: 'こうあん' });
eraMap.set('貞治', { start: 1362, end: 1368, kana: 'じょうじ' });
eraMap.set('応安', { start: 1368, end: 1375, kana: 'おうあん' });
eraMap.set('永和', { start: 1375, end: 1379, kana: 'えいわ' });
eraMap.set('康暦', { start: 1379, end: 1381, kana: 'こうりゃく' });
eraMap.set('永徳', { start: 1381, end: 1384, kana: 'えいとく' });
eraMap.set('至徳', { start: 1384, end: 1387, kana: 'しとく' });
eraMap.set('嘉慶', { start: 1387, end: 1389, kana: 'かきょう' });
eraMap.set('康応', { start: 1389, end: 1390, kana: 'こうおう' });
eraMap.set('明徳', { start: 1390, end: 1394, kana: 'めいとく' });
eraMap.set('応永', { start: 1394, end: 1428, kana: 'おうえい' });
eraMap.set('正長', { start: 1428, end: 1429, kana: 'しょうちょう' });
eraMap.set('永享', { start: 1429, end: 1441, kana: 'えいきょう' });
eraMap.set('嘉吉', { start: 1441, end: 1444, kana: 'かきつ' });
eraMap.set('文安', { start: 1444, end: 1449, kana: 'ぶんあん' });
eraMap.set('宝徳', { start: 1449, end: 1452, kana: 'ほうとく' });
eraMap.set('享徳', { start: 1452, end: 1455, kana: 'きょうとく' });
eraMap.set('康正', { start: 1455, end: 1457, kana: 'こうしょう' });
eraMap.set('長禄', { start: 1457, end: 1461, kana: 'ちょうろく' });
eraMap.set('寛正', { start: 1461, end: 1466, kana: 'かんしょう' });
eraMap.set('文正', { start: 1466, end: 1467, kana: 'ぶんしょう' });
eraMap.set('応仁', { start: 1467, end: 1469, kana: 'おうにん' });
eraMap.set('文明', { start: 1469, end: 1487, kana: 'ぶんめい' });
eraMap.set('長享', { start: 1487, end: 1489, kana: 'ちょうきょう' });
eraMap.set('延徳', { start: 1489, end: 1492, kana: 'えんとく' });
eraMap.set('明応', { start: 1492, end: 1501, kana: 'めいおう' });
eraMap.set('文亀', { start: 1501, end: 1504, kana: 'ぶんき' });
eraMap.set('永正', { start: 1504, end: 1521, kana: 'えいしょう' });
eraMap.set('大永', { start: 1521, end: 1528, kana: 'だいえい' });
eraMap.set('享禄', { start: 1528, end: 1532, kana: 'きょうろく' });
eraMap.set('天文', { start: 1532, end: 1555, kana: 'てんぶん' });
eraMap.set('弘治', { start: 1555, end: 1558, kana: 'こうじ' });
eraMap.set('永禄', { start: 1558, end: 1570, kana: 'えいろく' });
eraMap.set('元亀', { start: 1570, end: 1573, kana: 'げんき' });
eraMap.set('天正', { start: 1573, end: 1593, kana: 'てんしょう' });
eraMap.set('文禄', { start: 1593, end: 1596, kana: 'ぶんろく' });
eraMap.set('慶長', { start: 1596, end: 1615, kana: 'けいちょう' });
eraMap.set('元和', { start: 1615, end: 1624, kana: 'げんな' });
eraMap.set('寛永', { start: 1624, end: 1645, kana: 'かんえい' });
eraMap.set('正保', { start: 1645, end: 1648, kana: 'しょうほう' });
eraMap.set('慶安', { start: 1648, end: 1652, kana: 'けいあん' });
eraMap.set('承応', { start: 1652, end: 1655, kana: 'じょうおう' });
eraMap.set('明暦', { start: 1655, end: 1658, kana: 'めいれき' });
eraMap.set('万治', { start: 1658, end: 1661, kana: 'まんじ' });
eraMap.set('寛文', { start: 1661, end: 1673, kana: 'かんぶん' });
eraMap.set('延宝', { start: 1673, end: 1681, kana: 'えんぽう' });
eraMap.set('天和', { start: 1681, end: 1684, kana: 'てんな' });
eraMap.set('貞享', { start: 1684, end: 1688, kana: 'じょうきょう' });
eraMap.set('元禄', { start: 1688, end: 1704, kana: 'げんろく' });
eraMap.set('宝永', { start: 1704, end: 1711, kana: 'ほうえい' });
eraMap.set('正徳', { start: 1711, end: 1716, kana: 'しょうとく' });
eraMap.set('享保', { start: 1716, end: 1736, kana: 'きょうほう' });
eraMap.set('元文', { start: 1736, end: 1741, kana: 'げんぶん' });
eraMap.set('寛保', { start: 1741, end: 1744, kana: 'かんぽう' });
eraMap.set('延享', { start: 1744, end: 1748, kana: 'えんきょう' });
eraMap.set('寛延', { start: 1748, end: 1751, kana: 'かんえん' });
eraMap.set('宝暦', { start: 1751, end: 1764, kana: 'ほうれき' });
eraMap.set('明和', { start: 1764, end: 1772, kana: 'めいわ' });
eraMap.set('安永', { start: 1772, end: 1781, kana: 'あんえい' });
eraMap.set('天明', { start: 1781, end: 1789, kana: 'てんめい' });
eraMap.set('寛政', { start: 1789, end: 1801, kana: 'かんせい' });
eraMap.set('享和', { start: 1801, end: 1804, kana: 'きょうわ' });
eraMap.set('文化', { start: 1804, end: 1818, kana: 'ぶんか' });
eraMap.set('文政', { start: 1818, end: 1831, kana: 'ぶんせい' });
eraMap.set('天保', { start: 1831, end: 1845, kana: 'てんぽう' });
eraMap.set('弘化', { start: 1845, end: 1848, kana: 'こうか' });
eraMap.set('嘉永', { start: 1848, end: 1855, kana: 'かえい' });
eraMap.set('安政', { start: 1855, end: 1860, kana: 'あんせい' });
eraMap.set('万延', { start: 1860, end: 1861, kana: 'まんえん' });
eraMap.set('文久', { start: 1861, end: 1864, kana: 'ぶんきゅう' });
eraMap.set('元治', { start: 1864, end: 1865, kana: 'げんじ' });
eraMap.set('慶応', { start: 1865, end: 1868, kana: 'けいおう' });
eraMap.set('明治', { start: 1868, end: 1912, kana: 'めいじ' });
eraMap.set('大正', { start: 1912, end: 1926, kana: 'たいしょう' });
eraMap.set('昭和', { start: 1926, end: 1989, kana: 'しょうわ' });
eraMap.set('平成', { start: 1989, end: 2019, kana: 'へいせい' });
eraMap.set('令和', { start: 2019, end: Number.POSITIVE_INFINITY, kana: 'れいわ' });	// 継続中なのでendを最大値にしておく

const eraNameRegex = Array.from(eraMap.keys()).join('|');	// 正規表現用の元号一覧



/**
 * 文章内の和暦を西暦に変換する
 * 
 * @param text 入力された文章
 * @return text 変換後のテキスト
 * @return render 変換後のテキスト（html表示用）
 */
function jpToAd(text: string): { text: string, render: string } {

	const jpCalendar = new RegExp(`(${eraNameRegex})[ 　\t]*([0-9０-９]{1,3}|[二弐三参四五六七八]?[一十]?[元一壱二弐三参四五六七八九十拾〇零])([ 　\t]*)(年)`, 'g');	// 和暦の正規表現
	const editType: EditType = $editType.value;	// 編集の種類
	const fullWidth = RegExp('[０-９]', 'g');	// 全角数字の判別用

	// 置換後のテキスト
	const result = text.replace(jpCalendar, function (whole, ...args) {
		const year = convertYear(args[0], args[1]);	// 西暦に変換
		if (year.result === true) {
			const text = convertYear(args[0], args[1]).text;	// 変換後のテキスト
			const space = args[2];	// 数字と"年"の間の文字。
			const unit = args[3];	// 単位
			const isFullWidth = fullWidth.test(text);	// 年が全角か

			if (editType === 'add') {
				// 併記
				const wrap = isFullWidth ? { before: '（', after: '）' } : { before: '(', after: ')' };	// 年を括るカッコ。年の全角半角に合わせる
				return `${whole}${wrap.before}${text}${space}${unit}${wrap.after}`;
			}
			else {
				// 置換
				return `${text}${space}${unit}`;
			}
		}
		else {
			// 変換できなかった場合そのままのテキストを返す
			return whole;
		}
	});

	// 連続した半角スペースが再現できない？

	// htmlレンダリング用
	const render = text.replace(jpCalendar, function (whole, ...args) {
		const year = convertYear(args[0], args[1]);	// 西暦に変換

		// html出力用にspanで囲う
		if (year.result === true) {
			const orgText = whole.replace(/ /g, '&nbsp;');	// 変換元のテキスト。半角スペースは連続すると反映されないので、エンティティに変換しておく。
			const text = convertYear(args[0], args[1]).text;	// 変換後のテキスト
			const space = args[2].replace(/ /g, '&nbsp;');	// 数字と"年"の間の文字。半角スペースは連続すると反映されないので、エンティティに変換しておく。
			const unit = args[3];	// 単位
			const isFullWidth = fullWidth.test(text);	// 年が全角か

			// 半角スペースは連続すると反映されないので、エンティティに変換しておく
			if (editType === 'add') {
				// 併記
				const wrap = isFullWidth ? { before: '（', after: '）' } : { before: '(', after: ')' };	// 年を括るカッコ。年の全角半角に合わせる
				return `${orgText}<span class="added">${wrap.before}${text}${space}${unit}${wrap.after}</span>`;
			}
			else {
				// 置換
				return `<span class="converted" data-original-text="${orgText}">${text}${space}${unit}</span>`;
			}
		}
		else {
			// 変換できなかった場合そのままのテキストを返す
			// 変換失敗の原因は、年を越えたとき？
			return `<span class="not-convert">${whole}</span>`;
		}
	}).replace(/\r?\n/g, '<br>');

	return {
		text: result,
		render
	};
}


/**
 * 和暦を西暦に変換する
 * 
 * @param era 元号
 * @param year 年（漢数字や"元"年なども含む）
 * @return result 変換できたか
 * @return text 変換した年
 */
function convertYear (era: string, year: string): { result: boolean, text: string } {
	let result = false;	// 変換できたか
	const fullWidth = RegExp('[０-９]', 'g');	// 全角数字
	const isFullWidth = fullWidth.test(year);	// yearが全角か

	// 全角数字→半角数字に変換
	if (isFullWidth === true) {
		year = year.replace(/[０-９]/g, function(s) {
			return String.fromCharCode(s.charCodeAt(0) - 65248);
		});
	}

	// yearを数値に変換する
	const numYear = Number(year);	// 年を数値に変換
	const eraData = eraMap.get(era);	// 元号のデータ
	let ad: number;	// 変換後の年
	let text: string = '';	// 変換後のテキスト

	if (era) {
		if (_.isNumber(numYear) && isNaN(numYear) === false) {
			ad = eraData.start - 1 + numYear;	// 年を計算。元年=1年なので、1年を引いておく。
			result = true;

			// const y = eraData.start - 1 + numYear;	// 年を計算。元年=1年なので、1年を引いておく。
			// // 元号の範囲をチェックする
			// if (y <= eraData.end) {
			// 	ad = y;
			// 	result = true;
			// }
		}
		else if (year === '元') {
			ad = eraData.start;
			result = true;
		}
	}

	// TODO 漢数字も対応したい

	// 戻り値用に年の文字列を作成する
	if (_.isNumber(ad) && isNaN(ad) === false) {
		// 元の数字が全角数字なら、変換後も全角にする
		if (isFullWidth === true) {
			text = String(ad).replace(/[0-9]/g, (s) => String.fromCharCode(s.charCodeAt(0) + 65248));
		}
		else {
			text = String(ad);
		}
	}

	return {
		result,
		text
	};
}


/**
 * 変換結果を表示
 * 
 * @param isForce 入力内容が変わっていなくても変換する
 */
function convert (isForce: boolean = false) {
	const value = $before.value;	// 入力されたテキスト
	if (value !== oldBefore || isForce === true) {
		const converted = jpToAd(value);	// 変換結果

		// 入力が更新されていたら処理する
		$after.innerHTML = resultTemplate({
			result: converted.render	// HTML表示用に改行を<br>に変換
		});

		// コピー用
		$clipboardCopy.dataset.clipboardText = converted.text;

		// ツールチップで変換元のテキストを表示する
		tippy('.converted[data-original-text]', {
			content: (element) => element.dataset.originalText,
			duration: [160, 250],
			arrow: true
		});

		// 次回、入力されたか判別するために文章を保持
		oldBefore = value;
	}
}


/**
 * 入力されたテキストをクリアする
 */
function clearText () {
	if ($before.value.length > 0 && window.confirm('削除しますか？')) {
		$before.value = '';
		$before.focus();
	}
}



// キーイベント、インターバルで変換処理
$before.addEventListener('change', convert);
document.addEventListener('keyup', convert);
$editType.addEventListener('click', function () {
	convert(true);
});
setInterval(convert, 500);


// 入力の削除
document.querySelector('#text-clear').addEventListener('click', clearText);

// 結果のコピー
new ClipboardJS($clipboardCopy);

// 結果をコピーしたときのツールチップ
tippy('#result-copy', {
	content: 'copied!',
	trigger: 'click',
	placement: 'top'
});

// テキストエリアの自動リサイズ
autosize(document.querySelector('textarea'));