317 lines
13 KiB
JavaScript
317 lines
13 KiB
JavaScript
import { renderDictionaryDetails, renderPartsOfSpeech, renderAll } from "./render";
|
|
import { removeTags, cloneObject, getTimestampInSeconds, download, slugify } from "../helpers";
|
|
import { LOCAL_STORAGE_KEY, DEFAULT_DICTIONARY, MIGRATE_VERSION } from "../constants";
|
|
import { addMessage, getNextId, hasToken } from "./utilities";
|
|
import { addWord, sortWords } from "./wordManagement";
|
|
|
|
export function updateDictionary () {
|
|
|
|
renderDictionaryDetails();
|
|
}
|
|
|
|
export function openEditModal() {
|
|
const { name, specification, description, partsOfSpeech } = window.currentDictionary;
|
|
const { consonants, vowels, blends, phonotactics } = window.currentDictionary.details.phonology;
|
|
const { orthography, grammar } = window.currentDictionary.details;
|
|
const { allowDuplicates, caseSensitive, sortByDefinition, isPublic } = window.currentDictionary.settings;
|
|
|
|
document.getElementById('editName').value = name;
|
|
document.getElementById('editSpecification').value = specification;
|
|
document.getElementById('editDescription').value = description;
|
|
document.getElementById('editPartsOfSpeech').value = partsOfSpeech.join(',');
|
|
|
|
document.getElementById('editConsonants').value = consonants.join(' ');
|
|
document.getElementById('editVowels').value = vowels.join(' ');
|
|
document.getElementById('editBlends').value = blends.join(' ');
|
|
document.getElementById('editOnset').value = phonotactics.onset.join(',');
|
|
document.getElementById('editNucleus').value = phonotactics.nucleus.join(',');
|
|
document.getElementById('editCoda').value = phonotactics.coda.join(',');
|
|
document.getElementById('editExceptions').value = phonotactics.exceptions;
|
|
|
|
document.getElementById('editOrthography').value = orthography.notes;
|
|
document.getElementById('editGrammar').value = grammar.notes;
|
|
|
|
document.getElementById('editPreventDuplicates').checked = !allowDuplicates;
|
|
document.getElementById('editCaseSensitive').checked = caseSensitive;
|
|
if (allowDuplicates) document.getElementById('editCaseSensitive').disabled = true;
|
|
document.getElementById('editSortByDefinition').checked = sortByDefinition;
|
|
if (hasToken()) {
|
|
document.getElementById('editIsPublic').checked = isPublic;
|
|
}
|
|
|
|
document.getElementById('editModal').style.display = '';
|
|
}
|
|
|
|
export function saveEditModal() {
|
|
window.currentDictionary.name = removeTags(document.getElementById('editName').value.trim());
|
|
window.currentDictionary.specification = removeTags(document.getElementById('editSpecification').value.trim());
|
|
window.currentDictionary.description = removeTags(document.getElementById('editDescription').value.trim());
|
|
window.currentDictionary.partsOfSpeech = document.getElementById('editPartsOfSpeech').value.split(',').map(val => val.trim()).filter(val => val !== '');
|
|
|
|
window.currentDictionary.details.phonology.consonants = document.getElementById('editConsonants').value.split(' ').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.vowels = document.getElementById('editVowels').value.split(' ').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.blends = document.getElementById('editBlends').value.split(' ').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.phonotactics.onset = document.getElementById('editOnset').value.split(',').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.phonotactics.nucleus = document.getElementById('editNucleus').value.split(',').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.phonotactics.coda = document.getElementById('editCoda').value.split(',').map(val => val.trim()).filter(val => val !== '');
|
|
window.currentDictionary.details.phonology.phonotactics.exceptions = removeTags(document.getElementById('editExceptions').value.trim());
|
|
|
|
window.currentDictionary.details.orthography.notes = removeTags(document.getElementById('editOrthography').value.trim());
|
|
window.currentDictionary.details.grammar.notes = removeTags(document.getElementById('editGrammar').value.trim());
|
|
|
|
window.currentDictionary.settings.allowDuplicates = !document.getElementById('editPreventDuplicates').checked;
|
|
window.currentDictionary.settings.caseSensitive = document.getElementById('editCaseSensitive').checked;
|
|
const needsReSort = window.currentDictionary.settings.sortByDefinition !== document.getElementById('editSortByDefinition').checked;
|
|
window.currentDictionary.settings.sortByDefinition = document.getElementById('editSortByDefinition').checked;
|
|
if (hasToken()) {
|
|
window.currentDictionary.settings.isPublic = document.getElementById('editIsPublic').checked;
|
|
} else {
|
|
window.currentDictionary.settings.isPublic = false;
|
|
}
|
|
|
|
addMessage('Saved ' + window.currentDictionary.specification + ' Successfully');
|
|
saveDictionary();
|
|
renderDictionaryDetails();
|
|
renderPartsOfSpeech();
|
|
|
|
if (needsReSort) {
|
|
sortWords(true);
|
|
}
|
|
|
|
if (hasToken()) {
|
|
import('./account/index.js').then(account => {
|
|
account.uploadDetailsDirect();
|
|
account.updateChangeDictionaryOption();
|
|
})
|
|
}
|
|
}
|
|
|
|
export function saveAndCloseEditModal() {
|
|
saveEditModal();
|
|
document.getElementById('editModal').style.display = 'none';
|
|
}
|
|
|
|
export function saveDictionary(triggerLastUpdated = true) {
|
|
if (triggerLastUpdated) {
|
|
window.currentDictionary.lastUpdated = getTimestampInSeconds();
|
|
}
|
|
window.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(window.currentDictionary));
|
|
}
|
|
|
|
export function loadDictionary() {
|
|
const storedDictionary = window.localStorage.getItem(LOCAL_STORAGE_KEY);
|
|
if (storedDictionary) {
|
|
window.currentDictionary = JSON.parse(storedDictionary);
|
|
migrateDictionary();
|
|
} else {
|
|
clearDictionary();
|
|
}
|
|
}
|
|
|
|
export function clearDictionary() {
|
|
window.currentDictionary = cloneObject(DEFAULT_DICTIONARY);
|
|
}
|
|
|
|
export function deleteDictionary() {
|
|
const deletedId = window.currentDictionary.externalID;
|
|
clearDictionary();
|
|
saveDictionary();
|
|
addMessage('Dictionary Deleted!');
|
|
renderAll();
|
|
|
|
if (hasToken()) {
|
|
import('./account/index.js').then(account => {
|
|
account.deleteCurrentDictionary(deletedId);
|
|
});
|
|
}
|
|
}
|
|
|
|
export function confirmDeleteDictionary() {
|
|
if (confirm(`Are you sure you want to delete your ${window.currentDictionary.name} ${window.currentDictionary.specification}?\n\nThis cannot be undone!`)) {
|
|
const input = prompt(`If you really want to delete your ${window.currentDictionary.name} ${window.currentDictionary.specification} please type DELETE in the text box.\n\nAfter you confirm, cour dicitonary will be PERMANENTLY AND IRRETRIEVABLY DESTROYED!`);
|
|
console.log(input);
|
|
if (input === 'DELETE') {
|
|
deleteDictionary();
|
|
document.getElementById('editModal').style.display = 'none';
|
|
} else {
|
|
alert('Your dictionary was NOT deleted');
|
|
}
|
|
}
|
|
}
|
|
|
|
export function importDictionary() {
|
|
const importDictionaryField = document.getElementById('importDictionaryFile');
|
|
|
|
if (importDictionaryField.files.length === 1) {
|
|
if (confirm('Importing a dicitonary file will overwrite and replace your current dictionary!\nDo you want to continue?')) {
|
|
addMessage('Importing Dictionary...');
|
|
const fileReader = new FileReader();
|
|
fileReader.onload = function (fileLoadedEvent) {
|
|
const textFromFileLoaded = fileLoadedEvent.target.result;
|
|
const importedDictionary = JSON.parse(textFromFileLoaded);
|
|
if (importedDictionary && importedDictionary.hasOwnProperty('words')) {
|
|
const timestamp = getTimestampInSeconds();
|
|
if (!importedDictionary.hasOwnProperty('createdOn')) {
|
|
importedDictionary.createdOn = timestamp;
|
|
}
|
|
if (importedDictionary.words.some(word => !word.hasOwnProperty('createdOn'))) {
|
|
importedDictionary.words.forEach(word => {
|
|
if (!word.hasOwnProperty('createdOn')) {
|
|
word.createdOn = timestamp;
|
|
}
|
|
if (!word.hasOwnProperty('lastUpdated')) {
|
|
word.lastUpdated = timestamp;
|
|
}
|
|
});
|
|
}
|
|
if (importedDictionary.hasOwnProperty('externalID')) {
|
|
delete importedDictionary.externalID;
|
|
}
|
|
|
|
window.currentDictionary = importedDictionary;
|
|
saveDictionary();
|
|
renderAll();
|
|
importDictionaryField.value = '';
|
|
document.getElementById('editModal').style.display = 'none';
|
|
addMessage('Dictionary Imported Successfully');
|
|
|
|
if (hasToken()) {
|
|
import('./account/index.js').then(account => {
|
|
account.syncImportedDictionary();
|
|
});
|
|
}
|
|
} else {
|
|
addMessage('Dictionary could not be imported', 10000, 'error');
|
|
}
|
|
};
|
|
|
|
fileReader.readAsText(importDictionaryField.files[0], "UTF-8");
|
|
}
|
|
}
|
|
}
|
|
|
|
export function importWords() {
|
|
const importWordsField = document.getElementById('importWordsCSV');
|
|
|
|
if (importWordsField.files.length === 1) {
|
|
if (confirm('Importing a CSV file with words will add all of the words in the file to your dictionary regardless of duplication!\nDo you want to continue?')) {
|
|
addMessage('Importing words...');
|
|
import('papaparse').then(papa => {
|
|
const importedWords = [];
|
|
papa.parse(importWordsField.files[0], {
|
|
header: true,
|
|
encoding: "utf-8",
|
|
step: results => {
|
|
if (results.errors.length > 0) {
|
|
results.errors.forEach(err => {
|
|
addMessage('Error Importing Word: ' + err, undefined, 'error');
|
|
console.error('Error Importing Word: ', err)
|
|
});
|
|
} else {
|
|
const row = results.data[0];
|
|
const importedWord = addWord({
|
|
name: removeTags(row.word).trim(),
|
|
pronunciation: removeTags(row.pronunciation).trim(),
|
|
partOfSpeech: removeTags(row['part of speech']).trim(),
|
|
definition: removeTags(row.definition).trim(),
|
|
details: removeTags(row.explanation).trim(),
|
|
wordId: getNextId(),
|
|
}, false, false, false);
|
|
|
|
importedWords.push(importedWord);
|
|
}
|
|
},
|
|
complete: () => {
|
|
saveDictionary(false);
|
|
renderAll();
|
|
importWordsField.value = '';
|
|
document.getElementById('editModal').style.display = 'none';
|
|
addMessage(`Done Importing ${importedWords.length} Words`);
|
|
|
|
if (hasToken()) {
|
|
import('./account/index.js').then(account => {
|
|
account.syncImportedWords(importedWords);
|
|
});
|
|
}
|
|
},
|
|
error: err => {
|
|
addMessage('Error Importing Words: ' + err, undefined, 'error');
|
|
console.error('Error Importing Words: ', err);
|
|
},
|
|
skipEmptyLines: true,
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
export function exportDictionary() {
|
|
addMessage('Exporting JSON...');
|
|
|
|
setTimeout(() => {
|
|
const file = JSON.stringify(window.currentDictionary),
|
|
{ name, specification } = window.currentDictionary;
|
|
|
|
const fileName = slugify(name + '_' + specification) + '.json';
|
|
|
|
download(file, fileName, 'application/json;charset=utf-8');
|
|
}, 1);
|
|
}
|
|
|
|
export function exportWords() {
|
|
addMessage('Exporting Words...');
|
|
|
|
setTimeout(() => {
|
|
import('papaparse').then(papa => {
|
|
const { name, specification } = window.currentDictionary;
|
|
|
|
const fileName = slugify(name + '_' + specification) + '_words.csv';
|
|
|
|
const words = window.currentDictionary.words.map(word => {
|
|
return {
|
|
word: word.name,
|
|
pronunciation: word.pronunciation,
|
|
'part of speech': word.partOfSpeech,
|
|
definition: word.definition,
|
|
explanation: word.details,
|
|
}
|
|
});
|
|
const csv = papa.unparse(words, { quotes: true });
|
|
download(csv, fileName, 'text/csv;charset=utf-8');
|
|
});
|
|
}, 1);
|
|
}
|
|
|
|
export function migrateDictionary() {
|
|
let migrated = false;
|
|
if (!window.currentDictionary.hasOwnProperty('version')) {
|
|
const fixStupidOldNonsense = string => string.replace(/"/g, '"').replace(/'/g, "'").replace(/\/g, '\\').replace(/<br>/g, '\n');
|
|
window.currentDictionary.description = fixStupidOldNonsense(window.currentDictionary.description);
|
|
const timestamp = getTimestampInSeconds();
|
|
window.currentDictionary.words = window.currentDictionary.words.map(word => {
|
|
word.definition = word.simpleDefinition;
|
|
delete word.simpleDefinition;
|
|
word.details = fixStupidOldNonsense(word.longDefinition);
|
|
delete word.longDefinition;
|
|
word.lastUpdated = timestamp;
|
|
word.createdOn = timestamp;
|
|
return word;
|
|
});
|
|
window.currentDictionary = Object.assign({}, DEFAULT_DICTIONARY, window.currentDictionary);
|
|
window.currentDictionary.partsOfSpeech = window.currentDictionary.settings.partsOfSpeech.split(',').map(val => val.trim()).filter(val => val !== '');
|
|
delete window.currentDictionary.settings.partsOfSpeech;
|
|
window.currentDictionary.settings.sortByDefinition = window.currentDictionary.settings.sortByEquivalent;
|
|
delete window.currentDictionary.settings.sortByEquivalent;
|
|
|
|
migrated = true;
|
|
} else if (window.currentDictionary.version !== MIGRATE_VERSION) {
|
|
switch (window.currentDictionary.version) {
|
|
default: console.error('Unknown version'); break;
|
|
}
|
|
}
|
|
|
|
if (migrated) {
|
|
saveDictionary();
|
|
}
|
|
}
|