Update WordService.ts

This commit is contained in:
Hugo Bernier 2020-05-28 22:40:20 -04:00 committed by GitHub
parent 395aaa1316
commit 3819af3f68
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 245 additions and 195 deletions

View File

@ -1,78 +1,110 @@
// import * as $ from '../assets/jquery.min';
import { SPComponentLoader } from '@microsoft/sp-loader';
import WordGame from './WordGame';
import { WebPartContext } from '@microsoft/sp-webpart-base';
import {
SPHttpClient,
SPHttpClientResponse,
HttpClientConfiguration,
SPHttpClientResponse,
ISPHttpClientOptions
} from '@microsoft/sp-http';
} from '@microsoft/sp-http';
// tslint:disable-next-line: no-any
const wordjpg: any = require('../assets/wordlist.jpg');
// tslint:disable-next-line: no-any
const $: any = require('../assets/jquery.min');
// const wordlist: any = require('../assets/wordlist.json');
export class Game
{
rounds:Round[] = [];
export class Game {
public rounds: Round[] = [];
}
export class Round
{
word = "";
answers:string[] = [];
correctAnswer = "";
incorrectAnswers:string[] = [];
export class Round {
public word: string = '';
public answers: string[] = [];
public correctAnswer: string = '';
public incorrectAnswers: string[] = [];
}
export class WordGameListItem {
// tslint:disable-next-line: variable-name
public Name: string;
// tslint:disable-next-line: variable-name
public Score: number;
// tslint:disable-next-line: variable-name
public Seconds: number;
// tslint:disable-next-line: variable-name
public Details: string;
constructor(name: string, score: number, seconds: number, details: string) {
this.Name = name;
this.Score = score;
this.Seconds = seconds;
this.Details = details;
}
}
export class WordService {
public allwords: string[] = [];
public words3: string[] = [];
public words4: string[] = [];
public words5: string[] = [];
public words6: string[] = [];
public words7: string[] = [];
public words8: string[] = [];
public context: WebPartContext;
allwords: string[] = [];
words3: string[] = [];
words4: string[] = [];
words5: string[] = [];
words6: string[] = [];
words7: string[] = [];
words8: string[] = [];
context:WebPartContext;
public GenerateGame(): Game {
GenerateGame():Game
{
const game: Game = new Game();
let game = new Game();
const round1: Round = new Round();
round1.word = this.GetRandomScrambledWord(5);
round1.answers = this.FindPossibleWords(round1.word);
let round1 = new Round(); round1.word = this.GetRandomScrambledWord(5); round1.answers = this.FindPossibleWords(round1.word);
let round2 = new Round(); round2.word = this.GetRandomScrambledWord(5); round2.answers = this.FindPossibleWords(round2.word);
let round3 = new Round(); round3.word = this.GetRandomScrambledWord(5); round3.answers = this.FindPossibleWords(round3.word);
let round4 = new Round(); round4.word = this.GetRandomScrambledWord(6); round4.answers = this.FindPossibleWords(round4.word);
let round5 = new Round(); round5.word = this.GetRandomScrambledWord(6); round5.answers = this.FindPossibleWords(round5.word);
let round6 = new Round(); round6.word = this.GetRandomScrambledWord(6); round6.answers = this.FindPossibleWords(round6.word);
const round2: Round = new Round();
round2.word = this.GetRandomScrambledWord(5);
round2.answers = this.FindPossibleWords(round2.word);
game.rounds.push(round1);
game.rounds.push(round2);
game.rounds.push(round3);
game.rounds.push(round4);
game.rounds.push(round5);
game.rounds.push(round6);
const round3: Round = new Round();
round3.word = this.GetRandomScrambledWord(5);
round3.answers = this.FindPossibleWords(round3.word);
return game;
const round4: Round = new Round();
round4.word = this.GetRandomScrambledWord(6);
round4.answers = this.FindPossibleWords(round4.word);
const round5: Round = new Round();
round5.word = this.GetRandomScrambledWord(6);
round5.answers = this.FindPossibleWords(round5.word);
const round6: Round = new Round();
round6.word = this.GetRandomScrambledWord(6);
round6.answers = this.FindPossibleWords(round6.word);
game.rounds.push(round1);
game.rounds.push(round2);
game.rounds.push(round3);
game.rounds.push(round4);
game.rounds.push(round5);
game.rounds.push(round6);
return game;
}
public async loadWords(): Promise<void> {
async loadWords() {
window["wordService"] = this;
// tslint:disable-next-line: no-string-literal
window['wordService'] = this;
/* SP Loader Implementation */
// console.log(jquery);
// await SPComponentLoader.loadScript('../assets/jquery.min.js', { globalExportsName: "ScriptGlobal" });
// console.log('jquery loaded');
/* JSON File Implementation
If you have a custom word list you would like to use
add it as a JSON file in assets/wordlist.json and
add it as a JSON file in assets/wordlist.json and
uncomment the const wordlist at the top of this file.
Then comment out the Text File implementation below */
// let wordvalues = (Object as any).values(wordlist) as any;
@ -80,24 +112,25 @@ export class WordService {
// for(let i=0;i<wordlistlength;i++)
// this.allwords.push(wordvalues[i]);
/* Text File Implementation
Yields the smallest file download size vs JSON (700k vs 1.3mb)
The word list is a text file stored as wordlist.jpg and
loaded as text/plain using an overrided mime type */
var responseText = await $.ajax({
const responseText: string = await $.ajax({
url: wordjpg,
beforeSend: function (xhr) {
xhr.overrideMimeType("text/plain; charset=x-user-defined");
beforeSend: (xhr) => {
xhr.overrideMimeType('text/plain; charset=x-user-defined');
}
}) as string;
this.allwords = responseText.split("\r\n");
this.allwords = responseText.split('\r\n');
this.allwords.forEach(word => {
if (word.indexOf("-") > -1)
if (word.indexOf('-') > -1) {
return;
if (word.indexOf("-") > -1)
}
if (word.indexOf('-') > -1) {
return;
}
switch (word.length) {
case 3:
this.words3.push(word);
@ -126,13 +159,13 @@ export class WordService {
}
GetWordCount(): number {
public GetWordCount(): number {
return this.allwords.length;
}
GetRandomScrambledWord(level: number) {
let randomWord = "";
let randwordnum = 0;
public GetRandomScrambledWord(level: number): string {
let randomWord: string = '';
let randwordnum: number = 0;
switch (level) {
case 3:
randwordnum = Math.floor(Math.random() * Math.floor(this.words3.length));
@ -162,128 +195,151 @@ export class WordService {
break;
}
let scrambledWord = this.ScrambleWord(randomWord);
const scrambledWord: string = this.ScrambleWord(randomWord);
return scrambledWord;
}
FindPossibleWords(currentWord: string) {
//coati
//taco
public FindPossibleWords(currentWord: string): string[] {
// coati
// taco
//currentWord = "coati";
let possibleWords: string[] = [];
// currentWord = "coati";
const possibleWords: string[] = [];
this.allwords.forEach(word => {
let tempword = word;//taco
for (let i = 0; i < currentWord.length; i++) {
let tempword: string = word; // taco
for (let i: number = 0; i < currentWord.length; i++) {
let letter = currentWord[i];
const letter: string = currentWord[i];
if (tempword.indexOf(letter) > -1) {
tempword = tempword.slice(0, tempword.indexOf(letter)) + tempword.slice(tempword.indexOf(letter) + 1);
}
else {
} else {
tempword = 'n';
break;
}
}
if (tempword.length == 0)
possibleWords.push(word)
if (tempword.length === 0) {
possibleWords.push(word);
}
});
return possibleWords;
}
//replace a character in a string
private replaceCharAt(orig:string, index:number, replacement:string): string {
return orig.substr(0, index) + replacement + orig.substr(index + replacement.length);
}
ScrambleWord(word: string): string {
let notScrambled = true;
let scrambledWord = "";
let count = 0;
var originalword = word;
public ScrambleWord(word: string): string {
let notScrambled: boolean = true;
let scrambledWord: string = '';
let count: number = 0;
const originalword: string = word;
while (notScrambled) {
word = originalword;
let chars = '';
for (let i = 0; i < word.length; i++)
let chars: string = '';
for (let i: number = 0; i < word.length; i++) {
chars += ' ';
}
let index = 0;
while (word.length > 0) {
let next = Math.floor(Math.random() * Math.floor(word.length)); // Get a random number between 0 and the length of the word.
chars = this.replaceCharAt(chars, index, word[next]); // Take the character from the random position and add to our char array.
word = word.substr(0, next) + word.substr(next + 1); // Remove the character from the word.
let index: number = 0;
while (word.length > 0) {
// Get a random number between 0 and the length of the word.
const next: number = Math.floor(Math.random() * Math.floor(word.length));
// Take the character from the random position and add to our char array.
chars = this.replaceCharAt(chars, index, word[next]);
// Remove the character from the word.
word = word.substr(0, next) + word.substr(next + 1);
++index;
}
scrambledWord = chars.slice(0);
count++;
if (originalword!=scrambledWord)
if (originalword !== scrambledWord) {
notScrambled = false;
}
//just in case there is a problem
if (count == 10)
// just in case there is a problem
if (count === 10) {
notScrambled = false;
}
}
}
return scrambledWord;
}
//SHAREPOINT APIS
// SHAREPOINT APIS
SetContext(context:WebPartContext){
public SetContext(context: WebPartContext): void {
this.context = context;
}
public async SubmitScore(score:number,seconds:number,details:string){
try{
public async SubmitScore(score: number, seconds: number, details: string): Promise<void> {
try {
await this.CreateListIfNotExists();
await this.CreateListItem(score,seconds,details);
}catch(error){}
await this.CreateListItem(score, seconds, details);
} catch (error) {
// do nothing
}
}
async GetHighScores():Promise<WordGameListItem[]>{
public async GetHighScores(): Promise<WordGameListItem[]> {
var scores:WordGameListItem[] = [];
try{
let result = await this.context.spHttpClient.get(this.context.pageContext.web.absoluteUrl + "/_api/web/lists/GetByTitle('WordGameList')/items", SPHttpClient.configurations.v1);
let json:any = await result.json();
let scores: WordGameListItem[] = [];
try {
const result: SPHttpClientResponse = await this.context.spHttpClient.get(
this.context.pageContext.web.absoluteUrl
+ "/_api/web/lists/GetByTitle('WordGameList')/items",
SPHttpClient.configurations.v1);
// tslint:disable-next-line: no-any
const json: any = await result.json();
console.log(json);
json.value.forEach(item => {
scores.push(new WordGameListItem(item.Title,item.Score,item.Seconds,item.Details));
});
scores.sort((a,b)=> {return b.Score-a.Score});
//top 10
if (scores.length>10)
scores = scores.slice(0,10);
console.log('high scores',scores);
}catch(error){
json.value.forEach(item => {
scores.push(new WordGameListItem(item.Title,
item.Score,
item.Seconds,
item.Details));
});
scores.sort((a, b) => {
return b.Score - a.Score;
});
// top 10
if (scores.length > 10) {
scores = scores.slice(0, 10);
}
console.log('high scores', scores);
} catch (error) {
console.log('could not find list');
}
return scores;
}
async CreateListIfNotExists(){
let result = await this.context.spHttpClient.get(this.context.pageContext.web.absoluteUrl + '/_api/web/lists', SPHttpClient.configurations.v1);
let json:any = await result.json();
let exists = false;
// replace a character in a string
private replaceCharAt(orig: string, index: number, replacement: string): string {
return orig.substr(0, index) + replacement + orig.substr(index + replacement.length);
}
private async CreateListIfNotExists(): Promise<void> {
const result: SPHttpClientResponse = await this.context.spHttpClient.get(
this.context.pageContext.web.absoluteUrl
+ '/_api/web/lists',
SPHttpClient.configurations.v1);
// tslint:disable-next-line: no-any
const json: any = await result.json();
let exists: boolean = false;
json.value.forEach(list => {
if (list.Title=='WordGameList'){
if (list.Title === 'WordGameList') {
console.log('list found');
exists = true;
}
});
console.log(json);
if (exists==false){
if (exists === false) {
console.log('Attempting to create list');
await this.CreateList();
await this.AddListColumnNumber('Score');
@ -292,117 +348,111 @@ export class WordService {
}
}
async CreateListItem(score:number,seconds:number,details:string){
var listMetadata = {
"__metadata": {
"type": "SP.Data.WordGameListListItem"
private async CreateListItem(score: number, seconds: number, details: string): Promise<void> {
const listMetadata: {} = {
'__metadata': {
'type': 'SP.Data.WordGameListListItem'
},
"Title": this.context.pageContext.user.displayName,
"Score": score,
"Seconds": seconds,
"Details": details
'Title': this.context.pageContext.user.displayName,
'Score': score,
'Seconds': seconds,
'Details': details
};
var options: ISPHttpClientOptions = {
const options: ISPHttpClientOptions = {
headers: {
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"OData-Version": "" //Really important to specify
'Accept': 'application/json;odata=verbose',
'Content-Type': 'application/json;odata=verbose',
'OData-Version': '' // Really important to specify
},
body: JSON.stringify(listMetadata)
};
let result = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + "/_api/web/lists/GetByTitle('WordGameList')/items", SPHttpClient.configurations.v1,options);
let json:any = await result.json();
const result: SPHttpClientResponse = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl
+ "/_api/web/lists/GetByTitle('WordGameList')/items",
SPHttpClient.configurations.v1, options);
// tslint:disable-next-line: no-any
const json: any = await result.json();
console.log(json);
}
async CreateList(){
var listMetadata = {
"__metadata": {
"type": "SP.List"
private async CreateList(): Promise<void> {
const listMetadata: {} = {
'__metadata': {
'type': 'SP.List'
},
"AllowContentTypes": true,
"BaseTemplate": 100,
"ContentTypesEnabled": true,
"Description": "Holds high scores for the word game",
"Title": "WordGameList"
'AllowContentTypes': true,
'BaseTemplate': 100,
'ContentTypesEnabled': true,
'Description': 'Holds high scores for the word game',
'Title': 'WordGameList'
};
var options: ISPHttpClientOptions = {
const options: ISPHttpClientOptions = {
headers: {
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"OData-Version": "" //Really important to specify
'Accept': 'application/json;odata=verbose',
'Content-Type': 'application/json;odata=verbose',
'OData-Version': '' // Really important to specify
},
body: JSON.stringify(listMetadata)
};
let result = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + '/_api/web/lists', SPHttpClient.configurations.v1,options);
let json:any = await result.json();
const result: SPHttpClientResponse = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + '/_api/web/lists', SPHttpClient.configurations.v1, options);
// tslint:disable-next-line: no-any
const json: any = await result.json();
console.log(json);
}
async AddListColumnMultiLineText(name:string){
var listMetadata = {
'__metadata': {'type':'SP.FieldNumber'},
'FieldTypeKind': 3,
'Title': name,
private async AddListColumnMultiLineText(name: string): Promise<void> {
const listMetadata: {} = {
'__metadata': { 'type': 'SP.FieldNumber' },
'FieldTypeKind': 3,
'Title': name
};
var options: ISPHttpClientOptions = {
const options: ISPHttpClientOptions = {
headers: {
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"OData-Version": "" //Really important to specify
'Accept': 'application/json;odata=verbose',
'Content-Type': 'application/json;odata=verbose',
'OData-Version': '' // Really important to specify
},
body: JSON.stringify(listMetadata)
};
let result = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + "/_api/web/lists/getbytitle('WordGameList')/fields", SPHttpClient.configurations.v1,options);
let json:any = await result.json();
const result: SPHttpClientResponse = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl
+ "/_api/web/lists/getbytitle('WordGameList')/fields",
SPHttpClient.configurations.v1, options);
// tslint:disable-next-line: no-any
const json: any = await result.json();
console.log(json);
}
async AddListColumnNumber(name:string){
var listMetadata = {
'__metadata': {'type':'SP.FieldNumber'},
'FieldTypeKind': 9,
'Title': name,
'MinimumValue': 0,
'MaximumValue': 1000000
private async AddListColumnNumber(name: string): Promise<void> {
const listMetadata: {} = {
'__metadata': { 'type': 'SP.FieldNumber' },
'FieldTypeKind': 9,
'Title': name,
'MinimumValue': 0,
'MaximumValue': 1000000
};
var options: ISPHttpClientOptions = {
const options: ISPHttpClientOptions = {
headers: {
"Accept": "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"OData-Version": "" //Really important to specify
'Accept': 'application/json;odata=verbose',
'Content-Type': 'application/json;odata=verbose',
'OData-Version': '' // Really important to specify
},
body: JSON.stringify(listMetadata)
};
let result = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + "/_api/web/lists/getbytitle('WordGameList')/fields", SPHttpClient.configurations.v1,options);
let json:any = await result.json();
const result: SPHttpClientResponse = await this.context.spHttpClient.post(
this.context.pageContext.web.absoluteUrl + "/_api/web/lists/getbytitle('WordGameList')/fields",
SPHttpClient.configurations.v1, options);
// tslint:disable-next-line: no-any
const json: any = await result.json();
console.log(json);
}
}
export class WordGameListItem{
Name:string;
Score:number;
Seconds:number;
Details:string;
constructor(name:string,score:number,seconds:number,details:string){
this.Name = name;
this.Score = score;
this.Seconds = seconds;
this.Details = details;
}
}