Implement TextEditor with LaTeX to PDF conversion using node-pdflatex

app/api/data/route.ts

@@ -2,6 +2,7 @@ import { NextRequest, NextResponse } from 'next/server'
 import fs from 'fs'
 import path from 'path'
 import { writeFile, mkdir, unlink, readdir, stat } from 'fs/promises'
+import pdflatex from 'node-pdflatex'
 
 // Use /data for Hugging Face Spaces persistent storage, fallback to public/data for local dev
 const DATA_DIR = process.env.SPACE_ID
@@ -122,56 +123,31 @@ export async function POST(request: NextRequest) {
 
                 // Auto-convert .tex files to PDF
                 if (fileName.endsWith('.tex')) {
-                    console.log('✨ Detected .tex file, auto-converting to PDF...')
+                    console.log('✨ Detected .tex file, auto-converting to PDF using node-pdflatex...')
                     try {
-                        console.log('📡 Sending LaTeX content to LaTeX.Online API...')
-                        console.log(`   Content length: ${content.length} characters`)
+                        console.log(`📄 LaTeX content length: ${content.length} characters`)
                         
-                        // Compile LaTeX to PDF using LaTeX.Online
-                        const compileResponse = await fetch('https://latexonline.cc/compile', {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'text/plain',
-                            },
-                            body: content,
-                            signal: AbortSignal.timeout(30000) // 30 second timeout
+                        // Compile LaTeX to PDF using node-pdflatex
+                        const pdfBuffer = await pdflatex(content)
+                        
+                        const pdfFileName = fileName.replace('.tex', '.pdf')
+                        const pdfFilePath = path.join(targetDir, pdfFileName)
+                        
+                        console.log(`💾 PDF size: ${pdfBuffer.byteLength} bytes`)
+                        console.log(`📁 Saving PDF to: ${pdfFilePath}`)
+                        
+                        await writeFile(pdfFilePath, pdfBuffer)
+                        console.log(`✅ PDF generated successfully: ${pdfFileName}`)
+                        
+                        return NextResponse.json({ 
+                            success: true, 
+                            pdfGenerated: true,
+                            pdfFileName: pdfFileName,
+                            message: `LaTeX file saved and converted to ${pdfFileName}`
                         })
-
-                        console.log(`📥 Response status: ${compileResponse.status} ${compileResponse.statusText}`)
-
-                        if (compileResponse.ok) {
-                            const pdfBuffer = await compileResponse.arrayBuffer()
-                            const pdfFileName = fileName.replace('.tex', '.pdf')
-                            const pdfFilePath = path.join(targetDir, pdfFileName)
-                            
-                            console.log(`💾 PDF size: ${pdfBuffer.byteLength} bytes`)
-                            console.log(`📁 Saving PDF to: ${pdfFilePath}`)
-                            
-                            await writeFile(pdfFilePath, Buffer.from(pdfBuffer))
-                            console.log(`✅ PDF generated successfully: ${pdfFileName}`)
-                            
-                            return NextResponse.json({ 
-                                success: true, 
-                                pdfGenerated: true,
-                                pdfFileName: pdfFileName,
-                                message: `LaTeX file saved and converted to ${pdfFileName}`
-                            })
-                        } else {
-                            const errorText = await compileResponse.text()
-                            console.error('❌ PDF compilation failed:')
-                            console.error('   Status:', compileResponse.status)
-                            console.error('   Error:', errorText)
-                            return NextResponse.json({ 
-                                success: true, 
-                                pdfGenerated: false,
-                                error: `LaTeX file saved but PDF generation failed: ${compileResponse.status}`,
-                                details: errorText.substring(0, 500)
-                            })
-                        }
                     } catch (pdfError) {
                         console.error('❌ Error generating PDF:', pdfError)
-                        console.error('   Error type:', pdfError instanceof Error ? pdfError.name : typeof pdfError)
-                        console.error('   Error message:', pdfError instanceof Error ? pdfError.message : String(pdfError))
+                        console.error('   Error details:', pdfError instanceof Error ? pdfError.message : String(pdfError))
                         return NextResponse.json({ 
                             success: true, 
                             pdfGenerated: false,

app/components/Desktop.tsx

@@ -21,6 +21,7 @@ import { AboutModal } from './AboutModal'
 
 import { FlutterRunner } from './FlutterRunner'
 import { QuizApp } from './QuizApp'
+import { TextEditor } from './TextEditor'
 import { motion, AnimatePresence } from 'framer-motion'
 import { SystemPowerOverlay } from './SystemPowerOverlay'
 import {
@@ -66,6 +67,8 @@ export function Desktop() {
 
   const [flutterCodeEditorOpen, setFlutterCodeEditorOpen] = useState(false)
   const [quizAppOpen, setQuizAppOpen] = useState(false)
+  const [textEditorOpen, setTextEditorOpen] = useState(false)
+  const [activeTextFile, setActiveTextFile] = useState<{content: string, fileName: string, filePath: string, passkey: string} | null>(null)
 
   // Minimized states
   const [fileManagerMinimized, setFileManagerMinimized] = useState(false)
@@ -80,6 +83,7 @@ export function Desktop() {
 
   const [flutterCodeEditorMinimized, setFlutterCodeEditorMinimized] = useState(false)
   const [quizAppMinimized, setQuizAppMinimized] = useState(false)
+  const [textEditorMinimized, setTextEditorMinimized] = useState(false)
 
   const [powerState, setPowerState] = useState<'active' | 'sleep' | 'restart' | 'shutdown'>('active')
   const [globalZIndex, setGlobalZIndex] = useState(1000)
@@ -106,6 +110,7 @@ export function Desktop() {
 
     setFlutterCodeEditorOpen(false)
     setQuizAppOpen(false)
+    setTextEditorOpen(false)
 
     // Reset all minimized states
     setFileManagerMinimized(false)
@@ -117,6 +122,7 @@ export function Desktop() {
 
     setFlutterCodeEditorMinimized(false)
     setQuizAppMinimized(false)
+    setTextEditorMinimized(false)
 
     // Reset window z-indices
     setWindowZIndices({})
@@ -231,6 +237,19 @@ export function Desktop() {
     setQuizAppMinimized(false)
   }
 
+  const openTextEditor = (fileData: {content: string, fileName: string, filePath: string, passkey: string}) => {
+    setActiveTextFile(fileData)
+    setTextEditorOpen(true)
+    setTextEditorMinimized(false)
+    bringWindowToFront('textEditor')
+  }
+
+  const closeTextEditor = () => {
+    setTextEditorOpen(false)
+    setTextEditorMinimized(false)
+    setActiveTextFile(null)
+  }
+
   const handleOpenApp = (appId: string) => {
     switch (appId) {
       case 'files':
@@ -505,6 +524,23 @@ export function Desktop() {
     })
   }
 
+  if (textEditorMinimized && textEditorOpen) {
+    minimizedApps.push({
+      id: 'text-editor',
+      label: activeTextFile?.fileName || 'Text Editor',
+      icon: (
+        <div className="bg-gradient-to-br from-gray-700 to-gray-900 w-full h-full rounded-[22%] flex items-center justify-center shadow-lg border-[0.5px] border-white/20 relative overflow-hidden">
+          <div className="absolute inset-0 bg-gradient-to-b from-white/10 to-transparent opacity-30" />
+          <FileText size={20} weight="fill" className="text-blue-400 relative z-10 drop-shadow-md" />
+        </div>
+      ),
+      onRestore: () => {
+        setTextEditorMinimized(false)
+        bringWindowToFront('textEditor')
+      }
+    })
+  }
+
   // Debug info
   useEffect(() => {
     console.log('App States:', {
@@ -689,6 +725,7 @@ export function Desktop() {
                   onFocus={() => bringWindowToFront('fileManager')}
                   zIndex={windowZIndices.fileManager || 1000}
                   onOpenApp={handleOpenApp}
+                  onOpenTextFile={openTextEditor}
                 />
               </motion.div>
             )}
@@ -872,6 +909,35 @@ export function Desktop() {
                 />
               </motion.div>
             )}
+
+            {textEditorOpen && activeTextFile && (
+              <motion.div
+                key="text-editor"
+                initial={{ opacity: 0, scale: 0.95 }}
+                animate={{
+                  opacity: textEditorMinimized ? 0 : 1,
+                  scale: textEditorMinimized ? 0.9 : 1,
+                  y: textEditorMinimized ? 100 : 0,
+                }}
+                exit={{ opacity: 0, scale: 0.95 }}
+                transition={{ duration: 0.2 }}
+                style={{
+                  pointerEvents: textEditorMinimized ? 'none' : 'auto',
+                  display: textEditorMinimized ? 'none' : 'block'
+                }}
+              >
+                <TextEditor
+                  initialContent={activeTextFile.content}
+                  fileName={activeTextFile.fileName}
+                  filePath={activeTextFile.filePath}
+                  passkey={activeTextFile.passkey}
+                  onClose={closeTextEditor}
+                  onMinimize={() => setTextEditorMinimized(true)}
+                  onFocus={() => bringWindowToFront('textEditor')}
+                  zIndex={windowZIndices.textEditor || 1000}
+                />
+              </motion.div>
+            )}
           </AnimatePresence>
         </div>
       </div>

app/components/FileManager.tsx

@@ -51,6 +51,7 @@ interface FileManagerProps {
   zIndex?: number
   onOpenFlutterApp?: (appFile: any) => void
   onOpenApp?: (appId: string) => void
+  onOpenTextFile?: (fileData: {content: string, fileName: string, filePath: string, passkey: string}) => void
 }
 
 interface FileItem {
@@ -65,7 +66,7 @@ interface FileItem {
   pubspecYaml?: string
 }
 
-export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp, onMinimize, onMaximize, onFocus, zIndex, onOpenApp }: FileManagerProps) {
+export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp, onMinimize, onMaximize, onFocus, zIndex, onOpenApp, onOpenTextFile }: FileManagerProps) {
   const [files, setFiles] = useState<FileItem[]>([])
   const [loading, setLoading] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
@@ -78,6 +79,18 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
   const [showPasskeyModal, setShowPasskeyModal] = useState(false)
   const [tempPasskey, setTempPasskey] = useState('')
 
+  // Helper function to check if a file can be edited as text
+  const isTextFile = (extension: string): boolean => {
+    const textExtensions = [
+      'txt', 'md', 'tex', 'json', 'xml', 'html', 'htm', 'css', 'scss', 'sass',
+      'js', 'jsx', 'ts', 'tsx', 'py', 'java', 'c', 'cpp', 'h', 'hpp',
+      'sh', 'bash', 'yaml', 'yml', 'toml', 'ini', 'cfg', 'conf',
+      'sql', 'php', 'rb', 'go', 'rs', 'swift', 'kt', 'scala',
+      'r', 'dart', 'vue', 'svelte', 'astro', 'csv', 'log'
+    ]
+    return textExtensions.includes(extension.toLowerCase())
+  }
+
   // Load files when path or selection changes
   useEffect(() => {
     if (currentPath === 'Applications') {
@@ -525,8 +538,8 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
                                   console.error('Error loading file:', error)
                                   if (onOpenApp) onOpenApp('flutter-editor')
                                 }
-                              } else if (file.extension === 'tex') {
-                                // Load the file content and open LaTeX Editor with it
+                              } else if (isTextFile(file.extension || '')) {
+                                // Load the file content and open Text Editor with it
                                 try {
                                   let fileContent = ''
                                   if (sidebarSelection === 'secure' && passkey) {
@@ -534,21 +547,26 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
                                     const data = await response.json()
                                     const fileData = data.files?.find((f: any) => f.name === file.name)
                                     fileContent = fileData?.content || ''
-
-                                    // Store for auto-save in LaTeX Editor
-                                    sessionStorage.setItem('currentPasskey', passkey)
-                                    sessionStorage.setItem('currentFileName', file.name)
+                                  } else if (sidebarSelection === 'public') {
+                                    // Load from public folder
+                                    const response = await fetch(`/api/public?path=${encodeURIComponent(file.path)}`)
+                                    if (response.ok) {
+                                      fileContent = await response.text()
+                                    }
                                   }
 
-                                  // Open LaTeX Editor with the file content
-                                  if (onOpenApp) {
-                                    // Store the content temporarily for the LaTeX Editor to pick up
-                                    sessionStorage.setItem('latexFileContent', fileContent)
-                                    onOpenApp('latex-editor')
+                                  // Open Text Editor with the file content
+                                  if (onOpenTextFile) {
+                                    onOpenTextFile({
+                                      content: fileContent,
+                                      fileName: file.name,
+                                      filePath: currentPath,
+                                      passkey: passkey
+                                    })
                                   }
                                 } catch (error) {
                                   console.error('Error loading file:', error)
-                                  if (onOpenApp) onOpenApp('latex-editor')
+                                  alert('Failed to load file for editing')
                                 }
                               } else {
                                 handlePreview(file)

app/components/TextEditor.tsx

@@ -0,0 +1,277 @@
+'use client'
+
+import React, { useState, useEffect } from 'react'
+import Editor from '@monaco-editor/react'
+import {
+  FloppyDisk,
+  X,
+  Minus,
+  Square,
+  Check,
+  FileText,
+  WarningCircle
+} from '@phosphor-icons/react'
+import Window from './Window'
+
+interface TextEditorProps {
+  onClose: () => void
+  onMinimize?: () => void
+  onMaximize?: () => void
+  onFocus?: () => void
+  zIndex?: number
+  initialContent?: string
+  fileName?: string
+  filePath?: string
+  passkey?: string
+}
+
+export function TextEditor({
+  onClose,
+  onMinimize,
+  onMaximize,
+  onFocus,
+  zIndex,
+  initialContent = '',
+  fileName = 'untitled.txt',
+  filePath = '',
+  passkey = ''
+}: TextEditorProps) {
+  const [code, setCode] = useState(initialContent)
+  const [isSaving, setIsSaving] = useState(false)
+  const [saveStatus, setSaveStatus] = useState<'idle' | 'saving' | 'saved' | 'error'>('idle')
+  const [lastSaved, setLastSaved] = useState<Date | null>(null)
+  const [hasChanges, setHasChanges] = useState(false)
+
+  // Detect file language from extension
+  const getLanguage = (filename: string) => {
+    const ext = filename.split('.').pop()?.toLowerCase()
+    switch (ext) {
+      case 'tex':
+        return 'latex'
+      case 'js':
+      case 'jsx':
+        return 'javascript'
+      case 'ts':
+      case 'tsx':
+        return 'typescript'
+      case 'py':
+        return 'python'
+      case 'java':
+        return 'java'
+      case 'cpp':
+      case 'cc':
+      case 'cxx':
+        return 'cpp'
+      case 'c':
+      case 'h':
+        return 'c'
+      case 'cs':
+        return 'csharp'
+      case 'json':
+        return 'json'
+      case 'xml':
+        return 'xml'
+      case 'html':
+      case 'htm':
+        return 'html'
+      case 'css':
+        return 'css'
+      case 'md':
+        return 'markdown'
+      case 'sh':
+      case 'bash':
+        return 'shell'
+      case 'dart':
+        return 'dart'
+      default:
+        return 'plaintext'
+    }
+  }
+
+  const language = getLanguage(fileName)
+
+  // Track changes
+  useEffect(() => {
+    if (code !== initialContent) {
+      setHasChanges(true)
+      setSaveStatus('idle')
+    }
+  }, [code, initialContent])
+
+  const handleSave = async () => {
+    if (!passkey) {
+      alert('Please enter your passkey first!')
+      return
+    }
+
+    setIsSaving(true)
+    setSaveStatus('saving')
+
+    try {
+      const response = await fetch('/api/data', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          action: 'save_file',
+          passkey: passkey,
+          fileName: fileName,
+          content: code,
+          folder: filePath
+        })
+      })
+
+      const result = await response.json()
+
+      if (result.success) {
+        setSaveStatus('saved')
+        setLastSaved(new Date())
+        setHasChanges(false)
+        
+        // Show PDF generation message if applicable
+        if (result.pdfGenerated) {
+          setTimeout(() => {
+            alert(`✅ File saved!\n\n📄 PDF also generated: ${result.pdfFileName}`)
+          }, 100)
+        }
+        
+        // Reset status after 3 seconds
+        setTimeout(() => {
+          if (saveStatus === 'saved') setSaveStatus('idle')
+        }, 3000)
+      } else {
+        setSaveStatus('error')
+        alert(`Error saving file: ${result.error || 'Unknown error'}`)
+      }
+    } catch (error) {
+      console.error('Save error:', error)
+      setSaveStatus('error')
+      alert('Failed to save file. Please try again.')
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  // Keyboard shortcut: Cmd/Ctrl + S to save
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === 's') {
+        e.preventDefault()
+        handleSave()
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+    return () => window.removeEventListener('keydown', handleKeyDown)
+  }, [code, passkey, fileName, filePath])
+
+  return (
+    <Window
+      id="text-editor"
+      title={`Text Editor - ${fileName}`}
+      isOpen={true}
+      onClose={onClose}
+      onMinimize={onMinimize}
+      onMaximize={onMaximize}
+      onFocus={onFocus}
+      zIndex={zIndex}
+      width={1000}
+      height={700}
+      x={100}
+      y={80}
+      className="text-editor-window"
+    >
+      <div className="flex flex-col h-full bg-[#1e1e1e]">
+        {/* Toolbar */}
+        <div className="h-12 bg-[#2d2d2d] border-b border-[#1e1e1e] flex items-center justify-between px-4">
+          <div className="flex items-center gap-3">
+            <div className="flex items-center gap-2 px-3 py-1.5 bg-[#1e1e1e] rounded text-xs text-gray-400 border border-[#333]">
+              <FileText size={14} className="text-blue-400" />
+              <span>{fileName}</span>
+            </div>
+            
+            {hasChanges && (
+              <span className="text-xs text-yellow-500">● Modified</span>
+            )}
+            
+            {saveStatus === 'saved' && (
+              <div className="flex items-center gap-1 text-xs text-green-500">
+                <Check size={14} />
+                <span>Saved {lastSaved?.toLocaleTimeString()}</span>
+              </div>
+            )}
+            
+            {saveStatus === 'error' && (
+              <div className="flex items-center gap-1 text-xs text-red-500">
+                <WarningCircle size={14} />
+                <span>Save failed</span>
+              </div>
+            )}
+          </div>
+
+          <div className="flex items-center gap-2">
+            <button
+              onClick={handleSave}
+              disabled={isSaving || !hasChanges}
+              className="flex items-center gap-2 px-4 py-1.5 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-600 disabled:cursor-not-allowed text-white rounded text-xs font-medium transition-colors"
+            >
+              {isSaving ? (
+                <>
+                  <div className="w-3 h-3 border-2 border-white border-t-transparent rounded-full animate-spin" />
+                  <span>Saving...</span>
+                </>
+              ) : (
+                <>
+                  <FloppyDisk size={14} weight="fill" />
+                  <span>Save (⌘S)</span>
+                </>
+              )}
+            </button>
+          </div>
+        </div>
+
+        {/* Editor */}
+        <div className="flex-1">
+          <Editor
+            height="100%"
+            language={language}
+            theme="vs-dark"
+            value={code}
+            onChange={(value) => setCode(value || '')}
+            options={{
+              minimap: { enabled: true },
+              fontSize: 14,
+              fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace",
+              lineNumbers: 'on',
+              scrollBeyondLastLine: false,
+              automaticLayout: true,
+              padding: { top: 16, bottom: 16 },
+              renderLineHighlight: 'all',
+              smoothScrolling: true,
+              cursorBlinking: 'smooth',
+              cursorSmoothCaretAnimation: 'on',
+              wordWrap: 'on',
+              wrappingIndent: 'indent',
+              tabSize: 2,
+              insertSpaces: true
+            }}
+          />
+        </div>
+
+        {/* Status Bar */}
+        <div className="h-6 bg-[#007acc] flex items-center justify-between px-4 text-xs text-white">
+          <div className="flex items-center gap-4">
+            <span>{language.toUpperCase()}</span>
+            <span>|</span>
+            <span>{code.split('\n').length} lines</span>
+            <span>|</span>
+            <span>{code.length} characters</span>
+          </div>
+          <div>
+            {fileName.endsWith('.tex') && <span>📄 PDF will be auto-generated on save</span>}
+          </div>
+        </div>
+      </div>
+    </Window>
+  )
+}
+

package-lock.json

@@ -27,6 +27,7 @@
         "monaco-editor": "^0.54.0",
         "next": "16.0.1",
         "node-fetch": "^3.3.2",
+        "node-pdflatex": "^0.3.0",
         "officegen": "^0.6.5",
         "pdf-parse": "^2.4.5",
         "pdfkit": "^0.17.2",
@@ -10624,6 +10625,12 @@
         "marked": "14.0.0"
       }
     },
+    "node_modules/monolite": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/monolite/-/monolite-0.4.6.tgz",
+      "integrity": "sha512-iVm3qzFvDKxF3B3bFTZG5Knu6knL83wCmXBhFT/bOKTT1JU5LAk5Fq+4R/abYA6mYmDNmlXlq1CIeSC/UQ9bOg==",
+      "license": "MIT"
+    },
     "node_modules/motion-dom": {
       "version": "12.23.23",
       "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.23.tgz",
@@ -10846,6 +10853,28 @@
         "node": ">= 12"
       }
     },
+    "node_modules/node-pdflatex": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/node-pdflatex/-/node-pdflatex-0.3.0.tgz",
+      "integrity": "sha512-hVMAmFpETyZbwdo3LPthqliu73I3O6tblQggljwdsQQjyByI6Cv8t4ytDEI7ZnfhgKMvPvDXaCo9yxHkQ0j7CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "monolite": "^0.4.5",
+        "tmp": "0.0.33"
+      }
+    },
+    "node_modules/node-pdflatex/node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "license": "MIT",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
@@ -11134,6 +11163,15 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/own-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",

package.json

@@ -31,6 +31,7 @@
     "monaco-editor": "^0.54.0",
     "next": "16.0.1",
     "node-fetch": "^3.3.2",
+    "node-pdflatex": "^0.3.0",
     "officegen": "^0.6.5",
     "pdf-parse": "^2.4.5",
     "pdfkit": "^0.17.2",