i18n locale file builder - Issue 120

_locales/en/messages.json

@@ -1,7 +1,4 @@
 {
-  "default_message": {
-    "message": "<section draggable='true' style='background: #CCCCFFCC; color: black;'><h1>Structured Start Tab</h1><nav><section draggable='true' style='flex-grow: 2; background: white;'><h1>Introduction</h1><nav><p style='padding:1em'>Hello!</p><p style='padding:1em'>You have just installed Structured Start Tab, a tool for organising links so they are easy to find and use whenever a new browser tab is opened.  You can fill this page with links and they'll be there every time you open a new tab.  If you add <em>panels</em> they will give the page structure.  Links and panels can me moved around by dragging.</p><p style='padding:1em'>At the side of the page is a toolbar, with buttons for adding links and panels, these can be clicked or dragged onto the page.  You can also open the options page and see what's in the trash.  Recent bookmarks can also be seen in this bar.  Bookmarks can be dragged into the page and permanently organised like any other link.</p><p style='padding:1em'>Try it now - double click on the 'Example' section (below) to open it and see some pre-organised links.  Next time you open a tab, it should look exactly the same as this one, with the same sections open, and all the same links.</p><p style='padding:1em'>When you've got the hang of it, fold this message away by double clicking on 'Introduction' at the top of this section.  When it's no longer needed, you can drag the whole section to the Trash.</p><p style='padding:1em'>Finally, thanks for using this, I hope it's as useful for you as it is for me.  If you can help make it better with suggestions for features, bug reports, or contributions of code, please do.   If you like it, please rate it on the app-store-thingy so more people might give it a try.</p></nav></section><section style='background: white;' draggable='true'><h1>Summary</h1><nav><ul style='padding:1em; margin-left: 2em;'><li><b>Open</b> links with a <em>click</em>.</li></li><li><b>Edit</b> links and sections with a <em>shift-click</em>.</li><li><b>Fold</b> sections with a <em>double-click</em>.</li><li>Organise by dragging.</li><li><b>Undo</b> the last operation with <em>Ctrl+Z</em>.</li><li><b>Toggle</b> sidebar with <em>Ctrl+Shift+B</em>.</li><li><b>Show</b> the click heatmap with <em>Ctrl+Shift+I</em>.</li></ul></nav></section></nav></section><section style='background: #F702;' draggable='true' class='folded'><h1>Example</h1><nav><section style='background: #F007;' draggable='true'><h1>A Section</h1><nav><a href='http://example.org' draggable='true'>A Link</a><a href='https://portsoc.github.io/hallmarks/' draggable='true'>Hallmarks</a></nav></section><section draggable='true' style='background: #F707;'><h1>Games</h1><nav><a href='https://portsoc.github.io/snake/' draggable='true'>Snake</a><a href='https://portsoc.github.io/countdown/' draggable='true'>Countdown</a></nav></section><section draggable='true' style='background: #FF07;'><h1>Tech Examples</h1><nav><a href='https://portsoc.github.io/canvascircle/' draggable='true'>Circles</a><a href='https://portsoc.github.io/img-melt/test/logos.html' draggable='true'>Image Melt</a><a href='https://portsoc.github.io/duelosc/' draggable='true'>Duelling Oscillators</a><a href='https://portsoc.github.io/tinytooltip/' draggable='true'>TinyToolTip</a><section draggable='true' style='background: #0F07'><h1>Drag-a-Cat</h1><nav><a href='http://portsoc.github.io/dragacat/' draggable='true'>Drag-a-Cat</a><a href='http://portsoc.github.io/dragacat/playground.html' draggable='true'>Playground</a></nav></section></nav></section><section style='background: #00f7; color: white;' draggable='true'><h1>Utilities</h1><nav><a href='https://portsoc.github.io/wordcount/' draggable='true'>Word Count</a><a href='https://portsoc.github.io/dcalc/' draggable='true'>Degree Calculator</a></nav></section></nav></section><section id='trash' class='invisible'><h1>Trash</h1><nav></nav></section>"
-  },
   "data_info_add_link": {
     "message": "Add link|New link: click or drag."
   },
@@ -115,8 +112,7 @@
   },
   "useCustomScrollbar": {
     "message": "Use a custom scroll bar."
-  }
-  ,
+  },
   "option_change": {
     "message": "Option change stored."
   },
@@ -156,13 +152,13 @@
   "emptytrash": {
     "message": "Empty Trash"
   },
-  "togglebookmarks" : {
-    "message":"Toggle Bookmarks"
+  "togglebookmarks": {
+    "message": "Toggle Bookmarks"
   },
-  "duplicatePanel" :{
+  "duplicatePanel": {
     "message": "Duplicate Panel"
   },
-  "withLink":{
+  "withLink": {
     "message": "With links"
   },
   "withoutLink": {
@@ -251,5 +247,8 @@
   },
   "option_context": {
     "message": "Options"
+  },
+  "default_message": {
+    "message": "<section draggable='true' style='background: #CCCCFFCC; color: black;'><h1>Structured Start Tab</h1><nav><section draggable='true' style='flex-grow: 2; background: white;'><h1>Introduction</h1><nav><p style='padding:1em'>Hello!</p><p style='padding:1em'>You have just installed Structured Start Tab, a tool for organising links so they are easy to find and use whenever a new browser tab is opened.  You can fill this page with links and they'll be there every time you open a new tab.  If you add <em>panels</em> they will give the page structure.  Links and panels can me moved around by dragging.</p><p style='padding:1em'>At the side of the page is a toolbar, with buttons for adding links and panels, these can be clicked or dragged onto the page.  You can also open the options page and see what's in the trash.  Recent bookmarks can also be seen in this bar.  Bookmarks can be dragged into the page and permanently organised like any other link.</p><p style='padding:1em'>Try it now - double click on the 'Example' section (below) to open it and see some pre-organised links.  Next time you open a tab, it should look exactly the same as this one, with the same sections open, and all the same links.</p><p style='padding:1em'>When you've got the hang of it, fold this message away by double clicking on 'Introduction' at the top of this section.  When it's no longer needed, you can drag the whole section to the Trash.</p><p style='padding:1em'>Finally, thanks for using this, I hope it's as useful for you as it is for me.  If you can help make it better with suggestions for features, bug reports, or contributions of code, please do.   If you like it, please rate it on the app-store-thingy so more people might give it a try.</p></nav></section><section style='background: white;' draggable='true'><h1>Summary</h1><nav><ul style='padding:1em; margin-left: 2em;'><li><b>Open</b> links with a <em>click</em>.</li></li><li><b>Edit</b> links and sections with a <em>shift-click</em>.</li><li><b>Fold</b> sections with a <em>double-click</em>.</li><li>Organise by dragging.</li><li><b>Undo</b> the last operation with <em>Ctrl+Z</em>.</li><li><b>Toggle</b> sidebar with <em>Ctrl+Shift+B</em>.</li><li><b>Show</b> the click heatmap with <em>Ctrl+Shift+I</em>.</li></ul></nav></section></nav></section><section style='background: #F702;' draggable='true' class='folded'><h1>Example</h1><nav><section style='background: #F007;' draggable='true'><h1>A Section</h1><nav><a href='http://example.org' draggable='true'>A Link</a><a href='https://portsoc.github.io/hallmarks/' draggable='true'>Hallmarks</a></nav></section><section draggable='true' style='background: #F707;'><h1>Games</h1><nav><a href='https://portsoc.github.io/snake/' draggable='true'>Snake</a><a href='https://portsoc.github.io/countdown/' draggable='true'>Countdown</a></nav></section><section draggable='true' style='background: #FF07;'><h1>Tech Examples</h1><nav><a href='https://portsoc.github.io/canvascircle/' draggable='true'>Circles</a><a href='https://portsoc.github.io/img-melt/test/logos.html' draggable='true'>Image Melt</a><a href='https://portsoc.github.io/duelosc/' draggable='true'>Duelling Oscillators</a><a href='https://portsoc.github.io/tinytooltip/' draggable='true'>TinyToolTip</a><section draggable='true' style='background: #0F07'><h1>Drag-a-Cat</h1><nav><a href='http://portsoc.github.io/dragacat/' draggable='true'>Drag-a-Cat</a><a href='http://portsoc.github.io/dragacat/playground.html' draggable='true'>Playground</a></nav></section></nav></section><section style='background: #00f7; color: white;' draggable='true'><h1>Utilities</h1><nav><a href='https://portsoc.github.io/wordcount/' draggable='true'>Word Count</a><a href='https://portsoc.github.io/dcalc/' draggable='true'>Degree Calculator</a></nav></section></nav></section><section id='trash' class='invisible'><h1>Trash</h1><nav></nav></section>\n  "
   }
 }

_locales/fr/messages.json

@@ -1,7 +1,4 @@
 {
-  "default_message": {
-    "message": "<section draggable='true' style='background: #CCCCFFCC; color: black;'> <h1>Structured Start Tab</h1> <nav> <section draggable='true' style='flex-grow: 2; background: white;'> <h1>Introduction</h1> <nav> <p style='padding:1em'>Bonjour !</p> <p style='padding:1em'>Vous venez d'installer Structured Start Tab, un outil permettant d'organiser les liens afin qu'ils soient faciles à trouver et à utiliser chaque fois qu'un nouvel onglet de navigateur est ouvert. Vous pouvez remplir cette page de liens et ils seront là à chaque fois que vous ouvrirez un nouvel onglet. Si vous ajoutez des <em>panneaux</em>, ils donneront une structure à la page. Les liens et les panneaux peuvent être déplacés en les faisant glisser.</p> <p style='padding:1em'>Sur le côté de la page se trouve une barre d'outils, avec des boutons pour ajouter des liens et des panneaux, qui peuvent être cliqués ou deposés sur la page. Vous pouvez également ouvrir la page des options et voir ce qui se trouve dans la corbeille. Les signets récents sont également visibles dans cette barre. Les signets peuvent être deposés dans la page et organisés de façon permanente comme tout autre lien.</p> <p style='padding:1em'>Essayez-le maintenant - double-cliquez sur la section 'Exemple' (ci-dessous) pour l'ouvrir et voir quelques liens pré-organisés. La prochaine fois que vous ouvrirez un onglet, il devrait avoir exactement le même aspect que celui-ci, avec les mêmes sections ouvertes et les mêmes liens.</p> <p style='padding:1em'>Lorsque vous aurez pris le coup de main, rangez ce message en double-cliquant sur 'Introduction' en haut de cette section. Lorsque vous n'en avez plus besoin, vous pouvez faire glisser l'ensemble de la section vers la corbeille.</p> <p style='padding:1em'>Enfin, merci d'utiliser cette extension, j'espère qu'elle vous sera aussi utile qu'à moi. Si vous pouvez contribuer à son amélioration par des suggestions de fonctionnalités, des rapports de bogues ou des contributions de code, n'hésitez pas à le faire. Si vous l'aimez, évaluez-la sur le site de la boutique d'applications pour que d'autres personnes puissent l'essayer.</p> </nav> </section> <section style='background: white;' draggable='true'> <h1>Résumé</h1> <nav> <ul style='padding:1em; margin-left: 2em;'> <li><b>Ouvrir</b> un lien en <em>cliquant</em> dessus.</li> </li> <li><b>Modifier</b> les liens et sections avec <em>Shift+Clic</em>.</li> <li><b>Replier</b> les sections avec un <em>double-clic</em>.</li> <li>Organisez-les en les faisant glisser.</li> <li><b>Annuler</b> la dernière opération avec <em>Ctrl+Z</em>.</li> <li><b>Ouvrir</b> la barre latèrale avec <em>Ctrl+Shift+B</em>.</li><li><b>Afficher</b> la heatmap des clics avec <em>Ctrl+Shift+I</em>.</li> </ul> </nav> </section> </nav></section><section style='background: #F702;' draggable='true' class='folded'> <h1>Exemple</h1> <nav> <section style='background: #F007;' draggable='true'> <h1>Une Section</h1> <nav><a href='http://example.org' draggable='true'>Un lien</a><a href='https://portsoc.github.io/hallmarks/' draggable='true'>Hallmarks</a></nav> </section> <section draggable='true' style='background: #F707;'> <h1>Jeux</h1> <nav><a href='https://portsoc.github.io/snake/' draggable='true'>Snake</a><a href='https://portsoc.github.io/countdown/' draggable='true'>Countdown</a></nav> </section> <section draggable='true' style='background: #FF07;'> <h1>Exemples techniques</h1> <nav> <a href='https://portsoc.github.io/canvascircle/' draggable='true'>Circles</a><a href='https://portsoc.github.io/img-melt/test/logos.html' draggable='true'>Image Melt</a><a href='https://portsoc.github.io/duelosc/' draggable='true'>Duelling Oscillators</a><a href='https://portsoc.github.io/tinytooltip/' draggable='true'>TinyToolTip</a> <section draggable='true' style='background: #0F07'> <h1>Drag-a-Cat</h1> <nav><a href='http://portsoc.github.io/dragacat/' draggable='true'>Drag-a-Cat</a><a href='http://portsoc.github.io/dragacat/playground.html' draggable='true'>Playground</a></nav> </section> </nav> </section> <section style='background: #00f7; color: white;' draggable='true'> <h1>Utilitaires</h1> <nav><a href='https://portsoc.github.io/wordcount/' draggable='true'>Word Count</a><a href='https://portsoc.github.io/dcalc/' draggable='true'>Degree Calculator</a></nav> </section> </nav></section><section id='trash' class='invisible'> <h1>Corbeille</h1> <nav></nav></section>"
-  },
   "data_info_add_link": {
     "message": "Ajouter un lien|Nouveau lien : cliquez ou faites glisser."
   },
@@ -44,9 +41,6 @@
   "edit_panel": {
     "message": "Editer le panneau"
   },
-  "placeholder_panel_name": {
-    "message": "Nom du panneau"
-  },
   "style": {
     "message": "Style"
   },
@@ -118,8 +112,7 @@
   },
   "useCustomScrollbar": {
     "message": "Utilisez une barre de défilement personnalisée."
-  }
-  ,
+  },
   "option_change": {
     "message": "Changement d'option enregistré."
   },
@@ -159,13 +152,13 @@
   "emptytrash": {
     "message": "Vider la corbeille"
   },
-  "togglebookmarks" : {
-    "message":"Afficher les marque-pages"
+  "togglebookmarks": {
+    "message": "Afficher les marque-pages"
   },
-  "duplicatePanel" :{
+  "duplicatePanel": {
     "message": "Dupliquer les panneaux"
   },
-  "withLink":{
+  "withLink": {
     "message": "Avec les liens"
   },
   "withoutLink": {
@@ -229,7 +222,7 @@
     "message": "Se souvenir du statut du panneau (ouvert/fermer) quand la page est verrouiller"
   },
   "import_config": {
-    "message": "Nouvelle version: Voulez-vous importer votre ancienne configuration ? (if you refuse your old data will be deleted)"
+    "message": "Nouvelle version: Voulez-vous importer votre ancienne configuration ? (si vous refusez, vos anciennes données seront supprimées)"
   },
   "bookmarkspanel": {
     "message": "Afficher le panneau des marques-pages"
@@ -254,5 +247,8 @@
   },
   "option_context": {
     "message": "Options"
+  },
+  "default_message": {
+    "message": "<section draggable='true' style='background: #CCCCFFCC; color: black;'> <h1>Structured Start Tab</h1> <nav> <section draggable='true' style='flex-grow: 2; background: white;'> <h1>Introduction</h1> <nav> <p style='padding:1em'>Bonjour !</p> <p style='padding:1em'>Vous venez d'installer Structured Start Tab, un outil permettant d'organiser les liens afin qu'ils soient faciles à trouver et à utiliser chaque fois qu'un nouvel onglet de navigateur est ouvert. Vous pouvez remplir cette page de liens et ils seront là à chaque fois que vous ouvrirez un nouvel onglet. Si vous ajoutez des <em>panneaux</em>, ils donneront une structure à la page. Les liens et les panneaux peuvent être déplacés en les faisant glisser.</p> <p style='padding:1em'>Sur le côté de la page se trouve une barre d'outils, avec des boutons pour ajouter des liens et des panneaux, qui peuvent être cliqués ou deposés sur la page. Vous pouvez également ouvrir la page des options et voir ce qui se trouve dans la corbeille. Les signets récents sont également visibles dans cette barre. Les signets peuvent être deposés dans la page et organisés de façon permanente comme tout autre lien.</p> <p style='padding:1em'>Essayez-le maintenant - double-cliquez sur la section 'Exemple' (ci-dessous) pour l'ouvrir et voir quelques liens pré-organisés. La prochaine fois que vous ouvrirez un onglet, il devrait avoir exactement le même aspect que celui-ci, avec les mêmes sections ouvertes et les mêmes liens.</p> <p style='padding:1em'>Lorsque vous aurez pris le coup de main, rangez ce message en double-cliquant sur 'Introduction' en haut de cette section. Lorsque vous n'en avez plus besoin, vous pouvez faire glisser l'ensemble de la section vers la corbeille.</p> <p style='padding:1em'>Enfin, merci d'utiliser cette extension, j'espère qu'elle vous sera aussi utile qu'à moi. Si vous pouvez contribuer à son amélioration par des suggestions de fonctionnalités, des rapports de bogues ou des contributions de code, n'hésitez pas à le faire. Si vous l'aimez, évaluez-la sur le site de la boutique d'applications pour que d'autres personnes puissent l'essayer.</p> </nav> </section> <section style='background: white;' draggable='true'> <h1>Résumé</h1> <nav> <ul style='padding:1em; margin-left: 2em;'> <li><b>Ouvrir</b> un lien en <em>cliquant</em> dessus.</li> </li> <li><b>Modifier</b> les liens et sections avec <em>Shift+Clic</em>.</li> <li><b>Replier</b> les sections avec un <em>double-clic</em>.</li> <li>Organisez-les en les faisant glisser.</li> <li><b>Annuler</b> la dernière opération avec <em>Ctrl+Z</em>.</li> <li><b>Ouvrir</b> la barre latèrale avec <em>Ctrl+Shift+B</em>.</li><li><b>Afficher</b> la heatmap des clics avec <em>Ctrl+Shift+I</em>.</li> </ul> </nav> </section> </nav></section><section style='background: #F702;' draggable='true' class='folded'> <h1>Exemple</h1> <nav> <section style='background: #F007;' draggable='true'> <h1>Une Section</h1> <nav><a href='http://example.org' draggable='true'>Un lien</a><a href='https://portsoc.github.io/hallmarks/' draggable='true'>Hallmarks</a></nav> </section> <section draggable='true' style='background: #F707;'> <h1>Jeux</h1> <nav><a href='https://portsoc.github.io/snake/' draggable='true'>Snake</a><a href='https://portsoc.github.io/countdown/' draggable='true'>Countdown</a></nav> </section> <section draggable='true' style='background: #FF07;'> <h1>Exemples techniques</h1> <nav> <a href='https://portsoc.github.io/canvascircle/' draggable='true'>Circles</a><a href='https://portsoc.github.io/img-melt/test/logos.html' draggable='true'>Image Melt</a><a href='https://portsoc.github.io/duelosc/' draggable='true'>Duelling Oscillators</a><a href='https://portsoc.github.io/tinytooltip/' draggable='true'>TinyToolTip</a> <section draggable='true' style='background: #0F07'> <h1>Drag-a-Cat</h1> <nav><a href='http://portsoc.github.io/dragacat/' draggable='true'>Drag-a-Cat</a><a href='http://portsoc.github.io/dragacat/playground.html' draggable='true'>Playground</a></nav> </section> </nav> </section> <section style='background: #00f7; color: white;' draggable='true'> <h1>Utilitaires</h1> <nav><a href='https://portsoc.github.io/wordcount/' draggable='true'>Word Count</a><a href='https://portsoc.github.io/dcalc/' draggable='true'>Degree Calculator</a></nav> </section> </nav></section><section id='trash' class='invisible'> <h1>Corbeille</h1> <nav></nav></section>"
   }
-}
+}

i18nbuilder.js

@@ -0,0 +1,34 @@
+import xlsx from 'node-xlsx';
+import { existsSync, mkdirSync, writeFileSync } from 'fs';
+
+const workSheetsFromFile = xlsx.parse(`./SST Translations.xlsx`);
+const sheet = workSheetsFromFile[0].data;
+const yesIndex = new Map();
+const dir = './_locales';
+
+for (let i = 0; i < sheet[2].length; i++) {
+	const line = sheet[2][i];
+	if (line === 'Yes') {
+		yesIndex.set(i, sheet[1][i]);
+	}
+}
+
+sheet.splice(0,4);
+
+for (const locale of yesIndex) {
+	const json = {};
+	const localeDir = dir + '/' + locale[1];
+
+	for (const line of sheet) {
+		if (line[0] === 'Contributor') break;
+		json[line[0]] = {
+			message: line[locale[0]] 
+		};
+	}
+
+	if (!existsSync(localeDir)) {
+  	mkdirSync(localeDir);
+	}
+
+	writeFileSync(localeDir + '/messages.json', JSON.stringify(json, null, 2));
+}