@delmaredigital/payload-experiments 0.2.0-rc.7 → 0.3.0-rc.4

package/dist/puck/editor/createTest.js

@@ -1,5 +1,5 @@
 import { editorCopy } from './copy.js';
-import { isSlugCollision, newTestBody, slugify, uniqueSlug } from './editor.model.js';
+import { isSlugCollision, newTestBody, slugify, slugCandidate } from './editor.model.js';
 /** Only a server refusal may supply editor-facing error text. */ export class CreateRefused extends Error {
 }
 function refusalMessage(body) {
@@ -7,20 +7,31 @@ function refusalMessage(body) {
     const message = error?.errors?.[0]?.data?.errors?.[0]?.message;
     return typeof message === 'string' && message.trim() ? message : editorCopy.createError;
 }
-/** Shared lookup, complete draft creation and one retry for a racing slug collision. */ export async function createTest(apiRoute, input) {
-    const api = apiRoute.replace(/\/$/, '');
+/** Shared lookup, complete draft creation and one retry for a racing slug collision. */ export async function createTest(api, input) {
     const base = slugify(input.name) || 'test';
+    let next = 1;
     for(let attempt = 0;; attempt++){
-        // Suffixes shorten a 64-character base; include those neighbouring slugs in the lookup.
-        const lookup = await fetch(`${api}/xp-experiments?where[slug][like]=${encodeURIComponent(base.slice(0, 60))}&depth=0&limit=200&select[slug]=true`, {
-            credentials: 'include'
-        });
-        const found = await lookup.json();
-        if (!lookup.ok) throw new CreateRefused(refusalMessage(found));
-        if (!Array.isArray(found?.docs)) throw new Error(editorCopy.createError);
-        const taken = found.docs.flatMap((doc)=>typeof doc.slug === 'string' ? [
-                doc.slug
-            ] : []);
+        let slug;
+        while(slug === undefined){
+            const candidates = Array.from({
+                length: 50
+            }, (_, offset)=>slugCandidate(base, next + offset));
+            const lookup = await fetch(`${api}/xp-experiments?where[slug][in]=${encodeURIComponent(candidates.join(','))}&limit=50&depth=0&select[slug]=true`, {
+                credentials: 'include'
+            });
+            const found = await lookup.json();
+            if (!lookup.ok) throw new CreateRefused(refusalMessage(found));
+            if (!Array.isArray(found?.docs)) throw new Error(editorCopy.createError);
+            const taken = new Set(found.docs.flatMap((doc)=>typeof doc.slug === 'string' ? [
+                    doc.slug
+                ] : []));
+            const free = candidates.findIndex((candidate)=>!taken.has(candidate));
+            if (free === -1) next += candidates.length;
+            else {
+                slug = candidates[free];
+                next += free + 1;
+            }
+        }
         const response = await fetch(`${api}/xp-experiments`, {
             method: 'POST',
             credentials: 'include',
@@ -29,7 +40,7 @@ function refusalMessage(body) {
             },
             body: JSON.stringify(newTestBody({
                 ...input,
-                slug: uniqueSlug(base, taken)
+                slug
             }))
         });
         const body = await response.json();

package/dist/puck/editor/editor.chrome.css

@@ -0,0 +1,121 @@
+/* Shared UI controls are assembled into editor.css for the isolated canvas. */
+.xp-slot-editor {
+  min-width: 0;
+  color: var(--xp-text);
+  font-family: var(--xp-font-body);
+  font-size: var(--xp-font-size-body);
+  line-height: 1.5;
+}
+
+.xp-slot-chrome {
+  display: grid;
+  gap: var(--xp-space-3);
+  padding: var(--xp-space-4);
+  background: var(--xp-surface);
+  border: 1px solid var(--xp-border);
+  border-radius: var(--xp-radius-card) var(--xp-radius-card) 0 0;
+}
+
+.xp-slot-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--xp-space-2);
+}
+
+.xp-slot-title {
+  margin: 0;
+  color: var(--xp-text);
+  font: inherit;
+  font-weight: 600;
+  overflow-wrap: anywhere;
+}
+
+.xp-slot-editor > .xp-ui-tabs > .xp-ui-tabs-header {
+  padding: var(--xp-space-2) var(--xp-space-4);
+  background: var(--xp-surface);
+  border-inline: 1px solid var(--xp-border);
+}
+
+.xp-slot-editor .xp-ui-tabpanel {
+  padding: 0;
+}
+
+.xp-slot-panel {
+  position: relative;
+  border: 0;
+  padding: 0;
+}
+
+.xp-slot-panel-empty {
+  margin-top: var(--xp-space-2);
+  border: 2px dashed var(--xp-border-accent);
+  border-radius: var(--xp-radius-large);
+  background: var(--xp-surface);
+}
+
+.xp-slot-drop-target {
+  border: 0;
+  padding: 0;
+}
+
+.xp-slot-panel-empty > .xp-slot-drop-target {
+  min-height: 160px;
+}
+
+.xp-slot-drop-label {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--xp-space-4);
+  color: var(--xp-text-muted);
+  font-family: var(--xp-font-body);
+  font-size: var(--xp-font-size-body);
+  line-height: 1.5;
+  text-align: center;
+  pointer-events: none;
+}
+
+.xp-slot-drawer {
+  display: grid;
+  gap: var(--xp-space-4);
+}
+
+.xp-slot-confirm {
+  padding: var(--xp-space-2) var(--xp-space-3);
+  border: 1px solid var(--xp-warning);
+  border-radius: var(--xp-radius);
+  background: var(--xp-warning-surface);
+}
+
+/* Tailwind's preflight runs before these controls in the canvas document. */
+.xp-slot-editor .xp-ui-button,
+.xp-slot-editor .xp-ui-tab,
+.xp-slot-editor .xp-ui-input {
+  appearance: none;
+}
+
+/* Restore native modal centering after the host's universal margin reset. */
+.xp-slot-editor .xp-ui-dialog {
+  margin: auto;
+}
+
+.xp-slot-editor .xp-ui-tabs-header { display: flex; flex-wrap: wrap; align-items: stretch; }
+.xp-slot-version-actions { display: contents; }
+.xp-slot-version-anchor { position: relative; display: flex; align-items: center; border-bottom: 1px solid var(--xp-border); }
+.xp-slot-version-rename { flex: 1 0 100%; min-width: 0; padding-top: var(--xp-space-2); }
+.xp-slot-version-menu {
+  position: absolute; top: 100%; inset-inline-end: 0; z-index: 5;
+  display: grid; min-width: 180px; padding: var(--xp-space-2);
+  box-shadow: 0 8px 24px var(--xp-overlay);
+  background: var(--xp-surface); border: 1px solid var(--xp-border); border-radius: var(--xp-radius);
+}
+.xp-slot-version-menu .xp-ui-button { justify-content: start; }
+.xp-slot-weight-inputs, .xp-slot-people { display: flex; flex-wrap: wrap; gap: var(--xp-space-3); }
+.xp-slot-weight-inputs { align-items: flex-start; }
+.xp-slot-weight-inputs .xp-ui-field { flex: 1 1 120px; max-width: 200px; }
+.xp-slot-readout { display: grid; gap: var(--xp-space-2); }
+.xp-slot-readout > .xp-ui-button { justify-self: start; }
+.xp-slot-editor .xp-ui-tablist { flex: 1 1 auto; min-width: 0; flex-wrap: wrap; }