@designcrowd/library.brand-page 6.1.0-websitev2-dev-2 → 6.1.0

package/src/metadata-builder/builders/section-builders/support-me-builder.test.ts

@@ -1,177 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import type {
-  BrandPageModel,
-  SupportMeContent,
-} from '../../../brand-page/models';
-import { BUILDER_TYPES } from '../../models';
-import type { SupportMeArguments } from '../../parsers/section-tool-arguments';
-import { SupportMeBuilder } from './support-me-builder';
-
-const makeModel = (contents: SupportMeContent[] = []): BrandPageModel =>
-  ({
-    brandPageType: 'brandSite',
-    styles: { textStyles: { textStyleOptions: {} } },
-    pages: [{ id: 'page-1', contents }],
-  }) as unknown as BrandPageModel;
-
-const seedContent = (): SupportMeContent =>
-  ({
-    id: 'sm-1',
-    type: 'support-me',
-    title: 'Existing title',
-    description: 'Existing description',
-    successMessage: 'Existing success',
-    displayStyle: 'preview',
-    supportMeConfig: {
-      paymentOptions: [{ amount: '0', id: 'po-1', name: 'Custom' }],
-      isCustomerMessageEnabled: true,
-    },
-    titleStyle: {},
-    headingStyle: {},
-    descriptionStyle: {},
-    buttonTextStyle: {},
-    itemTextStyle: {},
-  }) as unknown as SupportMeContent;
-
-const create = (args: SupportMeArguments, model: BrandPageModel) =>
-  new SupportMeBuilder({
-    id: 't-create',
-    type: BUILDER_TYPES.CREATE_SUPPORT_ME,
-    payload: { sectionType: 'support-me', arguments: args, pageId: 'page-1' },
-  }).buildAsync(model);
-
-const update = (
-  args: SupportMeArguments,
-  model: BrandPageModel,
-  contentId = 'sm-1',
-) =>
-  new SupportMeBuilder({
-    id: 't-update',
-    type: BUILDER_TYPES.UPDATE_SUPPORT_ME,
-    payload: { sectionType: 'support-me', arguments: args, contentId },
-  }).buildAsync(model);
-
-describe('SupportMeBuilder — create', () => {
-  it('creates a support-me section with factory defaults', async () => {
-    const model = makeModel();
-
-    const { model: out, errors } = await create({}, model);
-
-    expect(errors ?? []).toEqual([]);
-
-    const created = out.pages[0].contents[0] as SupportMeContent;
-
-    expect(created.type).toBe('support-me');
-    // display style default comes from the factory
-    expect(created.displayStyle).toBe('preview');
-    // supportMeConfig (payment options) comes free from the factory, never the AI
-    expect(created.supportMeConfig.paymentOptions.length).toBeGreaterThan(0);
-  });
-
-  it('applies AI-provided scalar fields over the defaults', async () => {
-    const model = makeModel();
-
-    const { model: out, errors } = await create(
-      {
-        title: 'Buy me a coffee',
-        description: 'Support my work',
-        success_message: 'Thanks!',
-        display_style: 'collapsed',
-      },
-      model,
-    );
-
-    expect(errors ?? []).toEqual([]);
-
-    const created = out.pages[0].contents[0] as SupportMeContent;
-
-    expect(created.title).toBe('Buy me a coffee');
-    expect(created.description).toBe('Support my work');
-    expect(created.successMessage).toBe('Thanks!');
-    expect(created.displayStyle).toBe('collapsed');
-  });
-});
-
-describe('SupportMeBuilder — update', () => {
-  it('updates scalar fields on an existing section', async () => {
-    const model = makeModel([seedContent()]);
-
-    const { model: out, errors } = await update(
-      {
-        title: 'New title',
-        success_message: 'New success',
-        display_style: 'collapsed',
-      },
-      model,
-    );
-
-    expect(errors ?? []).toEqual([]);
-
-    const updated = out.pages[0].contents[0] as SupportMeContent;
-
-    expect(updated.title).toBe('New title');
-    expect(updated.successMessage).toBe('New success');
-    expect(updated.displayStyle).toBe('collapsed');
-    // untouched fields survive
-    expect(updated.description).toBe('Existing description');
-    // supportMeConfig is never AI-editable
-    expect(updated.supportMeConfig.paymentOptions.length).toBe(1);
-  });
-
-  it('applies the five style fields to their model keys', async () => {
-    const model = makeModel([seedContent()]);
-
-    const { model: out, errors } = await update(
-      {
-        title_style: { textAlign: 'left' },
-        heading_style: { textAlign: 'right' },
-        description_style: { textAlign: 'center' },
-        item_text_style: { textAlign: 'justify' },
-        button_text_style: { color: '#123456' },
-      },
-      model,
-    );
-
-    expect(errors ?? []).toEqual([]);
-
-    const updated = out.pages[0].contents[0] as SupportMeContent;
-
-    expect(updated.titleStyle).toMatchObject({ textAlign: 'left' });
-    expect(updated.headingStyle).toMatchObject({ textAlign: 'right' });
-    expect(updated.descriptionStyle).toMatchObject({ textAlign: 'center' });
-    expect(updated.itemTextStyle).toMatchObject({ textAlign: 'justify' });
-    expect(updated.buttonTextStyle).toMatchObject({ color: '#123456' });
-  });
-});
-
-describe('SupportMeBuilder — validation', () => {
-  it('rejects an invalid display_style enum value', async () => {
-    const model = makeModel([seedContent()]);
-
-    const { errors } = await update({ display_style: 'fancy' as never }, model);
-
-    expect(errors?.length).toBeGreaterThan(0);
-    expect(errors!.join(' ')).toContain('display_style');
-  });
-
-  it('rejects an over-length title', async () => {
-    const model = makeModel([seedContent()]);
-
-    const { errors } = await update({ title: 'x'.repeat(201) }, model);
-
-    expect(errors?.length).toBeGreaterThan(0);
-    expect(errors!.join(' ')).toContain('title');
-  });
-
-  it('rejects an over-length success_message', async () => {
-    const model = makeModel([seedContent()]);
-
-    const { errors } = await update(
-      { success_message: 'x'.repeat(1001) },
-      model,
-    );
-
-    expect(errors?.length).toBeGreaterThan(0);
-    expect(errors!.join(' ')).toContain('success_message');
-  });
-});

package/src/metadata-builder/builders/section-builders/support-me-builder.ts

@@ -1,43 +0,0 @@
-import type {
-  BrandPageModel,
-  SupportMeContent,
-} from '../../../brand-page/models';
-import type { BuilderResult } from '../../models';
-import { applyScalarFields, applyStyleFields } from '../section-field-utils';
-import { BaseSectionBuilder } from './base-section-builder';
-import { validateSupportMe } from '../section-rules/support-me.rules';
-
-export class SupportMeBuilder extends BaseSectionBuilder<SupportMeContent> {
-  protected get sectionValidate() {
-    return validateSupportMe;
-  }
-
-  async buildAsync(model: BrandPageModel): Promise<BuilderResult> {
-    this.log('Build called');
-
-    const validation = await this.validateAsync();
-
-    if (validation.errors.length) {
-      return { request: this.request, model, errors: validation.errors };
-    }
-
-    const resolved = this.resolveAndRepositionContent(model);
-
-    if ('error' in resolved) return resolved.error;
-
-    const content = resolved.content;
-
-    // title/description/success_message are plain-text fields (no RTE support),
-    // so scalar application covers all content fields. supportMeConfig (payment
-    // options) is intentionally not AI-editable — it comes from the factory.
-    applyScalarFields(content, this.args, this.sectionType);
-    applyStyleFields(
-      content,
-      this.args,
-      this.sectionType,
-      this.getGlobalTextStyles(model),
-    );
-
-    return { request: this.request, model };
-  }
-}

package/src/metadata-builder/builders/section-field-utils.test.ts

@@ -1,83 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import type { Content } from '../../brand-page/models';
-import { applyStyleFields } from './section-field-utils';
-
-/**
- * Regression tests for the AI QA 2026-07-05 rerun P0: a colour-only *_style
- * patch left the field's existing inline textStyle marks (old colour) in
- * place — inline marks override the style layer at render, so recoloured
- * bands showed invisible old-colour text. applyStyleFields now propagates a
- * new style colour into the stored RTE HTML when the patch carries no new
- * text for that field.
- */
-describe('applyStyleFields inline-colour propagation', () => {
-  const makeContent = (): Content =>
-    ({
-      type: 'about-section',
-      title: '<h3><span style="color: #111111">Fine Grooming</span></h3>',
-      titleStyle: { color: '#111111', fontSize: '2.188em' },
-      paragraph: '<p><span style="color: #111111">Body copy</span></p>',
-      paragraphStyle: { color: '#111111' },
-    }) as unknown as Content;
-
-  const recolour = (html: string, color: string): string =>
-    html.replace(/color: #[0-9a-fA-F]{6}/g, `color: ${color}`);
-
-  it('colour-only patch recolours the existing inline marks', () => {
-    const content = makeContent();
-
-    applyStyleFields(
-      content,
-      { title_style: { color: '#f8f2e9' } },
-      'about-section',
-      undefined,
-      recolour,
-    );
-
-    const record = content as unknown as Record<string, unknown>;
-
-    expect(record.title).toContain('color: #f8f2e9');
-    expect((record.titleStyle as Record<string, unknown>).color).toBe(
-      '#f8f2e9',
-    );
-    // Untouched fields keep their marks.
-    expect(record.paragraph).toContain('color: #111111');
-  });
-
-  it('does NOT rewrite marks when the patch also carries new text for the field', () => {
-    const content = makeContent();
-
-    applyStyleFields(
-      content,
-      {
-        title: { type: 'doc', content: [] },
-        title_style: { color: '#f8f2e9' },
-      },
-      'about-section',
-      undefined,
-      recolour,
-    );
-
-    // The builder's own text path owns the rewrite — HTML left alone here.
-    expect((content as unknown as Record<string, unknown>).title).toContain(
-      'color: #111111',
-    );
-  });
-
-  it('merged style keeps non-colour properties from the current style', () => {
-    const content = makeContent();
-
-    applyStyleFields(
-      content,
-      { title_style: { color: '#f8f2e9' } },
-      'about-section',
-      undefined,
-      recolour,
-    );
-
-    const style = (content as unknown as Record<string, unknown>)
-      .titleStyle as Record<string, unknown>;
-
-    expect(style.fontSize).toBe('2.188em');
-  });
-});

package/src/metadata-builder/builders/section-rules/support-me.rules.ts

@@ -1,39 +0,0 @@
-import {
-  MAX_TITLE_LENGTH,
-  MAX_DESCRIPTION_LENGTH,
-} from '../../../brand-page/constants/font.constants';
-import {
-  DISPLAY_STYLE_PREVIEW,
-  DISPLAY_STYLE_COLLAPSED,
-} from '../../../brand-page/constants';
-import {
-  enumCheck,
-  runChecks,
-  styleCheck,
-  textCheck,
-  type SectionCheck,
-  type ValidationContext,
-} from '../../sanitizers/section-args-validator';
-
-const CHECKS: SectionCheck[] = [
-  textCheck('title', MAX_TITLE_LENGTH),
-  textCheck('description', MAX_DESCRIPTION_LENGTH),
-  textCheck('success_message', MAX_DESCRIPTION_LENGTH),
-  styleCheck('title_style'),
-  styleCheck('heading_style'),
-  styleCheck('description_style'),
-  styleCheck('item_text_style'),
-  styleCheck('button_text_style'),
-  enumCheck(
-    'display_style',
-    [DISPLAY_STYLE_PREVIEW, DISPLAY_STYLE_COLLAPSED],
-    'support-me',
-  ),
-];
-
-export function validateSupportMe(
-  args: Record<string, unknown>,
-  ctx: ValidationContext,
-): string[] {
-  return runChecks(CHECKS, args, ctx);
-}

package/src/utils/minify-brand-page-metadata.test.ts

@@ -1,61 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import type { BrandPageModel } from '../brand-page/models';
-import { minifyBrandPageMetadata } from './minify-brand-page-metadata';
-
-/**
- * The AI builder can now create/update `support-me` sections, so the minified
- * model it reads on update must surface the fields it can edit — otherwise it
- * can't see the current `displayStyle` / `successMessage` when deciding what to
- * change. `request-payment` (not AI-editable) must keep its original shape.
- */
-
-const makeModel = (contents: unknown[]): BrandPageModel =>
-  ({
-    brandPageType: 'brandSite',
-    v: 1,
-    styles: {},
-    nav: { routes: [{ pageId: 'page-1', pageSlug: 'home' }] },
-    pages: [{ id: 'page-1', title: 'Home', contents }],
-  }) as unknown as BrandPageModel;
-
-const supportMe = {
-  id: 'sm-1',
-  type: 'support-me',
-  title: 'Buy me a coffee',
-  description: 'Support my work',
-  successMessage: 'Thanks so much!',
-  displayStyle: 'collapsed',
-};
-
-const requestPayment = {
-  id: 'rp-1',
-  type: 'request-payment',
-  title: 'Pay now',
-  description: 'Invoice',
-  successMessage: 'Paid',
-  displayStyle: 'preview',
-};
-
-describe('minifyBrandPageMetadata — support-me', () => {
-  it('surfaces title, description, successMessage and displayStyle', () => {
-    const out = minifyBrandPageMetadata(makeModel([supportMe]));
-    const minified = out.pages[0].contents[0];
-
-    expect(minified.type).toBe('support-me');
-    expect(minified.title).toBe('Buy me a coffee');
-    expect(minified.description).toBe('Support my work');
-    expect(minified.successMessage).toBe('Thanks so much!');
-    expect(minified.displayStyle).toBe('collapsed');
-  });
-
-  it('leaves request-payment shape unchanged (no successMessage / displayStyle)', () => {
-    const out = minifyBrandPageMetadata(makeModel([requestPayment]));
-    const minified = out.pages[0].contents[0];
-
-    expect(minified.type).toBe('request-payment');
-    expect(minified.title).toBe('Pay now');
-    expect(minified.description).toBe('Invoice');
-    expect(minified.successMessage).toBeUndefined();
-    expect(minified.displayStyle).toBeUndefined();
-  });
-});