Fixed 'snips' and 'snippetToText', as well as some README stuff

OVERVIEW.md

@@ -115,9 +115,9 @@ In the future, this tool could let users try out changes in multiple life circum
 
 ### G2. Translation objects
 
-Translation objects are the way we're working on making the app translatable. As you can see, they have version numbers in the language files. When big changes are made to an English translation object, we bump up that translation object's version number. We then use that to be able to tell what snippets are out of date in other languages. If a translation object is out of date in another language, the app uses the English translation object by default. When another language's translation object is brought up-to-date with the English one, its version number is updated and it will be used in the app again.
+Translation objects are the way we're working on making the app translatable. As you can see, they have version numbers in the language files. When big changes are made to an English translation object, we bump up that translation object's version number. We then use that to be able to tell what translation objects are out of date in other languages. If a translation object is out of date in another language, the app uses the English translation object by default. When another language's translation object is brought up-to-date with the English one, its version number is updated and it will be used in the app again.
 
-When the code preps the snippets for the app, though, it gets rid of the version numbers so that it'll be easier to maintain the code as snippets change. Because we don't want the key name change to be invisible, we decided to add `i_` to the beginning of the translation object. That way a person new to the project can at least see that the weirdness is deliberate and can easily search the code for `i_` to find the source.
+When the code preps the translation objects for the app, though, it gets rid of the version numbers so that it'll be easier to maintain the code as translation objects change. Because we don't want the key name change to be invisible, we decided to add `i_` to the beginning of the translation object. That way a person new to the project can at least see that the weirdness is deliberate and can easily search the code for `i_` to find the source.
 
 There's a wiki page in the works about the flow of editing translation object files, since we use google docs to allow non-coders to edit the translations.
 

src/components/dev/DevHud.js

@@ -25,11 +25,11 @@ const DevMenu = function ({ devProps, funcs, data, state }) {
         langOpts = [];
 
   for (let key in langs) {
-    let snips = langs[ key ],
+    let translations = langs[ key ],
         lang  = {
-          text:  snips.langName,
-          key:   snips.langCode,
-          value: snips.langCode,
+          text:  translations.langName,
+          key:   translations.langCode,
+          value: translations.langCode,
         };
     langOpts.push(lang);
   }

src/forms/output/BenefitsLines.js

@@ -22,7 +22,7 @@ import { getChartData } from '../../utils/charts/getChartData';
 import { toFancyMoneyStr } from '../../utils/charts/chartFormatting';
 import {
   formatMoneyWithK,
-  snippetToText,
+  textFromTranslatedElement,
 } from './chartStringTransformers';
 import { zoom } from './zoom';
 
@@ -50,7 +50,7 @@ class BenefitsLinesComp extends Component {
 
   constructor (props) {
     super(props);
-    let separator = snippetToText(props.translations.i_thousandsSeparator);
+    let separator = textFromTranslatedElement(props.translations.i_thousandsSeparator);
     // This doesn't affect the strings we put in there, just pure numbers
     Highcharts.setOptions({ lang: { thousandsSep: separator }});
 
@@ -84,7 +84,7 @@ class BenefitsLinesComp extends Component {
     const multiplier    = multipliers[ timescale ],
           resources     = activePrograms,
           currentEarned = client.current.earned * multiplier,
-          getText       = snippetToText;
+          getText       = textFromTranslatedElement;
 
     // Adjust to time-interval. Highcharts will round
     // for displayed ticks.

src/forms/output/ResourcesColumns.js

@@ -21,7 +21,7 @@ import { getChartData } from '../../utils/charts/getChartData';
 import { toFancyMoneyStr } from '../../utils/charts/chartFormatting';
 import {
   formatMoneyWithK,
-  snippetToText,
+  textFromTranslatedElement,
 } from './chartStringTransformers';
 
 
@@ -44,7 +44,7 @@ class ResourcesColumnsComp extends Component {
 
   constructor (props) {
     super(props);
-    let separator = snippetToText(props.translations.i_thousandsSeparator);
+    let separator = textFromTranslatedElement(props.translations.i_thousandsSeparator);
     // This doesn't affect the strings we put in there, just pure numbers
     Highcharts.setOptions({ lang: { thousandsSep: separator }});
   }
@@ -64,7 +64,7 @@ class ResourcesColumnsComp extends Component {
         resources     = [ `earned` ].concat(activePrograms),
         currentEarned = client.current.earned * multiplier,
         futureEarned  = client.future.earned * multiplier,
-        getText       = snippetToText;
+        getText       = textFromTranslatedElement;
 
     // Adjust to time-interval. Highcharts will round
     // for displayed ticks.

src/forms/output/StackedResources.js

@@ -22,7 +22,7 @@ import { getChartData } from '../../utils/charts/getChartData';
 import { toFancyMoneyStr } from '../../utils/charts/chartFormatting';
 import {
   formatMoneyWithK,
-  snippetToText,
+  textFromTranslatedElement,
 } from './chartStringTransformers';
 import { zoom } from './zoom';
 
@@ -55,7 +55,7 @@ class StackedResourcesComp extends Component {
 
   constructor (props) {
     super(props);
-    let separator = snippetToText(props.translations.i_thousandsSeparator);
+    let separator = textFromTranslatedElement(props.translations.i_thousandsSeparator);
     // This doesn't affect the strings we put in there, just pure numbers
     Highcharts.setOptions({ lang: { thousandsSep: separator }});
 
@@ -89,7 +89,7 @@ class StackedResourcesComp extends Component {
     const multiplier    = multipliers[ timescale ],
           resources     = [ `earned` ].concat(activePrograms),
           currentEarned = client.current.earned * multiplier,
-          getText       = snippetToText;
+          getText       = textFromTranslatedElement;
 
     // Adjust to time-interval. Highcharts will round
     // for displayed ticks.

src/forms/output/chartStringTransformers.js

@@ -11,7 +11,7 @@
  *
  * @returns {string}
  */
-const snippetToText = function (translationObj) {
+const textFromTranslatedElement = function (translationObj) {
 
   const children = translationObj.props.children;
 
@@ -23,7 +23,7 @@ const snippetToText = function (translationObj) {
 
     let allText = ``;
     for (let child of children) {
-      allText += ` ` + snippetToText(child);
+      allText += ` ` + textFromTranslatedElement(child);
     }
 
     return allText;
@@ -50,8 +50,8 @@ const snippetToText = function (translationObj) {
  * // <span class="graph-label">10k$</span>
  */
 const formatMoneyWithK = (chartObject, translations) => {
-  const before    = snippetToText(translations.i_beforeMoney),
-        after     = snippetToText(translations.i_afterMoney),
+  const before    = textFromTranslatedElement(translations.i_beforeMoney),
+        after     = textFromTranslatedElement(translations.i_afterMoney),
         // https://api.highcharts.com/highcharts/xAxis.labels.formatter
         withMoney = before + chartObject.axis.defaultLabelFormatter.call(chartObject) + after,
         asHTML    = `<span class="graph-label">${withMoney}</span>`;
@@ -61,5 +61,5 @@ const formatMoneyWithK = (chartObject, translations) => {
 
 export {
   formatMoneyWithK,
-  snippetToText,
+  textFromTranslatedElement,
 };