@antelopejs/dms 0.0.1

package/frontend-vue/tests/file-read-urls.test.ts

@@ -0,0 +1,135 @@
+import { effectScope, onScopeDispose, ref } from "vue";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { useFileReadUrls } from "../layers/dms-ui/app/composables/useFileReadUrls";
+
+const RESOURCE_KEY = "localized/private.png";
+const START_TIME = new Date("2026-09-14T12:00:00Z");
+const URL_TTL_MS = 60000;
+
+const authFetch = vi.fn();
+
+describe("file read URLs", () => {
+  beforeEach(() => {
+    vi.stubEnv("SSR", false);
+    vi.useFakeTimers();
+    vi.setSystemTime(START_TIME);
+    vi.stubGlobal("ref", ref);
+    vi.stubGlobal("onScopeDispose", onScopeDispose);
+    vi.stubGlobal("inject", () => "*");
+    vi.stubGlobal("FORM_CONTENT_LANGUAGE_KEY", Symbol());
+    vi.stubGlobal("CONTENT_LANGUAGE_HEADER", "x-content-language");
+    vi.stubGlobal("useAuthFetch", () => ({ $authFetch: authFetch }));
+  });
+
+  afterEach(() => {
+    vi.unstubAllEnvs();
+    vi.useRealTimers();
+    vi.unstubAllGlobals();
+    vi.resetAllMocks();
+  });
+
+  it("preserves expiry and refreshes a visible URL before it expires", async () => {
+    authFetch
+      .mockResolvedValueOnce({
+        url: "https://example.test/first",
+        expiresAt: Date.now() + URL_TTL_MS,
+      })
+      .mockResolvedValueOnce({
+        url: "https://example.test/refreshed",
+        expiresAt: Date.now() + URL_TTL_MS * 2,
+      });
+
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls())!;
+    await urls.resolve(RESOURCE_KEY);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/first");
+
+    await vi.advanceTimersByTimeAsync(URL_TTL_MS - 5000);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/refreshed");
+    expect(authFetch).toHaveBeenCalledTimes(2);
+    scope.stop();
+  });
+
+  it("retries a transient refresh failure without exposing an expired URL", async () => {
+    authFetch
+      .mockResolvedValueOnce({
+        url: "https://example.test/first",
+        expiresAt: Date.now() + URL_TTL_MS,
+      })
+      .mockRejectedValueOnce(new Error("temporary"))
+      .mockResolvedValueOnce({
+        url: "https://example.test/recovered",
+        expiresAt: Date.now() + URL_TTL_MS,
+      });
+
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls())!;
+    await urls.resolve(RESOURCE_KEY);
+    await vi.advanceTimersByTimeAsync(URL_TTL_MS - 5000);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/first");
+    await vi.advanceTimersByTimeAsync(2500);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/recovered");
+    scope.stop();
+  });
+
+  it("uses the full localized form language for metadata authorization", async () => {
+    authFetch.mockResolvedValue({ url: "https://example.test/file" });
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls("private"))!;
+    await urls.resolve(RESOURCE_KEY);
+
+    expect(authFetch).toHaveBeenCalledWith("/api/files/metadata", {
+      query: { resourceKey: RESOURCE_KEY, storage: "private" },
+      headers: { "x-content-language": "*" },
+    });
+    scope.stop();
+  });
+
+  it("retries the first failed lookup while the component stays mounted", async () => {
+    authFetch
+      .mockRejectedValueOnce(new Error("offline"))
+      .mockResolvedValueOnce({ url: "https://example.test/recovered" });
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls())!;
+    await urls.resolve(RESOURCE_KEY);
+    expect(urls.getUrl(RESOURCE_KEY)).toBeUndefined();
+    await vi.advanceTimersByTimeAsync(5000);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/recovered");
+    scope.stop();
+  });
+
+  it("does not restart refresh timers when an in-flight lookup finishes after disposal", async () => {
+    let finish!: (value: unknown) => void;
+    authFetch.mockReturnValue(
+      new Promise((resolve) => {
+        finish = resolve;
+      }),
+    );
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls())!;
+    const pending = urls.resolve(RESOURCE_KEY);
+    scope.stop();
+    finish({
+      url: "https://example.test/late",
+      expiresAt: Date.now() + URL_TTL_MS,
+    });
+    await pending;
+    await vi.advanceTimersByTimeAsync(URL_TTL_MS * 2);
+    expect(authFetch).toHaveBeenCalledTimes(1);
+    expect(vi.getTimerCount()).toBe(0);
+  });
+
+  it("resolves metadata during SSR without scheduling browser refresh timers", async () => {
+    vi.stubEnv("SSR", true);
+    authFetch.mockResolvedValue({
+      url: "https://example.test/ssr",
+      expiresAt: Date.now() + URL_TTL_MS,
+    });
+    const scope = effectScope();
+    const urls = scope.run(() => useFileReadUrls())!;
+    await urls.resolve(RESOURCE_KEY);
+    expect(urls.getUrl(RESOURCE_KEY)).toBe("https://example.test/ssr");
+    expect(vi.getTimerCount()).toBe(0);
+    scope.stop();
+  });
+});

package/frontend-vue/tests/fixtures/TableCellLayout.vue

@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { h, ref } from "vue";
+import type { CellContext } from "@tanstack/vue-table";
+import Table, {
+  type Data,
+  type TableColumn,
+} from "../../layers/dms-ui/app/build/components/table/Table.vue";
+import Badge from "@nuxt/ui/components/Badge.vue";
+
+interface LayoutRow extends Data {
+  _id: string;
+  value: string;
+}
+
+const NARROW_WIDTH = "440px";
+const WIDE_WIDTH = "1000px";
+const isNarrow = ref(true);
+const text =
+  "Une description longue qui doit rester lisible lorsque la colonne devient étroite.";
+const data: LayoutRow[] = [
+  { _id: "plain", value: "Texte simple" },
+  { _id: "hint", value: "Aucun accès" },
+  { _id: "long", value: text },
+  { _id: "email", value: "invitation-tres-longue-sans-espace@exemple.fr" },
+];
+const renderCell = ({ row }: CellContext<LayoutRow, unknown>) => {
+  if (row.original._id !== "hint") return row.original.value;
+  return h("div", { class: "flex flex-col items-start gap-1" }, [
+    h(
+      Badge,
+      { variant: "outline", class: "whitespace-nowrap shrink-0" },
+      () => row.original.value,
+    ),
+    h(
+      "span",
+      { class: "text-muted text-xs", "data-hint": "" },
+      "Par défaut à l’arrivée · resto-lucca",
+    ),
+  ]);
+};
+const columns: TableColumn<LayoutRow>[] = [
+  { id: "before", header: "Défaut conservé", cell: renderCell },
+  { id: "after", header: "cellWrap: true", cell: renderCell, cellWrap: true },
+];
+</script>
+
+<template>
+  <UApp>
+    <main class="p-8">
+      <h1 class="mb-4 text-2xl font-semibold">
+        Cellules Table DMS — rendu réel
+      </h1>
+      <button
+        class="mb-6 rounded border px-4 py-2"
+        @click="isNarrow = !isNarrow"
+      >
+        {{ isNarrow ? "Afficher large" : "Afficher étroit" }}
+      </button>
+      <div :style="{ width: isNarrow ? NARROW_WIDTH : WIDE_WIDTH }">
+        <Table
+          caption="Texte, badge + indication, texte long"
+          :data="data"
+          :columns="columns"
+        />
+      </div>
+    </main>
+  </UApp>
+</template>
+
+<style>
+@import "../../layers/dms-layout/app/assets/css/main.css";
+@source "../../layers/dms-ui/app/build";
+</style>

package/frontend-vue/tests/fixtures/chart-axes.html

@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="fr">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Vérification des axes DMS</title>
+  <style>
+    body {
+      font: 16px system-ui;
+      color: #21324b;
+      background: #f2f6fc;
+      margin: 24px;
+    }
+    main {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 24px;
+      max-width: 1000px;
+    }
+    article {
+      background: white;
+      padding: 16px;
+      min-width: 0;
+    }
+    h2 {
+      font-size: 16px;
+    }
+    @media (max-width: 650px) {
+      main {
+        grid-template-columns: minmax(0, 1fr);
+      }
+    }
+  </style>
+  <h1>Axes X · rendu ApexCharts réel</h1>
+  <p>
+    Options produites par useApexChart · 2 intervalles · libellés horizontaux
+  </p>
+  <main id="charts"></main>
+  <script type="module" src="./chart-axes.ts"></script>
+</html>

package/frontend-vue/tests/fixtures/chart-axes.ts

@@ -0,0 +1,67 @@
+import ApexCharts from "apexcharts";
+import { useApexChart } from "../../layers/dms-ui/app/composables/chart/useApexChart";
+import type { UseApexChartInput } from "../../layers/dms-ui/app/composables/chart/useApexChart.types";
+
+const SHORT_MONTH_DAYS = 5;
+const LONG_MONTH_DAYS = 31;
+const CHART_HEIGHT = 240;
+const AXIS_INTERVALS = 2;
+const START_DATE = Date.UTC(2026, 0, 1);
+const DAY_MS = 86_400_000;
+
+function dailySeries(days: number, datetime = false) {
+  return [
+    {
+      name: "Usage",
+      data: Array.from({ length: days }, (_, index) => ({
+        x: datetime ? START_DATE + index * DAY_MS : index + 1,
+        y: index + 1,
+      })),
+    },
+  ];
+}
+
+async function renderChart(title: string, input: Partial<UseApexChartInput>) {
+  const article = document.createElement("article");
+  const heading = document.createElement("h2");
+  heading.textContent = title;
+  const host = document.createElement("div");
+  article.append(heading, host);
+  document.querySelector("main")!.append(article);
+  const chart = useApexChart(() => ({
+    type: "line",
+    series: dailySeries(LONG_MONTH_DAYS),
+    height: `${CHART_HEIGHT}px`,
+    showLegend: false,
+    colors: "#235ac3",
+    xAxis: {
+      tickAmount: AXIS_INTERVALS,
+      rotate: 0,
+      hideOverlappingLabels: true,
+    },
+    xAxisFormatter: (value) => `Jour ${value}`,
+    ...input,
+  }));
+  await new ApexCharts(host, {
+    ...chart.options.value,
+    series: chart.series.value,
+  }).render();
+}
+
+await renderChart("Mois en cours · 5 jours", {
+  series: dailySeries(SHORT_MONTH_DAYS),
+});
+await renderChart("Mois complet · 31 jours", {});
+await renderChart("Comparaison · 5 jours / 31 jours", {
+  series: [
+    ...dailySeries(SHORT_MONTH_DAYS),
+    { ...dailySeries(LONG_MONTH_DAYS)[0]!, name: "Précédent" },
+  ],
+});
+await renderChart("Dates · format serveur dd MMM", {
+  xaxisType: "datetime",
+  series: dailySeries(LONG_MONTH_DAYS, true),
+  xAxis: { datetimeFormat: "dd MMM", rotate: 0, hideOverlappingLabels: true },
+  xAxisFormatter: undefined,
+});
+document.body.dataset.ready = "true";

package/frontend-vue/tests/fixtures/chart-precision.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="fr">
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>DMS — vérification de précision</title>
+  <style>
+    body {
+      font: 16px system-ui;
+      background: #f5f5f4;
+      color: #292524;
+      margin: 32px;
+    }
+    main {
+      max-width: 1100px;
+      margin: auto;
+    }
+    article {
+      padding: 24px;
+      background: white;
+      border: 1px solid #ddd;
+      margin: 20px 0;
+    }
+    .text-2xl {
+      font-size: 28px;
+      font-weight: 600;
+    }
+    .text-muted {
+      color: #57534e;
+    }
+    button {
+      padding: 10px;
+      margin-right: 12px;
+    }
+  </style>
+  <main id="app"></main>
+  <script type="module" src="./chart-precision.ts"></script>
+</html>

package/frontend-vue/tests/fixtures/chart-precision.ts

@@ -0,0 +1,118 @@
+import { createApp, defineComponent, h, ref } from "vue";
+import ChartCard from "../../layers/dms-ui/app/components/chart/ChartCard.vue";
+import Chart from "../../layers/dms-ui/app/components/chart/Chart.vue";
+import ApexChartHost from "../../layers/dms-ui/app/components/chart/ApexChartHost.vue";
+import type { ValuePrecision } from "../../layers/dms-ui/app/composables/chart/types";
+
+const locale = ref("fr-FR");
+const precision = ref<ValuePrecision | undefined>("native");
+const revision = ref(0);
+const AMOUNT = 9.391;
+const SAMPLE = {
+  value: AMOUNT,
+  previousValue: 8.125,
+  series: [
+    {
+      name: "Spend",
+      data: [
+        { x: "01", y: 0 },
+        { x: "02", y: AMOUNT },
+      ],
+    },
+  ],
+};
+
+Object.assign(globalThis, {
+  useI18n: () => ({ locale, t: (key: string) => key }),
+  useTranslation: () => ({ processI18n: (text: string) => text }),
+  useComponentEvent: () => ({}),
+  useWatch: () => ({ state: ref({}) }),
+  useAuthFetch: () => ({ $authFetch: async () => SAMPLE }),
+});
+
+const Slot = defineComponent({
+  setup:
+    (_, { slots }) =>
+    () =>
+      h("div", slots.default?.()),
+});
+const Card = defineComponent({
+  setup:
+    (_, { slots }) =>
+    () =>
+      h("article", slots.default?.()),
+});
+function renderControls() {
+  return [
+    {
+      label: locale.value,
+      onClick: () => {
+        locale.value = locale.value === "fr-FR" ? "en-US" : "fr-FR";
+      },
+    },
+    {
+      label: `Précision : ${precision.value}`,
+      onClick: () => {
+        precision.value = precision.value === "native" ? 3 : "native";
+      },
+    },
+    {
+      label: "Valeur par défaut",
+      onClick: () => {
+        precision.value = undefined;
+      },
+    },
+    {
+      label: "Remonter les graphiques",
+      onClick: () => {
+        revision.value++;
+      },
+    },
+  ].map(({ label, onClick }) => h("button", { onClick }, label));
+}
+
+function renderCard(currencyCode: string) {
+  return h(
+    ChartCard,
+    {
+      title: currencyCode,
+      componentId: currencyCode,
+      pageId: "precision",
+      fetchUrl: "/fixture",
+      valueFormat: "currency",
+      currencyCode,
+      valuePrecision: precision.value,
+    },
+    () =>
+      h(Chart, {
+        key: revision.value,
+        type: "line",
+        componentId: `${currencyCode}-plot`,
+        pageId: "precision",
+        height: "200px",
+      }),
+  );
+}
+
+const app = createApp({
+  setup: () => () =>
+    h("main", [
+      h("h1", "DMS · précision des valeurs"),
+      h(
+        "p",
+        "Actual ChartCard, Chart and ApexChartHost with mocked API data. Hover the final point to inspect its tooltip.",
+      ),
+      h(
+        "p",
+        "Change precision without remounting to verify axis and tooltip formatters stay active. Remount to compare against initial rendering.",
+      ),
+      ...renderControls(),
+      ...["EUR", "JPY", "KWD"].map(renderCard),
+    ]),
+});
+for (const name of ["DmsClientOnly", "USkeleton", "DmsTrendBadge"])
+  app.component(name, Slot);
+app.component("DmsCard", Card);
+app.component("DmsApexChartHost", ApexChartHost);
+app.config.globalProperties.$t = (key: string) => key;
+app.mount("#app");

package/frontend-vue/tests/fixtures/theming/app/app.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { usePage } from "@inertiajs/vue3";
+import { useDark } from "@vueuse/core";
+import AppLogo from "../../../../layers/dms-layout/app/components/layout/AppLogo.vue";
+import type defaults from "../base/app/app.config";
+const config = usePage().props.config as typeof defaults;
+const isDark = useDark();
+const enabled = ref(true);
+const isReady = ref(false);
+onMounted(() => {
+  isReady.value = true;
+});
+</script>
+
+<template>
+  <UApp>
+    <main :data-ready="isReady" class="bg-muted text-default min-h-screen p-12">
+      <div class="dms-card mx-auto max-w-2xl space-y-6 p-8">
+        <h1 class="text-3xl font-semibold">Consumer theming</h1>
+        <AppLogo class="h-12 w-auto" />
+        <UColorModeImage
+          :light="config.branding.logo.collapsed.light"
+          :dark="config.branding.logo.collapsed.dark"
+          class="size-12"
+        />
+        <div class="flex gap-4">
+          <UButton id="primary">Primary action</UButton>
+          <UButton color="success">Success action</UButton>
+        </div>
+        <USwitch id="primary-switch" v-model="enabled" label="Primary switch" />
+        <USwitch
+          id="success-switch"
+          :model-value="true"
+          color="success"
+          label="Success switch"
+        />
+        <USwitch :model-value="false" label="Unchecked switch" />
+        <UButton id="mode" color="neutral" @click="isDark = !isDark">
+          Toggle color mode
+        </UButton>
+        <pre id="config" class="text-xs break-all whitespace-pre-wrap"
+          >{{ JSON.stringify(config.branding.logo) }} / {{
+            config.ui.colors.primary
+          }}</pre
+        >
+      </div>
+    </main>
+  </UApp>
+</template>

package/frontend-vue/tests/fixtures/theming/base/app/app.config.ts

@@ -0,0 +1 @@
+export { default } from "../../../../../layers/dms-layout/app/app.config";

package/frontend-vue/tests/fixtures/theming/config.ts

@@ -0,0 +1,7 @@
+import { defu } from "defu";
+import defaults from "./base/app/app.config";
+import consumer from "./consumer/app/app.config";
+
+export const config = process.env.THEME_DEFAULT
+  ? defaults
+  : defu(consumer, defaults);

package/frontend-vue/tests/fixtures/theming/consumer/app/app.config.ts

@@ -0,0 +1,15 @@
+export default {
+  ui: { colors: { primary: "example" } },
+  branding: {
+    logo: {
+      default: {
+        light: "/brand/light.svg",
+        dark: "/brand/dark.svg",
+      },
+      collapsed: {
+        light: "/brand/icon.svg",
+        dark: "/brand/icon.svg",
+      },
+    },
+  },
+};

package/frontend-vue/tests/fixtures/theming/consumer/public/brand/dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="240" height="48" viewBox="0 0 240 48"><rect width="48" height="48" rx="12" fill="#a78bfa"/><path d="M12 34 24 12 36 34Z" fill="#241536"/><text x="62" y="33" font-family="sans-serif" font-size="28" fill="#f5f3ff">Example</text></svg>

package/frontend-vue/tests/fixtures/theming/consumer/public/brand/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect width="48" height="48" rx="12" fill="#7c3aed"/><path d="M12 34 24 12 36 34Z" fill="white"/></svg>

package/frontend-vue/tests/fixtures/theming/consumer/public/brand/light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="240" height="48" viewBox="0 0 240 48"><rect width="48" height="48" rx="12" fill="#7c3aed"/><path d="M12 34 24 12 36 34Z" fill="white"/><text x="62" y="33" font-family="sans-serif" font-size="28" fill="#241536">Example</text></svg>

package/frontend-vue/tests/fixtures/theming/consumer.css

@@ -0,0 +1,19 @@
+:root {
+  --color-example-50: #f5f3ff;
+  --color-example-100: #ede9fe;
+  --color-example-200: #ddd6fe;
+  --color-example-300: #c4b5fd;
+  --color-example-400: #a78bfa;
+  --color-example-500: #8b5cf6;
+  --color-example-600: #7c3aed;
+  --color-example-700: #6d28d9;
+  --color-example-800: #5b21b6;
+  --color-example-900: #4c1d95;
+  --color-example-950: #2e1065;
+  --font-sans: Georgia, serif;
+  --ui-radius: 0.5rem;
+}
+
+.dark {
+  --dms-surface-card: #241536;
+}

package/frontend-vue/tests/fixtures/theming/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>DMS Inertia theming</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/main.ts"></script>
+  </body>
+</html>

package/frontend-vue/tests/fixtures/theming/main.ts

@@ -0,0 +1,36 @@
+import { createInertiaApp } from "@inertiajs/vue3";
+import { createApp, h } from "vue";
+import ui from "@nuxt/ui/vue-plugin";
+import App from "./app/app.vue";
+import defaults from "./base/app/app.config";
+import consumer from "./consumer/app/app.config";
+import { defu } from "defu";
+
+declare const __THEME_DEFAULT__: boolean;
+declare const __THEME_CSS_LAST__: boolean;
+
+const styles = [
+  () => import("../../../layers/dms-layout/app/assets/css/main.css"),
+];
+if (!__THEME_DEFAULT__) styles.unshift(() => import("./consumer.css"));
+if (__THEME_CSS_LAST__) styles.reverse();
+for (const load of styles) await load();
+const config = __THEME_DEFAULT__ ? defaults : defu(consumer, defaults);
+
+createInertiaApp({
+  page: {
+    component: "theming",
+    props: { config },
+    url: "/",
+    version: "fixture",
+    clearHistory: false,
+    encryptHistory: false,
+  },
+  resolve: () => App,
+  setup({ el, App: InertiaApp, props, plugin }) {
+    createApp({ render: () => h(InertiaApp, props) })
+      .use(plugin)
+      .use(ui)
+      .mount(el);
+  },
+});

package/frontend-vue/tests/fixtures/theming/runtime.ts

@@ -0,0 +1,12 @@
+import { usePage } from "@inertiajs/vue3";
+import type defaults from "./base/app/app.config";
+
+interface ThemePageProps {
+  [key: string]: unknown;
+  config: typeof defaults;
+}
+
+/** Supplies the DMS component's config contract from the fixture's Inertia page. */
+export function useDmsAppConfig() {
+  return usePage<ThemePageProps>().props.config;
+}

package/frontend-vue/tests/fixtures/theming/vite.config.ts

@@ -0,0 +1,36 @@
+import { resolve } from "node:path";
+import vue from "@vitejs/plugin-vue";
+import ui from "@nuxt/ui/vite";
+import { defineConfig } from "vite";
+import { config } from "./config";
+
+export default defineConfig({
+  root: import.meta.dirname,
+  publicDir: resolve(
+    import.meta.dirname,
+    process.env.THEME_DEFAULT
+      ? "../../../layers/dms-layout/public"
+      : "consumer/public",
+  ),
+  plugins: [
+    vue(),
+    ui({
+      router: "inertia",
+      ui: config.ui,
+      dts: false,
+      autoImport: {
+        imports: [
+          "vue",
+          { [resolve(import.meta.dirname, "runtime.ts")]: ["useDmsAppConfig"] },
+        ],
+        dts: false,
+      },
+      components: { dirs: [], dts: false },
+    }),
+  ],
+  resolve: { dedupe: ["vue", "reka-ui", "@nuxt/ui"] },
+  define: {
+    __THEME_DEFAULT__: Boolean(process.env.THEME_DEFAULT),
+    __THEME_CSS_LAST__: Boolean(process.env.THEME_CSS_LAST),
+  },
+});