From 18d4b8aa0223f49d263fa5d0c575e8565b633859 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= Date: Fri, 19 Jun 2026 18:05:08 +0200 Subject: [PATCH] Add compliance-portal bundle entrypoint on v2 theme MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The compliance-portal scaffold had an index.html pointing at a src/main.tsx that did not exist, and carried stale config copied from another app, so the bundle could not build. Add the React entrypoint (main.tsx, App.tsx), a Tailwind index.css wired to the standalone v2 theme, and vite-env.d.ts for the CSS side-effect import and env typing. Scope the Tailwind @source scan to packages/ui/src/v2 since this is a v2-only build, and use v2 color and type scales in index.html and App. Drop the deprecated baseUrl from tsconfig.app.json and remove the invalid react() babel relay option, which is unsupported by @vitejs/plugin-react 6 and unneeded until Relay queries exist. Signed-off-by: Émile Ré --- apps/compliance-portal/index.html | 2 +- apps/compliance-portal/src/App.tsx | 21 +++++++++++++++++++++ apps/compliance-portal/src/index.css | 3 +++ apps/compliance-portal/src/main.tsx | 21 +++++++++++++++++++++ apps/compliance-portal/src/vite-env.d.ts | 23 +++++++++++++++++++++++ apps/compliance-portal/tsconfig.app.json | 3 +-- apps/compliance-portal/vite.config.ts | 2 +- 7 files changed, 71 insertions(+), 4 deletions(-) create mode 100644 apps/compliance-portal/src/App.tsx create mode 100644 apps/compliance-portal/src/index.css create mode 100644 apps/compliance-portal/src/main.tsx create mode 100644 apps/compliance-portal/src/vite-env.d.ts diff --git a/apps/compliance-portal/index.html b/apps/compliance-portal/index.html index e92a7a4f2..330c337e5 100644 --- a/apps/compliance-portal/index.html +++ b/apps/compliance-portal/index.html @@ -31,7 +31,7 @@ - +
diff --git a/apps/compliance-portal/src/App.tsx b/apps/compliance-portal/src/App.tsx new file mode 100644 index 000000000..6670c687e --- /dev/null +++ b/apps/compliance-portal/src/App.tsx @@ -0,0 +1,21 @@ +// Copyright (c) 2025-2026 Probo Inc . +// +// Permission to use, copy, modify, and/or distribute this software for any +// purpose with or without fee is hereby granted, provided that the above +// copyright notice and this permission notice appear in all copies. +// +// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +// PERFORMANCE OF THIS SOFTWARE. + +export function App() { + return ( +
+

Compliance Portal

+
+ ); +} diff --git a/apps/compliance-portal/src/index.css b/apps/compliance-portal/src/index.css new file mode 100644 index 000000000..fa32c07cd --- /dev/null +++ b/apps/compliance-portal/src/index.css @@ -0,0 +1,3 @@ +@import "tailwindcss"; +@import "@probo/ui/src/v2/theme.css"; +@source "../../../packages/ui/src/v2"; diff --git a/apps/compliance-portal/src/main.tsx b/apps/compliance-portal/src/main.tsx new file mode 100644 index 000000000..d60e6628b --- /dev/null +++ b/apps/compliance-portal/src/main.tsx @@ -0,0 +1,21 @@ +// Copyright (c) 2025-2026 Probo Inc . +// +// Permission to use, copy, modify, and/or distribute this software for any +// purpose with or without fee is hereby granted, provided that the above +// copyright notice and this permission notice appear in all copies. +// +// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +// PERFORMANCE OF THIS SOFTWARE. + +import { createRoot } from "react-dom/client"; + +import "./index.css"; + +import { App } from "./App"; + +createRoot(document.getElementById("root")!).render(); diff --git a/apps/compliance-portal/src/vite-env.d.ts b/apps/compliance-portal/src/vite-env.d.ts new file mode 100644 index 000000000..057dba9a8 --- /dev/null +++ b/apps/compliance-portal/src/vite-env.d.ts @@ -0,0 +1,23 @@ +// Copyright (c) 2025-2026 Probo Inc . +// +// Permission to use, copy, modify, and/or distribute this software for any +// purpose with or without fee is hereby granted, provided that the above +// copyright notice and this permission notice appear in all copies. +// +// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +// PERFORMANCE OF THIS SOFTWARE. + +/// + +interface ImportMetaEnv { + readonly VITE_API_URL: string; +} + +interface ImportMeta { + readonly env: ImportMetaEnv; +} diff --git a/apps/compliance-portal/tsconfig.app.json b/apps/compliance-portal/tsconfig.app.json index 1fdb3f133..a60b37b47 100644 --- a/apps/compliance-portal/tsconfig.app.json +++ b/apps/compliance-portal/tsconfig.app.json @@ -14,9 +14,8 @@ "moduleDetection": "force", "noEmit": true, "jsx": "react-jsx", - "baseUrl": ".", "paths": { - "#/*": ["src/*"] + "#/*": ["./src/*"] }, /* Linting */ diff --git a/apps/compliance-portal/vite.config.ts b/apps/compliance-portal/vite.config.ts index 383551be7..b19801ff5 100644 --- a/apps/compliance-portal/vite.config.ts +++ b/apps/compliance-portal/vite.config.ts @@ -20,7 +20,7 @@ import { defineConfig } from "vite"; // https://vite.dev/config/ export default defineConfig({ - plugins: [react({ babel: { plugins: ["relay"] } }), tailwindcss()], + plugins: [react(), tailwindcss()], build: { assetsDir: "assets", },