Merge pull request #63 from Saksham-Sirohi/adding-db-and-fetaure-gating

fix notes exporters and type checking

Author: Saksham-Sirohi

server/package-lock.json

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Meeting" ADD COLUMN     "description" TEXT;

server/prisma/migrations/20260708142423_add_meeting_description/migration.sql

@@ -1,3 +1,3 @@
 # Please do not edit this file manually
 # It should be added in your version-control system (e.g., Git)
-provider = "postgresql"
+provider = "postgresql"

server/prisma/migrations/migration_lock.toml

@@ -29,6 +29,7 @@ model Meeting {
   startTime     DateTime?
   endTime       DateTime?
   recurrence    String?        // NONE, DAILY, WEEKLY, MONTHLY, YEARLY
+  description   String?
   guestEmails   String[]       @default([])
   moderatorEmails String[]     @default([])
   googleEventId String?

server/prisma/schema.prisma

@@ -54,20 +54,45 @@ async function getGoogleAccessToken(userId: string, req?: Request): Promise<stri
   }
 }
 
+// Helper to convert simple Markdown to HTML for Google Calendar
+function markdownToHtml(md: string): string {
+  if (!md) return '';
+  return md
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/^### (.*$)/gim, '<h3>$1</h3>')
+    .replace(/^## (.*$)/gim, '<h2>$1</h2>')
+    .replace(/^# (.*$)/gim, '<h1>$1</h1>')
+    .replace(/\*\*\*(.*?)\*\*\*/g, '<strong><em>$1</em></strong>')
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*(.*?)\*/g, '<em>$1</em>')
+    .replace(/__(.*?)__/g, '<strong>$1</strong>')
+    .replace(/_(.*?)_/g, '<em>$1</em>')
+    .replace(/`(.*?)`/g, '<code>$1</code>')
+    .replace(/^\> (.*$)/gim, '<blockquote>$1</blockquote>')
+    .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')
+    .replace(/\n/g, '<br />');
+}
+
 // Helper: Sync Event to Google Calendar (Create or Update)
 async function syncGoogleCalendarEvent(
   userId: string,
-  meeting: { title: string; roomName: string; startTime: Date; endTime: Date; recurrence?: string | null; guestEmails?: string[]; moderatorEmails?: string[] },
+  meeting: { title: string; description?: string | null; roomName: string; startTime: Date; endTime: Date; recurrence?: string | null; guestEmails?: string[]; moderatorEmails?: string[] },
   existingEventId?: string | null,
   req?: Request
 ): Promise<string | null> {
   const host = req?.headers.host || 'localhost:8780';
   const accessToken = await getGoogleAccessToken(userId, req);
   if (!accessToken) return null;
 
+  const joinLinkHtml = `<p><strong>Join LoungeMesh Spatial Meet:</strong> <a href="http://${host}/session/${meeting.roomName}">http://${host}/session/${meeting.roomName}</a></p>`;
+  const descHtml = meeting.description ? markdownToHtml(meeting.description) : '';
+  const finalDescription = descHtml ? `${descHtml}<br /><br />${joinLinkHtml}` : joinLinkHtml;
+
   const eventPayload: any = {
     summary: meeting.title,
-    description: `Join LoungeMesh Spatial Meet: http://${host}/session/${meeting.roomName}`,
+    description: finalDescription,
     start: {
       dateTime: meeting.startTime.toISOString(),
       timeZone: 'UTC',
@@ -156,7 +181,8 @@ export async function createMeeting(req: Request, res: Response) {
     lobbyEnabled,
     stagePromotionEnabled,
     allowParticipantRecording,
-    roomDefaults
+    roomDefaults,
+    description
   } = req.body;
 
   if (!title || !roomName) {
@@ -185,6 +211,7 @@ export async function createMeeting(req: Request, res: Response) {
         startTime: start,
         endTime: end,
         recurrence: recurrence || 'NONE',
+        description: description || null,
         guestEmails: guests,
         moderatorEmails: moderators,
         hostId,
@@ -206,6 +233,7 @@ export async function createMeeting(req: Request, res: Response) {
     if (isScheduled && start && end && syncGoogleCal) {
       const eventId = await syncGoogleCalendarEvent(hostId, {
         title,
+        description: description || null,
         roomName,
         startTime: start,
         endTime: end,
@@ -304,7 +332,8 @@ export async function updateMeeting(req: Request, res: Response) {
     stagePromotionEnabled,
     allowParticipantRecording,
     roomDefaults,
-    syncGoogleCal
+    syncGoogleCal,
+    description
   } = req.body;
 
   try {
@@ -346,6 +375,7 @@ export async function updateMeeting(req: Request, res: Response) {
         startTime: start,
         endTime: end,
         recurrence: rec,
+        description: description !== undefined ? description : meeting.description,
         guestEmails: guests,
         moderatorEmails: moderators,
         configs: {
@@ -383,6 +413,7 @@ export async function updateMeeting(req: Request, res: Response) {
           meeting.hostId,
           {
             title: updated.title,
+            description: updated.description,
             roomName: updated.roomName,
             startTime: start,
             endTime: end,

server/src/controllers/meetingController.ts

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { useAuthStore } from '@/stores/authStore';
+import NotesEditor from '@/components/session/NotesEditor.vue';
 
 export interface ScheduledMeeting {
   id: string;
@@ -15,6 +16,7 @@ export interface ScheduledMeeting {
   configs?: {
     userGrants?: string | null;
   } | null;
+  description?: string | null;
 }
 
 const props = defineProps<{
@@ -29,6 +31,7 @@ const emit = defineEmits<{
 const auth = useAuthStore();
 
 const title = ref('');
+const description = ref('');
 const date = ref('');
 const time = ref('');
 const duration = ref(30); // default 30 mins
@@ -146,6 +149,7 @@ function handleModEmailKeydown(e: KeyboardEvent) {
 onMounted(() => {
   if (props.meeting) {
     title.value = props.meeting.title;
+    description.value = props.meeting.description || '';
     recurrence.value = props.meeting.recurrence || 'NONE';
     syncGoogleCal.value = !!props.meeting.googleEventId;
     guestEmails.value = (props.meeting as any).guestEmails ? [...(props.meeting as any).guestEmails] : [];
@@ -238,6 +242,7 @@ async function handleSubmit() {
 
     const payload = {
       title: title.value.trim(),
+      description: description.value.trim(),
       roomName,
       isScheduled: true,
       startTime: startDateTime.toISOString(),
@@ -318,6 +323,15 @@ async function handleSubmit() {
           </Transition>
         </div>
 
+        <div class="inputGroup">
+          <label>Description</label>
+          <NotesEditor
+            v-model="description"
+            placeholder="Agenda, objectives, links..."
+            class="descriptionEditor"
+          />
+        </div>
+
         <div class="row">
           <div class="inputGroup half">
             <label for="meetDate">
@@ -464,7 +478,7 @@ async function handleSubmit() {
   border-radius: 20px;
   box-shadow: 0 30px 60px -15px rgba(30, 34, 64, 0.15), 0 10px 20px -5px rgba(30, 34, 64, 0.05);
   width: 100%;
-  max-width: 420px;
+  max-width: 480px;
   padding: 24px;
   position: relative;
   display: flex;
@@ -521,6 +535,14 @@ async function handleSubmit() {
   display: flex;
   flex-direction: column;
   gap: 16px;
+  max-height: 65vh;
+  overflow-y: auto;
+  padding-right: 6px;
+}
+
+.descriptionEditor {
+  height: 140px;
+  max-height: 140px;
 }
  
 .error {

src-vue/components/home/ScheduleModal.vue

@@ -23,13 +23,15 @@ describe('LeaveDialog', () => {
   it('shows export options and emits each action for hosts', async () => {
     const wrapper = mountDialog({ hasRecording: true });
     const buttons = wrapper.findAll('.export');
-    expect(buttons).toHaveLength(3);
+    expect(buttons).toHaveLength(4);
     await buttons[0].trigger('click');
     await buttons[1].trigger('click');
     await buttons[2].trigger('click');
+    await buttons[3].trigger('click');
     await wrapper.find('.btn.leave').trigger('click');
     await wrapper.find('.btn.cancel').trigger('click');
     expect(wrapper.emitted('export-notes')).toHaveLength(1);
+    expect(wrapper.emitted('export-notes-rtf')).toHaveLength(1);
     expect(wrapper.emitted('export-whiteboard')).toHaveLength(1);
     expect(wrapper.emitted('export-recording')).toHaveLength(1);
     expect(wrapper.emitted('leave')).toHaveLength(1);
@@ -38,13 +40,13 @@ describe('LeaveDialog', () => {
 
   it('disables the recording download until a recording exists', () => {
     const wrapper = mountDialog({ hasRecording: false });
-    const recordingBtn = wrapper.findAll('.export')[2];
+    const recordingBtn = wrapper.findAll('.export')[3];
     expect((recordingBtn.element as HTMLButtonElement).disabled).toBe(true);
   });
 
   it('hides the recording export when recording is unsupported', () => {
     const wrapper = mountDialog({ recordingSupported: false });
-    expect(wrapper.findAll('.export')).toHaveLength(2);
+    expect(wrapper.findAll('.export')).toHaveLength(3);
   });
 
   it('shows LIVE pill on the recording export button while recording is active', () => {

src-vue/components/session/LeaveDialog.test.ts

@@ -13,6 +13,7 @@ const emit = defineEmits<{
   (e: 'cancel'): void;
   (e: 'leave'): void;
   (e: 'export-notes'): void;
+  (e: 'export-notes-rtf'): void;
   (e: 'export-whiteboard'): void;
   (e: 'export-recording'): void;
   (e: 'toggle-recording'): void;
@@ -32,6 +33,7 @@ function onLeave() {
 function onExport(type: string) {
   playUiSound('tap');
   if (type === 'notes') emit('export-notes');
+  else if (type === 'notes-rtf') emit('export-notes-rtf');
   else if (type === 'whiteboard') emit('export-whiteboard');
   else if (type === 'recording') emit('export-recording');
 }
@@ -71,11 +73,24 @@ function onExport(type: string) {
                       <line x1="16" y1="13" x2="8" y2="13"/>
                       <line x1="16" y1="17" x2="8" y2="17"/>
                     </svg>
-                    <span>Notes</span>
+                    <span>Public Notes</span>
                   </div>
                   <span class="ext">.md</span>
                 </button>
 
+                <button type="button" class="export" @click="onExport('notes-rtf')">
+                  <div class="exportLeft">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="exportIcon">
+                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+                      <polyline points="14 2 14 8 20 8"/>
+                      <line x1="16" y1="13" x2="8" y2="13"/>
+                      <line x1="16" y1="17" x2="8" y2="17"/>
+                    </svg>
+                    <span>Public Notes (RTF)</span>
+                  </div>
+                  <span class="ext">.rtf</span>
+                </button>
+
                 <button type="button" class="export" @click="onExport('whiteboard')">
                   <div class="exportLeft">
                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="exportIcon">

src-vue/components/session/LeaveDialog.vue

@@ -12,6 +12,8 @@ vi.mock('@/utils/sessionExport', () => ({
   renderWhiteboardToCanvas: vi.fn(() => ({}) as HTMLCanvasElement),
   canvasToPngBlob,
   downloadBlob,
+  markdownToRtf: vi.fn(() => 'RTF'),
+  safeSessionSlug: vi.fn(() => 'slug'),
 }));
 
 import { useSessionExport } from './useSessionExport';
@@ -29,6 +31,11 @@ describe('useSessionExport', () => {
     expect(downloadBlob).toHaveBeenCalledWith(expect.any(Blob), 'file.ext');
   });
 
+  it('exports notes as an RTF download', () => {
+    useSessionExport(() => 'room').exportNotesRtf();
+    expect(downloadBlob).toHaveBeenCalledWith(expect.any(Blob), 'file.ext');
+  });
+
   it('exports the whiteboard when a PNG blob is produced', async () => {
     canvasToPngBlob.mockResolvedValue(new Blob(['p']));
     await useSessionExport(() => 'room').exportWhiteboard();

src-vue/composables/useSessionExport.test.ts

@@ -5,6 +5,8 @@ import {
   exportFileName,
   notesToMarkdown,
   renderWhiteboardToCanvas,
+  markdownToRtf,
+  safeSessionSlug,
 } from '@/utils/sessionExport';
 
 /** Download helpers for the host's end-of-session exports (notes, whiteboard, recording). */
@@ -16,6 +18,12 @@ export function useSessionExport(getSessionId: () => string) {
     downloadBlob(new Blob([markdown], { type: 'text/markdown' }), exportFileName('notes', getSessionId()));
   }
 
+  function exportNotesRtf(): void {
+    const titleText = `LoungeMesh public notes — ${safeSessionSlug(getSessionId())}`;
+    const rtfContent = markdownToRtf(features.sharedNotes, titleText);
+    downloadBlob(new Blob([rtfContent], { type: 'application/rtf' }), exportFileName('notes-rtf', getSessionId()));
+  }
+
   async function exportWhiteboard(): Promise<void> {
     const canvas = renderWhiteboardToCanvas(features.whiteboardStrokes);
     const blob = await canvasToPngBlob(canvas);
@@ -26,7 +34,7 @@ export function useSessionExport(getSessionId: () => string) {
       const snapBlob = await canvasToPngBlob(snapCanvas);
       /* v8 ignore next 3 */
       if (snapBlob) {
-        downloadBlob(snapBlob, exportFileName(`whiteboard-snapshot-${i + 1}`, getSessionId()));
+        downloadBlob(snapBlob, exportFileName(`whiteboard-snapshot-${i + 1}` as any, getSessionId()));
       }
     }
   }
@@ -35,5 +43,5 @@ export function useSessionExport(getSessionId: () => string) {
     downloadBlob(blob, exportFileName('recording', getSessionId(), new Date(), 'mp4'));
   }
 
-  return { exportNotes, exportWhiteboard, exportRecording };
+  return { exportNotes, exportNotesRtf, exportWhiteboard, exportRecording };
 }