feat: Introduce Dynamic Pixel Server for Seamless Self-Hosting (#2015)

Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
2026-05-01 11:50:43 -05:00 · 2024-02-06 17:10:49 +01:00
parent 3db4f59b0a
commit 3472033c7e
1 changed files with 81 additions and 0 deletions
@@ -0,0 +1,81 @@
+import { responses } from "@/app/lib/api/response";
+import fs from "fs/promises";
+import { NextRequest, NextResponse } from "next/server";
+
+import { WEBAPP_URL } from "@formbricks/lib/constants";
+import { getEnvironment } from "@formbricks/lib/environment/service";
+import { TEnvironment } from "@formbricks/types/environment";
+
+export async function GET(req: NextRequest) {
+  let path: string;
+  let append = "";
+  switch (req.nextUrl.searchParams.get("module")) {
+    case "surveys":
+      path = `../../packages/surveys/dist/index.umd.js`;
+      break;
+    case "question-date":
+      path = `../../packages/surveys/dist/question-date.umd.js`;
+      break;
+    case "js":
+    case null:
+      const format = ["umd", "iife"].includes(req.nextUrl.searchParams.get("format")!)
+        ? req.nextUrl.searchParams.get("format")!
+        : "umd";
+      path = `../../packages/js/dist/index.${format}.js`;
+      try {
+        append = await handleInit(req);
+      } catch (error) {
+        return responses.badRequestResponse(error.message);
+      }
+      break;
+    default:
+      return responses.badRequestResponse(
+        "unknown module requested. module must be of type 'js' (default), 'surveys' or 'question-date'"
+      );
+  }
+
+  try {
+    const jsCode = await loadAndAppendCode(path, append);
+
+    return new NextResponse(jsCode, {
+      headers: {
+        "Content-Type": "application/javascript",
+        "Cache-Control": "public, s-maxage=600, max-age=1800, stale-while-revalidate=600, stale-if-error=600",
+        "Access-Control-Allow-Origin": "*",
+      },
+    });
+  } catch (error) {
+    return responses.internalServerErrorResponse("file not found");
+  }
+}
+
+async function handleInit(req: NextRequest) {
+  const environmentId = req.nextUrl.searchParams.get("environmentId");
+
+  if (environmentId) {
+    let environment: TEnvironment | null;
+
+    try {
+      environment = await getEnvironment(environmentId);
+    } catch (error) {
+      throw new Error(`error fetching environment: ${error.message}`);
+    }
+
+    if (!environment) {
+      throw new Error("environment not found");
+    }
+
+    if (environment) {
+      const enableDebug =
+        req.nextUrl.searchParams.get("debug") === "true" || req.nextUrl.searchParams.get("debug") === "1";
+      return `formbricks.init({environmentId: "${environmentId}", apiHost: "${WEBAPP_URL}", debug: ${enableDebug}});`;
+    }
+  }
+  return "";
+}
+
+async function loadAndAppendCode(path: string, append: string): Promise<string> {
+  let jsCode = await fs.readFile(path, "utf-8");
+
+  return jsCode + append;
+}