Skip to content

Add Real-Time Chat Functionality with Socket.io #68

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
CodeByStella wants to merge 4 commits into from
Closed

Add Real-Time Chat Functionality with Socket.io #68

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
fa928fa
feat: Add real-time chat functionality with Socket.io and role-based …
CodeByStella Jan 28, 2026
7f203b6
Merge branch 'master' into fix-issue-52
CodeByStella Feb 2, 2026
42d1070
Merge branch 'master' into fix-issue-52
gbowne1 Feb 14, 2026
4440374
Merge branch 'master' into fix-issue-52
gbowne1 Feb 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
417 changes: 241 additions & 176 deletions index.html
View file
Open in desktop

Large diffs are not rendered by default.

985 changes: 976 additions & 9 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

9 changes: 7 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"description": "A live streaming platform for developers.",
"main": "src/js/main.js",
"scripts": {
"dev": "vite",
"dev": "vite --host",
"build": "vite build",
"preview": "vite preview",
"lint": "eslint .",
Expand All @@ -23,9 +23,14 @@
"type": "module",
"dependencies": {
"@fortawesome/fontawesome-free": "^6.5.2",
"bcrypt": "^6.0.0",
"bootstrap": "^5.3.3",
"cors": "^2.8.5",
"express": "^5.2.1"
"dotenv": "^17.2.3",
"express": "^5.2.1",
"jsonwebtoken": "^9.0.3",
"mongoose": "^9.1.5",
"socket.io": "^4.8.3"
},
"devDependencies": {
"eslint": "^8.57.0",
Expand Down
193 changes: 97 additions & 96 deletions public/service-worker.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,125 +1,126 @@
// service-worker.js
const CACHE_NAME = "devstream-v1";
const CACHE_NAME = 'devstream-v1';

// List of resources to cache
const CACHE_RESOURCES = [
"/",
"/index.html",
"/src/css/style.css",
"/src/js/main.js",
"/manifest.json",
"/src/assets/images/preview-placeholder.jpg",
"/src/assets/icons/icon-192x192.png",
"/src/assets/icons/icon-512x512.png",
"/src/assets/icons/maskable-icon-192x192.png",
"/src/assets/icons/maskable-icon-512x512.png",
"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css",
"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js",
"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap",
"https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2"
'/',
'/index.html',
'/src/css/style.css',
'/src/js/main.js',
'/manifest.json',
'/src/assets/images/preview-placeholder.jpg',
'/src/assets/icons/icon-192x192.png',
'/src/assets/icons/icon-512x512.png',
'/src/assets/icons/maskable-icon-192x192.png',
'/src/assets/icons/maskable-icon-512x512.png',
'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css',
'https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css',
'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js',
'https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap',
'https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2',
];

// Install event handler
self.addEventListener("install", (event) => {
event.waitUntil(
caches.open(CACHE_NAME).then((cache) => {
console.log("Installing service worker...");
return cache.addAll(CACHE_RESOURCES);
}).catch(error => {
console.error("Error during cache installation:", error);
})
);
self.addEventListener('install', (event) => {
event.waitUntil(
caches
.open(CACHE_NAME)
.then((cache) => {
console.log('Installing service worker...');
return cache.addAll(CACHE_RESOURCES);
})
.catch((error) => {
console.error('Error during cache installation:', error);
})
);
});

// Activate event handler
self.addEventListener("activate", (event) => {
event.waitUntil(
caches.keys().then((cacheNames) => {
return Promise.all(
cacheNames.map((cacheName) => {
if (cacheName !== CACHE_NAME) {
console.log("Removing outdated cache:", cacheName);
return caches.delete(cacheName);
}
})
);
self.addEventListener('activate', (event) => {
event.waitUntil(
caches.keys().then((cacheNames) => {
return Promise.all(
cacheNames.map((cacheName) => {
if (cacheName !== CACHE_NAME) {
console.log('Removing outdated cache:', cacheName);
return caches.delete(cacheName);
}
})
);
);
})
);
});

// Fetch event handler with cache-first strategy
self.addEventListener("fetch", (event) => {
event.respondWith(
caches.match(event.request).then((response) => {
if (response) {
// Update cache in background while serving cached response
event.waitUntil(
fetch(event.request).then((newResponse) => {
if (newResponse.ok) {
caches.open(CACHE_NAME).then((cache) => {
cache.put(event.request, newResponse.clone());
});
}
}).catch(error => {
console.error("Failed to update cache:", error);
})
);
return response;
}

// Handle non-cached requests
return fetch(event.request).catch(error => {
console.error("Network request failed:", error);

// Serve offline fallback for navigation requests
if (event.request.mode === 'navigate') {
return caches.match('/offline.html');
}
});
})
);
self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request).then((response) => {
if (response) {
// Update cache in background while serving cached response
event.waitUntil(
fetch(event.request)
.then((newResponse) => {
if (newResponse.ok) {
caches.open(CACHE_NAME).then((cache) => {
cache.put(event.request, newResponse.clone());
});
}
})
.catch((error) => {
console.error('Failed to update cache:', error);
})
);
return response;
}

// Handle non-cached requests
return fetch(event.request).catch((error) => {
console.error('Network request failed:', error);

// Serve offline fallback for navigation requests
if (event.request.mode === 'navigate') {
return caches.match('/offline.html');
}
});
})
);
});

// Message event handler for debugging
self.addEventListener("message", (event) => {
if (event.data === "skipWaiting") {
self.skipWaiting();
}
self.addEventListener('message', (event) => {
if (event.data === 'skipWaiting') {
self.skipWaiting();
}
});

// Push notification handler
self.addEventListener("push", (event) => {
let data = {};
self.addEventListener('push', (event) => {
let data = {};

if (event.data) {
try {
data = event.data.json();
} catch (e) {
data = { body: event.data.text() };
}
if (event.data) {
try {
data = event.data.json();
} catch (e) {
data = { body: event.data.text() };
}
}

const title = data.title || "DevStreamer is Live!";
const options = {
body: data.body || "Your favorite DevStreamer just went live.",
icon: "/favicon.ico",
badge: "/favicon.ico",
data: {
url: data.url || "/"
}
};
const title = data.title || 'DevStreamer is Live!';
const options = {
body: data.body || 'Your favorite DevStreamer just went live.',
icon: '/favicon.ico',
badge: '/favicon.ico',
data: {
url: data.url || '/',
},
};

event.waitUntil(
self.registration.showNotification(title, options)
);
event.waitUntil(self.registration.showNotification(title, options));
});

// Notification click handler
self.addEventListener("notificationclick", (event) => {
event.notification.close();
self.addEventListener('notificationclick', (event) => {
event.notification.close();

event.waitUntil(
clients.openWindow(event.notification.data.url)
);
event.waitUntil(clients.openWindow(event.notification.data.url));
});
Loading