Context not working in web app dialogflow using web speech API - node.js

Question

I am using socket.io for bi-directional communication between client-server side , i have also used web speech api for speech synthesis and recognition in my web app ,though it fulfills default responses and it gives output properly , but during contextual conversation my intents doesn't match with context and results in fallback intent.
It works fine on dialogflow "try" console but doesn't work on my webapp , please can anyone help..!
here's my app.js file :-
const path = require("path");
const express = require("express");
const colors = require("colors");
const dotenv = require("dotenv");
const socketio = require("socket.io");
const dialogflow = require("#google-cloud/dialogflow");
const uuid = require("uuid");
const app = express();
dotenv.config({ path: "./config/config.env" });
app.use(express.static(path.join(__dirname, "views")));
app.use(express.static(path.join(__dirname, "public")));
const PORT = process.env.PORT || 3000;
const server = app.listen(
PORT,
console.log(
`Server is runnig on ${process.env.NODE_ENV} mode at port ${PORT} for ${process.env.PROJECT_ID}`.yellow
.bold
)
);
const io = socketio(server);
io.on("connection", function (socket) {
console.log("a user connected");
socket.on("chat message", (message) => {
console.log(message);
const callapibot = async (projectId = process.env.PROJECT_ID) => {
try {
const sessionId = uuid.v4();
const sessionClient = new dialogflow.SessionsClient({
keyFilename: "/home/abat/Downloads/kiosk-cwbx-8e7bd8645085.json",
});
const sessionPath = sessionClient.projectAgentSessionPath(
projectId,
sessionId,
);
const request = {
session: sessionPath,
queryInput: {
text: {
text: message,
languageCode: "en-US",
},
},
};
const responses = await sessionClient.detectIntent(request);
console.log("Detected intent");
const result = responses[0].queryResult;
socket.emit("bot reply", result.fulfillmentText);
console.log(result);
if (result.intent) {
console.log(` Intent: ${result.intent.displayName}`);
} else {
console.log(` No intent matched.`)
}
} catch (error) {
console.log(error);
}
};
callapibot();
});
});
here's my script.js file :-
const btn = document.querySelector("button");
const outputme = document.querySelector(".output-you");
const outputbot = document.querySelector(".output-bot");
const socket = io();
const SpeechRecognition =
window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
recognition.lang = "en-US";
recognition.interimResults = false;
btn.addEventListener("click", () => {
recognition.start();
});
recognition.onresult = function (event) {
const last = event.results.length - 1;
const text = event.results[last][0].transcript;
console.log(text);
outputme.textContent = text;
socket.emit("chat message", text);
};
const botReply = (text) => {
const synth = window.speechSynthesis;
const voices = synth.getVoices();
const utterance = new SpeechSynthesisUtterance();
utterance.voice = voices[4];
utterance.lang = "hi-IN";
utterance.text = text;
utterance.pitch = 1;
utterance.volume = 1;
synth.speak(utterance);
};
socket.on("bot reply", (text) => {
outputbot.textContent = text;
botReply(text);
});
Does my code need modifications for handling contexts for dialogflow ?

Answer 1

Got the answer , it was because the session id was inside the async function() , i then removed it from there and placed it on the top
const sessionId = uuid.v4();
Don't put this under the async function , that's it.