Merge pull request #1 from ariavn-byte/copilot/prepare-for-railway-deployment

Prepare repository for Railway deployment

farsi_transcriber_web/.gitignore

@@ -32,3 +32,6 @@ Thumbs.db
 
 # Build output
 *.tgz
+*.tsbuildinfo
+vite.config.js
+vite.config.d.ts

farsi_transcriber_web/backend/nixpacks.toml

@@ -0,0 +1,11 @@
+# Nixpacks configuration for Railway deployment
+# Ensures ffmpeg is available for Whisper audio processing
+
+[phases.setup]
+nixPkgs = ["ffmpeg"]
+
+[phases.install]
+cmds = ["pip install -r requirements.txt"]
+
+[start]
+cmd = "gunicorn --workers 2 --worker-class sync --timeout 120 --bind 0.0.0.0:$PORT app:app"

farsi_transcriber_web/backend/requirements.txt

@@ -1,7 +1,7 @@
 Flask==2.3.3
 Flask-CORS==4.0.0
 python-dotenv==1.0.0
-openai-whisper==20230314
+openai-whisper==20240930
 torch>=1.10.1
 python-multipart==0.0.6
 gunicorn==21.2.0

farsi_transcriber_web/nixpacks.toml

@@ -0,0 +1,11 @@
+# Nixpacks configuration for Railway deployment (Frontend)
+# Configures Node.js build and preview server
+
+[phases.install]
+cmds = ["npm install"]
+
+[phases.build]
+cmds = ["npm run build"]
+
+[start]
+cmd = "npm run preview"

farsi_transcriber_web/package.json

@@ -10,21 +10,23 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@tailwindcss/postcss": "^4.1.17",
     "lucide-react": "^0.263.1",
     "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "sonner": "^1.2.0"
   },
   "devDependencies": {
+    "@types/node": "^20.8.0",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@vitejs/plugin-react": "^4.2.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.0",
-    "tailwindcss": "^4.0.0",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
-    "@types/node": "^20.8.0"
+    "tailwindcss": "^4.0.0",
+    "terser": "^5.44.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0"
   }
 }

farsi_transcriber_web/postcss.config.js

@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 }

farsi_transcriber_web/src/App.tsx

@@ -158,7 +158,7 @@ export default function App() {
     if (!query) return text;
 
     const parts = text.split(new RegExp(`(${query})`, 'gi'));
-    return parts.map((part, i) =>
+    return parts.map((part) =>
       part.toLowerCase() === query.toLowerCase()
         ? `<mark style="background-color: ${isDark ? '#4CAF50' : '#FFEB3B'}; color: ${isDark ? '#000' : '#000'}; padding: 2px 4px; border-radius: 2px;">${part}</mark>`
         : part
@@ -184,7 +184,7 @@ export default function App() {
 
       <Resizable
         size={windowSize}
-        onResizeStop={(e, direction, ref, d) => {
+        onResizeStop={(_e, _direction, _ref, d) => {
           setWindowSize({
             width: windowSize.width + d.width,
             height: windowSize.height + d.height,
@@ -350,7 +350,10 @@ export default function App() {
                       }}
                     />
                   </div>
-                  <Select value={exportFormat} onValueChange={setExportFormat}>
+                  <Select 
+                    value={exportFormat} 
+                    onChange={(e) => setExportFormat(e.target.value as 'txt' | 'docx' | 'pdf' | 'srt')}
+                  >
                     <option value="txt">TXT</option>
                     <option value="docx">DOCX</option>
                     <option value="pdf">PDF</option>

farsi_transcriber_web/vite.config.ts

@@ -32,6 +32,7 @@ export default defineConfig({
     },
   },
   preview: {
-    port: 3000,
+    port: parseInt(process.env.PORT || '3000'),
+    host: '0.0.0.0',
   }
 })