@delmaredigital/payload-experiments 0.2.0-rc.3 → 0.2.0-rc.5

package/dist/admin/previewLinks.model.js

@@ -0,0 +1,34 @@
+/** Preview URLs identify pages; counts use the most placements in any one version. */ export function previewPages(placements) {
+    const pages = new Map();
+    for (const placement of placements){
+        const key = `${placement.collection}\u0000${String(placement.id)}`;
+        const existing = pages.get(key);
+        if (existing) {
+            const { page, versions } = existing;
+            const count = (versions.get(placement.detail) ?? 0) + 1;
+            versions.set(placement.detail, count);
+            page.slotCount = Math.max(page.slotCount, count);
+            if (!page.url && placement.url) page.url = placement.url;
+        } else {
+            pages.set(key, {
+                page: {
+                    key,
+                    collection: placement.collection,
+                    id: placement.id,
+                    title: placement.title,
+                    url: placement.url,
+                    slotCount: 1
+                },
+                versions: new Map([
+                    [
+                        placement.detail,
+                        1
+                    ]
+                ])
+            });
+        }
+    }
+    return [
+        ...pages.values()
+    ].map(({ page })=>page);
+}

package/dist/admin/results/ArmTable.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { theme } from '../theme.js';
 import { RESULTS_COPY } from '../copy/results.js';
 import { CappedCell } from './CappedCell.js';
 export function ArmTable({ rows, caption, method, metricKind }) {
@@ -10,7 +11,7 @@ export function ArmTable({ rows, caption, method, metricKind }) {
     return /*#__PURE__*/ _jsx("div", {
         className: "xp-arm-table",
         style: {
-            color: 'var(--theme-text)',
+            color: theme.color.text,
             overflowX: 'auto'
         },
         children: /*#__PURE__*/ _jsxs("table", {

package/dist/admin/results/CappedCell.js

@@ -1,10 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
 export function CappedCell({ model }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: "xp-capped-cell",
         style: {
-            color: 'var(--theme-text)'
+            color: theme.color.text
         },
         children: [
             /*#__PURE__*/ _jsx("span", {

package/dist/admin/results/CiChart.js

@@ -1,12 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
 import { RESULTS_COPY as C, chartSummary, contentChangeTitle } from '../copy/results.js';
 import { chartModel } from './chart.model.js';
 import { formatPercent } from './format.js';
 const colors = [
-    'var(--theme-elevation-800)',
-    'var(--theme-elevation-600)',
-    'var(--theme-elevation-400)'
+    theme.color.textStrong,
+    theme.color.textMuted,
+    theme.color.borderAccent
 ];
 const date = (t)=>new Intl.DateTimeFormat('en-US', {
         dateStyle: 'medium',
@@ -28,7 +29,7 @@ export function CiChart({ series, metricId, metricName, phase, contentChanges })
     return /*#__PURE__*/ _jsxs("section", {
         className: "xp-ci-chart",
         style: {
-            color: 'var(--theme-text)'
+            color: theme.color.text
         },
         children: [
             /*#__PURE__*/ _jsx("h2", {
@@ -50,7 +51,7 @@ export function CiChart({ series, metricId, metricName, phase, contentChanges })
                         x2: 680,
                         y1: y(0),
                         y2: y(0),
-                        stroke: "var(--theme-elevation-500)",
+                        stroke: theme.color.accent,
                         strokeDasharray: "4 4"
                     }),
                     [
@@ -146,7 +147,7 @@ export function CiChart({ series, metricId, metricName, phase, contentChanges })
                                     x2: x(marker.t),
                                     y1: 20,
                                     y2: 230,
-                                    stroke: "var(--theme-text)",
+                                    stroke: theme.color.text,
                                     strokeDasharray: "2 4"
                                 })
                             ]
@@ -156,7 +157,7 @@ export function CiChart({ series, metricId, metricName, phase, contentChanges })
             /*#__PURE__*/ _jsx("ul", {
                 children: model.variants.map((variant, index)=>/*#__PURE__*/ _jsxs("li", {
                         style: {
-                            color: 'var(--theme-text)'
+                            color: theme.color.text
                         },
                         children: [
                             /*#__PURE__*/ _jsx("span", {

package/dist/admin/results/DataQualityPanel.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
 import { RESULTS_COPY } from '../copy/results.js';
 export function DataQualityPanel({ items }) {
     if (items.length === 0) return null;
@@ -7,8 +8,8 @@ export function DataQualityPanel({ items }) {
         className: "xp-data-quality",
         "aria-label": RESULTS_COPY.quality,
         style: {
-            color: 'var(--theme-text)',
-            background: 'var(--theme-elevation-50)',
+            color: theme.color.text,
+            background: theme.color.surface,
             padding: '1rem'
         },
         children: [

package/dist/admin/results/VerdictCard.js

@@ -1,11 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
 export function VerdictCard({ model, guardrails = [], power, collecting, sinceShipping }) {
     return /*#__PURE__*/ _jsxs("section", {
         className: "xp-verdict-card",
         style: {
-            color: 'var(--theme-text)',
-            background: 'var(--theme-elevation-50)',
+            color: theme.color.text,
+            background: theme.color.surface,
             padding: '1rem'
         },
         children: [

package/dist/admin/styles.css

@@ -1,10 +1,10 @@
 /* Admin styles for the experiments plugin; loaded by src/admin/styles.ts. */
 .xp-status-pill { font-weight: 600; }
-.xp-status-pill--neutral { background: var(--theme-elevation-150); color: var(--theme-elevation-800); }
-.xp-status-pill--success { background: var(--theme-success-150); color: var(--theme-success-850); }
-.xp-status-pill--warning { background: var(--theme-warning-150); color: var(--theme-warning-850); }
-.xp-status-pill--info { background: var(--theme-elevation-200); color: var(--theme-elevation-900); }
-.xp-status-pill--muted { background: var(--theme-elevation-100); color: var(--theme-elevation-600); }
-.xp-locked-notice, .xp-notice { padding: 0.75rem; border-inline-start: 3px solid var(--theme-elevation-400); background: var(--theme-elevation-50); color: var(--theme-elevation-800); }
-.xp-notice--warning { border-color: var(--theme-warning-500); background: var(--theme-warning-100); }
-.xp-notice--error { border-color: var(--theme-error-500); background: var(--theme-error-100); }
+.xp-status-pill--neutral { background: var(--xp-border); color: var(--xp-text-strong); }
+.xp-status-pill--success { background: var(--xp-success-bg); color: var(--xp-success-text-strong); }
+.xp-status-pill--warning { background: var(--xp-warning-bg); color: var(--xp-warning-text-strong); }
+.xp-status-pill--info { background: var(--xp-border-strong); color: var(--xp-text-emphasis); }
+.xp-status-pill--muted { background: var(--xp-surface-raised); color: var(--xp-text-muted); }
+.xp-locked-notice, .xp-notice { padding: 0.75rem; border-inline-start: 3px solid var(--xp-border-accent); background: var(--xp-surface); color: var(--xp-text-strong); }
+.xp-notice--warning { border-color: var(--xp-warning); background: var(--xp-warning-surface); }
+.xp-notice--error { border-color: var(--xp-error); background: var(--xp-error-surface); }

package/dist/admin/styles.d.ts

@@ -1 +1,2 @@
+import './theme.css';
 import './styles.css';

package/dist/admin/styles.js

@@ -1,2 +1,3 @@
 // Load admin styles from mounted components so barrels stay free of side effects.
+import './theme.css';
 import './styles.css';

package/dist/admin/surface/SurfaceShell.d.ts

@@ -1,3 +1,4 @@
+import '../theme.css';
 import type { ReactNode } from 'react';
 import './surface.css';
 export declare function SurfaceShell({ adminRoute, children }: {

package/dist/admin/surface/SurfaceShell.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../theme.css';
 import { Link } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
 import { SURFACE_COPY } from '../copy/surface.js';

package/dist/admin/surface/TestsHome.js

@@ -91,7 +91,7 @@ export function TestsHome({ adminRoute, apiRoute }) {
                     /*#__PURE__*/ _jsx(Link, {
                         href: formatAdminURL({
                             adminRoute,
-                            path: '/collections/xp-metrics'
+                            path: '/experiments/goals'
                         }),
                         children: SURFACE_COPY.goals
                     })

package/dist/admin/surface/TestsSurface.js

@@ -4,6 +4,8 @@ import { NewTest } from './newTest/NewTest.js';
 import { TestPage } from './test/TestPage.js';
 import { ResultsRoute } from './ResultsRoute.js';
 import { SurfaceShell } from './SurfaceShell.js';
+import { GoalForm } from './goals/GoalForm.js';
+import { GoalsList } from './goals/GoalsList.js';
 import { TestsHome } from './TestsHome.js';
 export function TestsSurface(props) {
     const surface = {
@@ -22,7 +24,14 @@ export function TestsSurface(props) {
         children: props.route === 'home' ? /*#__PURE__*/ _jsx(TestsHome, {
             adminRoute: props.adminRoute,
             apiRoute: props.apiRoute
-        }) : props.route === 'new' ? /*#__PURE__*/ _jsx(NewTest, {
+        }) : props.route === 'goals' ? /*#__PURE__*/ _jsx(GoalsList, {
+            surface: surface,
+            returnToTest: props.returnToTest
+        }) : props.route === 'goalNew' || props.route === 'goal' ? /*#__PURE__*/ _jsx(GoalForm, {
+            surface: surface,
+            id: props.route === 'goal' ? props.id : undefined,
+            returnToTest: props.returnToTest
+        }, props.route === 'goalNew' ? 'new' : props.id) : props.route === 'new' ? /*#__PURE__*/ _jsx(NewTest, {
             surface: surface,
             pages: props.pages
         }) : props.id === undefined ? null : props.route === 'test' ? /*#__PURE__*/ _jsx(TestPage, {

package/dist/admin/surface/goals/GoalForm.d.ts

@@ -0,0 +1,7 @@
+import type { SurfaceProps } from '../contracts.js';
+import './goals.css';
+export declare function GoalForm({ surface, id, returnToTest }: {
+    surface: SurfaceProps;
+    id?: string;
+    returnToTest?: string;
+}): import("react").JSX.Element;