letro/letro-authentication-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Move all the frontend entrypoints to a dedicated directory

Browse Source 
This will make it easier to add new entrypoints in the future without
having to change the vite config
This commit is contained in:
Quentin Gliech
2025-11-18 14:47:12 +01:00
parent 380d6037a5
commit 95376dab81
12 changed files with 27 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -23,6 +23,6 @@ Please see LICENSE files in the repository root for full details.
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script type="module" src="/src/entrypoints/main.tsx"></script>
</body>
</html>

2
frontend/knip.config.ts
View File

@@ -6,7 +6,7 @@
import type { KnipConfig } from "knip";
export default {
entry: ["src/main.tsx", "src/swagger.ts", "src/routes/*"],
entry: ["src/entrypoints/*", "src/routes/*"],
ignore: [
"src/gql/*",
"src/routeTree.gen.ts",

1
frontend/package-lock.json generated
View File

@@ -64,6 +64,7 @@
"rimraf": "^6.0.1",
"storybook": "^10.0.5",
"tailwindcss": "^3.4.18",
"tinyglobby": "^0.2.15",
"typescript": "^5.9.3",
"vite": "7.2.2",
"vite-plugin-compression": "^0.5.1",

1
frontend/package.json
View File

@@ -74,6 +74,7 @@
"rimraf": "^6.0.1",
"storybook": "^10.0.5",
"tailwindcss": "^3.4.18",
"tinyglobby": "^0.2.15",
"typescript": "^5.9.3",
"vite": "7.2.2",
"vite-plugin-compression": "^0.5.1",

10
frontend/src/main.tsx → frontend/src/entrypoints/main.tsx
View File

@@ -10,11 +10,11 @@ import { TooltipProvider } from "@vector-im/compound-web";
import { StrictMode, Suspense } from "react";
import { createRoot } from "react-dom/client";
import { I18nextProvider } from "react-i18next";
import ErrorBoundary from "./components/ErrorBoundary";
import LoadingScreen from "./components/LoadingScreen";
import { queryClient } from "./graphql";
import i18n, { setupI18n } from "./i18n";
import { router } from "./router";
import ErrorBoundary from "../components/ErrorBoundary";
import LoadingScreen from "../components/LoadingScreen";
import { queryClient } from "../graphql";
import i18n, { setupI18n } from "../i18n";
import { router } from "../router";
import "./shared.css";
setupI18n();

0
frontend/src/shared.css → frontend/src/entrypoints/shared.css
View File

0
frontend/src/swagger.ts → frontend/src/entrypoints/swagger.ts
View File

22
frontend/src/templates.css → frontend/src/entrypoints/templates.css
View File

@@ -5,18 +5,18 @@
* Please see LICENSE files in the repository root for full details.
*/
@import url("./styles/cpd-button.css");
@import url("./styles/cpd-form.css");
@import url("./styles/cpd-link.css");
@import url("./styles/cpd-text-control.css");
@import url("./styles/cpd-mfa-control.css");
@import url("./styles/cpd-checkbox-control.css");
@import url("../styles/cpd-button.css");
@import url("../styles/cpd-form.css");
@import url("../styles/cpd-link.css");
@import url("../styles/cpd-text-control.css");
@import url("../styles/cpd-mfa-control.css");
@import url("../styles/cpd-checkbox-control.css");
@import url("./components/SessionCard/SessionCard.module.css");
@import url("./components/Session/DeviceTypeIcon.module.css");
@import url("./components/Layout/Layout.module.css");
@import url("./components/Footer/Footer.module.css");
@import url("./components/PageHeading/PageHeading.module.css");
@import url("../components/SessionCard/SessionCard.module.css");
@import url("../components/Session/DeviceTypeIcon.module.css");
@import url("../components/Layout/Layout.module.css");
@import url("../components/Footer/Footer.module.css");
@import url("../components/PageHeading/PageHeading.module.css");
.cpd-text-body-lg-regular {
font: var(--cpd-font-body-lg-regular);

9
frontend/vite.config.ts
View File

@@ -7,6 +7,7 @@
import { readFile, writeFile } from "node:fs/promises";
import { resolve } from "node:path";
import { globSync } from "tinyglobby";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import react from "@vitejs/plugin-react";
import browserslistToEsbuild from "browserslist-to-esbuild";
@@ -53,12 +54,8 @@ export default defineConfig((env) => ({
cssCodeSplit: true,
rollupOptions: {
input: [
resolve(__dirname, "src/main.tsx"),
resolve(__dirname, "src/shared.css"),
resolve(__dirname, "src/templates.css"),
resolve(__dirname, "src/swagger.ts"),
],
// This uses all the files in the src/entrypoints directory as inputs
input: globSync(resolve(__dirname, "src/entrypoints/**/*.{css,ts,tsx}")),
},
},

2
templates/app.html
View File

@@ -22,7 +22,7 @@ Please see LICENSE files in the repository root for full details.
<script>
window.APP_CONFIG = JSON.parse("{{ config | tojson | add_slashes | safe }}");
</script>
{{ include_asset('src/main.tsx') | indent(4) | safe }}
{{ include_asset('src/entrypoints/main.tsx') | indent(4) | safe }}
</head>
<body>

4
templates/base.html
View File

@@ -23,8 +23,8 @@ Please see LICENSE files in the repository root for full details.
<meta charset="utf-8">
<title>{% block title %}{{ _("app.name") }}{% endblock title %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ include_asset('src/shared.css') | indent(4) | safe }}
{{ include_asset('src/templates.css') | indent(4) | safe }}
{{ include_asset('src/entrypoints/shared.css') | indent(4) | safe }}
{{ include_asset('src/entrypoints/templates.css') | indent(4) | safe }}
{{ captcha.head() }}
</head>
<body>

2
templates/swagger/doc.html
View File

@@ -18,7 +18,7 @@ Please see LICENSE files in the repository root for full details.
callbackUrl: "{{ callback_url | add_slashes | safe }}",
};
</script>
{{ include_asset('src/swagger.ts') | indent(4) | safe }}
{{ include_asset('src/entrypoints/swagger.ts') | indent(4) | safe }}
</head>
<body>