From bf021faeeb872c060b912da4d0475b1d2dfcf693 Mon Sep 17 00:00:00 2001
From: HolyRomanEmperor <sauravt2812@gmail.com>
Date: Sat, 14 Mar 2026 23:33:35 +0530
Subject: [PATCH 1/3] Option to separate AoE2 and Chronicles

---
 index.html     |  4 ++++
 js/main.js     | 57 +++++++++++++++++++++++++++++++++++++++++++-------
 js/techtree.js |  1 +
 3 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 4b43bdd5..d0b79569 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,10 @@
     <div id="wrapper">
         <div id="metainfo">
             <div id="civinfo">
+                <div class="civilization-set-switcher">
+                    <select id="eraselect" onchange="changeEra()">
+                    </select>
+                </div>
                 <div id="civtitle">
                     <select id="civselect" onchange="loadCiv()" autofocus>
                         <option>Achaemenids</option>
diff --git a/js/main.js b/js/main.js
index b07d1220..86ed390e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -7,6 +7,14 @@ const PADDING = 20;
 const PADDING_BETWEEN_COLUMNS = 10;
 const TOP_PADDING = 20;
 
+const eras = {
+    base: "Age of Empires II",
+    antiquity: "Chronicles",
+    all: "All",
+};
+const defaultEra = 'base';
+let currentEra = 'base';
+
 const locales = {
     en: 'English',
     zh: '简体中文',
@@ -29,6 +37,21 @@ const locales = {
 const defaultLocale = 'en';
 let currentLocale = 'en';
 
+function loadEra() {
+    if (eras[currentEra] === undefined) currentEra = defaultEra;
+    loadJson('data/data.json', function (response) {
+        data.civs = Object.fromEntries(
+            Object.entries(response.civs).filter(
+                ([_, civ]) => civ.era === currentEra || currentEra === "all"
+            )
+        );
+        createXRefBadges();
+        updatePageTitle(eras[currentEra]);
+        displayData();
+        document.getElementById('eraselect').value = currentEra;
+    });
+}
+
 function loadLocale(localeCode) {
     if (!Object.keys(locales).includes(localeCode)) {
         localeCode = defaultLocale;
@@ -36,7 +59,7 @@ function loadLocale(localeCode) {
     currentLocale = localeCode;
     loadJson('data/locales/' + localeCode + '/strings.json', function (strings) {
         data.strings = strings;
-        updatePageTitle();
+        updatePageTitle(eras[currentEra]);
         createXRefBadges();
         displayData();
         document.getElementById('localeselect').value = localeCode;
@@ -44,12 +67,13 @@ function loadLocale(localeCode) {
     });
 }
 
-function updatePageTitle() {
-    const aoe2 = data.strings[data.tech_tree_strings['Age of Empires II']];
+function updatePageTitle(currentEraName) {
+    let localizedEraName = data.strings[data.tech_tree_strings['Age of Empires II']];
+    if (currentEraName === 'Chronicles') localizedEraName = 'Chronicles'; // TODO: replace Chronicles name with translatable string;
     const mode = data.strings[data.tech_tree_strings['mode']]
     const suffix = mode ? ' – ' + mode : ''
     const techtree = data.strings[data.tech_tree_strings['Technology Tree']];
-    document.title = `${aoe2}${suffix} ${techtree}`;
+    document.title = `${localizedEraName}${suffix} ${techtree}`;
 }
 
 function displayData() {
@@ -436,7 +460,7 @@ function createXRefBadges() {
         let xRefImage = document.createElement('img');
 
         xRefImage.src = `./img/Civs/${civ.toLowerCase()}.png`;
-        xRefImage.title = data.strings[data.civs[civ].name_string_id];
+        xRefImage.title = data.strings[data.civs[civ]?.name_string_id];
         xRefImage.id = `xRef__badge__${civ}`;
         xRefImage.classList.add('xRef__badge')
         xRefLink.appendChild(xRefImage);
@@ -643,6 +667,11 @@ function addSquareToKey(tr, nodeType) {
     tr.appendChild(td);
 }
 
+function changeEra() {
+    currentEra = document.getElementById('eraselect').value;
+    loadEra();
+}
+
 function changeLocale() {
     const newLocale = document.getElementById('localeselect').value;
     setLocaleInUrl(newLocale);
@@ -650,6 +679,18 @@ function changeLocale() {
     loadLocale(newLocale);
 }
 
+function fillEraSelector() {
+    Object.keys(eras).map(function (era) {
+        const option = document.createElement('option');
+        option.setAttribute('value', era);
+        option.textContent = eras[era];
+        if (currentEra === era) {
+            option.setAttribute('selected', '')
+        }
+        document.getElementById('eraselect').appendChild(option);
+    });
+}
+
 function fillLocaleSelector(currentLocale) {
     Object.keys(locales).map(function (locale) {
         const option = document.createElement('option');
@@ -857,8 +898,8 @@ function civ(civName) {
         let icon_width = 112;
         let vertical_spacing = (row_height - icon_height) / 2 - 10;
         let margin_left = 20;
-        let image_urls = AGE_IMAGES[data.civs[civName].era];
-        let age_names = getAgeNames(data.civs[civName].era);
+        let image_urls = AGE_IMAGES[data.civs[civName]?.era] ?? [];
+        let age_names = getAgeNames(data.civs[civName]?.era);
         for (let i = 0; i < image_urls.length; i++) {
             let age_image_group = draw.group().click(hideHelp);
             let age_image = age_image_group.image('img/Ages/' + image_urls[i])
@@ -1040,10 +1081,12 @@ function main() {
     setAdvancedStatsState();
 
     let storedLocale = getInitialLocale();
+    fillEraSelector();
     fillLocaleSelector(storedLocale);
 
     loadJson('data/data.json', function (response) {
         data = response;
+        loadEra();
         loadLocale(storedLocale);
     });
 
diff --git a/js/techtree.js b/js/techtree.js
index 5239c71f..a5d92f7e 100644
--- a/js/techtree.js
+++ b/js/techtree.js
@@ -18,6 +18,7 @@ const AGE_IMAGES = {
 }
 
 const getAgeNames = (era)=>{
+    if (era === undefined) return [];
     return [
         data.strings[data.age_names[era][0]],
         data.strings[data.age_names[era][1]],

From 67bb0b2a2aa756dcf01ba5d6ad95ea3b103c9414 Mon Sep 17 00:00:00 2001
From: HolyRomanEmperor <sauravt2812@gmail.com>
Date: Sun, 15 Mar 2026 00:25:54 +0530
Subject: [PATCH 2/3] added strings for Chronicles game mode

---
 data/locales/br/strings.json |  2 +-
 data/locales/de/strings.json |  2 +-
 data/locales/en/strings.json |  2 +-
 data/locales/es/strings.json |  2 +-
 data/locales/fr/strings.json |  2 +-
 data/locales/hi/strings.json |  2 +-
 data/locales/it/strings.json |  2 +-
 data/locales/jp/strings.json |  2 +-
 data/locales/ko/strings.json |  2 +-
 data/locales/ms/strings.json |  2 +-
 data/locales/mx/strings.json |  2 +-
 data/locales/pl/strings.json |  2 +-
 data/locales/ru/strings.json |  2 +-
 data/locales/tr/strings.json |  2 +-
 data/locales/tw/strings.json |  2 +-
 data/locales/vi/strings.json |  2 +-
 data/locales/zh/strings.json |  2 +-
 js/main.js                   | 11 +++++------
 scripts/generateDataFiles.py | 14 ++++++--------
 19 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/data/locales/br/strings.json b/data/locales/br/strings.json
index 8ccec778..8a41cacd 100644
--- a/data/locales/br/strings.json
+++ b/data/locales/br/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Crônicas",
     "1001": "Age of Empires II",
     "4201": "Idade das Trevas",
     "4202": "Idade Feudal",
diff --git a/data/locales/de/strings.json b/data/locales/de/strings.json
index 631b98d2..9d7f16f7 100644
--- a/data/locales/de/strings.json
+++ b/data/locales/de/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Chroniken",
     "1001": "Age of Empires II",
     "4201": "Dunkle Zeit",
     "4202": "Feudalzeit",
diff --git a/data/locales/en/strings.json b/data/locales/en/strings.json
index ffe23fcd..182e0f72 100644
--- a/data/locales/en/strings.json
+++ b/data/locales/en/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Chronicles",
     "1001": "Age of Empires II",
     "4201": "Dark Age",
     "4202": "Feudal Age",
diff --git a/data/locales/es/strings.json b/data/locales/es/strings.json
index f37729ab..40ae5bd2 100644
--- a/data/locales/es/strings.json
+++ b/data/locales/es/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Crónicas",
     "1001": "Age of Empires II",
     "4201": "Alta Edad Media",
     "4202": "Edad Feudal",
diff --git a/data/locales/fr/strings.json b/data/locales/fr/strings.json
index 167d4357..d849d959 100644
--- a/data/locales/fr/strings.json
+++ b/data/locales/fr/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Chronicles",
     "1001": "Age of Empires II",
     "4201": "Âge sombre",
     "4202": "Âge féodal",
diff --git a/data/locales/hi/strings.json b/data/locales/hi/strings.json
index 52d81342..26dcf48c 100644
--- a/data/locales/hi/strings.json
+++ b/data/locales/hi/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "इतिहास",
     "1001": "Age of Empires II",
     "4201": "अंधकार युग",
     "4202": "सामंतवादी युग",
diff --git a/data/locales/it/strings.json b/data/locales/it/strings.json
index e3e4ef25..460d36ef 100644
--- a/data/locales/it/strings.json
+++ b/data/locales/it/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Cronache",
     "1001": "Age of Empires II",
     "4201": "Alto Medioevo",
     "4202": "Età feudale",
diff --git a/data/locales/jp/strings.json b/data/locales/jp/strings.json
index 955884e6..417443af 100644
--- a/data/locales/jp/strings.json
+++ b/data/locales/jp/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "クロニクル",
     "1001": "Age of Empires II",
     "4201": "暗黒の時代",
     "4202": "領主の時代",
diff --git a/data/locales/ko/strings.json b/data/locales/ko/strings.json
index fd7836f4..32011b0c 100644
--- a/data/locales/ko/strings.json
+++ b/data/locales/ko/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "역대기",
     "1001": "Age of Empires II",
     "4201": "암흑 시대",
     "4202": "봉건 시대",
diff --git a/data/locales/ms/strings.json b/data/locales/ms/strings.json
index 9fd9089e..74e5fd8a 100644
--- a/data/locales/ms/strings.json
+++ b/data/locales/ms/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Babad",
     "1001": "Age of Empires II",
     "4201": "Zaman Kelam",
     "4202": "Zaman Feudal",
diff --git a/data/locales/mx/strings.json b/data/locales/mx/strings.json
index 232353d5..7ab87fd7 100644
--- a/data/locales/mx/strings.json
+++ b/data/locales/mx/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Crónicas",
     "1001": "Age of Empires II",
     "4201": "Alta Edad Media",
     "4202": "Edad Feudal",
diff --git a/data/locales/pl/strings.json b/data/locales/pl/strings.json
index b7649af8..fcaa2b84 100644
--- a/data/locales/pl/strings.json
+++ b/data/locales/pl/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Kroniki",
     "1001": "Age of Empires II",
     "4201": "Era Mroku",
     "4202": "Era Feudalna",
diff --git a/data/locales/ru/strings.json b/data/locales/ru/strings.json
index c753a60c..22946d96 100644
--- a/data/locales/ru/strings.json
+++ b/data/locales/ru/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Хроники",
     "1001": "Age of Empires II",
     "4201": "Темная эпоха",
     "4202": "Феодальная эпоха",
diff --git a/data/locales/tr/strings.json b/data/locales/tr/strings.json
index f712725d..36b48f3b 100644
--- a/data/locales/tr/strings.json
+++ b/data/locales/tr/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Chronicles",
     "1001": "Age of Empires II",
     "4201": "Karanlık Çağ",
     "4202": "Feodal Çağ",
diff --git a/data/locales/tw/strings.json b/data/locales/tw/strings.json
index 6621b7b7..0fa26e26 100644
--- a/data/locales/tw/strings.json
+++ b/data/locales/tw/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "編年史",
     "1001": "Age of Empires II",
     "4201": "黑暗時代",
     "4202": "封建時代",
diff --git a/data/locales/vi/strings.json b/data/locales/vi/strings.json
index dc95a9f7..450e7c11 100644
--- a/data/locales/vi/strings.json
+++ b/data/locales/vi/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "Biên niên sử",
     "1001": "Age of Empires II",
     "4201": "Thời tăm tối",
     "4202": "Thời phong kiến",
diff --git a/data/locales/zh/strings.json b/data/locales/zh/strings.json
index 9b66e04a..7ed663ef 100644
--- a/data/locales/zh/strings.json
+++ b/data/locales/zh/strings.json
@@ -1,5 +1,5 @@
 {
-    "1": "",
+    "1": "编年史",
     "1001": "帝国时代 II",
     "4201": "黑暗时代",
     "4202": "封建时代",
diff --git a/js/main.js b/js/main.js
index 86ed390e..961f0303 100644
--- a/js/main.js
+++ b/js/main.js
@@ -68,12 +68,11 @@ function loadLocale(localeCode) {
 }
 
 function updatePageTitle(currentEraName) {
-    let localizedEraName = data.strings[data.tech_tree_strings['Age of Empires II']];
-    if (currentEraName === 'Chronicles') localizedEraName = 'Chronicles'; // TODO: replace Chronicles name with translatable string;
-    const mode = data.strings[data.tech_tree_strings['mode']]
-    const suffix = mode ? ' – ' + mode : ''
+    const aoe2 = data.strings[data.tech_tree_strings['Age of Empires II']];
+    const mode = currentEraName === 'Chronicles' ? data.strings[data.tech_tree_strings['mode']] : '';
+    const suffix = mode ? ' – ' + mode : '';
     const techtree = data.strings[data.tech_tree_strings['Technology Tree']];
-    document.title = `${localizedEraName}${suffix} ${techtree}`;
+    document.title = `${aoe2}${suffix} ${techtree}`;
 }
 
 function displayData() {
@@ -460,7 +459,7 @@ function createXRefBadges() {
         let xRefImage = document.createElement('img');
 
         xRefImage.src = `./img/Civs/${civ.toLowerCase()}.png`;
-        xRefImage.title = data.strings[data.civs[civ]?.name_string_id];
+        xRefImage.title = data.strings?.[data.civs[civ].name_string_id];
         xRefImage.id = `xRef__badge__${civ}`;
         xRefImage.classList.add('xRef__badge')
         xRefLink.appendChild(xRefImage);
diff --git a/scripts/generateDataFiles.py b/scripts/generateDataFiles.py
index d30eaf44..e484976d 100755
--- a/scripts/generateDataFiles.py
+++ b/scripts/generateDataFiles.py
@@ -176,14 +176,12 @@ def gather_language_data(resourcesdir, techtrees, civs_info, extra_ids, language
     key_value_strings_file_en = resourcesdir / language / 'strings' / 'key-value' / 'key-value-strings-utf8.txt'
     with key_value_strings_file_en.open() as f:
         for line in f:
-            parse_line(key_value, line)
+            parse_line(key_value, line, 'IDS_MPS_AOE_II_DE_PAPHOS_TOGGLE')
 
     key_value_paphos_strings_file_en = resourcesdir / language / 'strings' / 'key-value' / 'key-value-paphos-strings-utf8.txt'
     with key_value_paphos_strings_file_en.open(encoding='utf-8') as f:
         for line in f:
-            parse_line(key_value, line)
-
-    key_value[1] = ''  # Mode
+            parse_line(key_value, line, 'IDS_MPS_AOE_II_DE_PAPHOS_TOGGLE')
 
     key_value_filtered = {}
     for civ in techtrees['civs']:
@@ -214,12 +212,12 @@ def ror_gather_language_data(programdir, techtrees, language):
     key_value_strings_file_en = programdir / 'resources' / language / 'strings' / 'key-value' / 'key-value-strings-utf8.txt'
     with key_value_strings_file_en.open(encoding='utf-8') as f:
         for line in f:
-            parse_line(key_value, line)
+            parse_line(key_value, line, 'IDS_MPS_RETURN_OF_ROME_TOGGLE')
     # override strings with everything specific to AoE1 / Return of Rome
     key_value_pompeii_strings_file_en = programdir / 'modes' / 'Pompeii' / 'resources' / language / 'strings' / 'key-value' / 'key-value-pompeii-strings-utf8.txt'
     with key_value_pompeii_strings_file_en.open(encoding='utf-8') as f:
         for line in f:
-            parse_line(key_value, line)
+            parse_line(key_value, line, 'IDS_MPS_RETURN_OF_ROME_TOGGLE')
 
     key_value[5121] = key_value[305131]  # Villager
     key_value[26121] = key_value[326131]
@@ -250,7 +248,7 @@ def ror_gather_language_data(programdir, techtrees, language):
     return key_value_filtered
 
 
-def parse_line(key_value, line):
+def parse_line(key_value, line, subGameString):
     items = line.split(" ")
     if items[0].isnumeric():
         number = int(items[0])
@@ -266,7 +264,7 @@ def parse_line(key_value, line):
             text = re.sub(r'‹i›(.+?)‹i›', r'<i>\1</i>', text)
             text = re.sub(r'\\n', r'<br>\n', text)
             key_value[number] = text
-    elif items[0] == 'IDS_MPS_RETURN_OF_ROME_TOGGLE':
+    elif items[0] == subGameString:
         match = re.search('".+"', line)
         if match:
             text = match.group(0)[1:-1]

From 8585946c3eda4fb25d46fdce337cf0f24c353f77 Mon Sep 17 00:00:00 2001
From: HolyRomanEmperor <sauravt2812@gmail.com>
Date: Sun, 15 Mar 2026 00:51:27 +0530
Subject: [PATCH 3/3] minor cleanup for updatePageTitle

---
 js/main.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/main.js b/js/main.js
index 961f0303..102ee56a 100644
--- a/js/main.js
+++ b/js/main.js
@@ -46,7 +46,7 @@ function loadEra() {
             )
         );
         createXRefBadges();
-        updatePageTitle(eras[currentEra]);
+        updatePageTitle();
         displayData();
         document.getElementById('eraselect').value = currentEra;
     });
@@ -59,7 +59,7 @@ function loadLocale(localeCode) {
     currentLocale = localeCode;
     loadJson('data/locales/' + localeCode + '/strings.json', function (strings) {
         data.strings = strings;
-        updatePageTitle(eras[currentEra]);
+        updatePageTitle();
         createXRefBadges();
         displayData();
         document.getElementById('localeselect').value = localeCode;
@@ -67,9 +67,9 @@ function loadLocale(localeCode) {
     });
 }
 
-function updatePageTitle(currentEraName) {
+function updatePageTitle() {
     const aoe2 = data.strings[data.tech_tree_strings['Age of Empires II']];
-    const mode = currentEraName === 'Chronicles' ? data.strings[data.tech_tree_strings['mode']] : '';
+    const mode = currentEra === 'antiquity' ? data.strings[data.tech_tree_strings['mode']] : '';
     const suffix = mode ? ' – ' + mode : '';
     const techtree = data.strings[data.tech_tree_strings['Technology Tree']];
     document.title = `${aoe2}${suffix} ${techtree}`;