Building the Session Manager in JavaScript

Building the Session Manager

Welcome back! In the previous lesson, we explored the importance of a robust system prompt and how it guides the behavior of our personal tutor. Now, we will delve into the next step of our journey: building the Session Manager . This lesson will focus on the model layer of the MVC (Model-View-Controller) architecture, which is crucial for organizing and managing data in a structured way. The SessionManager class will be the core component of our model layer, responsible for managing tutoring session data effectively. By the end of this lesson, you will understand how to create, manage, and retrieve session data using the SessionManager class.

Initializing the SessionManager

The SessionManager class is designed to handle the storage and management of tutoring session data. It serves as the backbone of our tutor's data management system. We'll start by setting up the class and then gradually add methods to handle session creation, message addition, and conversation retrieval. Let's begin by defining the SessionManager class and its constructor. The constructor initializes an empty object, this.sessions, which will store all session data. JavaScript class SessionManager {constructor() {this.sessions = {}; // studentId -> sessionId -> sessionData}} In this setup, this.sessions is a nested object where the first key is the studentId, and the second key is the sessionId . This structure allows us to efficiently manage multiple tutoring sessions for different students.

Creating a New Session

Next, we'll add the createSession method. This method is responsible for creating a new session entry for a student. It takes three parameters: studentId, sessionId, and systemPrompt . JavaScript class SessionManager {constructor() {this.sessions = {};} createSession(studentId, sessionId, systemPrompt) {// Create a new tutoring session for a student if (!this.sessions[studentId]) {this.sessions[studentId] = {};} this.sessions[studentId][sessionId] = {systemPrompt: systemPrompt, messages: []};}} The createSession method checks if the studentId exists in this.sessions . If not, it creates a new entry. Then, it initializes the session with the provided systemPrompt and an empty array for messages.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Putting It All Together

Now that we've built our SessionManager class with all its key functionality, let's see how it works in a complete example. This will demonstrate the typical workflow of creating a session, adding messages, and retrieving conversation history.

JavaScript

import fs from 'fs';

// Load the tutor system prompt from file
function loadSystemPrompt() {
    try {
        return fs.readFileSync('data/system_prompt.txt', 'utf-8');
    } catch (e) {
        console.log(`Error loading system prompt: ${e}`);
        return "You are a helpful tutor.";
    }
}

// Initialize the session manager
const manager = new SessionManager();

// Load the system prompt
const systemPrompt = loadSystemPrompt();

// Create a new tutoring session
const studentId = "student_test";
const sessionId = "session_test";
manager.createSession(studentId, sessionId, systemPrompt);

// Add some messages to the session
manager.addMessage(studentId, sessionId, "user", "Hello, I need help with geometry.");
manager.addMessage(studentId, sessionId, "assistant", "Hi there! What specific geometry topic are you struggling with?");

// Retrieve the full conversation
const conversation = manager.getConversation(studentId, sessionId);

// Display the session details
console.log(`Session ID: ${sessionId}\n`);
for (const message of conversation) {
    console.log(`Role: ${message.role}`);
    console.log(`Message:\n${message.content}\n`);
}

import fs from 'fs';

// Load the tutor system prompt from file
function loadSystemPrompt() {
    try {
        return fs.readFileSync('data/system_prompt.txt', 'utf-8');
    } catch (e) {
        console.log(`Error loading system prompt: ${e}`);
        return "You are a helpful tutor.";
    }
}

// Initialize the session manager
const manager = new SessionManager();

// Load the system prompt
const systemPrompt = loadSystemPrompt();

// Create a new tutoring session
const studentId = "student_test";
const sessionId = "session_test";
manager.createSession(studentId, sessionId, systemPrompt);

// Add some messages to the session
manager.addMessage(studentId, sessionId, "user", "Hello, I need help with geometry.");
manager.addMessage(studentId, sessionId, "assistant", "Hi there! What specific geometry topic are you struggling with?");

// Retrieve the full conversation
const conversation = manager.getConversation(studentId, sessionId);

// Display the session details
console.log(`Session ID: ${sessionId}\n`);
for (const message of conversation) {
    console.log(`Role: ${message.role}`);
    console.log(`Message:\n${message.content}\n`);
}

In this example, we initialize the SessionManager, create a new session with the system prompt, add student and assistant messages to the conversation, and then retrieve and display the full conversation history. This workflow showcases how the different methods of the SessionManager work together to manage tutoring session data effectively.