@delmaredigital/payload-experiments 0.3.0-rc.1 → 0.4.0-rc.1

package/dist/types/endpoints.d.ts

@@ -7,7 +7,7 @@ import type { Snapshot, VerdictCode } from './snapshot.js';
 export type ArmIssueCode = 'weights-total' | 'control-count' | 'control-first' | 'holdout-last' | 'holdout-count' | 'variant-count' | 'duplicate-key' | 'duplicate-slot' | 'slot-required' | 'invalid-key';
 /** Content-report dismiss/restore refusals (CORE-44). */
 export type ContentEntryRefusal = 'not-decided' | 'entry-not-found' | 'entry-ok' | 'entry-dismissed' | 'entry-not-dismissed';
-export type RefusalCode = ArmIssueCode | 'not-found' | ContentEntryRefusal | 'no-planned-duration' | 'no-primary-metric' | 'no-placements' | 'empty-slot' | 'page-no-targets' | 'page-target-unpublished' | 'page-user-unit' | 'version-page-unavailable' | 'version-page-unchecked' | 'flag-no-point' | 'flag-params-invalid' | 'flag-point-busy' | 'flag-placement-missing' | 'layer-full' | 'layer-unit-mismatch' | 'unknown-metric-source' | 'unit-source-mismatch' | 'no-reach-per-day' | 'invalid-status' | 'stale-draft' | 'stale-edit' | 'commit-unverified' | 'allocation-lower' | 'confirmation-required' | 'invalid-winner' | 'slices-taken' | 'locked-placement' | 'not-implemented' | 'forbidden' | 'unauthenticated' | 'body-too-large' | 'invalid-body' | 'too-many-ids' | 'invalid-phase' | 'invalid-ids' | 'recompute-failed' | 'analysis-failed' | 'undeclared-targeting-key' | 'invalid-targeting-rule' | 'block-path-rule' | 'duplicate-metric';
+export type RefusalCode = ArmIssueCode | 'goal-in-some-versions' | 'placement-unchecked' | 'placement-unpublished' | 'duplicate-version-row' | 'interacting-tests' | 'placements-changed' | 'page-busy' | 'wrap-target-missing' | 'version-identical' | 'version-same-address' | 'unknown-collection' | 'not-found' | ContentEntryRefusal | 'no-planned-duration' | 'no-primary-metric' | 'no-placements' | 'empty-slot' | 'page-in-use' | 'page-no-targets' | 'page-target-unpublished' | 'page-user-unit' | 'version-page-unavailable' | 'version-page-unchecked' | 'flag-no-point' | 'flag-params-invalid' | 'flag-point-busy' | 'flag-placement-missing' | 'layer-full' | 'layer-unit-mismatch' | 'unknown-metric-source' | 'unit-source-mismatch' | 'no-reach-per-day' | 'invalid-status' | 'stale-draft' | 'stale-edit' | 'commit-unverified' | 'allocation-lower' | 'confirmation-required' | 'invalid-winner' | 'slices-taken' | 'locked-placement' | 'not-implemented' | 'forbidden' | 'unauthenticated' | 'body-too-large' | 'invalid-body' | 'too-many-ids' | 'invalid-phase' | 'invalid-ids' | 'recompute-failed' | 'analysis-failed' | 'undeclared-targeting-key' | 'invalid-targeting-rule' | 'block-path-rule' | 'duplicate-metric';
 export type ErrorEnvelope = {
     errors: Array<{
         code: RefusalCode;
@@ -22,6 +22,13 @@ export type TransitionSuccess = {
 export type AllocateBody = {
     allocation: number;
 };
+export type AddMetricWarning = {
+    code: 'goal-in-some-versions' | 'goal-added-mid-test' | 'placement-unchecked';
+    detail?: unknown;
+};
+export type AddMetricResult = TransitionSuccess & {
+    warnings: AddMetricWarning[];
+};
 export type AddMetricBody = {
     metric: DocId;
     role: 'secondary' | 'guardrail';
@@ -57,12 +64,27 @@ export type MakeContentResult = TransitionSuccess & {
     }>;
 };
 export type PreflightResult = {
+    goalNotes?: Array<{
+        metricId: DocId;
+        message: string;
+    }>;
     checks: Array<{
         code: ReadinessCode;
         ok: boolean;
         detail?: unknown;
         warning?: boolean;
     }>;
+    pagePlacements?: Array<{
+        arm: string;
+        path: string;
+        collection?: string;
+        id?: DocId | null;
+        title?: string;
+        published: boolean;
+        slug?: string;
+        url?: string;
+        editorUrl?: string;
+    }>;
     placements: Array<{
         collection: string;
         id: DocId;
@@ -104,6 +126,7 @@ export interface PhaseSummary {
         name: string;
         kind: MetricSource['kind'];
         role: 'primary' | 'secondary' | 'guardrail';
+        clickGoal?: true;
         resolvedCap?: number | null;
         historyUnits?: number;
         capNotice?: 'no-history';
@@ -137,10 +160,7 @@ export type SummaryResponse = Record<DocId, {
         code: ReadinessCode;
         detail?: unknown;
     };
-    health?: Array<{
-        code: 'version-page-unavailable' | 'version-page-unchecked';
-        path: string;
-    }>;
+    health?: import('./snapshot.js').SnapshotHealth[];
     exposures: number;
     days: number;
     verdict: {
@@ -174,3 +194,70 @@ export type EndpointContext<TUser extends {
         visitorId: string;
     };
 };
+export type ClickKeysResult = {
+    keys: Array<{
+        key: string;
+        arms: string[];
+        label: string;
+    }>;
+};
+export type PagesResult = {
+    docs: Array<{
+        id: DocId;
+        title: string;
+        path: string | null;
+        pathKey: string | null;
+        published: boolean;
+    }>;
+    hasNextPage: boolean;
+};
+export type PlacementStatusBody = {
+    docs?: Array<{
+        collection: string;
+        id: DocId;
+    }>;
+    slugs?: string[];
+};
+export type PageTestStatus = {
+    slug: string;
+    name: string;
+    status: Status;
+    role: 'original' | 'version';
+    winner: boolean;
+    armLabel: string;
+    winnerLabel?: string;
+    winnerTitle?: string;
+    winnerPath?: string;
+    originalPath?: string;
+    rollout: boolean;
+    pagesReleased: boolean;
+};
+export type PlacementStatusResult = {
+    docs: Record<string, {
+        path: string | null;
+        tests: PageTestStatus[];
+    }>;
+    slugs: Record<string, {
+        missing: true;
+    } | {
+        deleted: true;
+    } | {
+        name: string;
+        status: Status;
+        kind: ExperimentKind;
+        arms: Array<{
+            key: string;
+            label: string;
+            slot?: string;
+        }>;
+        winnerArm?: string;
+        rollout: boolean;
+    }>;
+};
+export type WrapBlockBody = {
+    collection: string;
+    id: DocId;
+    field: string;
+    blockId: string;
+    experiment: string;
+};

package/dist/types/index.d.ts

@@ -7,3 +7,6 @@ export * from './admin.js';
 export * from './endpoints.js';
 export * from './snapshot.js';
 export * from './reasons.js';
+export type { HostBlock, ExperimentBlock, ExperimentBlockGroup, ResolvedHostBlock, ResolvedExperimentBlocks } from '../blocks/model.js';
+export type { WrapBlockBody } from './endpoints.js';
+export type { SnapshotHealth } from './snapshot.js';

package/dist/types/puck.d.ts

@@ -1,5 +1,5 @@
 import type { DocId } from './contracts.js';
-import type { Slot } from '@puckeditor/core';
+import type { ComponentConfig, Config, Plugin, Slot } from '@puckeditor/core';
 export type { Slot } from '@puckeditor/core';
 export type ArmSlot = 'control' | 'variantA' | 'variantB' | 'variantC';
 export type ExperimentRef = {
@@ -21,3 +21,9 @@ export type ExperimentSlotProps = {
     };
 };
 export declare const EXPERIMENT_SLOT_TYPE: "ExperimentSlot";
+export interface ExperimentsPuckIntegration {
+    name: string;
+    components: Record<string, ComponentConfig<ExperimentSlotProps>>;
+    categories: Config['categories'];
+    plugins?: readonly Plugin[];
+}

package/dist/types/snapshot.d.ts

@@ -1,3 +1,18 @@
+export type SnapshotHealth = {
+    code: 'version-page-unavailable' | 'version-page-unchecked';
+    path: string;
+} | {
+    code: 'goal-in-some-versions';
+    metricId: string | number;
+    name: string;
+} | {
+    code: 'placement-unchecked';
+    detail: {
+        collection?: string;
+        id?: string | number;
+        path?: string;
+    };
+};
 import type { GaussianPrior } from '@delmaredigital/experiments-stats';
 import type { DocId, MetricSource } from './contracts.js';
 import type { MetricUnavailableReason } from './reasons.js';
@@ -108,10 +123,8 @@ export interface Snapshot {
         guardrailLine?: string;
         worstArm?: string;
     };
-    health?: Array<{
-        code: 'version-page-unavailable' | 'version-page-unchecked';
-        path: string;
-    }>;
+    goalFairnessNotice?: string;
+    health?: SnapshotHealth[];
     contentChanges: Array<{
         at: string;
         doc: {

package/dist/types/surface.d.ts

@@ -7,6 +7,9 @@ export interface TestsSurfaceProps {
     returnToTest?: string;
     adminRoute: string;
     apiRoute: string;
+    collectionTitles?: Record<string, string>;
+    userId?: string | number;
+    userCollection?: string;
     isAdmin: boolean;
     pages?: Array<{
         collection: string;
@@ -14,6 +17,15 @@ export interface TestsSurfaceProps {
         id: DocId;
         title: string;
         editorUrl: string;
+        editor: 'puck' | 'blocks';
+    }>;
+    pageCollections?: Array<{
+        slug: string;
+        label: string;
+        contentChecks: boolean;
+        copyHint?: string;
+        copyUrl?: string;
+        copyLabel?: string;
     }>;
     canManage: boolean;
     canReadResults: boolean;
@@ -22,6 +34,7 @@ export interface TestsSurfaceProps {
     metricSources: SerializedMetricSource[];
     admin?: {
         descriptions?: {
+            page?: string;
             block?: string;
             document?: string;
             setting?: string;

package/dist/ui/Tabs.d.ts

@@ -1,14 +1,16 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import './ui.css';
 export interface Tab {
     id: string;
     label: string;
     content: ReactNode;
+    actions?: ReactNode;
     disabled?: boolean;
 }
-export declare function Tabs({ items, label, value, onChange }: {
+export declare function Tabs({ items, label, value, onChange, tabListRef }: {
     items: Tab[];
     label: string;
     value?: string;
     onChange?: (id: string) => void;
+    tabListRef?: Ref<HTMLDivElement>;
 }): import("react").JSX.Element;

package/dist/ui/Tabs.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useState } from 'react';
 import './ui.css';
-export function Tabs({ items, label, value, onChange }) {
+export function Tabs({ items, label, value, onChange, tabListRef }) {
     const prefix = useId();
     const [local, setLocal] = useState(()=>items.find((item)=>!item.disabled)?.id);
     const requested = value ?? local;
@@ -14,31 +14,38 @@ export function Tabs({ items, label, value, onChange }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: "xp-ui-tabs",
         children: [
-            /*#__PURE__*/ _jsx("div", {
-                role: "tablist",
-                "aria-label": label,
-                className: "xp-ui-tablist",
-                children: items.map((item)=>/*#__PURE__*/ _jsx("button", {
-                        type: "button",
-                        role: "tab",
-                        id: `${prefix}-tab-${item.id}`,
-                        "aria-controls": `${prefix}-panel-${item.id}`,
-                        "aria-selected": selected === item.id,
-                        tabIndex: selected === item.id ? 0 : -1,
-                        disabled: item.disabled,
-                        className: "xp-ui-tab",
-                        onClick: ()=>select(item.id),
-                        onKeyDown: (event)=>{
-                            const enabled = items.filter((tab)=>!tab.disabled);
-                            const index = enabled.findIndex((tab)=>tab.id === item.id);
-                            const next = event.key === 'ArrowRight' ? enabled[(index + 1) % enabled.length] : event.key === 'ArrowLeft' ? enabled[(index - 1 + enabled.length) % enabled.length] : event.key === 'Home' ? enabled[0] : event.key === 'End' ? enabled.at(-1) : undefined;
-                            if (!next) return;
-                            event.preventDefault();
-                            select(next.id);
-                            event.currentTarget.ownerDocument.getElementById(`${prefix}-tab-${next.id}`)?.focus();
-                        },
-                        children: item.label
-                    }, item.id))
+            /*#__PURE__*/ _jsxs("div", {
+                ref: tabListRef,
+                className: "xp-ui-tabs-header",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        role: "tablist",
+                        "aria-label": label,
+                        className: "xp-ui-tablist",
+                        children: items.map((item)=>/*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                role: "tab",
+                                id: `${prefix}-tab-${item.id}`,
+                                "aria-controls": `${prefix}-panel-${item.id}`,
+                                "aria-selected": selected === item.id,
+                                tabIndex: selected === item.id ? 0 : -1,
+                                disabled: item.disabled,
+                                className: "xp-ui-tab",
+                                onClick: ()=>select(item.id),
+                                onKeyDown: (event)=>{
+                                    const enabled = items.filter((tab)=>!tab.disabled);
+                                    const index = enabled.findIndex((tab)=>tab.id === item.id);
+                                    const next = event.key === 'ArrowRight' ? enabled[(index + 1) % enabled.length] : event.key === 'ArrowLeft' ? enabled[(index - 1 + enabled.length) % enabled.length] : event.key === 'Home' ? enabled[0] : event.key === 'End' ? enabled.at(-1) : undefined;
+                                    if (!next) return;
+                                    event.preventDefault();
+                                    select(next.id);
+                                    event.currentTarget.ownerDocument.getElementById(`${prefix}-tab-${next.id}`)?.focus();
+                                },
+                                children: item.label
+                            }, item.id))
+                    }),
+                    items.find((item)=>item.id === selected)?.actions
+                ]
             }),
             items.map((item)=>/*#__PURE__*/ _jsx("div", {
                     role: "tabpanel",

package/dist/ui/accent.d.ts

@@ -10,12 +10,31 @@ export interface AccentSet {
 }
 /** WCAG 2.x relative luminance contrast. */
 export declare function contrast(a: string, b: string): number;
-/** Pure shared host-accent derivation. Reference surfaces match theme.css's Payload
- * 3.90.2 white / elevation-50 dark. Dark adjustment increases HSL lightness until
- * the quantised hex reaches 3:1. Hover/active move up to 12/24% in the interaction direction, clamped to preserve text contrast; subtle is 8% tint. */
+/** Contrast floors for accent text and focus rings. Black or white always clears them on a real
+ * surface, so the fallbacks below are defensive; tests raise the floors to exercise them. */
+type Floors = {
+    text: number;
+    focus: number;
+};
+/** Pure shared host-accent derivation using theme.css's reference surfaces. */
 export declare function deriveAccent(input: string): {
     light: AccentSet;
     dark: AccentSet;
 };
+/** Module-only surface injection; not a package API. Dark adjustment raises HSL
+ * lightness to 3:1. Interaction steps preserve the foreground and prefer the
+ * original direction when both steps reach 1.1:1; subtle remains an 8% tint. */
+export declare function deriveAccentFor(input: string, surfaces: {
+    light: string;
+    dark: string;
+}, floors?: Floors): {
+    light: AccentSet;
+    dark: AccentSet;
+};
 /** Validated hex values only; specificity exceeds theme.css regardless of load order. */
 export declare function accentStyles(input?: string): string | undefined;
+/** The plugin and Puck factory accept exactly the same host accent. */
+export declare function validateAccent(accent: unknown): void;
+/** Inline variables use the same names as the admin accent stylesheet. */
+export declare function accentVariables(set: AccentSet): Record<string, string>;
+export {};

package/dist/ui/accent.js

@@ -38,11 +38,8 @@ function mix(a, b, amount) {
     }
     return undefined;
 }
-function set(accent, surface, dark = false) {
-    const fg = contrast(accent, '#ffffff') >= contrast(accent, '#141414') ? '#ffffff' : '#141414';
-    // Light fills with dark text lighten on interaction. Dark-theme fills follow
-    // the default dark tokens and also lighten. Clamp to preserve one foreground.
-    const target = dark || fg === '#141414' ? '#ffffff' : '#000000';
+const interactionStep = (accent, states)=>Math.min(contrast(accent, states.hover), contrast(states.hover, states.active));
+/** Keep the old 12/24% steps when visible, otherwise search the full direction. */ function interaction(accent, fg, target) {
     let low = 0, high = 0.24;
     for(let i = 0; i < 24; i++){
         const amount = (low + high) / 2;
@@ -50,32 +47,93 @@ function set(accent, surface, dark = false) {
         else high = amount;
     }
     const amount = contrast(mix(accent, target, 0.24), fg) >= 4.5 ? 0.24 : low;
-    const accentText = againstSurface(accent, surface, 4.5);
+    const original = {
+        hover: mix(accent, target, amount / 2),
+        active: mix(accent, target, amount)
+    };
+    if (interactionStep(accent, original) >= 1.1) return original;
+    const candidates = [
+        accent
+    ];
+    let hover;
+    for(let step = 1; step <= 1000; step++){
+        const candidate = mix(accent, target, step / 1000);
+        if (contrast(candidate, fg) < 4.5) break;
+        candidates.push(candidate);
+        if (!hover && contrast(accent, candidate) >= 1.1) hover = candidate;
+        else if (hover && contrast(hover, candidate) >= 1.1) return {
+            hover,
+            active: candidate
+        };
+    }
+    // If two full steps cannot fit, maximise the smaller step to the last safe fill.
+    const active = candidates[candidates.length - 1];
+    return candidates.reduce((best, candidate)=>{
+        const next = {
+            hover: candidate,
+            active
+        };
+        return interactionStep(accent, next) > interactionStep(accent, best) ? next : best;
+    }, {
+        hover: accent,
+        active
+    });
+}
+const FLOORS = {
+    text: 4.5,
+    focus: 3
+};
+function set(accent, surface, dark = false, floors = FLOORS) {
+    const fg = contrast(accent, '#ffffff') >= contrast(accent, '#141414') ? '#ffffff' : '#141414';
+    const target = dark || fg === '#141414' ? '#ffffff' : '#000000';
+    const preferred = interaction(accent, fg, target);
+    const other = interaction(accent, fg, target === '#ffffff' ? '#000000' : '#ffffff');
+    const states = interactionStep(accent, preferred) >= 1.1 || interactionStep(accent, preferred) >= interactionStep(accent, other) ? preferred : other;
+    const accentText = againstSurface(accent, surface, floors.text);
     return {
         accent,
-        hover: mix(accent, target, amount / 2),
-        active: mix(accent, target, amount),
+        ...states,
         subtle: mix(surface, accent, 0.08),
         fg,
-        focus: againstSurface(accent, surface, 3) ?? 'var(--xp-text)',
+        focus: againstSurface(accent, surface, floors.focus) ?? 'var(--xp-text)',
         accentText: accentText ?? 'var(--xp-text)',
         accentTextDecoration: accentText ? 'none' : 'underline'
     };
 }
-/** Pure shared host-accent derivation. Reference surfaces match theme.css's Payload
- * 3.90.2 white / elevation-50 dark. Dark adjustment increases HSL lightness until
- * the quantised hex reaches 3:1. Hover/active move up to 12/24% in the interaction direction, clamped to preserve text contrast; subtle is 8% tint. */ export function deriveAccent(input) {
+/** Pure shared host-accent derivation using theme.css's reference surfaces. */ export function deriveAccent(input) {
+    return deriveAccentFor(input, {
+        light: '#ffffff',
+        dark: '#222222'
+    });
+}
+/** Module-only surface injection; not a package API. Dark adjustment raises HSL
+ * lightness to 3:1. Interaction steps preserve the foreground and prefer the
+ * original direction when both steps reach 1.1:1; subtle remains an 8% tint. */ export function deriveAccentFor(input, surfaces, floors = FLOORS) {
     const accent = hexOf(rgb(input));
     let dark = accent;
-    for(let step = 1; contrast(dark, '#222222') < 3 && step <= 1000; step++)dark = lighten(accent, step / 1000);
+    for(let step = 1; contrast(dark, surfaces.dark) < 3 && step <= 1000; step++)dark = lighten(accent, step / 1000);
     return {
-        light: set(accent, '#ffffff'),
-        dark: set(dark, '#222222', true)
+        light: set(accent, surfaces.light, false, floors),
+        dark: set(dark, surfaces.dark, true, floors)
     };
 }
 /** Validated hex values only; specificity exceeds theme.css regardless of load order. */ export function accentStyles(input) {
     if (!input) return undefined;
     const sets = deriveAccent(input);
-    const declarations = (s)=>Object.entries(s).map(([name, value])=>`--xp-${name === 'accentText' ? 'accent-text' : name === 'accentTextDecoration' ? 'accent-text-decoration' : name === 'focus' || name === 'accent' ? name : `accent-${name}`}:${value};`).join('');
+    const declarations = (s)=>Object.entries(accentVariables(s)).map(([name, value])=>`${name}:${value};`).join('');
     return `:root:root, [data-theme="light"][data-theme="light"]{${declarations(sets.light)}}\n[data-theme="dark"][data-theme="dark"]{${declarations(sets.dark)}}`;
 }
+/** The plugin and Puck factory accept exactly the same host accent. */ export function validateAccent(accent) {
+    if (accent === undefined || accent === '') return;
+    if (typeof accent !== 'string' || !/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(accent)) throw new Error('Experiments theme.accent must be a CSS hex colour (#rgb or #rrggbb)');
+    for (const [mode, set] of Object.entries(deriveAccent(accent))){
+        const ratio = contrast(set.accent, set.fg);
+        if (ratio < 4.5) throw new Error(`Experiments theme.accent ${accent}: ${mode} foreground contrast ${ratio.toFixed(2)}:1 is below 4.5:1`);
+    }
+}
+/** Inline variables use the same names as the admin accent stylesheet. */ export function accentVariables(set) {
+    return Object.fromEntries(Object.entries(set).map(([name, value])=>[
+            `--xp-${name === 'accentText' ? 'accent-text' : name === 'accentTextDecoration' ? 'accent-text-decoration' : name === 'focus' || name === 'accent' ? name : `accent-${name}`}`,
+            value
+        ]));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delmaredigital/payload-experiments",
-  "version": "0.3.0-rc.1",
+  "version": "0.4.0-rc.1",
   "description": "No-code A/B testing for Payload CMS and Next.js: block, page and flag experiments with holdouts, layers, exposure logging and honest statistics inside the admin — no vendor",
   "type": "module",
   "license": "MIT",
@@ -37,6 +37,12 @@
       "import": "./dist/exports/rsc.js",
       "default": "./dist/exports/rsc.js"
     },
+    "./blocks": {
+      "@delmaredigital/source": "./src/exports/blocks.ts",
+      "types": "./dist/exports/blocks.d.ts",
+      "import": "./dist/exports/blocks.js",
+      "default": "./dist/exports/blocks.js"
+    },
     "./client": {
       "@delmaredigital/source": "./src/exports/client.ts",
       "types": "./dist/exports/client.d.ts",
@@ -68,6 +74,8 @@
       "default": "./dist/exports/puckEditor.js"
     },
     "./puck/editor.css": "./dist/puck/editor/editor.css",
+    "./admin/theme.css": "./dist/admin/theme.css",
+    "./admin/ui.css": "./dist/ui/ui.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -118,6 +126,7 @@
   },
   "homepage": "https://delmaredigital.com/developers",
   "devDependencies": {
+    "@delmaredigital/payload-puck": "0.10.3",
     "payload": "^3.90.2",
     "@payloadcms/db-postgres": "^3.90.2",
     "@payloadcms/ui": "^3.90.2",
@@ -135,7 +144,8 @@
     "@electric-sql/pglite": "^0.5.13",
     "@puckeditor/core": "^0.24.0",
     "drizzle-orm": "0.45.2",
-    "drizzle-kit": "0.31.7"
+    "drizzle-kit": "0.31.7",
+    "yaml": "2.9.1"
   },
   "scripts": {
     "build": "swc ./src -d ./dist --strip-leading-paths --config-file ../../.swcrc && tsc -p tsconfig.build.json && copyfiles -u 1 \"src/**/*.css\" dist",