From 112b865a5bb8d2af3dd718a533ef41ece3b9c46f Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Thu, 2 Jul 2026 06:30:26 +0700
Subject: [PATCH] =?UTF-8?q?fix(infra):=20bypass=20Cloudflare=20Rocket=20Lo?=
 =?UTF-8?q?ader=20=E2=80=94=20breaks=20ES=20module=20scripts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cloudflare Rocket Loader transforms <script type="module"> into
type="<hash>-module", which the browser cannot parse as ES module.
The React app never mounts — blank page on every route.

Fix: Vite plugin adds data-cfasync="false" attribute to the module
script tag, telling Rocket Loader to skip transformation.

Also: remove dist/ from the commit (build artifacts excluded).
---
 services/frontend/vite.config.ts | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/services/frontend/vite.config.ts b/services/frontend/vite.config.ts
index 0699450..1c3358f 100644
--- a/services/frontend/vite.config.ts
+++ b/services/frontend/vite.config.ts
@@ -1,8 +1,22 @@
 import react from "@vitejs/plugin-react";
-import { defineConfig } from "vite";
+import { defineConfig, type Plugin } from "vite";
+
+/** Cloudflare Rocket Loader breaks ES module scripts by rewriting type="module".
+ *  Adding data-cfasync="false" tells Rocket Loader to skip this script. */
+function cloudflareCompat(): Plugin {
+  return {
+    name: "cloudflare-compat",
+    transformIndexHtml(html) {
+      return html.replace(
+        '<script type="module" crossorigin',
+        '<script type="module" data-cfasync="false" crossorigin',
+      );
+    },
+  };
+}
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), cloudflareCompat()],
   build: {
     rolldownOptions: {
       checks: {