Refactor desktop app into separate client and proxy apps

2026-04-20 07:41:22 +02:00 · 2026-03-06 09:23:19 -08:00
parent e26705f016
commit 6915778c06
613 changed files with 1356 additions and 812 deletions
--- a/apps/yaak-client/components/responseViewers/WebPageViewer.tsx
+++ b/apps/yaak-client/components/responseViewers/WebPageViewer.tsx
@@ -0,0 +1,28 @@
+import { useMemo } from 'react';
+
+interface Props {
+  html: string;
+  baseUrl?: string;
+}
+
+export function WebPageViewer({ html, baseUrl }: Props) {
+  const contentForIframe: string | undefined = useMemo(() => {
+    if (baseUrl && html.includes('<head>')) {
+      return html.replace(/<head>/gi, `<head><base href="${baseUrl}"/>`);
+    }
+    return html;
+  }, [baseUrl, html]);
+
+  return (
+    <div className="h-full pb-3">
+      <iframe
+        key={html ? 'has-body' : 'no-body'}
+        title="Yaak response preview"
+        srcDoc={contentForIframe}
+        sandbox="allow-scripts allow-forms"
+        referrerPolicy="no-referrer"
+        className="h-full w-full rounded-lg border border-border-subtle"
+      />
+    </div>
+  );
+}