@studious-lms/server 1.1.14 → 1.1.15

package/src/lib/jsonConversion.ts

@@ -0,0 +1,537 @@
+import { PDFDocument, PDFFont, RGB, StandardFonts, last, rgb } from 'pdf-lib'
+import { writeFile } from 'fs'
+import { DocumentBlock, FormatTypes, Fonts } from './jsonStyles'
+
+export async function createPdf(blocks: DocumentBlock[]) {
+    console.log('createPdf: Starting PDF creation with', blocks.length, 'blocks');
+    try {
+        const pdfDoc = await PDFDocument.create()
+        console.log('createPdf: PDFDocument created successfully');
+        const timesRomanFont = await pdfDoc.embedFont(StandardFonts.TimesRoman)
+    const courierFont = await pdfDoc.embedFont(StandardFonts.Courier)
+    const helveticaFont = await pdfDoc.embedFont(StandardFonts.Helvetica)
+    const helveticaBoldFont = await pdfDoc.embedFont(StandardFonts.HelveticaBold)
+    const helveticaItalicFont = await pdfDoc.embedFont(StandardFonts.HelveticaOblique)
+    const helveticaBoldItalicFont = await pdfDoc.embedFont(StandardFonts.HelveticaBoldOblique)
+
+    const defaultFont = helveticaFont
+    const defaultParagraphSpacing = 10;
+    const defaultLineHeight = 1.3
+    const defaultFontSize = 12
+    const defaultIndentWidth = 14
+    const defaultPadding = 10
+
+    const headingColor = rgb(0.1, 0.1, 0.1)
+    const paragraphColor = rgb(0.15, 0.15, 0.15)
+
+    const FONTS: Record<number, PDFFont> = {
+        [Fonts.TIMES_ROMAN]: timesRomanFont,
+        [Fonts.COURIER]: courierFont,
+        [Fonts.HELVETICA]: helveticaFont,
+        [Fonts.HELVETICA_BOLD]: helveticaBoldFont,
+        [Fonts.HELVETICA_ITALIC]: helveticaItalicFont,
+        [Fonts.HELVETICA_BOLD_ITALIC]: helveticaBoldItalicFont,
+    }
+
+    const STYLE_PRESETS: Record<number,
+        { fontSize: number; lineHeight: number; paragraphSpacing?: number; font?: PDFFont; color?: RGB; background?: RGB }> =
+    {
+        [FormatTypes.HEADER_1]: { fontSize: 28, lineHeight: 1.35, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.HEADER_2]: { fontSize: 22, lineHeight: 1.35, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.HEADER_3]: { fontSize: 18, lineHeight: 1.35, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.HEADER_4]: { fontSize: 16, lineHeight: 1.3, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.HEADER_5]: { fontSize: 14, lineHeight: 1.3, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.HEADER_6]: { fontSize: 12, lineHeight: 1.3, font: helveticaBoldFont, color: headingColor },
+        [FormatTypes.QUOTE]: { fontSize: 14, lineHeight: 1.5, color: rgb(0.35, 0.35, 0.35) },
+        [FormatTypes.CODE_BLOCK]: { fontSize: 12, lineHeight: 1.6, font: courierFont, color: rgb(0.1, 0.1, 0.1), background: rgb(0.95, 0.95, 0.95) },
+        [FormatTypes.PARAGRAPH]: { fontSize: 12, lineHeight: 1.3, color: paragraphColor },
+        [FormatTypes.BULLET]: { fontSize: 12, lineHeight: 1.3, color: paragraphColor },
+        [FormatTypes.NUMBERED]: { fontSize: 12, lineHeight: 1.3, color: paragraphColor },
+        [FormatTypes.TABLE]: { fontSize: 12, lineHeight: 1.3, color: paragraphColor },
+        [FormatTypes.IMAGE]: { fontSize: 12, lineHeight: 1.3 },
+    }
+
+    const hexToRgb = (hex) => {
+        if (hex.length == 7) {
+            const r = parseInt(hex.slice(1, 3), 16) / 255.0;
+            const g = parseInt(hex.slice(3, 5), 16) / 255.0;
+            const b = parseInt(hex.slice(5, 7), 16) / 255.0;
+            return rgb(r, g, b);
+        } else if (hex.length == 4) {
+            const r = parseInt(hex.slice(1, 2), 16) / 15.0;
+            const g = parseInt(hex.slice(2, 3), 16) / 15.0;
+            const b = parseInt(hex.slice(3, 4), 16) / 15.0;
+            return rgb(r, g, b);
+        } else { return rgb(0.0, 0.0, 0.0) };
+    };
+
+    const colorParse = (color) => {
+        if (typeof color === 'string') {
+            return hexToRgb(color)
+        } else {
+            return color
+        }
+    }
+
+    // Function to replace Unicode characters that can't be encoded by WinAnsi
+    const sanitizeText = (text: string): string => {
+        return text
+            .replace(/→/g, '->')  // Right arrow
+            .replace(/←/g, '<-')  // Left arrow
+            .replace(/↑/g, '^')   // Up arrow
+            .replace(/↓/g, 'v')   // Down arrow
+            .replace(/•/g, '*')   // Bullet point
+            .replace(/–/g, '-')   // En dash
+            .replace(/—/g, '--')  // Em dash
+            .replace(/'/g, "'")   // Left single quote
+            .replace(/'/g, "'")   // Right single quote
+            .replace(/"/g, '"')   // Left double quote
+            .replace(/"/g, '"')   // Right double quote
+            .replace(/…/g, '...')  // Ellipsis
+            .replace(/°/g, ' degrees') // Degree symbol
+            .replace(/±/g, '+/-')  // Plus-minus
+            .replace(/×/g, 'x')    // Multiplication sign
+            .replace(/÷/g, '/')    // Division sign
+            // Add more replacements as needed
+    }
+
+    let page = pdfDoc.addPage()
+    let { width, height } = page.getSize()
+    const { marginTop, marginBottom, marginLeft, marginRight } = { marginTop: 50, marginBottom: 50, marginLeft: 50, marginRight: 50 }
+
+    const maxTextWidth = () => width - marginLeft - marginRight
+
+    const wrapText = (text: string, font: any, fontSize: number, maxWidth: number): string[] => {
+        if (!text) return ['']
+        const words = text.split(/\s+/)
+        const lines: string[] = []
+        let current = ''
+
+        const measure = (t: string) => font.widthOfTextAtSize(t, fontSize)
+
+        const pushCurrent = () => {
+            if (current.length > 0) {
+                lines.push(current)
+                current = ''
+            }
+        }
+
+        for (let i = 0; i < words.length; i++) {
+            const word = words[i]
+            if (current.length === 0) {
+                // If a single word is too long, hard-break it
+                if (measure(word) > maxWidth) {
+                    let chunk = ''
+                    for (const ch of word) {
+                        const test = chunk + ch
+                        if (measure(test) > maxWidth && chunk.length > 0) {
+                            lines.push(chunk)
+                            chunk = ch
+                        } else {
+                            chunk = test
+                        }
+                    }
+                    current = chunk
+                } else {
+                    current = word
+                }
+            } else {
+                const test = current + ' ' + word
+                if (measure(test) <= maxWidth) {
+                    current = test
+                } else {
+                    pushCurrent()
+                    // start new line with this word; hard-break if needed
+                    if (measure(word) > maxWidth) {
+                        let chunk = ''
+                        for (const ch of word) {
+                            const t2 = chunk + ch
+                            if (measure(t2) > maxWidth && chunk.length > 0) {
+                                lines.push(chunk)
+                                chunk = ch
+                            } else {
+                                chunk = t2
+                            }
+                        }
+                        current = chunk
+                    } else {
+                        current = word
+                    }
+                }
+            }
+        }
+        pushCurrent()
+        return lines
+    }
+
+    let y = height - marginTop
+    let lastLineHeight = -1
+    console.log('createPdf: Starting to process', blocks.length, 'blocks');
+    for (let i = 0; i < blocks.length; i++) {
+        const block = blocks[i];
+        console.log(`createPdf: Processing block ${i + 1}/${blocks.length}, format: ${block.format}, content type: ${typeof block.content}`);
+        try {
+        const preset = STYLE_PRESETS[block.format] || { fontSize: defaultFontSize, lineHeight: defaultLineHeight }
+
+        const userLineHeight = (block as any).metadata?.lineHeight
+
+        const fontSize = (block as any).metadata?.fontSize || preset.fontSize
+        const lineHeight = (userLineHeight ? fontSize * userLineHeight : fontSize * preset.lineHeight)
+        const paragraphSpacing = (block as any).metadata?.paragraphSpacing || defaultParagraphSpacing
+        const indentWidth = (block as any).metadata?.indentWidth || defaultIndentWidth
+
+        const paddingX = (block as any).metadata?.paddingX || defaultPadding
+        const paddingY = (block as any).metadata?.paddingY || defaultPadding
+
+        const font = FONTS[(block as any).metadata?.font] || preset.font || defaultFont // Broken
+        const color = colorParse((block as any).metadata?.color || preset.color || rgb(0.0, 0.0, 0.0))
+        const background = colorParse((block as any).metadata?.background || preset.background || rgb(1.0, 1.0, 1.0))
+
+        if (lastLineHeight >= 0) {
+            y -= lineHeight - lastLineHeight
+        } else {
+            y -= fontSize
+        }
+
+        const ensureSpace = (needed: number) => {
+            if (y - needed < marginBottom) {
+                page = pdfDoc.addPage()
+                    ; ({ width, height } = page.getSize())
+                y = height - marginTop - fontSize
+                lastLineHeight = -1
+                return true
+            } else { return false }
+        }
+
+        const drawParagraph = (text: string) => {
+            const sanitizedText = sanitizeText(text)
+            const lines = wrapText(sanitizedText, font, fontSize, maxTextWidth())
+            for (const line of lines) {
+                ensureSpace(lineHeight)
+                page.drawText(line, {
+                    x: marginLeft,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                y -= lineHeight
+            }
+        }
+
+        const drawHeading = (text: string, align?: 'left' | 'center' | 'right') => {
+            const sanitizedText = sanitizeText(text)
+            const lines = wrapText(sanitizedText, font, fontSize, maxTextWidth())
+            for (const line of lines) {
+                ensureSpace(lineHeight)
+                let x = marginLeft
+                if (align === 'center') {
+                    const tw = font.widthOfTextAtSize(line, fontSize)
+                    x = marginLeft + (maxTextWidth() - tw) / 2
+                } else if (align === 'right') {
+                    const tw = font.widthOfTextAtSize(line, fontSize)
+                    x = marginLeft + maxTextWidth() - tw
+                }
+                page.drawText(line, {
+                    x,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                y -= lineHeight
+            }
+        }
+
+        const drawBulletList = (items: string[]) => {
+            const bulletIndent = indentWidth
+            const gap = 8
+            const contentWidth = maxTextWidth() - (bulletIndent + gap)
+            for (const item of items) {
+                const sanitizedItem = sanitizeText(item)
+                const lines = wrapText(sanitizedItem, font, fontSize, contentWidth)
+                ensureSpace(lineHeight)
+                // Bullet glyph (use ASCII bullet instead of Unicode)
+                page.drawText('*', {
+                    x: marginLeft + gap,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                // First line
+                page.drawText(lines[0], {
+                    x: marginLeft + bulletIndent + gap,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                y -= lineHeight
+                // Continuation lines with hanging indent
+                for (let i = 1; i < lines.length; i++) {
+                    ensureSpace(lineHeight)
+                    page.drawText(lines[i], {
+                        x: marginLeft + bulletIndent + gap,
+                        y: y,
+                        size: fontSize,
+                        font: font,
+                        color: color,
+                    })
+                    y -= lineHeight
+                }
+            }
+        }
+
+        const drawNumberedList = (items: string[]) => {
+            const numberIndent = indentWidth
+            const gap = 8
+            const contentWidth = maxTextWidth() - (numberIndent + gap)
+            let index = 1
+            for (const item of items) {
+                const numLabel = `${index}.`
+                const numWidth = font.widthOfTextAtSize(numLabel, fontSize)
+                const sanitizedItem = sanitizeText(item)
+                const lines = wrapText(sanitizedItem, font, fontSize, contentWidth)
+                ensureSpace(lineHeight)
+                page.drawText(numLabel, {
+                    x: marginLeft + gap,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                page.drawText(lines[0], {
+                    x: marginLeft + Math.max(numberIndent, numWidth + 6) + gap,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                y -= lineHeight
+                for (let i = 1; i < lines.length; i++) {
+                    ensureSpace(lineHeight)
+                    page.drawText(lines[i], {
+                        x: marginLeft + Math.max(numberIndent, numWidth + 6) + gap,
+                        y: y,
+                        size: fontSize,
+                        font: font,
+                        color: color,
+                    })
+                    y -= lineHeight
+                }
+                index++
+            }
+        }
+
+        const drawQuote = (text: string) => {
+            const ruleWidth = 2
+            const ruleGap = 8
+            const contentX = marginLeft + ruleWidth + ruleGap
+            const contentWidth = maxTextWidth() - (ruleWidth + ruleGap)
+            const sanitizedText = sanitizeText(text)
+            const lines = wrapText(sanitizedText, font, fontSize, contentWidth)
+            const totalHeight = lines.length * lineHeight + fontSize
+            var remainingHeight = totalHeight
+            for (const line of lines) {
+                let pageAdded = ensureSpace(lineHeight)
+                if (pageAdded || remainingHeight == totalHeight) {
+                    let blockHeight = Math.floor(Math.min(remainingHeight, y - marginBottom) / lineHeight) * lineHeight // Get remaining height on page
+                    page.drawRectangle({
+                        x: marginLeft,
+                        y: y + lineHeight,
+                        width: ruleWidth,
+                        height: -blockHeight - lineHeight + fontSize,
+                        color: color,
+                    })
+                    remainingHeight -= blockHeight + lineHeight - fontSize
+                }
+                page.drawText(line, {
+                    x: contentX,
+                    y: y,
+                    size: fontSize,
+                    font: font,
+                    color: color,
+                })
+                y -= lineHeight
+            }
+            y -= lineHeight - fontSize
+        }
+
+        const drawCodeBlock = (textLines: string[]) => {
+            const codeFont = font
+            
+            // Detect indentation patterns
+            const detectIndentation = (lines: string[]) => {
+                let tabCount = 0
+                let spaceCount = 0
+                let minSpaces = Infinity
+                
+                for (const line of lines) {
+                    if (line.trim().length === 0) continue // Skip empty lines
+                    
+                    const leadingWhitespace = line.match(/^(\s*)/)?.[1] || ''
+                    if (leadingWhitespace.includes('\t')) {
+                        tabCount++
+                    } else if (leadingWhitespace.length > 0) {
+                        spaceCount++
+                        minSpaces = Math.min(minSpaces, leadingWhitespace.length)
+                    }
+                }
+                
+                // Determine indentation strategy
+                if (tabCount > spaceCount) {
+                    return { type: 'tab', width: indentWidth }
+                } else if (spaceCount > 0) {
+                    // Use the most common space count, or default to 4
+                    const commonSpaces = minSpaces === Infinity ? 4 : minSpaces
+                    return { type: 'space', width: commonSpaces * (fontSize * 0.6) } // Approximate space width
+                } else {
+                    return { type: 'space', width: fontSize * 2.4 } // Default 4 spaces
+                }
+            }
+            
+            const indentInfo = detectIndentation(textLines)
+            
+            // Process lines with indentation
+            const processedLines: { text: string; indentLevel: number; originalLine: string }[] = []
+            
+            for (const line of textLines) {
+                const leadingWhitespace = line.match(/^(\s*)/)?.[1] || ''
+                let indentLevel = 0
+                
+                if (indentInfo.type === 'tab') {
+                    indentLevel = leadingWhitespace.split('\t').length - 1
+                } else {
+                    // Count spaces, grouping by the detected space width
+                    const spaceWidth = indentInfo.width / (fontSize * 0.6) // Convert back to space count
+                    indentLevel = Math.floor(leadingWhitespace.length / spaceWidth)
+                }
+                
+                processedLines.push({
+                    text: line.trim(),
+                    indentLevel,
+                    originalLine: line
+                })
+            }
+            
+            // Wrap each processed line separately to preserve line breaks and indentation
+            const wrappedLines: { text: string; indentLevel: number; isContinuation: boolean }[] = []
+            const contentW = maxTextWidth() - paddingX * 2
+            
+            for (const processedLine of processedLines) {
+                if (processedLine.text.length === 0) {
+                    // Empty line - preserve as empty line
+                    wrappedLines.push({
+                        text: '',
+                        indentLevel: processedLine.indentLevel,
+                        isContinuation: false
+                    })
+                } else {
+                    const parts = wrapText(processedLine.text, codeFont, fontSize, contentW)
+                    for (let i = 0; i < parts.length; i++) {
+                        wrappedLines.push({
+                            text: parts[i],
+                            indentLevel: processedLine.indentLevel,
+                            isContinuation: i > 0
+                        })
+                    }
+                }
+            }
+            
+            const totalHeight = wrappedLines.length * lineHeight + paddingY * 2
+            var remainingHeight = totalHeight
+            y -= paddingY
+            
+            for (const wrappedLine of wrappedLines) {
+                let pageAdded = ensureSpace(lineHeight + paddingY)
+                if (pageAdded || remainingHeight == totalHeight) {
+                    let blockHeight = Math.floor(Math.min(remainingHeight, y - marginBottom - paddingY) / lineHeight) * lineHeight
+                    page.drawRectangle({
+                        x: marginLeft,
+                        y: y + fontSize,
+                        width: maxTextWidth(),
+                        height: -blockHeight - paddingY * 2,
+                        color: background,
+                    })
+                    remainingHeight -= blockHeight
+                    y -= paddingY
+                }
+                
+                // Calculate indentation offset
+                const indentOffset = wrappedLine.indentLevel * indentInfo.width
+                
+                page.drawText(wrappedLine.text, {
+                    x: marginLeft + paddingX + indentOffset,
+                    y: y,
+                    size: fontSize,
+                    font: codeFont,
+                    color: color,
+                })
+                y -= lineHeight
+            }
+            y -= paddingY
+        }
+
+        // Render by block format
+        switch (block.format) {
+            case FormatTypes.HEADER_1:
+            case FormatTypes.HEADER_2:
+            case FormatTypes.HEADER_3:
+            case FormatTypes.HEADER_4:
+            case FormatTypes.HEADER_5:
+            case FormatTypes.HEADER_6: {
+                const align = (block as any).metadata?.align as 'left' | 'center' | 'right' | undefined
+                drawHeading(String(block.content), align)
+                break
+            }
+            case FormatTypes.BULLET: {
+                const items = Array.isArray(block.content) ? block.content.map(String) : [String(block.content)]
+                drawBulletList(items)
+                break
+            }
+            case FormatTypes.NUMBERED: {
+                const items = Array.isArray(block.content) ? block.content.map(String) : [String(block.content)]
+                drawNumberedList(items)
+                break
+            }
+            case FormatTypes.QUOTE: {
+                drawQuote(String(block.content))
+                break
+            }
+            case FormatTypes.CODE_BLOCK: {
+                const lines = Array.isArray(block.content) ? block.content.map(String) : String(block.content).split('\n')
+                drawCodeBlock(lines)
+                break
+            }
+            default: {
+                if (typeof block.content === 'string') {
+                    drawParagraph(block.content)
+                } else {
+                    for (const c of block.content) {
+                        drawParagraph(String(c))
+                    }
+                }
+            }
+        }
+        console.log(`createPdf: Successfully processed block ${i + 1}`);
+        y -= paragraphSpacing
+        lastLineHeight = lineHeight
+        } catch (blockError) {
+            console.error(`createPdf: Error processing block ${i + 1}:`, blockError);
+            throw blockError;
+        }
+    }
+
+        console.log('createPdf: About to save PDF document');
+        const pdfBytes = await pdfDoc.save()
+        console.log('createPdf: PDF saved successfully, bytes length:', pdfBytes.length);
+        // writeFile('output.pdf', pdfBytes, () => {
+        //     console.log('PDF created successfully') // Still only saves file, no API yet
+        // })
+        return pdfBytes
+    } catch (error) {
+        console.error('createPdf: Error during PDF creation:', error);
+        throw error;
+    }
+}

package/src/lib/jsonStyles.ts

@@ -0,0 +1,36 @@
+// -----------------------------
+// Basic format enums and interfaces
+// -----------------------------
+export enum FormatTypes {
+    HEADER_1,
+    HEADER_2,
+    HEADER_3,
+    HEADER_4,
+    HEADER_5,
+    HEADER_6,
+    PARAGRAPH,
+    BULLET,
+    NUMBERED,
+    TABLE,
+    IMAGE,
+    CODE_BLOCK,
+    QUOTE,
+}
+
+
+export enum Fonts {
+    TIMES_ROMAN,
+    COURIER,
+    HELVETICA,
+    HELVETICA_BOLD,
+    HELVETICA_ITALIC,
+    HELVETICA_BOLD_ITALIC,
+}
+
+
+// Each content block in a document
+export interface DocumentBlock {
+    format: FormatTypes;
+    content: string | string[]; // can be text, list items, etc. string as html / mrkdown
+    metadata?: Record<string, any>; // optional extra formatting info (e.g. alignment)
+}

package/src/routers/class.ts

@@ -89,6 +89,15 @@ export const classRouter = createTRPCRouter({
     .query(async ({ ctx, input }) => {
       const { classId } = input;
 
+      const isTeacher = await prisma.class.findFirst({
+        where: {
+          id: classId,
+          teachers: {
+            some: { id: ctx.user?.id },
+          },
+        },
+      });
+
       const classData = await prisma.class.findUnique({
         where: {
           id: classId,
@@ -169,9 +178,11 @@ export const classRouter = createTRPCRouter({
                 },
               },
               submissions: {
-                // where: {
-                //   studentId: ctx.user?.id,
-                // },
+                ...(!isTeacher && {
+                  where: {
+                    studentId: ctx.user?.id,
+                  },
+                }),
                 select: {
                   studentId: true,
                   id: true,