Compare commits
2 Commits
handle-use
...
revert-1-b
| Author | SHA1 | Date | |
|---|---|---|---|
|
118ab329d9 | ||
|
|
c179e5e876 |
12
README.md
12
README.md
@@ -1,12 +0,0 @@
|
|||||||
first terminal
|
|
||||||
cd web
|
|
||||||
npm install
|
|
||||||
npm start
|
|
||||||
|
|
||||||
second terminal
|
|
||||||
cd backend
|
|
||||||
npm install
|
|
||||||
node express.js
|
|
||||||
|
|
||||||
requires running mongodb service
|
|
||||||
|
|
||||||
@@ -1,143 +0,0 @@
|
|||||||
var amazonHelper = require('./helpers/amazon');
|
|
||||||
|
|
||||||
require('isomorphic-fetch');
|
|
||||||
|
|
||||||
var express = require('express');
|
|
||||||
var alexa = require('alexa-app');
|
|
||||||
|
|
||||||
var bodyParser = require('body-parser');
|
|
||||||
|
|
||||||
const dbURL = 'mongodb://localhost:27017/tellall';
|
|
||||||
const PORT = 5000;
|
|
||||||
const TOKEN = 'Atza|IwEBIMv0spn-eZhjP8-R2Jjkb4VUi-EY4V3MX-wlJyr2P6YBUmIChl7VKgRberEdQ-Wolp53SqfwHbxlSo4-rdUgFYFAxImB622boeqUBBCtwybP0OTBJBT1CVm_FBr48Li5LkwR9DxPciCnc052ddohpjGuGZxsCqIJo2c-7LPEhH0Lx63VOFgfPIfBsrVqjDbPNrr5ApPUijKYZWurktb6ytTks8eFUSTyv3FDbE5HEng0qpE4mgSjdgBkEc8BgUfpm2QGvctINH9SioUJOJonxgTPYhbD4BEd-jdQHsltKFzkb3-Rm3lFhEu3_CQFxCeQ6yGe1the_qID3vnPfpSY6hyblgF5L_5d7bE7BWg8fm6rSwXv67L2sMwBOji6cuR0wVVvXfYxmgGIMGkVQrq-SPSdtCpx2BvBz2SqqN6a_98svP8ukvhwc_oJsN6VwEmTDFgutNf-XuGkuVii-k9-DncwuwD00LvJG1FhBvbvSyuv-a3LAJSqTmroemTDG0xzLn7ULFY5p-93sM0_ZNGFeW-lL_r1ldqM_5lFRKDta1Tkg7lT9-rHftgnpGs4zv7vGLIPzHpNiXjsKyCk-wMQrihhWlR15kiz7oKDeTf6wCIETg';
|
|
||||||
const USER_ID = 'amzn1.ask.account.AGE34MG3VIQ75D4Q5CXFK25GUOXHZ2MIVSII3QUCOT3CP44IPE25PLD3DWW7HLWO2KVC7PC7VUXSZZEFPVHJ6PTDYVYYESJE35CE6VEXCE3BI3AK24TGO4CJXFF3SZ7IA4QVJRZC6EN4MUF2WUP4IB4CGDLRZZMYQENOFNBYWFXZHMZ5PA6S6ERK7NGEPUSDHXWKH26UGMIATMI';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var MongoClient = require ('mongodb').MongoClient;
|
|
||||||
var ObjectID = require ('mongodb').ObjectID;
|
|
||||||
|
|
||||||
const router = express.Router ();
|
|
||||||
|
|
||||||
router.get ('/getSkill/:id', async (req, res, next) => {
|
|
||||||
try {
|
|
||||||
const id = req.params.id;
|
|
||||||
|
|
||||||
if (id.length !== 24){
|
|
||||||
res.json([]);
|
|
||||||
throw("error");
|
|
||||||
}
|
|
||||||
|
|
||||||
db.collection ('skill_list').find({_id: ObjectID(id)}).toArray((err,result)=>{
|
|
||||||
if (err){
|
|
||||||
throw err;
|
|
||||||
res.json([]);
|
|
||||||
}else{
|
|
||||||
res.json(result);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
} catch (e) {
|
|
||||||
console.log ('error:', e);
|
|
||||||
next (e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
router.get ('/deleteSkill/:skillID', async (req, res, next) => {
|
|
||||||
try {
|
|
||||||
let id = req.params.id;
|
|
||||||
let result = db.collection('skill_list').remove({_id: ObjectID(id)},(err,result)=>{
|
|
||||||
if (err) throw err;
|
|
||||||
res.json(result);
|
|
||||||
});
|
|
||||||
} catch (e) {
|
|
||||||
console.log ('error:', e);
|
|
||||||
next (e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
router.post ('/updateSkill/:id', async (req, res, next) => {
|
|
||||||
try {
|
|
||||||
let id = req.params.id;
|
|
||||||
let skill = req.body;
|
|
||||||
delete skill._id;
|
|
||||||
if (id !== '-1'){
|
|
||||||
let completeResult = {databaseUpdate:false, amazonUpdate:false, amazonMessage:''};
|
|
||||||
|
|
||||||
let result = db.collection('skill_list').update({_id: ObjectID(id)}, skill,{upsert:true}, (err, result)=>{
|
|
||||||
if (err) throw(err);
|
|
||||||
|
|
||||||
completeResult.databaseUpdate = (JSON.parse(result).nModified===1);
|
|
||||||
|
|
||||||
let generatedInteractionModel = amazonHelper.generateInteractionModel(skill);
|
|
||||||
|
|
||||||
fetch(`https://api.amazonalexa.com/v0/skills/${skill.skillID}/interactionModel/locales/en-US`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
Authorization: TOKEN
|
|
||||||
},
|
|
||||||
body: generatedInteractionModel
|
|
||||||
}).then(l=>l.text()).then(result=>{
|
|
||||||
completeResult.amazonUpdate = (JSON.stringify(result)===JSON.stringify({}));
|
|
||||||
completeResult.amazonMessage = JSON.stringify(result);
|
|
||||||
res.json(completeResult);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
//no new skills for now
|
|
||||||
}
|
|
||||||
|
|
||||||
} catch (e) {
|
|
||||||
console.log ('error:', e);
|
|
||||||
next (e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var app = express();
|
|
||||||
|
|
||||||
// ALWAYS setup the alexa app and attach it to express before anything else.
|
|
||||||
var alexaApp = new alexa.app('step3');
|
|
||||||
|
|
||||||
alexaApp.express({
|
|
||||||
expressApp: app,
|
|
||||||
|
|
||||||
// verifies requests come from amazon alexa. Must be enabled for production.
|
|
||||||
// You can disable this if you're running a dev environment and want to POST
|
|
||||||
// things to test behavior. enabled by default.
|
|
||||||
checkCert: false,
|
|
||||||
|
|
||||||
// sets up a GET route when set to true. This is handy for testing in
|
|
||||||
// development, but not recommended for production. disabled by default
|
|
||||||
debug: true
|
|
||||||
});
|
|
||||||
|
|
||||||
// now POST calls to /test in express will be handled by the app.request() function
|
|
||||||
|
|
||||||
// from here on you can setup any other express routes or middlewares as normal
|
|
||||||
|
|
||||||
app.use (function (req, res, next) {
|
|
||||||
res.header ('Access-Control-Allow-Origin', '*');
|
|
||||||
res.header (
|
|
||||||
'Access-Control-Allow-Headers',
|
|
||||||
'Origin, Content-Type'
|
|
||||||
);
|
|
||||||
res.header ('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
|
|
||||||
res.header ('Access-Control-Allow-Credentials', 'true');
|
|
||||||
next ();
|
|
||||||
});
|
|
||||||
|
|
||||||
app.use (bodyParser.json ());
|
|
||||||
app.use ('/', router);
|
|
||||||
|
|
||||||
|
|
||||||
MongoClient.connect (dbURL).then (database => {
|
|
||||||
db = database;
|
|
||||||
db.collection ('intent_list');
|
|
||||||
app.listen (PORT, () =>
|
|
||||||
console.log ('Express server running on port ' + PORT)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
require('isomorphic-fetch');
|
|
||||||
|
|
||||||
var ObjectID = require ('mongodb').ObjectID;
|
|
||||||
|
|
||||||
|
|
||||||
var getBuildStatus = function(skillID){
|
|
||||||
try{
|
|
||||||
fetch(`https://api.amazonalexa.com/v0/skills/${skillID}/interactionModel/locales/en-US/status`, {
|
|
||||||
method: 'GET',
|
|
||||||
headers: {
|
|
||||||
Authorization: TOKEN
|
|
||||||
},
|
|
||||||
}).then(l=>l.text()).then(result=>{
|
|
||||||
return result;
|
|
||||||
});
|
|
||||||
}catch(e){
|
|
||||||
console.log("err : " + e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
generateInteractionModel: function(skill){
|
|
||||||
try{
|
|
||||||
let result = {};
|
|
||||||
let allIntents = [];
|
|
||||||
let defaultIntents = [{
|
|
||||||
name: "AMAZON.CancelIntent",
|
|
||||||
samples: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "AMAZON.HelpIntent",
|
|
||||||
samples: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "AMAZON.StopIntent",
|
|
||||||
samples: []
|
|
||||||
}];
|
|
||||||
|
|
||||||
/*
|
|
||||||
defaultIntents.map(intent=>{
|
|
||||||
allIntents.push(intent);
|
|
||||||
});
|
|
||||||
*/
|
|
||||||
|
|
||||||
skill.intents.map(intent=>{
|
|
||||||
allIntents.push({name: intent.intentName, samples: intent.questions});
|
|
||||||
});
|
|
||||||
|
|
||||||
result.interactionModel = {};
|
|
||||||
|
|
||||||
result.interactionModel.languageModel = {
|
|
||||||
invocationName: skill.invocationName,
|
|
||||||
intents: allIntents
|
|
||||||
};
|
|
||||||
|
|
||||||
return JSON.stringify(result);
|
|
||||||
}catch(e){
|
|
||||||
console.log("error generate : " + e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
43
express.js
Normal file
43
express.js
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
var express = require("express");
|
||||||
|
var alexa = require("alexa-app");
|
||||||
|
|
||||||
|
var PORT = process.env.port || 5000;
|
||||||
|
var app = express();
|
||||||
|
|
||||||
|
// ALWAYS setup the alexa app and attach it to express before anything else.
|
||||||
|
var alexaApp = new alexa.app("step1");
|
||||||
|
|
||||||
|
alexaApp.express({
|
||||||
|
expressApp: app,
|
||||||
|
|
||||||
|
// verifies requests come from amazon alexa. Must be enabled for production.
|
||||||
|
// You can disable this if you're running a dev environment and want to POST
|
||||||
|
// things to test behavior. enabled by default.
|
||||||
|
checkCert: false,
|
||||||
|
|
||||||
|
// sets up a GET route when set to true. This is handy for testing in
|
||||||
|
// development, but not recommended for production. disabled by default
|
||||||
|
debug: true
|
||||||
|
});
|
||||||
|
|
||||||
|
// now POST calls to /test in express will be handled by the app.request() function
|
||||||
|
|
||||||
|
// from here on you can setup any other express routes or middlewares as normal
|
||||||
|
app.set("view engine", "ejs");
|
||||||
|
|
||||||
|
alexaApp.launch(function(request, response) {
|
||||||
|
response.say("You launched Saburly app!");
|
||||||
|
});
|
||||||
|
|
||||||
|
alexaApp.intent("GetProcessIntent", {
|
||||||
|
"utterances": [
|
||||||
|
"tell me about projects", "say something about your project", "what are your projects"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
function(request, response) {
|
||||||
|
response.say("We collaborate closely with our clients at each step of the developmentprocess. From designing the UX to developing the front-end andarchitecting the back-end.");
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
app.listen(PORT);
|
||||||
|
console.log("Listening on port " + PORT + ", try http://localhost:" + PORT + "/step1");
|
||||||
14
lambda.js
Normal file
14
lambda.js
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
var alexa = require("alexa-app");
|
||||||
|
var find = require("find-my-iphone");
|
||||||
|
|
||||||
|
var app = new alexa.app();
|
||||||
|
app.launch(function(request, response) {
|
||||||
|
find("me@icloud.com", "mypassword", "iPhone", function() {
|
||||||
|
response.say("OK").send();
|
||||||
|
});
|
||||||
|
// because this is an async handler
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
// connect to lambda
|
||||||
|
exports.handler = app.lambda();
|
||||||
@@ -4,11 +4,10 @@
|
|||||||
"description": "",
|
"description": "",
|
||||||
"main": "test.js",
|
"main": "test.js",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"alexa-app": "4.2.0",
|
|
||||||
"body-parser": "^1.13.1",
|
"body-parser": "^1.13.1",
|
||||||
"ejs": "^2.3.1",
|
"ejs": "^2.3.1",
|
||||||
"express": "^4.13.0",
|
"express": "^4.13.0",
|
||||||
"isomorphic-fetch": "^2.2.1"
|
"alexa-app": "4.2.0"
|
||||||
},
|
},
|
||||||
"author": "Matt Kruse <github@mattkruse.com> (http://mattkruse.com/)",
|
"author": "Matt Kruse <github@mattkruse.com> (http://mattkruse.com/)",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
116
template.js
Normal file
116
template.js
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
var template = {};
|
||||||
|
// LaunchRequest template
|
||||||
|
template.launch = {
|
||||||
|
"version": "1.0",
|
||||||
|
"session": {
|
||||||
|
"new": true,
|
||||||
|
"sessionId": "amzn1.echo-api.session.abeee1a7-aee0-41e6-8192-e6faaed9f5ef",
|
||||||
|
"attributes": {},
|
||||||
|
"application": {
|
||||||
|
"applicationId": "amzn1.ask.skill.7115bfc9-313e-4728-830b-ebd19ce96cb3"
|
||||||
|
|
||||||
|
},
|
||||||
|
"user": {
|
||||||
|
"userId": "amzn1.account.AM3B227HF3FAM1B261HK7FFM3A2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"request": {
|
||||||
|
"type": "LaunchRequest",
|
||||||
|
"requestId": "amzn1.echo-api.request.9cdaa4db-f20e-4c58-8d01-c75322d6c423"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// IntentRequest template
|
||||||
|
template.intent = {
|
||||||
|
"version": "1.0",
|
||||||
|
"session": {
|
||||||
|
"new": false,
|
||||||
|
"sessionId": "amzn1.echo-api.session.abeee1a7-aee0-41e6-8192-e6faaed9f5ef",
|
||||||
|
"attributes": {},
|
||||||
|
"application": {
|
||||||
|
"applicationId": "amzn1.ask.skill.7115bfc9-313e-4728-830b-ebd19ce96cb3"
|
||||||
|
},
|
||||||
|
"user": {
|
||||||
|
"userId": "amzn1.account.AM3B227HF3FAM1B261HK7FFM3A2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"request": {
|
||||||
|
"type": "IntentRequest",
|
||||||
|
"requestId": "amzn1.echo-api.request.6919844a-733e-4e89-893a-fdcb77e2ef0d",
|
||||||
|
"intent": {
|
||||||
|
"name": "sampleIntent",
|
||||||
|
"slots": {
|
||||||
|
"NAME": {
|
||||||
|
"name": "NAME",
|
||||||
|
"value": "Matt"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// errorIntent template
|
||||||
|
template.errorIntent = {
|
||||||
|
"version": "1.0",
|
||||||
|
"session": {
|
||||||
|
"new": false,
|
||||||
|
"sessionId": "amzn1.echo-api.session.abeee1a7-aee0-41e6-8192-e6faaed9f5ef",
|
||||||
|
"attributes": {},
|
||||||
|
"application": {
|
||||||
|
"applicationId": "amzn1.ask.skill.7115bfc9-313e-4728-830b-ebd19ce96cb3"
|
||||||
|
},
|
||||||
|
"user": {
|
||||||
|
"userId": "amzn1.account.AM3B227HF3FAM1B261HK7FFM3A2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"request": {
|
||||||
|
"type": "IntentRequest",
|
||||||
|
"requestId": "amzn1.echo-api.request.6919844a-733e-4e89-893a-fdcb77e2ef0d",
|
||||||
|
"intent": {
|
||||||
|
"name": "errorIntent",
|
||||||
|
"slots": {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// missingIntent template
|
||||||
|
template.missingIntent = {
|
||||||
|
"version": "1.0",
|
||||||
|
"session": {
|
||||||
|
"new": false,
|
||||||
|
"sessionId": "amzn1.echo-api.session.abeee1a7-aee0-41e6-8192-e6faaed9f5ef",
|
||||||
|
"attributes": {},
|
||||||
|
"application": {
|
||||||
|
"applicationId": "amzn1.ask.skill.7115bfc9-313e-4728-830b-ebd19ce96cb3"
|
||||||
|
},
|
||||||
|
"user": {
|
||||||
|
"userId": "amzn1.account.AM3B227HF3FAM1B261HK7FFM3A2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"request": {
|
||||||
|
"type": "IntentRequest",
|
||||||
|
"requestId": "amzn1.echo-api.request.6919844a-733e-4e89-893a-fdcb77e2ef0d",
|
||||||
|
"intent": {
|
||||||
|
"name": "missingIntent",
|
||||||
|
"slots": {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// SessionEndedRequest template
|
||||||
|
template.session_end = {
|
||||||
|
"version": "1.0",
|
||||||
|
"session": {
|
||||||
|
"new": false,
|
||||||
|
"sessionId": "amzn1.echo-api.session.abeee1a7-aee0-41e6-8192-e6faaed9f5ef",
|
||||||
|
"attributes": {},
|
||||||
|
"application": {
|
||||||
|
"applicationId": "amzn1.ask.skill.7115bfc9-313e-4728-830b-ebd19ce96cb3"
|
||||||
|
},
|
||||||
|
"user": {
|
||||||
|
"userId": "amzn1.account.AM3B227HF3FAM1B261HK7FFM3A2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"request": {
|
||||||
|
"type": "SessionEndedRequest",
|
||||||
|
"requestId": "amzn1.echo-api.request.d8c37cd6-0e1c-458e-8877-5bb4160bf1e1",
|
||||||
|
"reason": "USER_INITIATED"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
module.exports = template;
|
||||||
79
test.js
Normal file
79
test.js
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
var alexa = require("alexa-app");
|
||||||
|
var template = require("./template.js");
|
||||||
|
|
||||||
|
var app = new alexa.app("test");
|
||||||
|
|
||||||
|
app.dictionary = {
|
||||||
|
"names": ["Bob", "Jack", "Matt", "Mary", "Jane", "Bill"]
|
||||||
|
};
|
||||||
|
|
||||||
|
app.launch(function(request, response) {
|
||||||
|
response.say("App launched!");
|
||||||
|
});
|
||||||
|
|
||||||
|
app.intent("sampleIntent", {
|
||||||
|
"slots": { "NAME": "LITERAL", "AGE": "NUMBER" },
|
||||||
|
"utterances": ["my {name is|name's} {names|NAME} and {I am|I'm} {1-100|AGE}{ years old|}"]
|
||||||
|
},
|
||||||
|
function(request, response) {
|
||||||
|
setTimeout(function() {
|
||||||
|
response.say("After timeout!").say(" test ").reprompt("Reprompt");
|
||||||
|
response.send();
|
||||||
|
}, 1000);
|
||||||
|
// We are async!
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
app.intent("errorIntent", function(request, response) {
|
||||||
|
response.say(someVariableThatDoesntExist);
|
||||||
|
});
|
||||||
|
|
||||||
|
// output the schema
|
||||||
|
console.log("\n\nSCHEMA:\n\n" + app.schema() + "\n\n");
|
||||||
|
// output sample utterances
|
||||||
|
console.log("\n\nUTTERANCES:\n\n" + app.utterances() + "\n\n");
|
||||||
|
|
||||||
|
// test pre() and post() functions
|
||||||
|
app.pre = function(request, response, type) {
|
||||||
|
response.say("This part of the output is from pre(). ");
|
||||||
|
};
|
||||||
|
app.post = function(request, response, type, exception) {
|
||||||
|
if (exception) {
|
||||||
|
response.clear().say("An error occured: " + exception).send();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// error example
|
||||||
|
app.request(template.errorIntent)
|
||||||
|
.then(function(response) {
|
||||||
|
console.log(JSON.stringify(response, null, 3));
|
||||||
|
});
|
||||||
|
|
||||||
|
// async example
|
||||||
|
app.request(template.intent)
|
||||||
|
.then(function(response) {
|
||||||
|
console.log(JSON.stringify(response, null, 3));
|
||||||
|
});
|
||||||
|
|
||||||
|
// synchronous example
|
||||||
|
app.request(template.launch)
|
||||||
|
.then(function(response) {
|
||||||
|
console.log(JSON.stringify(response, null, 3));
|
||||||
|
});
|
||||||
|
|
||||||
|
// error example
|
||||||
|
app.messages.NO_INTENT_FOUND = "Why you called dat intent? I don't know bout dat";
|
||||||
|
app.request(template.missingIntent)
|
||||||
|
.then(function(response) {
|
||||||
|
console.log(JSON.stringify(response, null, 3));
|
||||||
|
});
|
||||||
|
|
||||||
|
// error handler example
|
||||||
|
app.error = function(e, request, response) {
|
||||||
|
response.say("I captured the exception! It was: " + e.message);
|
||||||
|
};
|
||||||
|
app.request(template.errorIntent)
|
||||||
|
.then(function(response) {
|
||||||
|
console.log(JSON.stringify(response, null, 3));
|
||||||
|
});
|
||||||
10
views/test.ejs
Normal file
10
views/test.ejs
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<div style="white-space:pre;border:1px solid black;margin:5px;padding:5px;font-family:monospace;">
|
||||||
|
Schema:
|
||||||
|
|
||||||
|
<%=schema%>
|
||||||
|
|
||||||
|
Utterances:
|
||||||
|
|
||||||
|
<%=utterances%>
|
||||||
|
|
||||||
|
</div>
|
||||||
23
web/.gitignore
vendored
23
web/.gitignore
vendored
@@ -1,23 +0,0 @@
|
|||||||
# See https://help.github.com/ignore-files/ for more about ignoring files.
|
|
||||||
|
|
||||||
# dependencies
|
|
||||||
/node_modules
|
|
||||||
|
|
||||||
# testing
|
|
||||||
/coverage
|
|
||||||
|
|
||||||
# production
|
|
||||||
/build
|
|
||||||
|
|
||||||
# misc
|
|
||||||
.DS_Store
|
|
||||||
.env.local
|
|
||||||
.env.development.local
|
|
||||||
.env.test.local
|
|
||||||
.env.production.local
|
|
||||||
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
|
|
||||||
src/**/*.css
|
|
||||||
2229
web/README.md
2229
web/README.md
File diff suppressed because it is too large
Load Diff
@@ -1,27 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "web",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"dependencies": {
|
|
||||||
"react": "^16.2.0",
|
|
||||||
"react-dom": "^16.2.0",
|
|
||||||
"react-md": "^1.2.8",
|
|
||||||
"react-scripts": "1.0.17",
|
|
||||||
"webfontloader": "^1.6.28"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"build-css": "node-sass-chokidar --include-path ./node_modules src/ -o src/",
|
|
||||||
"watch-css-mine": "npm run build-css && npm run build-css --watch --recursive",
|
|
||||||
"watch-css": "nodemon -e scss -x \"npm run watch-css-mine\"",
|
|
||||||
"start-js": "react-scripts start",
|
|
||||||
"start": "npm-run-all -p watch-css start-js",
|
|
||||||
"build": "react-scripts build",
|
|
||||||
"test": "react-scripts test --env=jsdom",
|
|
||||||
"eject": "react-scripts eject"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"node-sass": "^4.7.2",
|
|
||||||
"nodemon": "^1.12.1",
|
|
||||||
"npm-run-all": "^4.1.2"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
@@ -1,40 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
<meta name="theme-color" content="#000000">
|
|
||||||
<!--
|
|
||||||
manifest.json provides metadata used when your web app is added to the
|
|
||||||
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
|
|
||||||
-->
|
|
||||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
|
|
||||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
|
||||||
<!--
|
|
||||||
Notice the use of %PUBLIC_URL% in the tags above.
|
|
||||||
It will be replaced with the URL of the `public` folder during the build.
|
|
||||||
Only files inside the `public` folder can be referenced from the HTML.
|
|
||||||
|
|
||||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
||||||
work correctly both with client-side routing and a non-root public URL.
|
|
||||||
Learn how to configure a non-root public URL by running `npm run build`.
|
|
||||||
-->
|
|
||||||
<title>React App</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<noscript>
|
|
||||||
You need to enable JavaScript to run this app.
|
|
||||||
</noscript>
|
|
||||||
<div id="root"></div>
|
|
||||||
<!--
|
|
||||||
This HTML file is a template.
|
|
||||||
If you open it directly in the browser, you will see an empty page.
|
|
||||||
|
|
||||||
You can add webfonts, meta tags, or analytics to this file.
|
|
||||||
The build step will place the bundled scripts into the <body> tag.
|
|
||||||
|
|
||||||
To begin the development, run `npm start` or `yarn start`.
|
|
||||||
To create a production bundle, use `npm run build` or `yarn build`.
|
|
||||||
-->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
{
|
|
||||||
"short_name": "React App",
|
|
||||||
"name": "Create React App Sample",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "favicon.ico",
|
|
||||||
"sizes": "64x64 32x32 24x24 16x16",
|
|
||||||
"type": "image/x-icon"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"start_url": "./index.html",
|
|
||||||
"display": "standalone",
|
|
||||||
"theme_color": "#000000",
|
|
||||||
"background_color": "#ffffff"
|
|
||||||
}
|
|
||||||
161
web/src/App.js
161
web/src/App.js
@@ -1,161 +0,0 @@
|
|||||||
import React, { Component } from 'react';
|
|
||||||
import './css/App.css';
|
|
||||||
import IntentList from './components/IntentList';
|
|
||||||
import IntentDetails from './components/IntentDetails';
|
|
||||||
import LaunchRequest from './components/LaunchRequest';
|
|
||||||
|
|
||||||
import {getSkill, updateSkill} from './lib/api'
|
|
||||||
|
|
||||||
class App extends Component {
|
|
||||||
|
|
||||||
constructor(props){
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state={_id:'5a232fb86ce046c749739455',
|
|
||||||
skillID:'',
|
|
||||||
skillName:'',
|
|
||||||
invocationName:'Saburly',
|
|
||||||
invocationAnswer:'We are saburly',
|
|
||||||
allIntents:[],
|
|
||||||
selectedIntent: {intentName:'',questions:[''],answer:''},
|
|
||||||
selectedIndex:-1,
|
|
||||||
launchRequest:false};
|
|
||||||
|
|
||||||
getSkill(this.state._id).then(l=> l.text()).then(result=>{
|
|
||||||
let jResult = JSON.parse(result)[0];
|
|
||||||
if (jResult===undefined) return;
|
|
||||||
this.setState({ skillID:jResult.skillID,skillName:jResult.skillName, invocationName: jResult.invocationName,
|
|
||||||
invocationAnswer: jResult.invocationAnswer,
|
|
||||||
allIntents: jResult.intents})
|
|
||||||
})
|
|
||||||
|
|
||||||
this.handleIntentClick = this.handleIntentClick.bind(this);
|
|
||||||
this.handleLaunchRequestClick = this.handleLaunchRequestClick.bind(this);
|
|
||||||
this.handleDeleteIntentClick = this.handleDeleteIntentClick.bind(this);
|
|
||||||
this.handleSaveIntentClick = this.handleSaveIntentClick.bind(this);
|
|
||||||
this.handleAddIntentClick = this.handleAddIntentClick.bind(this);
|
|
||||||
this.handleSaveLaunchRequestClick = this.handleSaveLaunchRequestClick.bind(this);
|
|
||||||
this.createSkill = this.createSkill.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
if(this.state.launchRequest){
|
|
||||||
return (
|
|
||||||
<div className="App">
|
|
||||||
<div className="App-header">
|
|
||||||
<h1> Tell All </h1>
|
|
||||||
</div>
|
|
||||||
<IntentList allIntents={this.state.allIntents}
|
|
||||||
onLaunchRequestClick={this.handleLaunchRequestClick}
|
|
||||||
onIntentClick={this.handleIntentClick}
|
|
||||||
onAddIntentClick={this.handleAddIntentClick}
|
|
||||||
selectedIndex={this.state.selectedIndex}>
|
|
||||||
</IntentList>
|
|
||||||
<LaunchRequest invocationName={this.state.invocationName}
|
|
||||||
invocationAnswer={this.state.invocationAnswer}
|
|
||||||
onSaveClick={this.handleSaveLaunchRequestClick}> </LaunchRequest>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}else{
|
|
||||||
return (
|
|
||||||
<div className="App">
|
|
||||||
<div className="App-header">
|
|
||||||
<h1> Tell All </h1>
|
|
||||||
</div>
|
|
||||||
<IntentList allIntents={this.state.allIntents}
|
|
||||||
onLaunchRequestClick={this.handleLaunchRequestClick}
|
|
||||||
onIntentClick={this.handleIntentClick}
|
|
||||||
onAddIntentClick={this.handleAddIntentClick}
|
|
||||||
selectedIndex={this.state.selectedIndex}>
|
|
||||||
</IntentList>
|
|
||||||
<IntentDetails selectedIntent={this.state.selectedIntent}
|
|
||||||
onDeleteIntentClick={this.handleDeleteIntentClick}
|
|
||||||
onSaveIntentClick={this.handleSaveIntentClick}>
|
|
||||||
</IntentDetails>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
createSkill(intents, name, answer){
|
|
||||||
return {
|
|
||||||
_id: this.state._id,
|
|
||||||
skillID: this.state.skillID,
|
|
||||||
intents: intents,
|
|
||||||
invocationName: (name===undefined) ? this.state.invocationName : name,
|
|
||||||
invocationAnswer: (answer===undefined)? this.state.invocationAnswer: answer
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
handleIntentClick(selectedIntent, index){
|
|
||||||
this.setState({selectedIntent:selectedIntent, selectedIndex: index, launchRequest:false});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleLaunchRequestClick(){
|
|
||||||
this.setState({selectedIndex: -2, launchRequest:true});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSaveLaunchRequestClick(name, answer){
|
|
||||||
this.setState({invocationName: name, invocationAnswer: answer});
|
|
||||||
try{
|
|
||||||
updateSkill(this.createSkill(this.state.allIntents,name,answer)).then(l=>l.text()).then(result=>{
|
|
||||||
let jResult = JSON.parse(result);
|
|
||||||
if (!(jResult.databaseUpdate && jResult.amazonUpdate)){
|
|
||||||
alert('Database update : ' + jResult.databaseUpdate + '\r\nAmazon update : ' + jResult.amazonUpdate + '\r\nMessage : ' + jResult.amazonMessage);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}catch(e){
|
|
||||||
alert("exception");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleDeleteIntentClick(selectedIntent){
|
|
||||||
let id = this.state.allIntents.indexOf(selectedIntent);
|
|
||||||
if (id!==-1){
|
|
||||||
try{
|
|
||||||
//I don't like this, state in database is different than component state, for some time
|
|
||||||
//TODO : move database operation in componentWillUpdate or componentDidUpdate
|
|
||||||
let newAllIntents = this.state.allIntents;
|
|
||||||
newAllIntents.splice(id,1);
|
|
||||||
this.setState({allIntents: newAllIntents, selectedIntent: {intentName:'', questions:[''],answer:''}});
|
|
||||||
updateSkill(this.createSkill(newAllIntents)).then(l=>l.text()).then(result=>{
|
|
||||||
let jResult = JSON.parse(result);
|
|
||||||
if (!(jResult.databaseUpdate && jResult.amazonUpdate)){
|
|
||||||
alert('Database update : ' + jResult.databaseUpdate + '\r\nAmazon update : ' + jResult.amazonUpdate + '\r\nMessage : ' + jResult.amazonMessage);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}catch(e){
|
|
||||||
alert("exception");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
handleSaveIntentClick(selectedIntent){
|
|
||||||
let newAllIntents = this.state.allIntents;
|
|
||||||
if (this.state.selectedIndex === -1){
|
|
||||||
//new intent
|
|
||||||
newAllIntents.push(selectedIntent);
|
|
||||||
this.setState({allIntents: newAllIntents, selectedIntent: selectedIntent, selectedIndex: newAllIntents.length-1});
|
|
||||||
}else{
|
|
||||||
newAllIntents[this.state.selectedIndex] = selectedIntent;
|
|
||||||
this.setState({allIntents: newAllIntents, selectedIntent: selectedIntent});
|
|
||||||
}
|
|
||||||
try{
|
|
||||||
updateSkill(this.createSkill(newAllIntents)).then(l=>l.text()).then(result=>{
|
|
||||||
let jResult = JSON.parse(result);
|
|
||||||
if (!(jResult.databaseUpdate && jResult.amazonUpdate)){
|
|
||||||
alert('Database update : ' + jResult.databaseUpdate + '\r\nAmazon update : ' + jResult.amazonUpdate + '\r\nMessage : ' + jResult.amazonMessage);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}catch(e){
|
|
||||||
alert("exception");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleAddIntentClick(){
|
|
||||||
this.setState({allIntents: this.state.allIntents, selectedIndex: -1,launchRequest:false,selectedIntent: {intentName:'',questions:[''], answer:''}});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default App;
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import ReactDOM from 'react-dom';
|
|
||||||
import App from './App';
|
|
||||||
|
|
||||||
it('renders without crashing', () => {
|
|
||||||
const div = document.createElement('div');
|
|
||||||
ReactDOM.render(<App />, div);
|
|
||||||
});
|
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
import React, { Component } from 'react';
|
|
||||||
import {Button, SVGIcon, TextField} from 'react-md';
|
|
||||||
import '../css/Intent.css'
|
|
||||||
import {QUESTION_MAX_LENGTH, ANSWER_MAX_LENGTH, INTENT_NAME_MAX_LENGTH} from '../config';
|
|
||||||
|
|
||||||
class IntentDetails extends Component {
|
|
||||||
constructor(props){
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state= {intent: props.selectedIntent};
|
|
||||||
|
|
||||||
this.addQuestion = this.addQuestion.bind(this);
|
|
||||||
this.deleteQuestion = this.deleteQuestion.bind(this);
|
|
||||||
this.handleQuestionEdit = this.handleQuestionEdit.bind(this);
|
|
||||||
this.handleAnswerEdit = this.handleAnswerEdit.bind(this);
|
|
||||||
this.handleIntentNameEdit = this.handleIntentNameEdit.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillReceiveProps(props){
|
|
||||||
this.setState({intent: props.selectedIntent});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="IntentDetails">
|
|
||||||
<div className="QuestionBox">
|
|
||||||
<TextField
|
|
||||||
id="intent name"
|
|
||||||
lineDirection="center"
|
|
||||||
placeholder="Intent name"
|
|
||||||
label="Intent name"
|
|
||||||
className="md-cell md-cell--bottom"
|
|
||||||
style={{width:'60%'}}
|
|
||||||
onChange={this.handleIntentNameEdit}
|
|
||||||
maxLength={INTENT_NAME_MAX_LENGTH}
|
|
||||||
value={this.state.intent.intentName} />
|
|
||||||
</div>
|
|
||||||
<h5 style={{marginTop:'20px', marginLeft: '30px', float: 'left'}}>Questions</h5>
|
|
||||||
{
|
|
||||||
this.state.intent.questions.map((question, index)=>{
|
|
||||||
return (
|
|
||||||
<div key={index} className="QuestionBox">
|
|
||||||
<TextField
|
|
||||||
id="intent question"
|
|
||||||
lineDirection="center"
|
|
||||||
placeholder="Question"
|
|
||||||
className="md-cell md-cell--bottom"
|
|
||||||
style={{width:'60%'}}
|
|
||||||
maxLength={QUESTION_MAX_LENGTH}
|
|
||||||
rightIcon={<SVGIcon onClick={()=>{this.deleteQuestion(question)}}> <path fill="#000000" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"/> </SVGIcon>}
|
|
||||||
onChange={(e)=>{this.handleQuestionEdit(e,index)}}
|
|
||||||
value={question}/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
<br></br>
|
|
||||||
{
|
|
||||||
<div className="QuestionBox">
|
|
||||||
<TextField
|
|
||||||
id="intent answer"
|
|
||||||
lineDirection="center"
|
|
||||||
label="Answer"
|
|
||||||
placeholder="Answer"
|
|
||||||
style={{width:'60%'}}
|
|
||||||
maxLength={ANSWER_MAX_LENGTH}
|
|
||||||
className="md-cell md-cell--bottom"
|
|
||||||
onChange={this.handleAnswerEdit}
|
|
||||||
value={this.state.intent.answer}/>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
<br></br>
|
|
||||||
<br></br>
|
|
||||||
<Button style={{float:'left', marginLeft: '25px'}} flat primary onClick={()=>{this.props.onDeleteIntentClick(this.state.intent)}}>Delete intent</Button>
|
|
||||||
<Button style={{float:'left', marginLeft: '22%'}} flat primary swapTheming onClick={this.addQuestion}>Add question</Button>
|
|
||||||
<Button style={{float:'left', marginLeft: '20px'}} flat primary swapTheming onClick={()=>{this.props.onSaveIntentClick(this.state.intent)}}>Save</Button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
addQuestion(){
|
|
||||||
let newIntent = this.state.intent;
|
|
||||||
newIntent.questions.push('');
|
|
||||||
this.setState({intent: newIntent});
|
|
||||||
}
|
|
||||||
|
|
||||||
deleteQuestion(question){
|
|
||||||
let newIntent = this.state.intent;
|
|
||||||
let removeId = newIntent.questions.indexOf(question);
|
|
||||||
if (removeId !== -1)
|
|
||||||
newIntent.questions.splice(removeId,1);
|
|
||||||
|
|
||||||
this.setState({intent: newIntent});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleQuestionEdit(e,index){
|
|
||||||
if (e.length === QUESTION_MAX_LENGTH) return;
|
|
||||||
let newIntent = this.state.intent;
|
|
||||||
newIntent.questions[index] = e;
|
|
||||||
this.setState({intent: newIntent});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleAnswerEdit(e){
|
|
||||||
if (e.length === ANSWER_MAX_LENGTH) return;
|
|
||||||
let newIntent = this.state.intent;
|
|
||||||
newIntent.answer = e;
|
|
||||||
this.setState({intent: newIntent});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleIntentNameEdit(e){
|
|
||||||
if (e.length === INTENT_NAME_MAX_LENGTH) return;
|
|
||||||
//e.replace(/\s/g,'');
|
|
||||||
let newIntent = this.state.intent;
|
|
||||||
newIntent.intentName = e;
|
|
||||||
this.setState({intent: newIntent});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default IntentDetails;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { Component } from 'react';
|
|
||||||
import {Button} from 'react-md';
|
|
||||||
import '../css/Intent.css'
|
|
||||||
import {INTENT_TITLE_MAX_LENGTH, INTENT_TITLE_TOOLTIP_DELAY} from '../config'
|
|
||||||
|
|
||||||
class IntentItem extends Component {
|
|
||||||
|
|
||||||
constructor(props){
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state={intent: props.intent, index: props.index, onClick: props.onClick};
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
let buttonTitle = this.state.intent.intentName;
|
|
||||||
if (buttonTitle.length > INTENT_TITLE_MAX_LENGTH){
|
|
||||||
buttonTitle = this.state.intent.intentName.substr(0,INTENT_TITLE_MAX_LENGTH-1) + '. . .';
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<Button className={this.props.selectedIndex===this.state.index ? 'IntentItem-selected' : 'IntentItem'}
|
|
||||||
onClick={()=>{this.state.onClick(this.state.intent,this.state.index)}}
|
|
||||||
flat
|
|
||||||
tooltipDelay={INTENT_TITLE_TOOLTIP_DELAY}
|
|
||||||
tooltipLabel={this.state.intent.intentName.length>INTENT_TITLE_MAX_LENGTH ? this.state.intent.questions[0] : ''}>
|
|
||||||
{this.state.index+1}. {buttonTitle}
|
|
||||||
</Button>
|
|
||||||
<br></br>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default IntentItem;
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
import React, { Component } from 'react';
|
|
||||||
import {Button} from 'react-md';
|
|
||||||
import IntentItem from './IntentItem';
|
|
||||||
import '../css/Intent.css'
|
|
||||||
|
|
||||||
class IntentList extends Component {
|
|
||||||
constructor (props){
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state = {intents: props.allIntents, selectedIndex:props.selectedIndex, onIntentClick:props.onIntentClick};
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillReceiveProps(props){
|
|
||||||
this.setState({intents: props.allIntents, selectedIndex: props.selectedIndex, onIntentClick: props.onIntentClick});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="IntentList">
|
|
||||||
<Button className={this.props.selectedIndex===-2 ? "LaunchRequest-selected" : "LaunchRequest"} flat primary
|
|
||||||
onClick={this.props.onLaunchRequestClick}>Launch request</Button>
|
|
||||||
<div className="IntentList-title">
|
|
||||||
<h3>Intents</h3>
|
|
||||||
</div>
|
|
||||||
{
|
|
||||||
this.state.intents.map((intent,index)=>{
|
|
||||||
return <IntentItem
|
|
||||||
key={index} intent={intent} index={index}
|
|
||||||
selectedIndex={this.props.selectedIndex}
|
|
||||||
onClick={this.state.onIntentClick}>
|
|
||||||
</IntentItem>
|
|
||||||
})
|
|
||||||
}
|
|
||||||
<br></br>
|
|
||||||
<Button className={"AddIntent"} flat primary swapTheming onClick={this.props.onAddIntentClick}>Add intent</Button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default IntentList;
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
import React, { Component } from 'react';
|
|
||||||
import {Button, TextField} from 'react-md';
|
|
||||||
import '../css/Intent.css'
|
|
||||||
import { INVOCATION_NAME_MAX_LENGTH, INVOCATION_ANSWER_MAX_LENGTH } from '../config';
|
|
||||||
|
|
||||||
class LaunchRequest extends Component {
|
|
||||||
constructor(props){
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state = {invocationName: props.invocationName, invocationAnswer: props.invocationAnswer};
|
|
||||||
|
|
||||||
this.handleNameEdit = this.handleNameEdit.bind(this);
|
|
||||||
this.handleAnswerEdit = this.handleAnswerEdit.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillReceiveProps(props){
|
|
||||||
this.setState({invocationName: props.invocationName, invocationAnswer: props.invocationAnswer});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="LaunchRequestBox">
|
|
||||||
<h5 style={{textAlign:'left', marginTop: '30px', marginLeft: '20px'}}> Invocation name customers use to activate the skill. For example "Open Saburly" or "Talk to Saburly" </h5>
|
|
||||||
<TextField
|
|
||||||
id="invocation name"
|
|
||||||
lineDirection="center"
|
|
||||||
placeholder="Saburly"
|
|
||||||
label="Invocation name"
|
|
||||||
className="md-cell md-cell--bottom"
|
|
||||||
style={{width:'60%', marginLeft: '20px'}}
|
|
||||||
maxLength={INVOCATION_NAME_MAX_LENGTH}
|
|
||||||
onChange={this.handleNameEdit}
|
|
||||||
value={this.state.invocationName}/>
|
|
||||||
<br></br>
|
|
||||||
<h5 style={{textAlign:'left', marginLeft: '20px', marginTop: '30px'}}>Answer customers get from Alexa when they activate the skill.</h5>
|
|
||||||
<TextField
|
|
||||||
id="invocation answer"
|
|
||||||
lineDirection="center"
|
|
||||||
placeholder="We are Saburly, ask us something about us"
|
|
||||||
label="Answer"
|
|
||||||
className="md-cell md-cell--bottom"
|
|
||||||
style={{width:'60%', marginLeft: '20px'}}
|
|
||||||
maxLength={INVOCATION_ANSWER_MAX_LENGTH}
|
|
||||||
onChange={this.handleAnswerEdit}
|
|
||||||
value={this.state.invocationAnswer}/>
|
|
||||||
<br></br>
|
|
||||||
<br></br>
|
|
||||||
<Button style={{float:'right', marginRight: '20px'}} flat primary swapTheming onClick={()=>{this.props.onSaveClick(this.state.invocationName, this.state.invocationAnswer)}}>Save</Button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
handleNameEdit(e){
|
|
||||||
if (e.length === INVOCATION_NAME_MAX_LENGTH) return;
|
|
||||||
this.setState({invocationName: e});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleAnswerEdit(e){
|
|
||||||
if (e.length === INVOCATION_ANSWER_MAX_LENGTH) return;
|
|
||||||
this.setState({invocationAnswer: e});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default LaunchRequest;
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
export const BASE_URL = 'localhost:5000';
|
|
||||||
|
|
||||||
export const INTENT_NAME_MAX_LENGTH = 30;
|
|
||||||
export const QUESTION_MAX_LENGTH = 150;
|
|
||||||
export const ANSWER_MAX_LENGTH = 150;
|
|
||||||
|
|
||||||
export const INTENT_TITLE_MAX_LENGTH = 20;
|
|
||||||
export const INTENT_TITLE_TOOLTIP_DELAY = 700;
|
|
||||||
|
|
||||||
export const INVOCATION_NAME_MAX_LENGTH = 15;
|
|
||||||
export const INVOCATION_ANSWER_MAX_LENGTH = 100;
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
.App {
|
|
||||||
text-align: center; }
|
|
||||||
|
|
||||||
.App-header {
|
|
||||||
background-color: white;
|
|
||||||
height: 80px;
|
|
||||||
padding: 20px; }
|
|
||||||
|
|
||||||
.App-title {
|
|
||||||
font-size: 1.5em; }
|
|
||||||
|
|
||||||
.App-intro {
|
|
||||||
font-size: large; }
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
.App {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-header {
|
|
||||||
background-color:white;
|
|
||||||
height: 80px;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-title {
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-intro {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
/*IntentList and IntentItem CSS*/
|
|
||||||
.IntentList {
|
|
||||||
width: 30%;
|
|
||||||
min-height: 9999px;
|
|
||||||
height: 9999px;
|
|
||||||
float: left;
|
|
||||||
background-color: #eff0f0; }
|
|
||||||
|
|
||||||
.IntentList-title {
|
|
||||||
font-size: 1.5em;
|
|
||||||
height: 70px;
|
|
||||||
padding: 20px;
|
|
||||||
text-align: left;
|
|
||||||
background-color: #eff0f0; }
|
|
||||||
|
|
||||||
.LaunchRequest {
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
background-color: #d8d8d8; }
|
|
||||||
|
|
||||||
.LaunchRequest-selected {
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
background-color: #f5f5f5; }
|
|
||||||
|
|
||||||
.AddIntent {
|
|
||||||
float: right;
|
|
||||||
margin: 12px; }
|
|
||||||
|
|
||||||
.IntentItem {
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
height: 50px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
background-color: #d8d8d8; }
|
|
||||||
|
|
||||||
.IntentItem-selected {
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
height: 50px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
background-color: #f5f5f5; }
|
|
||||||
|
|
||||||
/*IntentDetails CSS*/
|
|
||||||
.IntentDetails {
|
|
||||||
float: left;
|
|
||||||
width: 70%;
|
|
||||||
min-height: 9999px;
|
|
||||||
height: 9999px;
|
|
||||||
background-color: #f5f5f5; }
|
|
||||||
|
|
||||||
.QuestionBox {
|
|
||||||
margin: 25px; }
|
|
||||||
|
|
||||||
/*LaunchRequest CSS*/
|
|
||||||
.LaunchRequestBox {
|
|
||||||
float: left;
|
|
||||||
width: 70%;
|
|
||||||
min-height: 9999px;
|
|
||||||
height: 9999px;
|
|
||||||
background-color: #f5f5f5; }
|
|
||||||
|
|
||||||
.ExplanationText {
|
|
||||||
float: left;
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-left: 20px;
|
|
||||||
text-align: left; }
|
|
||||||
@@ -1,86 +0,0 @@
|
|||||||
/*IntentList and IntentItem CSS*/
|
|
||||||
|
|
||||||
.IntentList{
|
|
||||||
width: 30%;
|
|
||||||
min-height:9999px;
|
|
||||||
height:9999px;
|
|
||||||
float:left;
|
|
||||||
background-color: #eff0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.IntentList-title{
|
|
||||||
font-size: 1.5em;
|
|
||||||
height: 70px;
|
|
||||||
padding: 20px;
|
|
||||||
text-align:left;
|
|
||||||
background-color: #eff0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.LaunchRequest{
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
background-color: #d8d8d8
|
|
||||||
}
|
|
||||||
|
|
||||||
.LaunchRequest-selected{
|
|
||||||
text-align: left;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.AddIntent{
|
|
||||||
float: right;
|
|
||||||
margin: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.IntentItem{
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
height: 50px;
|
|
||||||
width:100%;
|
|
||||||
text-align:left;
|
|
||||||
background-color: #d8d8d8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.IntentItem-selected{
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
height: 50px;
|
|
||||||
width:100%;
|
|
||||||
text-align:left;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/*IntentDetails CSS*/
|
|
||||||
|
|
||||||
.IntentDetails{
|
|
||||||
float: left;
|
|
||||||
width: 70%;
|
|
||||||
min-height:9999px;
|
|
||||||
height:9999px;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.QuestionBox{
|
|
||||||
margin:25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*LaunchRequest CSS*/
|
|
||||||
|
|
||||||
.LaunchRequestBox{
|
|
||||||
float: left;
|
|
||||||
width:70%;
|
|
||||||
min-height: 9999px;
|
|
||||||
height: 9999px;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ExplanationText{
|
|
||||||
float: left;
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-left: 20px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
@import 'react-md/src/scss/react-md';
|
|
||||||
|
|
||||||
// Any variable overrides. The following just changes the default theme to use teal and purple.
|
|
||||||
$md-primary-color: $md-teal-500;
|
|
||||||
$md-secondary-color: $md-purple-a-400;
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
|||||||
@import 'globals';
|
|
||||||
|
|
||||||
@include react-md-everything;
|
|
||||||
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import ReactDOM from 'react-dom';
|
|
||||||
import './css/index.css';
|
|
||||||
import App from './App';
|
|
||||||
import registerServiceWorker from './registerServiceWorker';
|
|
||||||
|
|
||||||
import WebFontLoader from 'webfontloader';
|
|
||||||
|
|
||||||
WebFontLoader.load({
|
|
||||||
google: {
|
|
||||||
families: ['Roboto:300,400,500,700', 'Material Icons'],
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
ReactDOM.render(<App />, document.getElementById('root'));
|
|
||||||
registerServiceWorker();
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
import fetch from 'isomorphic-fetch';
|
|
||||||
import {BASE_URL} from '../config';
|
|
||||||
|
|
||||||
export const getAllIntents = (id)=>{
|
|
||||||
let url = `http://${BASE_URL}/intents/${id}`
|
|
||||||
return fetch(url, {method: 'GET'});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const getSkill = (id)=>{
|
|
||||||
let url = `http://${BASE_URL}/getSkill/${id}`
|
|
||||||
return fetch(url, {method: 'GET'});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const deleteSkill = (id)=>{
|
|
||||||
let url = `http://${BASE_URL}/deleteSkill/${id}`
|
|
||||||
return fetch(url, {method: 'GET'});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const updateSkill = (skill)=>{
|
|
||||||
let id = (skill._id) ? skill._id : -1;
|
|
||||||
let url = `http://${BASE_URL}/updateSkill/${id}`
|
|
||||||
return fetch(url, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Accept': 'application/json',
|
|
||||||
'Content-Type': 'application/json'
|
|
||||||
},
|
|
||||||
body: JSON.stringify(skill),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
|
|
||||||
<g fill="#61DAFB">
|
|
||||||
<path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
|
|
||||||
<circle cx="420.9" cy="296.5" r="45.7"/>
|
|
||||||
<path d="M520.5 78.1z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.6 KiB |
@@ -1,108 +0,0 @@
|
|||||||
// In production, we register a service worker to serve assets from local cache.
|
|
||||||
|
|
||||||
// This lets the app load faster on subsequent visits in production, and gives
|
|
||||||
// it offline capabilities. However, it also means that developers (and users)
|
|
||||||
// will only see deployed updates on the "N+1" visit to a page, since previously
|
|
||||||
// cached resources are updated in the background.
|
|
||||||
|
|
||||||
// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
|
|
||||||
// This link also includes instructions on opting out of this behavior.
|
|
||||||
|
|
||||||
const isLocalhost = Boolean(
|
|
||||||
window.location.hostname === 'localhost' ||
|
|
||||||
// [::1] is the IPv6 localhost address.
|
|
||||||
window.location.hostname === '[::1]' ||
|
|
||||||
// 127.0.0.1/8 is considered localhost for IPv4.
|
|
||||||
window.location.hostname.match(
|
|
||||||
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
export default function register() {
|
|
||||||
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
|
|
||||||
// The URL constructor is available in all browsers that support SW.
|
|
||||||
const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
|
|
||||||
if (publicUrl.origin !== window.location.origin) {
|
|
||||||
// Our service worker won't work if PUBLIC_URL is on a different origin
|
|
||||||
// from what our page is served on. This might happen if a CDN is used to
|
|
||||||
// serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener('load', () => {
|
|
||||||
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
|
|
||||||
|
|
||||||
if (isLocalhost) {
|
|
||||||
// This is running on localhost. Lets check if a service worker still exists or not.
|
|
||||||
checkValidServiceWorker(swUrl);
|
|
||||||
} else {
|
|
||||||
// Is not local host. Just register service worker
|
|
||||||
registerValidSW(swUrl);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function registerValidSW(swUrl) {
|
|
||||||
navigator.serviceWorker
|
|
||||||
.register(swUrl)
|
|
||||||
.then(registration => {
|
|
||||||
registration.onupdatefound = () => {
|
|
||||||
const installingWorker = registration.installing;
|
|
||||||
installingWorker.onstatechange = () => {
|
|
||||||
if (installingWorker.state === 'installed') {
|
|
||||||
if (navigator.serviceWorker.controller) {
|
|
||||||
// At this point, the old content will have been purged and
|
|
||||||
// the fresh content will have been added to the cache.
|
|
||||||
// It's the perfect time to display a "New content is
|
|
||||||
// available; please refresh." message in your web app.
|
|
||||||
console.log('New content is available; please refresh.');
|
|
||||||
} else {
|
|
||||||
// At this point, everything has been precached.
|
|
||||||
// It's the perfect time to display a
|
|
||||||
// "Content is cached for offline use." message.
|
|
||||||
console.log('Content is cached for offline use.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
};
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('Error during service worker registration:', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkValidServiceWorker(swUrl) {
|
|
||||||
// Check if the service worker can be found. If it can't reload the page.
|
|
||||||
fetch(swUrl)
|
|
||||||
.then(response => {
|
|
||||||
// Ensure service worker exists, and that we really are getting a JS file.
|
|
||||||
if (
|
|
||||||
response.status === 404 ||
|
|
||||||
response.headers.get('content-type').indexOf('javascript') === -1
|
|
||||||
) {
|
|
||||||
// No service worker found. Probably a different app. Reload the page.
|
|
||||||
navigator.serviceWorker.ready.then(registration => {
|
|
||||||
registration.unregister().then(() => {
|
|
||||||
window.location.reload();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// Service worker found. Proceed as normal.
|
|
||||||
registerValidSW(swUrl);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
console.log(
|
|
||||||
'No internet connection found. App is running in offline mode.'
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function unregister() {
|
|
||||||
if ('serviceWorker' in navigator) {
|
|
||||||
navigator.serviceWorker.ready.then(registration => {
|
|
||||||
registration.unregister();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user