Add setting to set default advanced form display

Bump acorn from 5.7.3 to 5.7.4

README.md

@@ -4,6 +4,9 @@ This is the light-as-possible rewrite of Lexiconga.
 
 ## Installation
 
+0. Some dev tools require build tools.
+  - On Windows, install them with `npm install --global windows-build-tools`.
+  - Alternatively, you can just install the newest Python and Visual Studio (with Desktop C++ devkit).
 1. Clone and run `yarn` and `composer install` to install dependencies.
 1. Import `src/structure.sql` into a database called 'lexiconga' on your MariaDB server to get the database structure.
 1. Copy `src/php/api/config.php.changeme` to `src/php/api/config.php` and update the values within to enable connections to your lexiconga database.

ads.json

@@ -23,7 +23,7 @@
     "cta": "Learn to Play for Free!",
     "link": "https://guts.plus",
     "start": "June 1, 2019",
-    "end": "March 1, 2020",
+    "end": "December 31, 2099",
     "isPriority": false
   },
   {
@@ -32,25 +32,34 @@
     "cta": "Use RedFlag for Free",
     "link": "https://redflag.ga",
     "start": "June 1, 2019",
-    "end": "January 1, 2020",
+    "end": "December 31, 2099",
     "isPriority": false
   },
   {
-    "header": "Get Theonite: Planet Adyn free!",
+    "header": "Looking for a New Book to Read?",
-    "body": "\"This book is the superhero fantasy you didn't know you needed. Magic, Afrofuturism, and heart-pumping suspense - this book has it all!\" - WeReadFantasy.com",
+    "body": "Be among the first to crack open a great new fantasy world with The Legends of the Shattered Lands. Book 1 and 2 available now!",
-    "cta": "Read Free Now",
+    "cta": "Shop Now",
-    "link": "https://mailchi.mp/ce525124aec3/theonite-planet-adyn-free-copy",
+    "link": "https://amazon.com/S-S-Grove/e/B074SX2GYW",
-    "start": "June 1, 2019",
+    "start": "January 24, 2020",
-    "end": "January 1, 2020",
+    "end": "January 24, 2021",
     "isPriority": false
   },
   {
-    "header": "The Sword of Kaigen: A Theonite War Story",
+    "header": "Like the GUTS+ System?",
-    "body": "\"Fantasy and martial arts aficionados alike should enjoy this emotionally supercharged novel... which pierces readers' hearts with the precision of a samurai's razor-sharp blade.\" - Blue Ink Review",
+    "body": "Help contribute to the ongoing development of the GUTS+ System by buying the new, nicely-formatted PDF rule book! With imagery and some exclusive content, this is the best way to learn to play!",
     "cta": "Buy Now",
-    "link": "https://www.amazon.com/Sword-Kaigen-Theonite-War-Story/dp/172019386X/",
+    "link": "https://alamantus.itch.io/guts-plus",
-    "start": "June 1, 2019",
+    "start": "December 4, 2019",
-    "end": "January 1, 2020",
+    "end": "July 1, 2020",
+    "isPriority": false
+  },
+  {
+    "header": "Like the GUTS+ System?",
+    "body": "Help contribute to the ongoing development of the GUTS+ System by buying the new, nicely-formatted PDF rule book! With imagery and some exclusive content, this is the best way to learn to play!",
+    "cta": "Buy Now",
+    "link": "https://www.drivethrurpg.com/product/273132/The-GUTS-System-Core-Rule-Book-PDF",
+    "start": "December 4, 2019",
+    "end": "July 1, 2020",
     "isPriority": false
   }
 ]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lexiconga",
-  "version": "2.1.3",
+  "version": "2.1.7",
   "description": "The quick and easy dictionary builder for constructed languages.",
   "main": "template-index.html",
   "repository": "https://github.com/Alamantus/Lexiconga.git",
@@ -21,19 +21,19 @@
     "clear-cache": "rimraf .cache/{*,.*}"
   },
   "devDependencies": {
-    "autoprefixer": "^9.6.1",
+    "autoprefixer": "^9.7.4",
-    "concurrently": "^4.1.1",
+    "concurrently": "^5.2.0",
     "cpx": "^1.5.0",
     "parcel-bundler": "^1.12.3",
     "parcel-plugin-goodie-bag": "^2.0.0",
-    "rimraf": "^2.6.3",
+    "rimraf": "^3.0.2",
-    "sass": "^1.22.4",
+    "sass": "^1.26.5",
-    "sharp": "^0.22.1"
+    "sharp": "^0.25.2"
   },
   "dependencies": {
-    "marked": "^0.6.3",
+    "marked": "^1.0.0",
     "normalize.css": "^8.0.1",
-    "papaparse": "^4.6.3",
+    "papaparse": "^5.1.1",
     "upup": "^1.1.0"
   }
 }

src/constants.js

@@ -35,6 +35,7 @@ export const DEFAULT_DICTIONARY = {
       partOfSpeech: '',
       definition: '',
       details: '',
+      etymology: [],
       wordId: 0
     }, */
   ],
@@ -54,6 +55,7 @@ export const DEFAULT_DICTIONARY = {
 export const DEFAULT_SETTINGS = {
   useIPAPronunciationField: true,
   useHotkeys: true,
+  showAdvanced: false,
   defaultTheme: 'default',
 };
 

src/js/KeyboardFire/phondue/ipa-table.html

@@ -1,5 +1,5 @@
 <p>
-  <em>Hover over characters to see their Phondue shortcuts.</em>
+  <em>Hover over characters to see their Phondue shortcuts. Use Field Help to show full Phondue instructions.</em>
 </p>
 <table className='table is-bordered'>
   <thead>
@@ -583,6 +583,9 @@
       <th id='cell_9_9' class='td-lbl' colspan="7">
         Diacritics
       </th>
+      <th id='cell_9_10' class='td-lbl' colspan="1">
+        Tones
+      </th>
     </tr>
   </thead>
   <tbody>
@@ -647,35 +650,42 @@
       <td id='cell_10_13' class='td-lbl'>
       </td>
       <td id='cell_10_14' class='td-btn'>
-        <button title=''>
+        <button title='O_ o_ _O _o'>
           ̥
         </button>
       </td>
       <td id='cell_10_15' class='td-btn'>
-        <button title=''>
+        <button title='U_ u_ _U _u'>
           ̬
         </button>
       </td>
       <td id='cell_10_16' class='td-btn'>
-        <button title=''>
+        <button title=':_ _:'>
           ̤
         </button>
       </td>
       <td id='cell_10_17' class='td-btn'>
-        <button title=''>
+        <button title='~_ _~'>
           ̰
         </button>
       </td>
       <td id='cell_10_18' class='td-btn'>
-        <button title=''>
+        <button title='_|'>
           ̩
         </button>
       </td>
       <td id='cell_10_19' class='td-btn'>
-        <button title=''>
+        <button title='^_ _^'>
           ̯
         </button>
       </td>
+      <td id='cell_10_20' class='td-lbl'>
+      </td>
+      <td id='cell_10_21' class='td-btn'>
+        <button title='5|'>
+          ˥
+        </button>
+      </td>
     </tr>
     <tr>
       <th id='cell_11_0' class='td-lbl' colspan="1">
@@ -729,35 +739,42 @@
       <td id='cell_11_13' class='td-lbl'>
       </td>
       <td id='cell_11_14' class='td-btn'>
-        <button title=''>
+        <button title='[_ _['>
           ̪
         </button>
       </td>
       <td id='cell_11_15' class='td-btn'>
-        <button title=''>
+        <button title='{_ _{'>
           ̼
         </button>
       </td>
       <td id='cell_11_16' class='td-btn'>
-        <button title=''>
+        <button title=']_ _]'>
           ̺
         </button>
       </td>
       <td id='cell_11_17' class='td-btn'>
-        <button title=''>
+        <button title='#_ _# []'>
           ̻
         </button>
       </td>
       <td id='cell_11_18' class='td-btn'>
-        <button title=''>
+        <button title='h^ ^h'>
           ʰ
         </button>
       </td>
       <td id='cell_11_19' class='td-btn'>
-        <button title=''>
+        <button title='>^ ^>'>
           ̚
         </button>
       </td>
+      <td id='cell_10_20' class='td-lbl'>
+      </td>
+      <td id='cell_10_21' class='td-btn'>
+        <button title='4|'>
+          ˦
+        </button>
+      </td>
     </tr>
     <tr>
       <th id='cell_12_0' class='td-lbl' colspan="1">
@@ -820,35 +837,42 @@
       <td id='cell_12_13' class='td-lbl'>
       </td>
       <td id='cell_12_14' class='td-btn'>
-        <button title=''>
+        <button title='+_ _+'>
           ̟
         </button>
       </td>
       <td id='cell_12_15' class='td-btn'>
-        <button title=''>
+        <button title='__'>
           ̠
         </button>
       </td>
       <td id='cell_12_16' class='td-btn'>
-        <button title=''>
+        <button title=':^ ^:'>
           ̈
         </button>
       </td>
       <td id='cell_12_17' class='td-btn'>
-        <button title=''>
+        <button title='x^ ^x'>
           ̽
         </button>
       </td>
       <td id='cell_12_18' class='td-btn'>
-        <button title=''>
+        <button title="'-_ -'_">
           ̝
         </button>
       </td>
       <td id='cell_12_19' class='td-btn'>
-        <button title=''>
+        <button title=',-_ -,_'>
           ̞
         </button>
       </td>
+      <td id='cell_10_20' class='td-lbl'>
+      </td>
+      <td id='cell_10_21' class='td-btn'>
+        <button title='3|'>
+          ˧
+        </button>
+      </td>
     </tr>
     <tr>
       <th id='cell_13_0' class='td-lbl' colspan="1">
@@ -877,7 +901,7 @@
         </button>
       </td>
       <td id='cell_13_9' class='td-btn'>
-        <button title='&quot)'>
+        <button title="')">
           ʼ
         </button>
       </td>
@@ -896,40 +920,45 @@
       <td id='cell_13_13' class='td-lbl'>
       </td>
       <td id='cell_13_14' class='td-btn'>
-        <button title=''>
+        <button title='w^ ^w'>
           ʷ
         </button>
       </td>
       <td id='cell_13_15' class='td-btn'>
-        <button title=''>
+        <button title='j^ ^j'>
           ʲ
         </button>
       </td>
       <td id='cell_13_16' class='td-btn'>
-        <button title=''>
+        <button title='h/^'>
           ᶣ
         </button>
       </td>
       <td id='cell_13_17' class='td-btn'>
-        <button title=''>
+        <button title='vO^ v0^'>
           ᶹ
         </button>
       </td>
       <td id='cell_13_18' class='td-btn'>
-        <button title=''>
+        <button title='XO^'>
           ˠ
         </button>
       </td>
       <td id='cell_13_19' class='td-btn'>
-        <button title=''>
+        <button title='?/^'>
           ˤ
         </button>
       </td>
       <td id='cell_13_20' class='td-btn'>
-        <button title=''>
+        <button title='~^ ^~'>
           ̴
         </button>
       </td>
+      <td id='cell_10_21' class='td-btn'>
+        <button title='2|'>
+          ˨
+        </button>
+      </td>
     </tr>
     <tr>
       <th id='cell_14_0' class='td-lbl' colspan="1">
@@ -992,35 +1021,42 @@
       <td id='cell_14_13' class='td-lbl'>
       </td>
       <td id='cell_14_14' class='td-btn'>
-        <button title=''>
+        <button title=')_ _)'>
           ̹
         </button>
       </td>
       <td id='cell_14_15' class='td-btn'>
-        <button title=''>
+        <button title='(_ _('>
           ̜
         </button>
       </td>
       <td id='cell_14_16' class='td-btn'>
-        <button title=''>
+        <button title='<|_ |<_'>
           ̘
         </button>
       </td>
       <td id='cell_14_17' class='td-btn'>
-        <button title=''>
+        <button title='>|_ |>_'>
           ̙
         </button>
       </td>
       <td id='cell_14_18' class='td-btn'>
-        <button title=''>
+        <button title='~^ ^~'>
           ̃
         </button>
       </td>
       <td id='cell_14_19' class='td-btn'>
-        <button title=''>
+        <button title='>r r>'>
           ˞
         </button>
       </td>
+      <td id='cell_10_20' class='td-lbl'>
+      </td>
+      <td id='cell_10_21' class='td-btn'>
+        <button title='1|'>
+          ˩
+        </button>
+      </td>
     </tr>
     <tr>
       <th id='cell_15_0' class='td-lbl' colspan="1">
@@ -1111,7 +1147,7 @@
         Suprasegmental
       </th>
       <td id='cell_16_12' class='td-btn'>
-        <button title='&quot&quot'>
+        <button title="''">
           ˈ
         </button>
       </td>
@@ -1131,7 +1167,7 @@
         </button>
       </td>
       <td id='cell_16_16' class='td-btn'>
-        <button title=''>
+        <button title='u^ ^u'>
           ̆
         </button>
       </td>

src/js/account/sync.js

@@ -174,10 +174,11 @@ export function syncWords(remoteWords, deletedWords) {
   }
   
   remoteWords.forEach(remoteWord => {
-    let localWord = words.find(word => word.wordId === remoteWord.wordId);
+    const localWordIndex = words.findIndex(word => word.wordId === remoteWord.wordId);
+    const localWord = words[localWordIndex];
     if (localWord) {
       if (localWord.lastUpdated < remoteWord.lastUpdated) {
-        localWord = remoteWord;
+        words[localWordIndex] = remoteWord;
       } else if (localWord.lastUpdated > remoteWord.lastUpdated) {
         // Add more-recently-updated words to upload
         localWordsToUpload.push(localWord);

src/js/dictionaryManagement.js

@@ -237,7 +237,7 @@ export function importWords() {
               console.error('Error Importing Word: ', err)
             });
           } else {
-            const row = results.data[0];
+            const row = results.data;
             const importedWord = addWord({
               name: removeTags(row.word).trim(),
               pronunciation: removeTags(row.pronunciation).trim(),

src/js/render/details.js

@@ -60,7 +60,7 @@ export function renderDetails() {
   const consonantHTML = `<p><strong>Consonants</strong><br>${consonants.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const vowelHTML = `<p><strong>Vowels</strong><br>${vowels.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const blendHTML = blends.length > 0 ? `<p><strong>Polyphthongs&nbsp;/&nbsp;Blends</strong><br>${blends.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>` : '';
-  const phonologyNotesHTML = phonology.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(removeTags(phonology.notes)) + '</div>' : '';
+  const phonologyNotesHTML = phonology.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(parseReferences(removeTags(phonology.notes))) + '</div>' : '';
   const phonologyHTML = `<h2>Phonology</h2>
   <div class="split two">
     <div>${consonantHTML}</div>
@@ -73,7 +73,7 @@ export function renderDetails() {
   const onsetHTML = `<p><strong>Onset</strong><br>${onset.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const nucleusHTML = `<p><strong>Nucleus</strong><br>${nucleus.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const codaHTML = `<p><strong>Coda</strong><br>${coda.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
-  const phonotacticsNotesHTML = phonotactics.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(removeTags(phonotactics.notes)) + '</div>' : '';
+  const phonotacticsNotesHTML = phonotactics.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(parseReferences(removeTags(phonotactics.notes))) + '</div>' : '';
   const phonotacticsHTML = onset.length + nucleus.length + coda.length + phonotacticsNotesHTML.length > 0
     ? `<h2>Phonotactics</h2>
   ${onset.length > 0 || nucleus.length > 0 || coda.length > 0
@@ -93,14 +93,14 @@ export function renderDetails() {
     }
     return false;
   }).filter(html => html !== false).join(' ')}</p>` : '';
-  const orthographyNotesHTML = orthography.notes.trim().length > 0 ? '<p><strong>Notes</strong><br>' + md(removeTags(orthography.notes)) + '</div>' : '';
+  const orthographyNotesHTML = orthography.notes.trim().length > 0 ? '<p><strong>Notes</strong><br>' + md(parseReferences(removeTags(orthography.notes))) + '</div>' : '';
   const orthographyHTML = translations.length + orthographyNotesHTML.length > 0
     ? `<h2>Orthography</h2>
   ${translationsHTML}
   ${orthographyNotesHTML}`
     : '';
   const grammarHTML = grammar.notes.trim().length > 0 ? '<h2>Grammar</h2><div>'
-    + (grammar.notes.trim().length > 0 ? md(removeTags(grammar.notes)) : '')
+    + (grammar.notes.trim().length > 0 ? md(parseReferences(removeTags(grammar.notes))) : '')
   + '</div>' : '';
 
   detailsPanel.innerHTML = generalHTML + phonologyHTML + phonotacticsHTML + orthographyHTML + grammarHTML;

src/js/render/words.js

@@ -160,8 +160,10 @@ export function renderEditForm(wordId = false) {
       <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
         <textarea id="wordDetails_${wordId}" placeholder="Markdown formatting allowed">${word.details}</textarea>
       </label>
-      <a id="expandAdvancedForm_${wordId}" class="expand-advanced-form">Show Advanced</a>
+      <label>
-      <div id="advancedForm_${wordId}" class="advanced-word-form" style="display:none;">
+        <a id="expandAdvancedForm_${wordId}" class="small button expand-advanced-form">${window.settings.showAdvanced ? 'Hide' : 'Show'} Advanced Fields</a>
+      </label>
+      <div id="advancedForm_${wordId}" class="advanced-word-form" style="display:${window.settings.showAdvanced ? 'block' : 'none'};">
         <label>Etymology / Root Words<br>
           <input id="wordEtymology_${wordId}" maxlength="2500" placeholder="comma,separated,root,words" value="${word.hasOwnProperty('etymology') ? word.etymology : ''}">
         </label>

src/js/settings.js

@@ -9,6 +9,7 @@ export function loadSettings() {
   const storedSettings = window.localStorage.getItem(SETTINGS_KEY);
   window.settings = storedSettings ? JSON.parse(storedSettings) : cloneObject(DEFAULT_SETTINGS);
   toggleIPAPronunciationFields(false);
+  toggleShowAdvancedFields();
 }
 
 export function saveSettings() {
@@ -17,10 +18,11 @@ export function saveSettings() {
 }
 
 export function openSettingsModal() {
-  const { useIPAPronunciationField, useHotkeys, defaultTheme } = window.settings;
+  const { useIPAPronunciationField, useHotkeys, showAdvanced, defaultTheme } = window.settings;
 
   document.getElementById('settingsUseIPA').checked = useIPAPronunciationField;
   document.getElementById('settingsUseHotkeys').checked = useHotkeys;
+  document.getElementById('settingsShowAdvanced').checked = showAdvanced;
   document.getElementById('settingsDefaultTheme').value = defaultTheme;
 
   document.getElementById('settingsModal').style.display = '';
@@ -30,6 +32,7 @@ export function saveSettingsModal() {
   const updatedSettings = cloneObject(window.settings);
   updatedSettings.useIPAPronunciationField = document.getElementById('settingsUseIPA').checked;
   updatedSettings.useHotkeys = document.getElementById('settingsUseHotkeys').checked;
+  updatedSettings.showAdvanced = document.getElementById('settingsShowAdvanced').checked;
   updatedSettings.defaultTheme = document.getElementById('settingsDefaultTheme').value;
 
   if (hasToken()) {
@@ -62,6 +65,7 @@ export function saveSettingsModal() {
     saveSettings();
     toggleHotkeysEnabled();
     toggleIPAPronunciationFields();
+    toggleShowAdvancedFields();
   } else {
     addMessage('No changes made to Settings.');
   }
@@ -101,3 +105,30 @@ export function toggleIPAPronunciationFields(render = true) {
     renderWords();
   }
 }
+
+export function toggleShowAdvancedFields() {
+  const buttons = document.getElementsByClassName('expand-advanced-form'),
+    forms = document.getElementsByClassName('advanced-word-form');
+  const formsWithFilledFields = [];
+
+  Array.from(forms).forEach(form => {
+    const fields = form.querySelectorAll('input, textarea');
+    const formHasFieldFilled = Array.from(fields).some(field => field.value.trim() !== '');
+    if (window.settings.showAdvanced || formHasFieldFilled) {
+      form.style.display = 'block';
+    } else {
+      form.style.display = 'none';
+    }
+    if (formHasFieldFilled) {
+      formsWithFilledFields.push(form.id.replace('advancedForm', ''));
+    }
+  });
+  Array.from(buttons).forEach(button => {
+    const formHasFilledField = formsWithFilledFields.includes(button.id.replace('expandAdvancedForm', ''));
+    if (window.settings.showAdvanced || formHasFilledField) {
+      button.innerText = 'Hide Advanced Fields';
+    } else {
+      button.innerText = 'Show Advanced Fields';
+    }
+  });
+}

src/js/view/render.js

@@ -66,7 +66,7 @@ export function renderDetails() {
   const consonantHTML = `<p><strong>Consonants</strong><br>${consonants.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const vowelHTML = `<p><strong>Vowels</strong><br>${vowels.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const blendHTML = blends.length > 0 ? `<p><strong>Polyphthongs&nbsp;/&nbsp;Blends</strong><br>${blends.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>` : '';
-  const phonologyNotesHTML = phonology.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(removeTags(phonology.notes)) + '</div>' : '';
+  const phonologyNotesHTML = phonology.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(phonology.notes) + '</div>' : '';
   const phonologyHTML = `<h3>Phonology</h3>
   <div class="split two">
     <div>${consonantHTML}</div>
@@ -79,11 +79,11 @@ export function renderDetails() {
   const onsetHTML = `<p><strong>Onset</strong><br>${onset.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const nucleusHTML = `<p><strong>Nucleus</strong><br>${nucleus.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
   const codaHTML = `<p><strong>Coda</strong><br>${coda.map(letter => `<span class="tag">${letter}</span>`).join(' ')}</p>`;
-  const phonotacticsNotesHTML = phonotactics.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(removeTags(phonotactics.notes)) + '</div>' : '';
+  const phonotacticsNotesHTML = phonotactics.notes.trim().length > 0 ? '<p><strong>Notes</strong></p><div>' + md(phonotactics.notes) + '</div>' : '';
   const phonotacticsHTML = onset.length + nucleus.length + coda.length + phonotacticsNotesHTML.length > 0
     ? `<h3>Phonotactics</h3>
   ${onset.length > 0 || nucleus.length > 0 || coda.length > 0
-    ? `<div class="split three">
+      ? `<div class="split three">
     <div>${onsetHTML}</div>
     <div>${nucleusHTML}</div>
     <div>${codaHTML}</div>
@@ -99,15 +99,17 @@ export function renderDetails() {
     }
     return false;
   }).filter(html => html !== false).join(' ')}</p>` : '';
-  const orthographyNotesHTML = orthography.notes.trim().length > 0 ? '<p><strong>Notes</strong><br>' + md(removeTags(orthography.notes)) + '</div>' : '';
+  const orthographyNotesHTML = orthography.notes.trim().length > 0 ? '<p><strong>Notes</strong><br>' + md(orthography.notes) + '</div>' : '';
   const orthographyHTML = translations.length + orthographyNotesHTML.length > 0
     ? `<h3>Orthography</h3>
   ${translationsHTML}
   ${orthographyNotesHTML}`
     : '';
-  const grammarHTML = grammar.notes.trim().length > 0 ? '<h3>Grammar</h3><div>'
+  const grammarHTML = grammar.notes.trim().length > 0
-    + (grammar.notes.trim().length > 0 ? md(removeTags(grammar.notes)) : '')
+    ? '<h3>Grammar</h3><div>'
-  + '</div>' : '';
+      + (grammar.notes.trim().length > 0 ? md(grammar.notes) : '')
+      + '</div>'
+    : '';
 
   detailsPanel.innerHTML = generalHTML + phonologyHTML + phonotacticsHTML + orthographyHTML + grammarHTML;
 }

src/js/wordManagement.js

@@ -160,10 +160,10 @@ export function expandAdvancedForm(id = false) {
   const button = typeof id.target !== 'undefined' ? this : document.getElementById('expandAdvancedForm' + (!wordId ? '' : wordId)),
     form = document.getElementById('advancedForm' + (!wordId ? '' : wordId));
   if (form.style.display !== 'block') {
-    button.innerText = 'Hide Advanced';
+    button.innerText = 'Hide Advanced Fields';
     form.style.display = 'block';
   } else {
-    button.innerText = 'Show Advanced';
+    button.innerText = 'Show Advanced Fields';
     form.style.display = 'none';
   }
 }
@@ -186,7 +186,7 @@ export function submitWordForm() {
   };
 
   if (removeTags(etymology).trim() !== '') {
-    word.etymology = removeTags(etymology).trim();
+    word.etymology = removeTags(etymology).split(',').map(w => w.trim()).filter(w => w.length > 0);
   }
 
   if (validateWord(word)) {
@@ -209,6 +209,7 @@ export function clearWordForm() {
   document.getElementById('wordPartOfSpeech').value = '';
   document.getElementById('wordDefinition').value = '';
   document.getElementById('wordDetails').value = '';
+  document.getElementById('wordEtymology').value = '';
 
   document.getElementById('wordName').focus();
 }
@@ -283,7 +284,7 @@ export function confirmEditWord(id) {
   };
 
   if (removeTags(etymology).trim() !== '') {
-    word.etymology = removeTags(etymology).trim();
+    word.etymology = removeTags(etymology).split(',').map(w => w.trim()).filter(w => w.length > 0);
   }
 
   if (validateWord(word, wordId)) {

src/php/.htaccess

@@ -1,3 +1,6 @@
+# To resolve the issue with "Your connection to this site is not secure" message
+Header set Content-Security-Policy: upgrade-insecure-requests env=HTTPS 
+
 RewriteEngine On    # Turn on the rewriting engine
 
 RewriteRule    ^view/([0-9]+)/([0-9]+)/?$    router.php?view=word&dict=$1&word=$2    [NC,L]    # Handle word ids.

src/php/announcements.json

@@ -1,14 +1,8 @@
 [
   {
-    "header": "New Features have Arrived!",
+    "header": "Minor Updates + 1 Important Fix",
-    "body": "<p><em>July 15, 2019</em> &ndash; Custom Alphabetical Order, Orthographic Translations, and Custom Styling are now here!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\" rel=\"noopener\">Updates page</a> for all the new features and bug fixes!</p>",
+    "body": "<p><em>March 4, 2020</em> &ndash; Lexiconga has been updated to fix a long-standing bug that prevented updated words from syncing between devices!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\" rel=\"noopener\">Updates page</a> for the other minor updates.</p>",
-    "expire": "January 1, 2020",
+    "expire": "April 4, 2020",
-    "dismissId": "wave1"
+    "dismissId": "marchFixes1"
-  },
-  {
-    "header": "Welcome to Lexiconga 2.0!",
-    "body": "<p><em>July 1, 2019</em> &ndash; Lexiconga has been rewritten from the ground up!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\" rel=\"noopener\">Updates page</a> for all the new features, or click Help to get a refresher on how to use Lexiconga!</p>",
-    "expire": "January 1, 2020",
-    "dismissId": "welcome"
   }
 ]

src/php/api/Dictionary.php

@@ -215,7 +215,10 @@ WHERE dictionary=$dictionary";
   }
 
   public function getWords ($user, $dictionary) {
-    $query = "SELECT words.* FROM words JOIN dictionaries ON id = dictionary WHERE dictionary=$dictionary AND user=$user";
+    $query = "SELECT words.*, words_advanced.etymology FROM words
+LEFT JOIN words_advanced ON words_advanced.dictionary = words.dictionary AND words_advanced.word_id = words.word_id
+JOIN dictionaries ON dictionaries.id = words.dictionary
+WHERE words.dictionary=$dictionary AND dictionaries.user=$user";
     $results = $this->db->query($query)->fetchAll();
     if ($results) {
       return array_map(function ($row) {
@@ -231,7 +234,7 @@ WHERE dictionary=$dictionary";
         );
 
         if (!is_null($row['etymology'])) {
-          $word['etymology'] = $row['etymology'];
+          $word['etymology'] = explode(',', $row['etymology']);
         }
 
         return $word;
@@ -259,41 +262,48 @@ WHERE dictionary=$dictionary";
       return true;
     }
 
-    $query = 'INSERT INTO words (dictionary, word_id, name, pronunciation, part_of_speech, definition, details, etymology, last_updated, created_on) VALUES ';
+    $query1 = 'INSERT INTO words (dictionary, word_id, name, pronunciation, part_of_speech, definition, details, last_updated, created_on) VALUES ';
-    $params = array();
+    $query2 = 'INSERT INTO words_advanced (dictionary, word_id, etymology) VALUES ';
+    $params1 = array();
+    $params2 = array();
     $word_ids = array();
     $most_recent_word_update = 0;
     foreach($words as $word) {
-      $last_updated = isset($word['lastUpdated']) ? $word['createdOn'] : $word['lastUpdated'];
+      $last_updated = isset($word['lastUpdated']) ? $word['lastUpdated'] : $word['createdOn'];
       if ($most_recent_word_update < $last_updated) {
         $most_recent_word_update = $last_updated;
       }
       $word_ids[] = $word['wordId'];
-      $query .= "(?, ?, ?, ?, ?, ?, ?, ?, ?, ?), ";
+      $query1 .= "(?, ?, ?, ?, ?, ?, ?, ?, ?), ";
-      $params[] = $dictionary;
+      $params1[] = $dictionary;
-      $params[] = $word['wordId'];
+      $params1[] = $word['wordId'];
-      $params[] = $word['name'];
+      $params1[] = $word['name'];
-      $params[] = $word['pronunciation'];
+      $params1[] = $word['pronunciation'];
-      $params[] = $word['partOfSpeech'];
+      $params1[] = $word['partOfSpeech'];
-      $params[] = $word['definition'];
+      $params1[] = $word['definition'];
-      $params[] = $word['details'];
+      $params1[] = $word['details'];
-      $params[] = isset($word['etymology']) ? $word['etymology'] : null;
+      $params1[] = $last_updated;
-      $params[] = $last_updated;
+      $params1[] = $word['createdOn'];
-      $params[] = $word['createdOn'];
+
+      $query2 .= "(?, ?, ?), ";
+      $params2[] = $dictionary;
+      $params2[] = $word['wordId'];
+      $params2[] = isset($word['etymology']) ? implode(',', $word['etymology']) : null;
     }
-    $query = trim($query, ', ') . ' ON DUPLICATE KEY UPDATE
+    $query1 = trim($query1, ', ') . ' ON DUPLICATE KEY UPDATE
 name=VALUES(name),
 pronunciation=VALUES(pronunciation),
 part_of_speech=VALUES(part_of_speech),
 definition=VALUES(definition),
 details=VALUES(details),
-etymology=VALUES(etymology),
 last_updated=VALUES(last_updated),
 created_on=VALUES(created_on)';
+    $query2 = trim($query2, ', ') . ' ON DUPLICATE KEY UPDATE
+etymology=VALUES(etymology)';
     
-    $results = $this->db->execute($query, $params);
+    $results1 = $this->db->execute($query1, $params1);
 
-    // if ($results) {
+    // if ($results1) {
     //   $database_words = $this->getWords($user, $dictionary);
     //   $database_ids = array_map(function($database_word) { return $database_word['id']; }, $database_words);
     //   $words_to_delete = array_filter($database_ids, function($database_id) use($word_ids) { return !in_array($database_id, $word_ids); });
@@ -303,8 +313,11 @@ created_on=VALUES(created_on)';
     //   }
     // }
 
-    if ($results) {
+    if ($results1 === true) {
-      return $results;
+      $results2 = $this->db->execute($query2, $params2);
+      if ($results2 === true) {
+        return $results1 && $results2;
+      }
     }
     return array(
       'error' => $this->db->last_error_info,

src/php/api/PublicDictionary.php

@@ -44,20 +44,20 @@ class PublicDictionary {
               'consonants' => $result['consonants'] !== '' ? explode(' ', $result['consonants']) : array(),
               'vowels' => $result['vowels'] !== '' ? explode(' ', $result['vowels']) : array(),
               'blends' => $result['blends'] !== '' ? explode(' ', $result['blends']) : array(),
-              'notes' => $result['phonology_notes'],
+              'notes' => $this->parseReferences(strip_tags($result['phonology_notes']), $result['id']),
             ),
             'phonotactics' => array(
               'onset' => $result['onset'] !== '' ? explode(',', $result['onset']) : array(),
               'nucleus' => $result['nucleus'] !== '' ? explode(',', $result['nucleus']) : array(),
               'coda' => $result['coda'] !== '' ? explode(',', $result['coda']) : array(),
-              'notes' => $result['phonotactics_notes'],
+              'notes' => $this->parseReferences(strip_tags($result['phonotactics_notes']), $result['id']),
             ),
             'orthography' => array(
               'translations' => $result['translations'] !== '' ? explode(PHP_EOL, $result['translations']) : array(),
-              'notes' => $result['orthography_notes'],
+              'notes' => $this->parseReferences(strip_tags($result['orthography_notes']), $result['id']),
             ),
             'grammar' => array(
-              'notes' => $result['grammar_notes'],
+              'notes' => $this->parseReferences(strip_tags($result['grammar_notes']), $result['id']),
             ),
           ),
           'settings' => array(

src/php/router.php

@@ -134,7 +134,7 @@ switch ($view) {
       oldLoad && oldLoad();
       if (UpUp) {
         UpUp.start({
-          'cache-version': '2.1.3',
+          'cache-version': '2.1.7',
           'content-url': 'offline.html',
           'assets': [
             \"" . implode('","', $files) . "\"

src/scss/_elements.scss

@@ -16,6 +16,7 @@ input:not([type="checkbox"]),
 select,
 textarea {
   font-size: 12pt;
+  padding: 2px 3px;
 }
 
 label {
@@ -30,8 +31,7 @@ label {
   }
 
   input:not([type="checkbox"]):not([type="radio"]) {
-    padding-bottom: 2px;
+    line-height: 1.6;
-    line-height: 1.3;
   }
 
   input:not([type="checkbox"]):not([type="radio"]),
@@ -153,6 +153,7 @@ span .tag {
   left: 0;
   bottom: 0;
   right: 0;
+  z-index: 10;
   
   .modal-background {
     position: absolute;

src/scss/_structure.scss

@@ -347,7 +347,7 @@ $nav-font-height: 16px;
   bottom: $general-padding;
   right: $general-padding;
   max-width: 300px;
-  z-index: 10;
+  z-index: 15;
 
   .message {
     position: relative;

src/scss/mobile/_elements.scss

@@ -23,13 +23,9 @@
   }
 }
 
-.modal {
+.modal .modal-content .close-button {
-  z-index: 10;
+  top: 5px;
-
+  right: 5px;
-  .modal-content .close-button {
-    top: 5px;
-    right: 5px;
-  }
 }
 
 .split {

src/scss/themes/_dark.scss

@@ -129,7 +129,7 @@
   #top {
     background-color: $header-color;
     border-bottom: 1px solid darken($header-color, 2);
-    box-shadow: 0px 4px 5px 0px $dark;
+    box-shadow: none;
 
     #title {
       #lexi {
@@ -156,13 +156,13 @@
   #wordForm {
     background-color: $word-form-color;
     border: 1px solid darken($word-form-color, 2);
-    box-shadow: 4px 4px 5px 0px $dark;
+    box-shadow: none;
   }
 
   #mainColumn {
     background-color: $dictionary-color;
     border: 1px solid darken($dictionary-color, 2);
-    box-shadow: 4px 4px 5px 0px $dark;
+    box-shadow: none;
   }
 
   #detailsSection {
@@ -184,7 +184,7 @@
 
   .announcement {
     background-color: saturate(lighten($footer-color, 20%), 20%);
-    box-shadow: 4px 4px 5px 0px $dark;
+    box-shadow: none;
   }
 
   .entry {
@@ -238,7 +238,7 @@
   #bottom {
     background-color: $footer-color;
     border-top: 1px solid darken($footer-color, 2);
-    box-shadow: 0px -4px 5px 0px $dark;
+    box-shadow: none;
 
     a {
       color: $light;

src/structure.sql

@@ -86,8 +86,18 @@ CREATE TABLE IF NOT EXISTS `words` (
   `part_of_speech` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
   `definition` text COLLATE utf8_unicode_ci NOT NULL,
   `details` text COLLATE utf8_unicode_ci NOT NULL COMMENT 'Markdown',
-  `etymology` text COLLATE utf8_unicode_ci DEFAULT NULL,
   `last_updated` int(11) DEFAULT NULL,
   `created_on` int(11) NOT NULL,
   UNIQUE KEY `unique_index` (`dictionary`,`word_id`)
 ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
+DELIMITER $$
+CREATE TRIGGER IF NOT EXISTS `delete_word_advanced` AFTER DELETE ON `words` FOR EACH ROW DELETE FROM words_advanced WHERE words_advanced.dictionary=old.dictionary AND words_advanced.word_id=old.word_id
+$$
+DELIMITER ;
+
+CREATE TABLE IF NOT EXISTS `words_advanced` (
+  `dictionary` int(11) NOT NULL,
+  `word_id` int(11) NOT NULL,
+  `etymology` text NOT NULL COMMENT 'Comma-separated',
+  UNIQUE KEY `dictionary_word_id` (`dictionary`,`word_id`)
+) ENGINE=MyISAM DEFAULT CHARSET=utf8;

template-index.html

@@ -139,8 +139,10 @@
         <label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
           <textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
         </label>
-        <a id="expandAdvancedForm" class="expand-advanced-form">+ Advanced</a>
+        <label>
-        <div id="advancedForm" style="display:none;">
+          <a id="expandAdvancedForm" class="small button expand-advanced-form">Show Advanced Fields</a>
+        </label>
+        <div id="advancedForm" class="advanced-word-form" style="display:none;">
           <label>Etymology / Root Words<br>
             <input id="wordEtymology" maxlength="2500" placeholder="comma,separated,root,words">
           </label>
@@ -211,6 +213,11 @@
               <input id="settingsUseHotkeys" type="checkbox" checked><br />
               <small>Check this to enable keyboard combinations to perform different helpful actions.</small>
             </label>
+
+            <label>Show Advanced Fields By Default
+              <input id="settingsShowAdvanced" type="checkbox"><br />
+              <small>Check this to make the advanced fields show on word forms without needing to click the "Show Advanced Fields" button.</small>
+            </label>
     
             <label>Default Theme <small>(the theme new dictionaries will use)</small>
               <select id="settingsDefaultTheme">