Fix Tauri Verilog compilation: use HTTP plugin to bypass CORS and improve error handling

Author: Nakshatra Sharma

package-lock.json

@@ -19,6 +19,7 @@
         "@mdi/js": "^7.4.47",
         "@tauri-apps/api": "2.3.0",
         "@tauri-apps/plugin-fs": "2.2.0",
+        "@tauri-apps/plugin-http": "^2.5.7",
         "@tiptap/core": "^2.0.3",
         "@tiptap/extension-character-count": "^2.0.3",
         "@tiptap/extension-subscript": "^2.0.3",
@@ -76,4 +77,4 @@
     "optionalDependencies": {
         "esbuild-linux-64": "^0.15.18"
     }
-}
+}

package.json

@@ -17,6 +17,12 @@
         },
         {
           "url": "https://circuitverse.org/api/v1/auth/signup"
+        },
+        {
+          "url": "https://circuitverse.org/api/v1/simulator/verilogcv"
+        },
+        {
+          "url": "https://circuitverse.org/*"
         }
       ]
     },

src-tauri/capabilities/default.json

@@ -34,6 +34,7 @@ import { showError, showMessage } from './utils'
 import { showProperties } from './ux'
 import { useSimulatorMobileStore } from '#/store/simulatorMobileStore'
 import { toRefs } from 'vue'
+import { isTauri } from '@tauri-apps/api/core'
 
 var editor
 var verilogMode = false
@@ -257,15 +258,30 @@ export function YosysJSON2CV(
     }
 }
 
-export default function generateVerilogCircuit(
+export default async function generateVerilogCircuit(
     verilogCode,
     scope = globalScope
 ) {
     clearVerilogOutput()
     setVerilogOutput('Compiling Verilog code...', 'info')
 
     var params = { code: verilogCode }
-    fetch('/api/v1/simulator/verilogcv', {
+    let apiUrl = '/api/v1/simulator/verilogcv'
+    let fetchFn = window.fetch
+
+    if (isTauri()) {
+        apiUrl = `https://circuitverse.org${apiUrl}`
+        try {
+            const http = await import('@tauri-apps/plugin-http')
+            if (http && http.fetch) {
+                fetchFn = http.fetch
+            }
+        } catch (error) {
+            console.error('Failed to load Tauri HTTP plugin:', error)
+        }
+    }
+
+    fetchFn(apiUrl, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
@@ -276,6 +292,10 @@ export default function generateVerilogCircuit(
             if (!response.ok) {
                 throw response
             }
+            const contentType = response.headers.get('content-type')
+            if (!contentType || !contentType.includes('application/json')) {
+                throw new Error('Invalid response from server (not JSON)')
+            }
             return response.json()
         })
         .then((circuitData) => {
@@ -297,14 +317,18 @@ export default function generateVerilogCircuit(
             setVerilogOutput('Verilog Circuit Successfully Created', 'success')
         })
         .catch((error) => {
+            console.error('Verilog compilation error:', error)
+            showError('Verilog compilation failed')
             if (error.status == 500) {
-                showError('Could not connect to Yosys')
                 setVerilogOutput('Could not connect to Yosys server', 'error')
-            } else {
-                showError('There is some issue with the code')
+            } else if (typeof error.json === 'function') {
                 error.json().then((errorMessage) => {
-                    setVerilogOutput(errorMessage.message, 'error')
+                    setVerilogOutput(errorMessage.message || 'Unknown error', 'error')
+                }).catch(() => {
+                    setVerilogOutput('Error parsing error response', 'error')
                 })
+            } else {
+                setVerilogOutput(error.message || 'Unknown error occurred', 'error')
             }
         })
 }