fixes

Author: Chetan11-dev

.erb/scripts/fix-playwright.js

@@ -2,22 +2,22 @@ const fs = require('fs');
 const path = require('path');
 
 const find = `async function installAppIcon(page) {
-  const icon = await _fs.default.promises.readFile(require.resolve('./chromium/appIcon.png'));
+  const icon = await import_fs.default.promises.readFile(require.resolve("./chromium/appIcon.png"));
   const crPage = page._delegate;
-  await crPage._mainFrameSession._client.send('Browser.setDockTile', {
-    image: icon.toString('base64')
+  await crPage._mainFrameSession._client.send("Browser.setDockTile", {
+    image: icon.toString("base64")
   });
 }`
 const replacement = `async function installAppIcon(page) {
-  // const icon = await _fs.default.promises.readFile(require.resolve('./chromium/appIcon.png'));
+  // const icon = await import_fs.default.promises.readFile(require.resolve("./chromium/appIcon.png"));
   // const crPage = page._delegate;
-  // await crPage._mainFrameSession._client.send('Browser.setDockTile', {
-  //   image: icon.toString('base64')
+  // await crPage._mainFrameSession._client.send("Browser.setDockTile", {
+  //   image: icon.toString("base64")
   // });
 }`
 
-const find1 = `var bidiMapper = _interopRequireWildcard(require("chromium-bidi/lib/cjs/bidiMapper/BidiMapper"));
-var bidiCdpConnection = _interopRequireWildcard(require("chromium-bidi/lib/cjs/cdp/CdpConnection"));
+const find1 = `var bidiMapper = __toESM(require("chromium-bidi/lib/cjs/bidiMapper/BidiMapper"));
+var bidiCdpConnection = __toESM(require("chromium-bidi/lib/cjs/cdp/CdpConnection"));
 `
 const replacement1 = `var bidiMapper = null;
 var bidiCdpConnection =  null;

package-lock.json

@@ -67,8 +67,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
-    "react-router-dom": "^6.16.0",
-    "rebrowser-playwright-core": "^1.49.1"
+    "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
     "@electron/notarize": "^2.5.0",
@@ -234,4 +233,4 @@
     ],
     "logLevel": "quiet"
   }
-}
+}

package.json

@@ -1,9 +1,9 @@
-import { getPort } from '../ServerToggle'
+import { getPort, getURL } from '../ServerToggle'
 
 export function getBaseUrl(): string {
   const port = getPort()
   if (port !== 8000) {
-    return `http://127.0.0.1:${port}`
+    return getURL(port)
   }
   return ''
 }

src/renderer/app/components/ApiIntegrationComponent/getBaseUrl.tsx

@@ -1,3 +1,4 @@
+import { EuiLink } from '@elastic/eui/optimize/es/components/link/link';
 import { useState } from 'react';
 import { EuiFormRow } from '@elastic/eui/optimize/es/components/form/form_row/form_row';
 import { ipcRenderer } from '../utils/electron';
@@ -11,6 +12,10 @@ export function getPort() {
   return serverPort
 }
 
+export function getURL(port = getPort()): string {
+  return `http://127.0.0.1:${port}`
+}
+
 // Listen for server-state once globally (outside component)
 ipcRenderer.once('server-state', ({ isRunning, port }: any) => {
   serverRunning = isRunning;
@@ -32,7 +37,7 @@ const ServerToggle = () => {
   };
 
   return (
-    <EuiFormRow className="mb-4 !mt-0" label={`Start API Server on port ${serverPort}`} fullWidth>
+    <EuiFormRow className="mb-4 !mt-0" label={<div>Start API Server on port <EuiLink target={'_blank'} href={getURL(serverPort)}>{serverPort}</EuiLink></div>} fullWidth>
       <SwitchField value={isRunning} onChange={handleToggle} />
     </EuiFormRow>
   );

src/renderer/app/components/ServerToggle.tsx

@@ -25,6 +25,5 @@ export const appProps = {
             "default_sort": "no_sort",
             "max_runs": 1
         }
-    ],
-    "show_api_integration_tab": true
+    ]
 }