kmcom-nuxt-layers 2.6.3 → 2.7.0

package/layers/feeds/public/feed/style.css

@@ -12,16 +12,16 @@
 }
 
 :root {
-  --feed-bg: var(--ui-bg, #ffffff);
+  --feed-bg: var(--ui-bg, #fff);
   --feed-bg-elevated: var(--ui-bg-elevated, #f8fafc);
   --feed-bg-accented: var(--ui-bg-accented, #f1f5f9);
   --feed-border: var(--ui-border, #e2e8f0);
   --feed-text: var(--ui-text, #0f172a);
   --feed-text-muted: var(--ui-text-muted, #64748b);
   --feed-text-toned: var(--ui-text-toned, #475569);
-  --feed-primary: var(--ui-color-primary-500, oklch(62.3% 0.214 259.5));
-  --feed-primary-text: var(--ui-color-primary-600, oklch(54.6% 0.214 259.5));
-  --feed-primary-bg: var(--ui-color-primary-50, oklch(97% 0.03 259.5));
+  --feed-primary: var(--ui-color-primary-500, oklch(62.3% 0.214 259.5deg));
+  --feed-primary-text: var(--ui-color-primary-600, oklch(54.6% 0.214 259.5deg));
+  --feed-primary-bg: var(--ui-color-primary-50, oklch(97% 0.03 259.5deg));
   --feed-radius: var(--ui-radius, 0.375rem);
   --feed-font: var(--font-sans, ui-sans-serif, system-ui, -apple-system, sans-serif);
 }
@@ -35,9 +35,9 @@
     --feed-text: var(--ui-text, #f8fafc);
     --feed-text-muted: var(--ui-text-muted, #94a3b8);
     --feed-text-toned: var(--ui-text-toned, #cbd5e1);
-    --feed-primary: var(--ui-color-primary-400, oklch(71% 0.18 259.5));
-    --feed-primary-text: var(--ui-color-primary-400, oklch(71% 0.18 259.5));
-    --feed-primary-bg: var(--ui-color-primary-950, oklch(22% 0.06 259.5));
+    --feed-primary: var(--ui-color-primary-400, oklch(71% 0.18 259.5deg));
+    --feed-primary-text: var(--ui-color-primary-400, oklch(71% 0.18 259.5deg));
+    --feed-primary-bg: var(--ui-color-primary-950, oklch(22% 0.06 259.5deg));
   }
 }
 
@@ -160,7 +160,7 @@ a:hover {
   border-radius: var(--feed-radius);
   background-color: var(--feed-primary);
   padding: 0.5rem 1.125rem;
-  color: #ffffff;
+  color: #fff;
   font-weight: 600;
   font-size: 0.875rem;
   line-height: 1;
@@ -169,7 +169,7 @@ a:hover {
 
 .feed-subscribe:hover {
   opacity: 0.85;
-  color: #ffffff;
+  color: #fff;
   text-decoration: none;
 }
 

package/layers/feeds/server/utils/content-adapter.test.ts

@@ -1,6 +1,7 @@
-import { describe, expect, it, beforeEach, vi } from 'vitest'
-
 import type { H3Event } from 'h3'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { getContentFeedItems } from './content-adapter'
 
 const queryCollectionMock = vi.hoisted(() => vi.fn())
 
@@ -8,8 +9,6 @@ vi.mock('@nuxt/content/nitro', () => ({
   queryCollection: queryCollectionMock,
 }))
 
-import { getContentFeedItems } from './content-adapter'
-
 describe('getContentFeedItems', () => {
   beforeEach(() => {
     queryCollectionMock.mockReset()

package/layers/feeds/server/utils/content-adapter.ts

@@ -1,8 +1,8 @@
 import { queryCollection } from '@nuxt/content/nitro'
 import type { H3Event } from 'h3'
 
-import type { FeedItem } from './types'
 import { resolveFeedAuthor, resolveFeedDate } from './feed-author'
+import type { FeedItem } from './types'
 
 type FeedSourceAuthor = {
   name?: string | undefined

package/layers/feeds/server/utils/feed-author.test.ts

@@ -25,9 +25,9 @@ describe('resolveFeedAuthor', () => {
   })
 
   it('ignores an authors array entry with an empty name and falls through', () => {
-    expect(
-      resolveFeedAuthor({ authors: [{ name: '' }], author: 'Kieran Mansfield' })
-    ).toBe('Kieran Mansfield')
+    expect(resolveFeedAuthor({ authors: [{ name: '' }], author: 'Kieran Mansfield' })).toBe(
+      'Kieran Mansfield'
+    )
   })
 
   it('ignores an empty string author and falls through to object author', () => {

package/layers/feeds/server/utils/feed-config.test.ts

@@ -51,7 +51,11 @@ describe('resolveFeedCollection', () => {
 
 describe('createFeedConfig', () => {
   it('uses "My Site" as the title fallback with no collection label', () => {
-    const config = createFeedConfig({ site: {}, siteUrl: 'https://example.com', collection: undefined })
+    const config = createFeedConfig({
+      site: {},
+      siteUrl: 'https://example.com',
+      collection: undefined,
+    })
     expect(config.title).toBe('My Site')
   })
 
@@ -65,7 +69,11 @@ describe('createFeedConfig', () => {
   })
 
   it('defaults description to an empty string', () => {
-    const config = createFeedConfig({ site: {}, siteUrl: 'https://example.com', collection: undefined })
+    const config = createFeedConfig({
+      site: {},
+      siteUrl: 'https://example.com',
+      collection: undefined,
+    })
     expect(config.description).toBe('')
   })
 
@@ -80,7 +88,9 @@ describe('createFeedConfig', () => {
 
   it('builds an author object when the site has a named author', () => {
     const config = createFeedConfig({
-      site: { author: { name: 'Kieran Mansfield', email: 'hi@example.com', link: 'https://example.com' } },
+      site: {
+        author: { name: 'Kieran Mansfield', email: 'hi@example.com', link: 'https://example.com' },
+      },
       siteUrl: 'https://example.com',
       collection: undefined,
     })
@@ -92,7 +102,11 @@ describe('createFeedConfig', () => {
   })
 
   it('omits author when the site author has no name', () => {
-    const config = createFeedConfig({ site: {}, siteUrl: 'https://example.com', collection: undefined })
+    const config = createFeedConfig({
+      site: {},
+      siteUrl: 'https://example.com',
+      collection: undefined,
+    })
     expect(config.author).toBeUndefined()
   })
 
@@ -115,7 +129,11 @@ describe('createFeedConfig', () => {
   })
 
   it('defaults favicon to /favicon.ico', () => {
-    const config = createFeedConfig({ site: {}, siteUrl: 'https://example.com', collection: undefined })
+    const config = createFeedConfig({
+      site: {},
+      siteUrl: 'https://example.com',
+      collection: undefined,
+    })
     expect(config.favicon).toBe('/favicon.ico')
   })
 
@@ -138,7 +156,11 @@ describe('createFeedConfig', () => {
   })
 
   it('omits copyright when there is no explicit copyright and no author name', () => {
-    const config = createFeedConfig({ site: {}, siteUrl: 'https://example.com', collection: undefined })
+    const config = createFeedConfig({
+      site: {},
+      siteUrl: 'https://example.com',
+      collection: undefined,
+    })
     expect(config.copyright).toBeUndefined()
   })
 })

package/layers/feeds/server/utils/feed-config.ts

@@ -54,10 +54,7 @@ export function resolveFeedSiteConfig(appConfig: AppFeedConfig, requestUrl: URL)
   }
 }
 
-export function resolveFeedCollection(
-  feedConfig: FeedLayerConfig,
-  collection?: string
-) {
+export function resolveFeedCollection(feedConfig: FeedLayerConfig, collection?: string) {
   return collection ?? feedConfig?.defaultCollection ?? 'blog'
 }
 

package/layers/feeds/server/utils/feed-service.ts

@@ -1,12 +1,12 @@
 import type { H3Event } from 'h3'
 
-import type { FeedConfig, FeedItem } from './types'
 import {
   createFeedConfig,
   resolveFeedCollection,
   resolveFeedLimit,
   resolveFeedSiteConfig,
 } from './feed-config'
+import type { FeedConfig, FeedItem } from './types'
 
 export async function buildFeed(
   event: H3Event,

package/layers/feeds/server/utils/formats/rss.ts

@@ -1,12 +1,12 @@
 import { Feed } from 'feed'
 
-import type { FeedConfig, FeedItem } from '../types'
 import {
   applyFeedStylesheet,
   resolveFeedAuthorPayload,
   resolveFeedItemId,
   resolveFeedItemLink,
 } from '../feed-xml'
+import type { FeedConfig, FeedItem } from '../types'
 
 export function toRSS(items: FeedItem[], config: FeedConfig): string {
   const author = resolveFeedAuthorPayload(config.author)

package/layers/feeds/server/utils/formats.test.ts

@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest'
 
-import type { FeedConfig, FeedItem } from './types'
 import { toAtom } from './formats/atom'
 import { toJSONFeed } from './formats/json'
 import { toRSS } from './formats/rss'
+import type { FeedConfig, FeedItem } from './types'
 
 const config: FeedConfig = {
   title: 'Nuxt Layers Feed',

package/layers/forms/app/utils/fieldProps.ts

@@ -1,5 +1,4 @@
-import type { FieldConfig } from '../types/fields'
-import type { FieldSize } from '../types/fields'
+import type { FieldConfig, FieldSize } from '../types/fields'
 
 export function buildFormFieldProps(args: {
   name: string

package/layers/forms/server/api/contact.post.ts

@@ -23,7 +23,10 @@ function checkRateLimit(ip: string): boolean {
 export default defineEventHandler(async (event) => {
   const ip = getRequestIP(event, { xForwardedFor: true }) ?? 'unknown'
   if (!checkRateLimit(ip)) {
-    throw createError({ statusCode: 429, statusMessage: 'Too many requests. Please try again later.' })
+    throw createError({
+      statusCode: 429,
+      statusMessage: 'Too many requests. Please try again later.',
+    })
   }
 
   const body = await readBody(event)

package/layers/layout/app/assets/css/layout/grids.css

@@ -82,7 +82,7 @@
     min-width: 0;
     max-width: 100%;
     overflow-wrap: break-word;
-    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
 
   /* On mobile, allow sections to grow beyond 12 rows if needed */
@@ -102,52 +102,62 @@
 /* Line height utilities */
 .leading-rhythm-4 {
   --rhythm: 0.25rem;
+
   line-height: calc(var(--rhythm) * 4); /* 1rem */
 }
 
 .leading-rhythm-5 {
   --rhythm: 0.25rem;
+
   line-height: calc(var(--rhythm) * 5); /* 1.25rem */
 }
 
 .leading-rhythm-6 {
   --rhythm: 0.25rem;
+
   line-height: calc(var(--rhythm) * 6); /* 1.5rem */
 }
 
 .leading-rhythm-7 {
   --rhythm: 0.25rem;
+
   line-height: calc(var(--rhythm) * 7); /* 1.75rem */
 }
 
 .leading-rhythm-8 {
   --rhythm: 0.25rem;
+
   line-height: calc(var(--rhythm) * 8); /* 2rem */
 }
 
 /* Vertical spacing utilities */
 .space-rhythm-1 {
   --rhythm: 0.25rem;
+
   margin-block: var(--rhythm); /* 0.25rem */
 }
 
 .space-rhythm-2 {
   --rhythm: 0.25rem;
+
   margin-block: calc(var(--rhythm) * 2); /* 0.5rem */
 }
 
 .space-rhythm-4 {
   --rhythm: 0.25rem;
+
   margin-block: calc(var(--rhythm) * 4); /* 1rem */
 }
 
 .space-rhythm-6 {
   --rhythm: 0.25rem;
+
   margin-block: calc(var(--rhythm) * 6); /* 1.5rem */
 }
 
 .space-rhythm-8 {
   --rhythm: 0.25rem;
+
   margin-block: calc(var(--rhythm) * 8); /* 2rem */
 }
 
@@ -165,8 +175,7 @@
   & > h4,
   & > h5,
   & > h6 {
-    margin-block-start: calc(var(--rhythm) * 8); /* 2rem before headings */
-    margin-block-end: calc(var(--rhythm) * 4); /* 1rem after headings */
+    margin-block: calc(var(--rhythm) * 8) calc(var(--rhythm) * 4); /* 2rem before, 1rem after headings */
     line-height: calc(var(--rhythm) * 8);
   }
 

package/layers/layout/app/assets/css/layout/modes/fluid.css

@@ -21,6 +21,7 @@
  */
 .fluid-grid {
   --fluid-col-min: 16rem;
+
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--fluid-col-min), 1fr));
   gap: var(--grid-gap, clamp(0.75rem, 1.5vw, 1.5rem));
@@ -34,6 +35,7 @@
  */
 .fluid-grid-2 {
   --fluid-col-min: 14rem;
+
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--fluid-col-min), 1fr));
   gap: var(--grid-gap, clamp(0.75rem, 1.5vw, 1.5rem));
@@ -45,6 +47,7 @@
 
 .fluid-grid-3 {
   --fluid-col-min: 14rem;
+
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--fluid-col-min), 1fr));
   gap: var(--grid-gap, clamp(0.75rem, 1.5vw, 1.5rem));
@@ -56,6 +59,7 @@
 
 .fluid-grid-4 {
   --fluid-col-min: 12rem;
+
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--fluid-col-min), 1fr));
   gap: var(--grid-gap, clamp(0.75rem, 1.5vw, 1.5rem));
@@ -73,6 +77,7 @@
  */
 .layout-container-content {
   box-sizing: border-box;
+  container-type: inline-size;
   margin-inline: auto;
   width: 100%;
   max-width: 65ch;
@@ -80,6 +85,7 @@
 
 .layout-container-wide {
   box-sizing: border-box;
+  container-type: inline-size;
   margin-inline: auto;
   width: 100%;
   max-width: 90rem;
@@ -87,13 +93,16 @@
 
 .layout-container-fluid {
   box-sizing: border-box;
+  container-type: inline-size;
   width: 100%;
   max-width: 100%;
 }
 
 .layout-container-full {
   box-sizing: border-box;
+  container-type: inline-size;
   margin-inline: calc(var(--grid-padding, clamp(1rem, 2.5vw, 2rem)) * -1);
+
   /* Escape parent padding to reach the viewport edge */
   width: 100vw;
   max-width: 100vw;

package/layers/layout/app/components/Layout/Section/Sidebar.vue

@@ -5,7 +5,7 @@
    * Two-column layout where the sidebar takes a clamped width and main content
    * fills the rest. Uses `minmax(min, max) 1fr` (or reversed for right sidebar).
    *
-   * @prop {string} sidebarMin - Minimum sidebar width (default: '150px')
+   * @prop {string} sidebarMin - Minimum sidebar width (default: '9.375rem')
    * @prop {string} sidebarMax - Maximum sidebar width (default: '25%')
    * @prop {boolean} reverse - Put sidebar on the right (default: false)
    * @prop {boolean} fullHeight - Force 100svh on the section (default: false)
@@ -28,7 +28,7 @@
   }
 
   const {
-    sidebarMin = '150px',
+    sidebarMin = '9.375rem',
     sidebarMax = '25%',
     reverse = false,
     fullHeight = false,
@@ -57,14 +57,21 @@
 <style scoped>
   .sidebar-inner {
     display: grid;
-    grid-template-columns: minmax(var(--sidebar-min, 150px), var(--sidebar-max, 25%)) 1fr;
+    grid-template-columns: minmax(var(--sidebar-min, 9.375rem), var(--sidebar-max, 25%)) 1fr;
     gap: var(--grid-gap, clamp(0.75rem, 1.5vw, 1.5rem));
+    container-type: inline-size;
     width: 100%;
     height: 100%;
+
+    /* Collapse to a single column when the container itself is too narrow
+       for the sidebar split, regardless of viewport size. */
+    @container (width < 30rem) {
+      grid-template-columns: 1fr;
+    }
   }
 
   .sidebar-inner.sidebar-reverse {
-    grid-template-columns: 1fr minmax(var(--sidebar-min, 150px), var(--sidebar-max, 25%));
+    grid-template-columns: 1fr minmax(var(--sidebar-min, 9.375rem), var(--sidebar-max, 25%));
   }
 
   .sidebar-inner.sidebar-reverse .sidebar-aside {

package/layers/layout/app/utils/gridPlacementStyle.test.ts

@@ -92,9 +92,7 @@ describe('resolveBleedStyles', () => {
   })
 
   it('handles "left" bleed direction with a numeric colSpan', () => {
-    expect(
-      resolveBleedStyles({ bleed: 'left', colSpan: 4, rowStart: 2, rowSpan: 1 })
-    ).toEqual({
+    expect(resolveBleedStyles({ bleed: 'left', colSpan: 4, rowStart: 2, rowSpan: 1 })).toEqual({
       gridColumn: '1 / span 4',
       marginInlineStart: 'calc(-1 * var(--grid-padding))',
       gridRow: '2 / span 1',
@@ -102,9 +100,7 @@ describe('resolveBleedStyles', () => {
   })
 
   it('handles "left" bleed direction without a numeric colSpan', () => {
-    expect(
-      resolveBleedStyles({ bleed: 'left', colSpan: 'full', rowSpan: 1 })
-    ).toEqual({
+    expect(resolveBleedStyles({ bleed: 'left', colSpan: 'full', rowSpan: 1 })).toEqual({
       gridColumn: '1 / -1',
       marginInlineStart: 'calc(-1 * var(--grid-padding))',
       gridRow: 'auto / span 1',
@@ -112,9 +108,7 @@ describe('resolveBleedStyles', () => {
   })
 
   it('handles "right" bleed direction', () => {
-    expect(
-      resolveBleedStyles({ bleed: 'right', colStart: 3, rowSpan: 2 })
-    ).toEqual({
+    expect(resolveBleedStyles({ bleed: 'right', colStart: 3, rowSpan: 2 })).toEqual({
       gridColumn: '3 / -1',
       marginInlineEnd: 'calc(-1 * var(--grid-padding))',
       gridRow: 'auto / span 2',

package/layers/layout/app/utils/gridPlacementStyle.ts

@@ -149,13 +149,16 @@ export function buildGridPlacementStyle(input: GridPlacementInput): PlacementSty
   const rowStart = resolveDefaultPlacement(input.rowStart, undefined)
   const rowSpan = resolveDefaultPlacement(input.rowSpan, 1)
 
-  Object.assign(style, resolveBleedStyles({
-    bleed: input.bleed,
-    colStart,
-    colSpan,
-    rowStart,
-    rowSpan,
-  }))
+  Object.assign(
+    style,
+    resolveBleedStyles({
+      bleed: input.bleed,
+      colStart,
+      colSpan,
+      rowStart,
+      rowSpan,
+    })
+  )
 
   if (!input.bleed) {
     if (colSpan === 'full') {

package/layers/mailer/server/utils/email.ts

@@ -1,6 +1,5 @@
-import { Resend } from 'resend'
-
 import type { ContactEmailData } from '#layers/mailer/shared/contact'
+import { Resend } from 'resend'
 
 type MailerTransport = {
   from: string
@@ -36,7 +35,9 @@ export async function sendContactEmail(data: ContactEmailData) {
   }
 
   const resend = new Resend(transport.apiKey)
-  const { data: result, error } = await resend.emails.send(buildContactEmailPayload(data, transport))
+  const { data: result, error } = await resend.emails.send(
+    buildContactEmailPayload(data, transport)
+  )
 
   if (error) return { success: false as const, error }
   return { success: true as const, messageId: result?.id ?? '' }

package/layers/mailer/server/utils/hooks.ts

@@ -1,4 +1,4 @@
-import { createHooks } from 'hookable'
 import type { MailerLayerHooks } from '#layers/mailer/shared/contact'
+import { createHooks } from 'hookable'
 
 export const mailerLayerHooks = createHooks<MailerLayerHooks>()

package/layers/metadata/app/composables/useMetadataItem.ts

@@ -1,11 +1,15 @@
 import type { MetadataProviderId, MetadataRecord } from '#layers/metadata/shared/types'
 
-export function useMetadataItem(provider: MetadataProviderId, providerId: string, resourceType?: string) {
+export function useMetadataItem(
+  provider: MetadataProviderId,
+  providerId: string,
+  resourceType?: string
+) {
   return useAsyncData(
     `metadata-item:${provider}:${providerId}`,
     () =>
       $fetch('/api/metadata/lookup', {
         query: { provider, providerId, resourceType },
-      }) as Promise<MetadataRecord>,
+      }) as Promise<MetadataRecord>
   )
 }

package/layers/metadata/app/composables/useMetadataSearch.ts

@@ -1,4 +1,8 @@
-import type { MetadataMediaType, MetadataProviderId, MetadataSearchResult } from '#layers/metadata/shared/types'
+import type {
+  MetadataMediaType,
+  MetadataProviderId,
+  MetadataSearchResult,
+} from '#layers/metadata/shared/types'
 
 type UseMetadataSearchOptions = {
   mediaType?: MetadataMediaType
@@ -20,6 +24,6 @@ export function useMetadataSearch(query: MaybeRef<string>, options: UseMetadataS
           limit: options.limit,
         },
       }) as Promise<MetadataSearchResult[]>,
-    { watch: [q], immediate: false },
+    { watch: [q], immediate: false }
   )
 }

package/layers/metadata/providers/comicvine/server/utils/metadata-comicvine/client.ts

@@ -1,4 +1,4 @@
-import type { ComicVineApiResponse } from './types'
+import type { ComicVineApiResponse, ComicVineIssue, ComicVineVolume } from './types'
 
 const FIELD_LIST_ISSUE =
   'id,name,issue_number,description,deck,cover_date,store_date,site_detail_url,image,volume,person_credits,publisher'
@@ -29,7 +29,7 @@ async function comicVineFetch<T>(
 }
 
 export async function searchComicVineIssues(query: string, limit = 10) {
-  return comicVineFetch<Array<import('./types').ComicVineIssue>>('/search/', {
+  return comicVineFetch<ComicVineIssue[]>('/search/', {
     query,
     resources: 'issue',
     limit: String(limit),
@@ -38,7 +38,7 @@ export async function searchComicVineIssues(query: string, limit = 10) {
 }
 
 export async function searchComicVineVolumes(query: string, limit = 10) {
-  return comicVineFetch<Array<import('./types').ComicVineVolume>>('/search/', {
+  return comicVineFetch<ComicVineVolume[]>('/search/', {
     query,
     resources: 'volume',
     limit: String(limit),
@@ -47,13 +47,13 @@ export async function searchComicVineVolumes(query: string, limit = 10) {
 }
 
 export async function fetchComicVineIssue(id: string) {
-  return comicVineFetch<import('./types').ComicVineIssue>(`/issue/4000-${id}/`, {
+  return comicVineFetch<ComicVineIssue>(`/issue/4000-${id}/`, {
     field_list: FIELD_LIST_ISSUE,
   })
 }
 
 export async function fetchComicVineVolume(id: string) {
-  return comicVineFetch<import('./types').ComicVineVolume>(`/volume/4050-${id}/`, {
+  return comicVineFetch<ComicVineVolume>(`/volume/4050-${id}/`, {
     field_list: FIELD_LIST_VOLUME,
   })
 }

package/layers/metadata/providers/comicvine/server/utils/metadata-comicvine/provider.ts

@@ -1,5 +1,7 @@
 import type { MetadataProvider } from '#layers/metadata/shared/types'
 
+import type { ComicVineIssue, ComicVineVolume } from './types'
+
 // Matches CJK, Hangul, Arabic, Hebrew, Thai, Devanagari, Cyrillic, etc.
 const NON_LATIN_RE = /[Ͱ-ϿЀ-ӿ؀-ۿऀ-ॿ　-鿿가-힯豈-﫿]/
 
@@ -44,13 +46,19 @@ export const comicVineProvider: MetadataProvider = {
   async lookup({ providerId, resourceType = 'issue' }) {
     if (resourceType === 'volume') {
       const res = await fetchComicVineVolume(providerId)
-      return normaliseComicVineVolume(res.results as import('./types').ComicVineVolume)
+      return normaliseComicVineVolume(res.results as ComicVineVolume)
     }
     const res = await fetchComicVineIssue(providerId)
-    return normaliseComicVineIssue(res.results as import('./types').ComicVineIssue)
+    return normaliseComicVineIssue(res.results as ComicVineIssue)
   },
 
   async sync({ providerId, resourceType = 'issue' }) {
-    return (await comicVineProvider.lookup!({ provider: 'comicvine', providerId, resourceType }))!
+    const record = await comicVineProvider.lookup({
+      provider: 'comicvine',
+      providerId,
+      resourceType,
+    })
+    if (!record) throw new MetadataProviderError('comicvine', `No record found for ${providerId}`)
+    return record
   },
 }

package/layers/metadata/providers/google-books/server/utils/metadata-google-books/client.ts

@@ -1,8 +1,10 @@
+import type { MetadataMediaType } from '#layers/metadata/shared/types'
+
 import type { GoogleBooksSearchResponse, GoogleBooksVolume } from './types'
 
 const BASE = 'https://www.googleapis.com/books/v1'
 
-export function googleBooksMediaType(categories?: string[]): import('#layers/metadata/shared/types').MetadataMediaType {
+export function googleBooksMediaType(categories?: string[]): MetadataMediaType {
   const joined = (categories ?? []).join(' ').toLowerCase()
   if (joined.includes('manga')) return 'manga'
   if (joined.includes('comic') || joined.includes('graphic novel')) return 'graphic-novel'
@@ -10,11 +12,12 @@ export function googleBooksMediaType(categories?: string[]): import('#layers/met
 }
 
 export function googleBooksCoverUrl(url: string, width = 800): string {
-  return url
-    .replace('http://', 'https://')
-    .replace(/&zoom=\d+/, '&zoom=3')
-    .replace('&edge=curl', '')
-    + `&fife=w${width}`
+  return (
+    url
+      .replace('http://', 'https://')
+      .replace(/&zoom=\d+/, '&zoom=3')
+      .replace('&edge=curl', '') + `&fife=w${width}`
+  )
 }
 
 function getApiKey(): string | undefined {