From 5554e9d6139dca4a926cb365293c6b4a40582af1 Mon Sep 17 00:00:00 2001
From: Jonas Pacheco <jonaspachecoometas@github.com>
Date: Wed, 8 Apr 2026 14:39:28 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20integra=C3=A7=C3=A3o=20Metaset=20BI=20v?=
 =?UTF-8?q?ia=20proxy=20interno?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adiciona server/bi/metaset-proxy.ts para proxy do serviço Metaset
- Registra proxy /metaset no servidor (setupMetasetProxy)
- Atualiza página Metaset.tsx para usar proxy local /metaset
- Remove referência externa bi.onboardbi.com.br
- Agora usa serviço interno http://metaset:8100
- Mantém navegação suave com navbar sempre visível
---
 client/src/pages/Metaset.tsx | 121 ++++++++++++++++-------------------
 server/bi/metaset-proxy.ts   |  39 +++++++++++
 server/routes.ts             |   4 ++
 3 files changed, 98 insertions(+), 66 deletions(-)
 create mode 100644 server/bi/metaset-proxy.ts

diff --git a/client/src/pages/Metaset.tsx b/client/src/pages/Metaset.tsx
index 9493454..c09b1f0 100644
--- a/client/src/pages/Metaset.tsx
+++ b/client/src/pages/Metaset.tsx
@@ -1,77 +1,66 @@
-import { useState } from "react";
-import { Loader2, AlertCircle, ExternalLink } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { useState, useEffect } from "react";
+import { Loader2, AlertCircle } from "lucide-react";
 import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
 
 export default function Metaset() {
   const [isLoading, setIsLoading] = useState(true);
   const [hasError, setHasError] = useState(false);
+  const [errorMessage, setErrorMessage] = useState("");
+
+  useEffect(() => {
+    // Verificar se o Metaset está online
+    fetch("/api/bi/metaset/health", { credentials: "include" })
+      .then(r => r.json())
+      .then(data => {
+        if (!data.online) {
+          setHasError(true);
+          setErrorMessage("O Metaset está offline ou iniciando.");
+        }
+      })
+      .catch(() => {
+        setHasError(true);
+        setErrorMessage("Não foi possível conectar ao Metaset.");
+      })
+      .finally(() => {
+        setIsLoading(false);
+      });
+  }, []);
+
+  if (hasError) {
+    return (
+      <div className="h-[calc(100vh-40px)] w-full flex items-center justify-center p-4">
+        <Alert variant="destructive" className="max-w-md">
+          <AlertCircle className="h-4 w-4" />
+          <AlertDescription>
+            {errorMessage}
+            <div className="mt-4">
+              <Button onClick={() => window.location.reload()}>
+                Tentar novamente
+              </Button>
+            </div>
+          </AlertDescription>
+        </Alert>
+      </div>
+    );
+  }
 
   return (
-    <div className="h-[calc(100vh-40px)] w-full flex flex-col bg-background">
-      {/* Header do módulo */}
-      <div className="h-10 border-b flex items-center px-4 justify-between bg-muted/30">
-        <div className="flex items-center gap-2">
-          <span className="font-semibold text-sm">Metaset BI</span>
+    <div className="h-[calc(100vh-40px)] w-full relative">
+      {isLoading && (
+        <div className="absolute inset-0 flex items-center justify-center bg-background z-10">
+          <div className="flex flex-col items-center gap-2">
+            <Loader2 className="w-8 h-8 animate-spin text-primary" />
+            <span className="text-sm text-muted-foreground">Carregando Metaset...</span>
+          </div>
         </div>
-        <Button variant="ghost" size="sm" asChild>
-          <a 
-            href="https://bi.onboardbi.com.br/" 
-            target="_blank" 
-            rel="noopener noreferrer"
-            className="flex items-center gap-1"
-          >
-            <ExternalLink className="w-3 h-3" />
-            Abrir em nova aba
-          </a>
-        </Button>
-      </div>
-
-      {/* Container do iframe */}
-      <div className="flex-1 relative">
-        {isLoading && (
-          <div className="absolute inset-0 flex items-center justify-center bg-background z-10">
-            <div className="flex flex-col items-center gap-2">
-              <Loader2 className="w-8 h-8 animate-spin text-primary" />
-              <span className="text-sm text-muted-foreground">Carregando Metaset...</span>
-            </div>
-          </div>
-        )}
-
-        {hasError ? (
-          <div className="absolute inset-0 flex items-center justify-center p-4">
-            <Alert variant="destructive" className="max-w-md">
-              <AlertCircle className="h-4 w-4" />
-              <AlertDescription>
-                Não foi possível carregar o Metaset. O site pode não permitir embed em iframe.
-                <div className="mt-4">
-                  <Button asChild>
-                    <a 
-                      href="https://bi.onboardbi.com.br/" 
-                      target="_blank" 
-                      rel="noopener noreferrer"
-                    >
-                      Abrir Metaset em nova aba
-                    </a>
-                  </Button>
-                </div>
-              </AlertDescription>
-            </Alert>
-          </div>
-        ) : (
-          <iframe
-            src="https://bi.onboardbi.com.br/"
-            className="w-full h-full border-0"
-            onLoad={() => setIsLoading(false)}
-            onError={() => {
-              setIsLoading(false);
-              setHasError(true);
-            }}
-            sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
-            title="Metaset BI"
-          />
-        )}
-      </div>
+      )}
+      <iframe
+        src="/metaset"
+        className="w-full h-full border-0"
+        onLoad={() => setIsLoading(false)}
+        title="Metaset BI"
+      />
     </div>
   );
 }
diff --git a/server/bi/metaset-proxy.ts b/server/bi/metaset-proxy.ts
new file mode 100644
index 0000000..c6f1226
--- /dev/null
+++ b/server/bi/metaset-proxy.ts
@@ -0,0 +1,39 @@
+import { Express, Response } from "express";
+import { createProxyMiddleware } from "http-proxy-middleware";
+
+const METASET_HOST = process.env.METASET_HOST || "metaset";
+const METASET_PORT = parseInt(process.env.METASET_PORT || "8100", 10);
+const METASET_TIMEOUT = 60000;
+
+export function setupMetasetProxy(app: Express): void {
+  const target = `http://${METASET_HOST}:${METASET_PORT}`;
+
+  const metasetProxy = createProxyMiddleware({
+    target,
+    changeOrigin: true,
+    timeout: METASET_TIMEOUT,
+    proxyTimeout: METASET_TIMEOUT,
+    pathRewrite: { "^/metaset": "" },
+    on: {
+      error: (err, _req, res) => {
+        console.error("[Metaset Proxy] Error:", err.message);
+        if (res && typeof (res as Response).status === "function") {
+          (res as Response).status(502).json({
+            error: "Metaset indisponível",
+            message: "O Metaset BI está iniciando. Tente novamente em alguns segundos.",
+            target,
+          });
+        }
+      },
+      proxyRes: (proxyRes) => {
+        const location = proxyRes.headers["location"];
+        if (location && typeof location === "string" && location.startsWith("/")) {
+          proxyRes.headers["location"] = `/metaset${location}`;
+        }
+      },
+    },
+  });
+
+  app.use("/metaset", metasetProxy);
+  console.log(`[Metaset Proxy] Configurado -> /metaset/* => ${target}`);
+}
diff --git a/server/routes.ts b/server/routes.ts
index 7139198..f20a837 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -51,6 +51,7 @@ import governanceRoutes from "./governance/routes";
 import { setupPlusProxy } from "./plus/proxy";
 import { setupSupersetProxy } from "./superset/proxy";
 import { registerSupersetRoutes } from "./superset/routes";
+import { setupMetasetProxy } from "./bi/metaset-proxy";
 import { setupErpNextProxy } from "./erpnext/proxy";
 import { importErpNextRulesForTenant } from "./soe/erpnext-rule-importer";
 import { registerEngineRoomRoutes } from "./engine-room/routes";
@@ -89,6 +90,9 @@ export async function registerRoutes(
   setupSupersetProxy(app);
   registerSupersetRoutes(app);
 
+  // MetaSet - BI alternativo (porta 8100)
+  setupMetasetProxy(app);
+
   // ERPNext container proxy (ativo apenas em DOCKER_MODE ou ERPNEXT_PROXY_ENABLED=true)
   setupErpNextProxy(app);