@antelopejs/dms 0.9.1 → 0.9.3

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

@@ -1,37 +0,0 @@
-<!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

@@ -1,118 +0,0 @@
-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/dashboard-search-stub.ts

@@ -1,91 +0,0 @@
-import type { CommandPaletteGroup, CommandPaletteItem } from "@nuxt/ui";
-import { defineComponent, h, type PropType } from "vue";
-
-interface PaletteInputProps {
-  onKeydown?: (event: KeyboardEvent) => void;
-}
-
-function matchingItems(
-  group: CommandPaletteGroup,
-  term: string,
-): CommandPaletteItem[] {
-  const items = group.items ?? [];
-  if (group.ignoreFilter || !term) return items;
-  return items.filter((item) =>
-    String(item.label).toLowerCase().includes(term.toLowerCase()),
-  );
-}
-
-function filterGroups(
-  groups: CommandPaletteGroup[],
-  term: string,
-): CommandPaletteGroup[] {
-  return groups
-    .map((group) => ({ ...group, items: matchingItems(group, term) }))
-    .filter((group) => group.items.length);
-}
-
-function selectEvent(): Event {
-  return new Event("select", { cancelable: true });
-}
-
-function renderItem(group: CommandPaletteGroup, item: CommandPaletteItem) {
-  return h(
-    "button",
-    {
-      "data-group": group.id,
-      onClick: () => item.onSelect?.(selectEvent()),
-    },
-    String(item.label),
-  );
-}
-
-/** Renders the props and slots `DashboardSearch` hands `UDashboardSearch`. */
-export const PaletteStub = defineComponent({
-  props: {
-    open: Boolean,
-    colorMode: { type: Boolean, default: true },
-    searchTerm: { type: String, default: "" },
-    groups: {
-      type: Array as PropType<CommandPaletteGroup[]>,
-      default: () => [],
-    },
-    input: { type: Object as PropType<PaletteInputProps>, default: () => ({}) },
-    icon: { type: String, default: undefined },
-    placeholder: { type: String, default: undefined },
-  },
-  emits: ["update:open", "update:searchTerm"],
-  setup(props, { slots, emit }) {
-    return () => {
-      const groups = filterGroups(props.groups, props.searchTerm);
-      return h(
-        "div",
-        {
-          role: "dialog",
-          "data-open": String(props.open),
-          "data-color-mode": String(props.colorMode),
-          "data-empty-slot": String(!!slots.empty),
-        },
-        [
-          h("input", {
-            value: props.searchTerm,
-            placeholder: props.placeholder,
-            "data-icon": props.icon,
-            onKeydown: props.input.onKeydown,
-            onInput: (event: Event) =>
-              emit(
-                "update:searchTerm",
-                (event.target as HTMLInputElement).value,
-              ),
-          }),
-          groups.length
-            ? groups.flatMap((group) =>
-                group.items!.map((item) => renderItem(group, item)),
-              )
-            : slots.empty?.(),
-          slots.footer?.(),
-        ],
-      );
-    };
-  },
-});

package/frontend-vue/tests/fixtures/dataEngine.ts

@@ -1,44 +0,0 @@
-/**
- * The renderer's real data layer for a test: its async data, state and cookie
- * composables, and dms-core's `useApiData` over the test's `useAuthFetch`
- * stub, as the auto-imports a layer reaches. Each call starts a fresh runtime
- * — a browser one under jsdom, a server one otherwise — so no data a test
- * loaded leaks into the next.
- */
-import { createApp } from "vue";
-import { vi } from "vitest";
-
-const engine = await import("#dms/frontend-module");
-const { useApiData, useApiPagedData } = await import(
-  "../../layers/dms-core/app/composables/auth/useApiData"
-);
-
-const ENGINE_GLOBALS = {
-  useDmsAsyncData: engine.useDmsAsyncData,
-  useDmsFetch: engine.useDmsFetch,
-  useDmsPagedData: engine.useDmsPagedData,
-  useDmsState: engine.useDmsState,
-  useDmsCookie: engine.useDmsCookie,
-  useApiData,
-  useApiPagedData,
-};
-
-export function useRealDataEngine(): ReturnType<
-  typeof engine.createDmsFrontendRuntime
-> {
-  for (const [name, composable] of Object.entries(ENGINE_GLOBALS))
-    vi.stubGlobal(name, composable);
-  const isServer = typeof window === "undefined";
-  const runtime = engine.createDmsFrontendRuntime(
-    undefined,
-    undefined,
-    isServer,
-  );
-  if (isServer) engine.setDmsServerRuntimeResolver(() => runtime);
-  else
-    engine.provideDmsFrontendRuntime(
-      createApp({ render: () => null }),
-      runtime,
-    );
-  return runtime;
-}

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

@@ -1,49 +0,0 @@
-<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

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1,19 +0,0 @@
-: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

@@ -1,11 +0,0 @@
-<!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

@@ -1,36 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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),
-  },
-});

package/frontend-vue/tests/flow-canvas-delete-badge.test.ts

@@ -1,88 +0,0 @@
-// @vitest-environment jsdom
-import { createApp, h, type App } from "vue";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import FlowCanvas from "../layers/dms-ui/app/components/flow-canvas/FlowCanvas.vue";
-
-vi.mock("@vue-flow/core", async () => {
-  const vue = await import("vue");
-  const selectedNodes = vue.ref([
-    {
-      id: "users",
-      computedPosition: { x: 10, y: 20 },
-      dimensions: { width: 100, height: 40 },
-    },
-  ]);
-  const Slotted = vue.defineComponent({
-    setup:
-      (_, { slots }) =>
-      () =>
-        vue.h("div", slots.default?.()),
-  });
-  return {
-    VueFlow: Slotted,
-    Panel: Slotted,
-    PanelPosition: {
-      TopLeft: "top-left",
-      TopCenter: "top-center",
-      TopRight: "top-right",
-      BottomLeft: "bottom-left",
-      BottomCenter: "bottom-center",
-      BottomRight: "bottom-right",
-    },
-    useVueFlow: () => ({
-      viewport: vue.ref({ x: 0, y: 0, zoom: 1 }),
-      getSelectedNodes: selectedNodes,
-      zoomTo: () => undefined,
-    }),
-  };
-});
-
-vi.mock("@vue-flow/background", () => ({
-  Background: { render: () => null },
-}));
-vi.mock("@vue-flow/controls", () => ({
-  Controls: { render: () => null },
-  ControlButton: { render: () => null },
-}));
-vi.mock("@vue-flow/minimap", () => ({ MiniMap: { render: () => null } }));
-
-let app: App | undefined;
-
-function mountCanvas(props: Record<string, unknown>) {
-  const deleted: string[][] = [];
-  app = createApp({
-    render: () =>
-      h(FlowCanvas, {
-        deletableNodes: true,
-        ...props,
-        onDeleteNodes: (ids: string[]) => deleted.push(ids),
-      }),
-  });
-  const container = document.createElement("div");
-  app.mount(container);
-  return { root: container.firstElementChild as HTMLElement, deleted };
-}
-
-afterEach(() => {
-  app?.unmount();
-  app = undefined;
-});
-
-const BADGE = ".dms-flow-canvas__delete-button";
-
-describe("flow canvas delete badge", () => {
-  it("draws a delete badge on a selected node by default", () => {
-    const { root, deleted } = mountCanvas({});
-    const badge = root.querySelector<HTMLButtonElement>(BADGE);
-    expect(badge).not.toBeNull();
-    badge!.click();
-    expect(deleted).toEqual([["users"]]);
-  });
-
-  it("hides the badge on request and keeps keyboard deletion", () => {
-    const { root, deleted } = mountCanvas({ deleteBadge: false });
-    expect(root.querySelector(BADGE)).toBeNull();
-    root.dispatchEvent(new KeyboardEvent("keydown", { key: "Delete" }));
-    expect(deleted).toEqual([["users"]]);
-  });
-});