Merge pull request #85 from marcioaffonso/VIDECO-8004

[VIDECO-8004] - Update Insights-API samples with applicationIds

.env.template

@@ -1,8 +1,13 @@
 # OpenTok config env variables
-REACT_APP_INSIGHTS_URL = https://insights.opentok.com
-REACT_APP_API_KEY = YOUR_API_KEY
+REACT_APP_INSIGHTS_URL = https://tools.vonage.com/video/insights-api
+REACT_APP_API_KEY = YOUR_API_KEY_OR_APPLICATION_ID
+
+# For TokBox users, only
 API_SECRET = YOUR_API_SECRET
 
+# For Nexmo users, only
+PRIVATE_KEY_PATH = ./private.key
+
 # App config env variables
 SERVER_PORT = 4000
 REACT_APP_SERVER_URL = http://localhost:4000

.gitignore

@@ -20,3 +20,4 @@
 .env.production.local
 
 npm-debug.log*
+private.key

README.md

@@ -32,7 +32,8 @@ Environment Variable Names and Description:
 
 - `REACT_APP_INSIGHTS_URL` (Required): The URL for the OpenTok Insights API server.
 - `REACT_APP_API_KEY` (Required): Your OpenTok API Key.
-- `API_SECRET` (Required): Your OpenTok API Secret.
+- `API_SECRET` (Required when using an OpenTok project): The OpenTok API secret (For OpenTok projects, only).
+- `PRIVATE_KEY_PATH` (Required when using a Vonage application): The file path to the private key (for your Vonage application, only).
 - `SERVER_PORT` (Required): The port number for your server to run on.
 - `REACT_APP_SERVER_URL` (Required): The URL for your server app.
 - `APP_CLIENT_URL` (Required): The URL for your client app.
@@ -50,7 +51,7 @@ This ensures that only those are accessible by the client, protecting your API s
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     projectData(
       start: ${moment().subtract(10, 'days')},
       interval: DAILY
@@ -76,7 +77,7 @@ This ensures that only those are accessible by the client, protecting your API s
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     projectData(
       start: ${moment().subtract(10, 'days')},
       groupBy: SDK_TYPE,
@@ -102,7 +103,7 @@ Here is the generic query to Insights API to get specified tier related insights
 
 ```      
 {
-      project(projectId: ${apiKey}) {
+      project(projectId: "${YOUR_API_KEY}") {
         projectData(
           start: ${moment(startDate)},
           end:  ${moment(endDate)},
@@ -156,7 +157,7 @@ and populate the stacked area chart.
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     projectData(
       start: ${moment().subtract(10, 'days')},
       groupBy: BROWSER_NAME,
@@ -189,7 +190,7 @@ and populate the stacked area chart.
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     projectData(
       start: ${moment().subtract(10, 'days')},
       groupBy: COUNTRY,
@@ -218,7 +219,7 @@ and populate the stacked area chart.
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     sessionData {
       sessionSummaries(start: ${moment().subtract(10, 'days')}) {
         totalCount
@@ -235,7 +236,7 @@ and populate the stacked area chart.
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     sessionData {
       sessions(sessionIds: ["${YOUR_SESSION_ID}"]) {
         resources {
@@ -275,7 +276,7 @@ and populate the stacked area chart.
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     sessionData {
       sessionSummaries(
         start: ${moment().subtract(10, 'days')}
@@ -302,7 +303,7 @@ input `endCursor` parameter to obtain the next page of data. For more informatio
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     sessionData {
       sessions(sessionIds: ["${YOUR_SESSION_ID}"]) {
         resources {
@@ -323,7 +324,7 @@ input `endCursor` parameter to obtain the next page of data. For more informatio
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     sessionData {
       sessions(sessionIds: ["${YOUR_SESSION_ID}"]) {
         resources {
@@ -349,7 +350,7 @@ input `endCursor` parameter to obtain the next page of data. For more informatio
 
 ```
 {
-  project(projectId: ${YOUR_API_KEY}) {
+  project(projectId: "${YOUR_API_KEY}") {
     projectData(
       start: ${moment(startDate)},
       end: ${moment(endDate)},

helpers/token-generator.js

@@ -0,0 +1,44 @@
+const jwt = require('jsonwebtoken');
+const { v1 } = require('uuid');
+
+const EXPIRATION_SECS = (60 * 60); // 1 hour
+
+const getCurrentTime = () => Math.floor(new Date() / 1000);
+
+/**
+ * Generates a new token for TokBox users
+ * @param apiKey - TokBox API Key
+ * @param apiSecret - TokBox API Secret
+ */
+const createTokenTokBox = (apiKey, apiSecret) => {
+  const currentTime = getCurrentTime();
+  return jwt.sign({
+    iss: apiKey,
+    ist: 'project',
+    iat: currentTime,
+    exp: currentTime + EXPIRATION_SECS
+  }, apiSecret);
+};
+
+/**
+ * Generates a new token for Nexmo users
+ * @param applicationId - Nexmo Application ID
+ * @param privateKey - Buffer containing the private key
+ */
+const createTokenNexmo = (applicationId, privateKey) => {
+  if (!(privateKey instanceof Buffer)) {
+    throw new Error("You must set up your private key file.");
+  }
+  const currentTime = getCurrentTime();
+  return jwt.sign({
+    iat: currentTime,
+    jti: v1(),
+    exp: currentTime + EXPIRATION_SECS,
+    application_id: applicationId
+  }, privateKey, { algorithm: "RS256" });
+};
+
+module.exports = {
+  createTokenTokBox,
+  createTokenNexmo,
+};