chore: remove now unused code

Author: graphieros

app/components/Chart/PatternSlot.vue

@@ -144,7 +144,6 @@ import {
   LandingLogo,
   LinkBase,
   CallToAction,
-  ChartPatternSlot,
   CodeDirectoryListing,
   CodeFileTree,
   CodeMobileTreeDrawer,
@@ -2261,23 +2260,6 @@ describe('component accessibility audits', () => {
     })
   })
 
-  describe('ChartPatternSlot', () => {
-    it('should have no accessibility violations', async () => {
-      const component = await mountSuspended(ChartPatternSlot, {
-        props: {
-          id: 'perennius',
-          seed: 1,
-          foregroundColor: 'black',
-          fallbackColor: 'transparent',
-          maxSize: 24,
-          minSize: 16,
-        },
-      })
-      const results = await runAxe(component)
-      expect(results.violations).toEqual([])
-    })
-  })
-
   describe('CopyToClipboardButton', () => {
     it('should have no accessibility violations in default state', async () => {
       const component = await mountSuspended(CopyToClipboardButton, {

test/nuxt/a11y.spec.ts

@@ -15,9 +15,6 @@ import {
   sanitise,
   insertLineBreaks,
   applyEllipsis,
-  createSeedNumber,
-  createSeededSvgPattern,
-  createChartPatternSlotMarkup,
   type TrendLineConfig,
   type TrendLineDataset,
   type VersionsBarConfig,
@@ -1401,253 +1398,4 @@ describe('applyEllipsis', () => {
   it('preserves whitespace within the truncated portion', () => {
     expect(applyEllipsis('you need to touch grass', 13)).toBe('you need to t...')
   })
-})
-
-describe('createSeedNumber', () => {
-  it('returns the same hash for the same input', () => {
-    expect(createSeedNumber('react')).toBe(createSeedNumber('react'))
-    expect(createSeedNumber('vue')).toBe(createSeedNumber('vue'))
-  })
-
-  it('returns different hashes for different inputs', () => {
-    expect(createSeedNumber('react')).not.toBe(createSeedNumber('vue'))
-    expect(createSeedNumber('svelte')).not.toBe(createSeedNumber('solid'))
-  })
-
-  it('returns a 32 bit unsigned integer', () => {
-    const result = createSeedNumber('react')
-    expect(Number.isInteger(result)).toBe(true)
-    expect(result).toBeGreaterThanOrEqual(0)
-    expect(result).toBeLessThanOrEqual(4294967295)
-  })
-
-  it('handles an empty string', () => {
-    const result = createSeedNumber('')
-    expect(Number.isInteger(result)).toBe(true)
-    expect(result).toBeGreaterThanOrEqual(0)
-    expect(result).toBeLessThanOrEqual(4294967295)
-  })
-
-  it('is case sensitive', () => {
-    expect(createSeedNumber('react')).not.toBe(createSeedNumber('React'))
-  })
-})
-
-describe('createSeededSvgPattern', () => {
-  it('returns deterministic output for the same seed', () => {
-    const first = createSeededSvgPattern('react')
-    const second = createSeededSvgPattern('react')
-    expect(first).toEqual(second)
-  })
-
-  it('returns different output for different seeds', () => {
-    const first = createSeededSvgPattern('react')
-    const second = createSeededSvgPattern('vue')
-    expect(second).not.toEqual(first)
-  })
-
-  it('returns a valid pattern object shape', () => {
-    const result = createSeededSvgPattern('react')
-    expect(typeof result.width).toBe('number')
-    expect(typeof result.height).toBe('number')
-    expect(typeof result.rotation).toBe('number')
-    expect(typeof result.patternType).toBe('string')
-    expect(typeof result.contentMarkup).toBe('string')
-  })
-
-  it('uses default options when none are provided', () => {
-    const result = createSeededSvgPattern('react')
-    expect(result.width).toBeGreaterThanOrEqual(8)
-    expect(result.width).toBeLessThanOrEqual(20)
-    expect(result.height).toBe(result.width)
-    expect(result.contentMarkup.length).toBeGreaterThan(0)
-  })
-
-  it('uses the provided foreground and background colors', () => {
-    const result = createSeededSvgPattern('react', {
-      foregroundColor: '#ff0000',
-      backgroundColor: '#00ff00',
-    })
-    expect(result.contentMarkup).toContain('#ff0000')
-    expect(result.contentMarkup).toContain('#00ff00')
-    expect(result.contentMarkup).toContain('<rect x="0" y="0"')
-  })
-
-  it('does not inject a background rect when backgroundColor is transparent', () => {
-    const result = createSeededSvgPattern('react', {
-      backgroundColor: 'transparent',
-    })
-    expect(result.contentMarkup).not.toContain('<rect x="0" y="0"')
-  })
-
-  it('respects the provided size range', () => {
-    const result = createSeededSvgPattern('react', {
-      minimumSize: 10,
-      maximumSize: 16,
-    })
-    expect(result.width).toBeGreaterThanOrEqual(10)
-    expect(result.width).toBeLessThanOrEqual(16)
-    expect(result.height).toBe(result.width)
-  })
-
-  it('always returns one of the supported pattern types', () => {
-    const allowedPatternTypes = [
-      'diagonalLines',
-      'verticalLines',
-      'horizontalLines',
-      'crosshatch',
-      'dots',
-      'grid',
-      'zigzag',
-    ]
-    const result = createSeededSvgPattern('react')
-    expect(allowedPatternTypes).toContain(result.patternType)
-  })
-
-  it('returns a supported rotation value', () => {
-    const allowedRotations = [0, 15, 30, 45, 60, 75, 90, 120, 135]
-    const result = createSeededSvgPattern('react')
-    expect(allowedRotations).toContain(result.rotation)
-  })
-
-  it('returns svg markup matching the selected pattern type', () => {
-    const seeds = [
-      'react',
-      'vue',
-      'svelte',
-      'solid',
-      'angular',
-      'ember',
-      'preact',
-      'lit',
-      'alpine',
-      'nuxt',
-      'next',
-      'astro',
-      'qwik',
-      'backbone',
-    ]
-
-    const expectedTagByPatternType: Record<
-      ReturnType<typeof createSeededSvgPattern>['patternType'],
-      string
-    > = {
-      diagonalLines: '<line',
-      verticalLines: '<line',
-      horizontalLines: '<line',
-      crosshatch: '<line',
-      dots: '<circle',
-      grid: '<line',
-      zigzag: '<path',
-    }
-
-    for (const seed of seeds) {
-      const result = createSeededSvgPattern(seed)
-      const expectedTag = expectedTagByPatternType[result.patternType]
-      expect(result.contentMarkup).toContain(expectedTag)
-    }
-  })
-
-  it('accepts numeric seeds', () => {
-    const result = createSeededSvgPattern(12345)
-    expect(typeof result.width).toBe('number')
-    expect(typeof result.contentMarkup).toBe('string')
-    expect(result.contentMarkup.length).toBeGreaterThan(0)
-  })
-
-  it('returns deterministic output for equivalent numeric and string seeds', () => {
-    const numericSeedResult = createSeededSvgPattern(12345)
-    const stringSeedResult = createSeededSvgPattern('12345')
-    expect(numericSeedResult).toEqual(stringSeedResult)
-  })
-})
-
-describe('createChartPatternSlotMarkup', () => {
-  it('returns a pattern element with the provided id', () => {
-    const result = createChartPatternSlotMarkup({
-      id: 'pattern-1',
-      seed: 7,
-      color: '#ff0000',
-      foregroundColor: '#ffffff',
-      fallbackColor: 'transparent',
-      maxSize: 24,
-      minSize: 16,
-    })
-
-    expect(result).toContain('<pattern')
-    expect(result).toContain('id="pattern-1"')
-    expect(result).toContain('patternUnits="userSpaceOnUse"')
-    expect(result).toContain('</pattern>')
-  })
-
-  it('includes width, height, rotation, and content markup from the generated pattern', () => {
-    const generatedPattern = createSeededSvgPattern(1, {
-      foregroundColor: '#000',
-      backgroundColor: 'transparent',
-      minimumSize: 16,
-      maximumSize: 24,
-    })
-
-    const result = createChartPatternSlotMarkup({
-      id: 'pattern-1',
-      seed: 1,
-      foregroundColor: '#000',
-      fallbackColor: 'transparent',
-      maxSize: 24,
-      minSize: 16,
-    })
-
-    expect(result).toContain(`width="${generatedPattern.width}"`)
-    expect(result).toContain(`height="${generatedPattern.height}"`)
-    expect(result).toContain(`patternTransform="rotate(${generatedPattern.rotation})"`)
-    expect(result).toContain(generatedPattern.contentMarkup)
-  })
-
-  it('is deterministic for the same inputs', () => {
-    const first = createChartPatternSlotMarkup({
-      id: 'pattern-stable',
-      seed: 'nuxt',
-      color: '#00ff00',
-      foregroundColor: '#000000',
-      fallbackColor: 'transparent',
-      maxSize: 40,
-      minSize: 10,
-    })
-
-    const second = createChartPatternSlotMarkup({
-      id: 'pattern-stable',
-      seed: 'nuxt',
-      color: '#00ff00',
-      foregroundColor: '#000000',
-      fallbackColor: 'transparent',
-      maxSize: 40,
-      minSize: 10,
-    })
-
-    expect(first).toBe(second)
-  })
-
-  it('changes when the id changes', () => {
-    const first = createChartPatternSlotMarkup({
-      id: 'pattern-a',
-      seed: 1,
-      color: '#00ff00',
-      foregroundColor: '#000000',
-      fallbackColor: 'transparent',
-      maxSize: 40,
-      minSize: 10,
-    })
-
-    const second = createChartPatternSlotMarkup({
-      id: 'pattern-b',
-      seed: 2,
-      color: '#00ff00',
-      foregroundColor: '#000000',
-      fallbackColor: 'transparent',
-      maxSize: 40,
-      minSize: 10,
-    })
-
-    expect(first).not.toBe(second)
-  })
-})
+})