slidev-theme-practicum 0.2.0 → 0.4.0

package/composables/slide-layout.ts

@@ -5,6 +5,7 @@ import {
   type LayoutAuthoringInput,
 } from './layout-authoring'
 import type { LayoutShorthandComponents } from './layout-shorthands'
+import type { DeckLayoutVariantCatalog } from './local-layout-variants'
 import {
   createSlotPlacementSession,
   type SlotPlacementSession,
@@ -19,6 +20,7 @@ export type SlideLayout = SlotPlacementSession & {
 
 export function createSlideLayout(input: {
   components: LayoutShorthandComponents
+  layoutVariants?: DeckLayoutVariantCatalog
 }): SlideLayout {
   const slotPlanState = createLayoutSlotPlanState()
   let current: CompiledSlideLayout | null = null
@@ -31,6 +33,7 @@ export function createSlideLayout(input: {
       const compiled = compileLayoutAuthoring({
         ...authoringInput,
         components: input.components,
+        layoutVariants: input.layoutVariants,
         slotPlanState,
       })
 

package/composables/text-fit-runtime.ts

@@ -190,8 +190,8 @@ function readBounds(input: ElementFitInput) {
   return bounds
 }
 
-function readFitObserverElements(element: HTMLElement) {
-  const elements: HTMLElement[] = [element]
+function readFitObserverElements(element: HTMLElement, observeOwnSize: boolean) {
+  const elements: HTMLElement[] = observeOwnSize ? [element] : []
   let parent = element.parentElement
 
   while (parent && elements.length < 8) {
@@ -496,6 +496,7 @@ function createTextFitCleanupOwner(isDisposed: () => boolean) {
 type TextFitLifecycleOwnerInput = {
   adapter: TextFitAdapter
   fit: () => void | Promise<void>
+  observeOwnSize?: boolean
   onDispose: () => void
   target: Ref<HTMLElement | null>
   watchTarget?: boolean
@@ -504,6 +505,7 @@ type TextFitLifecycleOwnerInput = {
 function createTextFitLifecycleOwner({
   adapter,
   fit,
+  observeOwnSize = true,
   onDispose,
   target,
   watchTarget = false,
@@ -532,7 +534,7 @@ function createTextFitLifecycleOwner({
       if (!element)
         return null
 
-      return adapter.observe(readFitObserverElements(element), scheduleFit)
+      return adapter.observe(readFitObserverElements(element, observeOwnSize), scheduleFit)
     })
   }
 
@@ -734,6 +736,7 @@ export function createTextFitRuntime(adapter: TextFitAdapter = createBrowserText
       const { scheduleFit } = createTextFitLifecycleOwner({
         adapter,
         fit: fitNow,
+        observeOwnSize: false,
         onDispose: () => {
           runId += 1
         },
@@ -876,6 +879,7 @@ export function createTextFitRuntime(adapter: TextFitAdapter = createBrowserText
       const { scheduleFit } = createTextFitLifecycleOwner({
         adapter,
         fit: fitNow,
+        observeOwnSize: false,
         onDispose: () => {
           runId += 1
           unregisterSharedItem()

package/composables/theme-foundation.ts

@@ -13,6 +13,7 @@ export type ResolvedThemeMode = {
   text: string
   muted: string
   contrast: boolean
+  foreground: 'light' | 'dark'
 }
 
 export type ResolvedSlideTheme = ResolvedThemeMode
@@ -112,6 +113,7 @@ export function resolveThemeMode(options: ResolveThemeModeOptions = {}): Resolve
       text: 'var(--theme-color-dark-0)',
       muted: 'var(--theme-color-dark-2)',
       contrast: false,
+      foreground: 'dark',
     }
   }
 
@@ -123,6 +125,7 @@ export function resolveThemeMode(options: ResolveThemeModeOptions = {}): Resolve
       text: 'var(--theme-color-light-0)',
       muted: 'var(--theme-text-muted-on-contrast)',
       contrast: true,
+      foreground: 'light',
     }
   }
 
@@ -130,9 +133,10 @@ export function resolveThemeMode(options: ResolveThemeModeOptions = {}): Resolve
     mode,
     tone,
     background: `var(--theme-color-${tone}-0)`,
-    text: 'var(--theme-color-light-0)',
-    muted: 'var(--theme-text-muted-on-contrast)',
+    text: 'var(--theme-text-on-color)',
+    muted: 'var(--theme-text-muted-on-color)',
     contrast: true,
+    foreground: 'light',
   }
 }
 
@@ -176,7 +180,7 @@ export function themeVars(
       '--theme-text-muted': slideTheme.muted,
       '--theme-inline-code-text': slideTheme.text,
       '--theme-text-on-dark': 'var(--theme-color-light-0)',
-      '--theme-link': slideTheme.contrast ? 'var(--theme-color-light-0)' : 'var(--theme-current-color)',
+      '--theme-link': slideTheme.foreground === 'light' ? 'var(--theme-color-light-0)' : slideTheme.mode === 'color' ? 'var(--theme-text-on-color)' : 'var(--theme-current-color)',
       '--theme-current-color': `var(--theme-color-${slideTheme.tone}-0)`,
     }
   }

package/composables/typography-guard.cjs

@@ -0,0 +1,59 @@
+/**
+ * @typedef {{ text: string, size?: string, color?: string, slot: string, keyNumber: boolean, muted?: boolean }} TypographyText
+ * @typedef {{ code: string, message: string, hint?: string }} TypographyIssue
+ */
+
+/** @param {TypographyText[]} texts */
+function describeSizes(texts) {
+  return [...new Set(texts.map(text => `${text.size}: «${text.text}»`))].join(', ')
+}
+
+/**
+ * Общая политика для объявленных токенов и вычисленных значений браузера.
+ * Отсутствующее значение означает «неизвестно», а не значение по умолчанию.
+ * @param {TypographyText[]} texts
+ * @returns {TypographyIssue[]}
+ */
+function inspectTypography(texts) {
+  /** @type {TypographyIssue[]} */
+  const issues = []
+  const regular = texts.filter(text => !text.keyNumber && text.size !== undefined)
+  const numbers = texts.filter(text => text.keyNumber && text.size !== undefined)
+  if (new Set(regular.map(text => text.size)).size > 2) {
+    issues.push({
+      code: 'text-sizes',
+      message: `Больше двух размеров обычного текста: ${describeSizes(regular)}.`,
+      hint: 'Объедините подписи с основным поясняющим текстом по размеру или измените композицию. Заголовок тоже входит в подсчёт.',
+    })
+  }
+  if (new Set(numbers.map(text => text.size)).size > 1) {
+    issues.push({
+      code: 'number-sizes',
+      message: `Ключевые числа имеют разные размеры: ${describeSizes(numbers)}.`,
+      hint: 'Все Text as="data" на слайде должны иметь один размер, в том числе после автоматического подбора.',
+    })
+  }
+
+  for (const slot of new Set(texts.map(text => text.slot))) {
+    const contents = texts.filter(text => text.slot === slot)
+    const colored = contents.filter(text => text.color !== undefined)
+    if (new Set(colored.map(text => text.color)).size > 1) {
+      issues.push({
+        code: 'slot-colors',
+        message: `${slot}: разные цвета текста: ${colored.map(text => `${text.color}: «${text.text}»`).join(', ')}.`,
+        hint: 'Выберите один основной цвет для всего текста внутри Slot.',
+      })
+    }
+    const muted = contents.filter(text => text.muted)
+    if (muted.length) {
+      issues.push({
+        code: 'muted-text',
+        message: `${slot}: приглушённый текст: ${muted.map(text => `«${text.text}»`).join(', ')}.`,
+        hint: 'Удалите muted и токены text-muted, используйте основной цвет поверхности.',
+      })
+    }
+  }
+  return issues
+}
+
+module.exports = { inspectTypography }

package/composables/use-theme-config.ts

@@ -1,9 +1,15 @@
 import { computed } from 'vue'
 import { useSlideContext } from '@slidev/client'
+import { collectDecorSources, isRecord } from './decor-sources'
 import { resolveTone, type ThemeTone } from './theme-foundation'
 
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
+function readFileDecors() {
+  try {
+    return Array.isArray(__PRATICUM_DECK_DECORS__) ? __PRATICUM_DECK_DECORS__ : []
+  }
+  catch {
+    return []
+  }
 }
 
 function readBoolean(value: unknown, fallback: boolean) {
@@ -45,20 +51,20 @@ export function useThemeConfig() {
     if (typeof explicit === 'string' && explicit.trim())
       return explicit.trim()
 
-    const fallback = configs.value.title
-    if (typeof fallback === 'string' && fallback.trim())
-      return fallback.trim()
-
     return ''
   })
 
   const showPageNumber = computed(() => readBoolean(themeConfigs.value.showPageNumber, true))
   const debugGrid = computed(() => readBoolean(themeConfigs.value.debugGrid, false))
   const defaultTone = computed(() => readDefaultTone(themeConfigs.value.defaultTone, 'blue'))
-  const decors = computed(() => {
-    const explicit = themeConfigs.value.decors
-    return Array.isArray(explicit) ? explicit : []
-  })
+  const decors = computed(() => [
+    ...readFileDecors(),
+    ...collectDecorSources(themeConfigs.value.decors).inline,
+  ])
+  const replaceDecors = computed(() => readBoolean(
+    themeConfigs.value.replaceDecors,
+    readFileDecors().length > 0 || collectDecorSources(themeConfigs.value.decors).files.length > 0,
+  ))
 
   return {
     themeConfigs,
@@ -67,5 +73,6 @@ export function useThemeConfig() {
     debugGrid,
     defaultTone,
     decors,
+    replaceDecors,
   }
 }

package/composables/validate-deck-layouts.cjs

@@ -1,10 +1,11 @@
 const { readFileSync } = require('node:fs')
-const { isAbsolute, join, resolve } = require('node:path')
+const { dirname, isAbsolute, join, resolve } = require('node:path')
 const { parseSync } = require('@slidev/parser')
 const { createCommentVNode, createTextVNode, createVNode } = require('vue')
 const { registerTypeScript } = require('./typescript-require.cjs')
 const { extractDeckLiveStructure } = require('./deck-slot-markup.cjs')
 const { markdownToVnodes } = require('./markdown-to-vnodes.cjs')
+const { validateDeclaredTypography } = require('./validate-deck-typography.cjs')
 
 /** @typedef {import('@slidev/types').SourceSlideInfo} SourceSlideInfo */
 /** @typedef {import('./layout-recipes').ThemeLayout} ThemeLayout */
@@ -41,7 +42,10 @@ registerTypeScript()
 
 const { compileLayoutAuthoring } = require(themePath('composables/layout-authoring.ts'))
 const { hasLayoutShorthand } = require(themePath('composables/layout-shorthands.ts'))
+const { discoverDeckLayoutVariantFiles } = require(themePath('composables/local-layout-variant-files.ts'))
+const { resolveDeckLayoutVariant } = require(themePath('composables/local-layout-variants.ts'))
 const {
+  hasLayoutVariant,
   resolveLayoutSlotSpec,
   resolveLayoutVariant,
 } = require(themePath('composables/layout-recipes.ts'))
@@ -57,6 +61,7 @@ function stubComponents() {
     Slot: named('Slot'),
     Text: named('Text'),
     Timeline: named('Timeline'),
+    StepsGrid: named('StepsGrid'),
   }
 }
 
@@ -121,7 +126,7 @@ function validateExplicitSlotIntents(intents, input) {
 function slideRef(slide, index) {
   const layout = String(slide.frontmatter?.layout ?? '').trim()
   const variant = String(slide.frontmatter?.variant ?? '').trim()
-  const title = String(slide.title || slide.content?.match(/^#\s+(.+)/m)?.[1] || '').trim()
+  const title = String(slide.content?.match(/^#\s+(.+)/m)?.[1] || '').trim()
   return {
     index,
     page: index + 1,
@@ -134,24 +139,87 @@ function slideRef(slide, index) {
 
 /**
  * @param {string} deckPath
+ * @param {{ typographyGuard?: boolean }} [options]
  * @returns {Promise<DeckValidationIssue[]>}
  */
-async function validateDeckLayouts(deckPath) {
+async function validateDeckLayouts(deckPath, options = {}) {
   const absolutePath = isAbsolute(deckPath) ? deckPath : resolve(deckPath)
   const source = readFileSync(absolutePath, 'utf8')
   const deck = parseSync(source, absolutePath)
   const components = stubComponents()
+  /** @type {{ key: string, path: string }[]} */
+  const layoutVariantFiles = discoverDeckLayoutVariantFiles(dirname(absolutePath))
+  const layoutVariants = Object.fromEntries(
+    layoutVariantFiles
+      .map(file => [file.key, { name: `DeckLayoutVariant:${file.key}` }]),
+  )
   /** @type {DeckValidationIssue[]} */
   const issues = []
 
   for (const [index, slide] of deck.slides.entries()) {
     const layout = String(slide.frontmatter?.layout ?? '').trim()
+    const ref = slideRef(slide, index)
+
+    if (options.typographyGuard) {
+      if (slide.frontmatter?.src) {
+        issues.push({ ...ref, message: 'Статическая проверка типографики пока не раскрывает включения src. Соберите слайды в один Markdown-файл перед проверкой.' })
+        continue
+      }
+      try {
+        const structure = extractDeckLiveStructure(slide.content ?? '')
+        issues.push(...validateDeclaredTypography(structure.children).map(issue => ({ ...ref, ...issue })))
+      }
+      catch (error) {
+        issues.push({ ...ref, message: error instanceof Error ? error.message : String(error) })
+        continue
+      }
+    }
+
+    if (index > 0 && Object.prototype.hasOwnProperty.call(slide.frontmatter ?? {}, 'title')) {
+      issues.push({
+        ...ref,
+        message: 'Верхнеуровневое поле `title` разрешено только в первом headmatter как служебное название колоды и не является видимым содержимым слайда.',
+        hint: 'Удалите поле и перенесите основной текст в тело слайда: используйте Markdown-заголовок `# …` или видимый `<Text as="h1">…</Text>` в явной композиции.',
+      })
+    }
+
     if (!isThemeLayout(layout))
       continue
 
     const rawVariant = String(slide.frontmatter?.variant ?? '').trim()
     const arrangement = String(slide.frontmatter?.arrangement ?? '').trim()
-    const ref = slideRef(slide, index)
+    const localVariant = layoutVariants[`${layout}:${rawVariant}`]
+
+    if (localVariant) {
+      const content = stripAuthorNotes(slide.content ?? '')
+
+      try {
+        compileLayoutAuthoring({
+          props: {
+            layout,
+            variant: rawVariant,
+            arrangement,
+            mode: slide.frontmatter?.mode,
+            tone: slide.frontmatter?.tone ?? '',
+          },
+          frontmatter: slide.frontmatter ?? {},
+          children: markdownToVnodes(content),
+          components,
+          layoutVariants,
+          defaultTone: 'blue',
+        })
+      }
+      catch (error) {
+        const hint = error && typeof error === 'object' && 'hint' in error ? error.hint : undefined
+        issues.push({
+          ...ref,
+          message: error instanceof Error ? error.message : String(error),
+          hint: typeof hint === 'string' ? hint : undefined,
+        })
+      }
+      continue
+    }
+
     /** @type {string} */
     let variant
 
@@ -159,10 +227,26 @@ async function validateDeckLayouts(deckPath) {
       variant = resolveLayoutVariant(layout, rawVariant, arrangement)
     }
     catch (error) {
-      const hint = error && typeof error === 'object' && 'hint' in error ? error.hint : undefined
+      let reportedError = error
+      if (rawVariant && !hasLayoutVariant(layout, rawVariant)) {
+        try {
+          resolveDeckLayoutVariant({
+            layout,
+            variant: rawVariant,
+            arrangement,
+            variants: layoutVariants,
+          })
+        }
+        catch (deckVariantError) {
+          reportedError = deckVariantError
+        }
+      }
+      const hint = reportedError && typeof reportedError === 'object' && 'hint' in reportedError
+        ? reportedError.hint
+        : undefined
       issues.push({
         ...ref,
-        message: error instanceof Error ? error.message : String(error),
+        message: reportedError instanceof Error ? reportedError.message : String(reportedError),
         hint: typeof hint === 'string' ? hint : undefined,
       })
       continue
@@ -197,6 +281,7 @@ async function validateDeckLayouts(deckPath) {
           frontmatter: slide.frontmatter ?? {},
           children: liveStructure.children.map(node => liveNodeToVNode(node, components)),
           components,
+          layoutVariants,
           defaultTone: 'blue',
         })
         validateExplicitSlotIntents(liveStructure.intents, {
@@ -233,6 +318,7 @@ async function validateDeckLayouts(deckPath) {
         frontmatter: slide.frontmatter ?? {},
         children: markdownToVnodes(content),
         components,
+        layoutVariants,
         defaultTone: 'blue',
       })
     }
@@ -264,7 +350,9 @@ function formatDeckLayoutIssues(issues, deckPath = 'deck') {
     ]
     if (issue.hint)
       lines.push(`  Подсказка: ${issue.hint}`)
-    lines.push('  См. example.md в slidev-theme-practicum (заметки «Контракт»).')
+    lines.push(issue.hint?.includes('components/layout-variants/')
+      ? '  См. README.md в slidev-theme-practicum, раздел «Локальные варианты презентации».'
+      : '  См. example.md в slidev-theme-practicum (заметки «Контракт»).')
     return lines.join('\n')
   }).join(`\n\n${'—'.repeat(40)}\n\n`)
 

package/composables/validate-deck-typography.cjs

@@ -0,0 +1,101 @@
+const { inspectTypography } = require('./typography-guard.cjs')
+
+/** @typedef {import('./deck-slot-markup.cjs').DeckLiveNode} DeckLiveNode */
+/** @typedef {import('./typography-guard.cjs').TypographyText} TypographyText */
+/** @typedef {import('./typography-guard.cjs').TypographyIssue} TypographyIssue */
+
+const EXCLUDED = new Set(['Header', 'Logo', 'Image', 'Decor', 'svg', 'img', 'script', 'style'])
+const SIZE_PATTERN = /^(\d+)(?:\s*-\s*(\d+))?$/u
+
+/** @param {DeckLiveNode} node @returns {string} */
+function textContent(node) {
+  if (node.kind === 'text')
+    return node.content
+  return node.kind === 'element' ? node.children.map(textContent).join(' ') : ''
+}
+
+/** @param {unknown} value */
+function isEnabled(value) {
+  return value === '' || Boolean(value)
+}
+
+/** @param {Record<string, unknown>} props */
+function sizePolicy(props) {
+  if (('max-size' in props && isEnabled(props['max-size'])) || ('maxSize' in props && isEnabled(props.maxSize)))
+    return '0-12'
+  const input = String(props.size ?? '2').trim()
+  const match = input.match(SIZE_PATTERN)
+  if (!match || Number(match[1]) > 12 || Number(match[2] ?? match[1]) > 12)
+    return undefined
+  const min = Math.min(Number(match[1]), Number(match[2] ?? match[1]))
+  const max = Math.max(Number(match[1]), Number(match[2] ?? match[1]))
+  return min === max ? String(min) : `${min}-${max}`
+}
+
+/**
+ * Проверяет только явно объявленные Text. Сокращённая запись и стили
+ * компонентов проверяются после отображения слайда в браузере.
+ * @param {DeckLiveNode[]} children
+ * @returns {TypographyIssue[]}
+ */
+function validateDeclaredTypography(children) {
+  /** @type {TypographyText[]} */
+  const texts = []
+  /** @type {TypographyIssue[]} */
+  const issues = []
+  let slotIndex = 0
+
+  /** @param {DeckLiveNode} node @param {string} slot @param {string[]} inherited */
+  function visit(node, slot, inherited) {
+    if (node.kind !== 'element' || EXCLUDED.has(node.tag))
+      return
+    if (node.tag === 'Slot') {
+      slotIndex += 1
+      slot = `Slot ${slotIndex}${node.props.role ? ` (${node.props.role})` : ''}`
+    }
+    const relevantProps = node.tag === 'Text'
+      ? ['size', 'max-size', 'maxSize', 'color', 'muted', 'as', 'class', 'style']
+      : ['class', 'style']
+    const dynamic = [...inherited, ...(node.dynamicProps ?? []).filter(prop =>
+      !prop.startsWith('v-bind:') || relevantProps.includes(prop.slice(7)),
+    )]
+    if (node.tag === 'Text') {
+      const text = textContent(node).replace(/\s+/gu, ' ').trim().slice(0, 100)
+      if (!text)
+        return
+      if (dynamic.length) {
+        issues.push({
+          code: 'dynamic-typography',
+          message: `«${text}»: статически не определены ${[...new Set(dynamic)].join(', ')}.`,
+          hint: 'Задайте литеральные атрибуты или проверьте фактический результат командой slidev-practicum-check-typography.',
+        })
+        return
+      }
+      const size = sizePolicy(node.props)
+      if (size === undefined) {
+        issues.push({
+          code: 'invalid-size',
+          message: `«${text}»: неверный размер ${String(node.props.size)}.`,
+          hint: 'Укажите токен 0–12 или диапазон этих токенов, например size="7-8".',
+        })
+      }
+      const color = String(node.props.color ?? 'current')
+      const muted = ('muted' in node.props && isEnabled(node.props.muted)) || color.startsWith('text-muted')
+      texts.push({
+        text,
+        size,
+        color: muted ? 'text-muted' : color,
+        slot,
+        keyNumber: String(node.props.as ?? '').toLowerCase() === 'data',
+        muted,
+      })
+    }
+    for (const child of node.children)
+      visit(child, slot, dynamic)
+  }
+  for (const child of children)
+    visit(child, 'Слайд вне Slot', [])
+  return [...issues, ...inspectTypography(texts)]
+}
+
+module.exports = { validateDeclaredTypography }

package/env.d.ts

@@ -0,0 +1,18 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
+  export default component
+}
+
+declare const __PRATICUM_DECK_DECORS__: readonly Record<string, unknown>[]
+
+declare module 'virtual:practicum-deck-layout-variants' {
+  import type { Component } from 'vue'
+
+  export const DECK_LAYOUT_VARIANTS: Readonly<Record<string, Component>>
+}
+
+declare module 'virtual:practicum-deck-decors' {
+  export const DECK_FILE_DECORS: readonly Record<string, unknown>[]
+}

package/example.md

@@ -557,7 +557,7 @@ items:
     body: Применить в другой задаче
 ---
 
-<!-- Контракт: steps staggered — ровно 5 шагов во frontmatter для ритма 3+2. -->
+<!-- Контракт: steps staggered — от 2 до 6 шагов во frontmatter, два центрированных ряда; label сверху, title и body снизу. -->
 
 # Как команда разбирает ошибку
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-theme-practicum",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Strict Slidev presentation theme with a 12x12 grid, editorial layouts, and low-level slot composition API",
   "keywords": [
     "slidev-theme",
@@ -25,6 +25,7 @@
     "styles",
     "types",
     "skills",
+    "env.d.ts",
     "LICENSE",
     "README.md",
     "example.md",
@@ -38,10 +39,12 @@
       "favicon": "/theme/favicon.svg",
       "fonts": {
         "provider": "none",
-        "sans": "YS Text, Inter",
+        "sans": "YS Text, Inter, system-ui",
         "mono": "monospace",
         "local": [
           "YS Text",
+          "Inter",
+          "system-ui",
           "monospace"
         ]
       }
@@ -52,7 +55,8 @@
     "slidev": ">=0.50.0"
   },
   "bin": {
-    "slidev-practicum-validate": "scripts/validate-deck.cjs"
+    "slidev-practicum-validate": "scripts/validate-deck.cjs",
+    "slidev-practicum-check-typography": "scripts/check-typography.mjs"
   },
   "scripts": {
     "dev": "slidev example.md",
@@ -64,15 +68,22 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "validate-deck": "node scripts/validate-deck.cjs",
-    "test": "npm run lint && npm run typecheck && npm run test:unit && npm run test:architecture && npm run test:build && npm run test:build-artifact && npm run test:browser && npm run test:package",
+    "check-typography": "node scripts/check-typography.mjs",
+    "test": "npm run lint && npm run typecheck && npm run test:unit && npm run test:architecture && npm run test:build && npm run test:layout-variant-build && npm run test:build-artifact && npm run test:browser && npm run test:accessibility && npm run test:typography && npm run test:pixels && npm run test:package && npm run test:consumer",
     "typecheck": "vue-tsc --noEmit",
     "test:architecture": "node scripts/check-test-architecture.mjs",
     "test:unit": "node --test tests/*.test.cjs",
     "test:validate-deck": "node scripts/validate-deck.cjs example.md",
     "test:build": "slidev build example.md",
+    "test:layout-variant-build": "node scripts/check-local-layout-variant-build.mjs",
     "test:build-artifact": "node scripts/check-build-artifact.mjs",
     "test:browser": "node scripts/browser-smoke.mjs",
-    "test:package": "node scripts/check-package.mjs"
+    "test:accessibility": "node scripts/check-accessibility.mjs",
+    "test:typography": "node scripts/test-typography.mjs",
+    "test:pixels": "node scripts/check-pixels.mjs",
+    "test:pixels:update": "node scripts/check-pixels.mjs --update",
+    "test:package": "node scripts/check-package.mjs",
+    "test:consumer": "node scripts/check-consumer.mjs"
   },
   "author": "",
   "type": "commonjs",
@@ -81,7 +92,8 @@
     "@slidev/types": "^52.14.2",
     "markdown-it": "^14.1.0",
     "typescript": "^6.0.3",
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "yaml": "^2.9.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",