kmcom-nuxt-layers 2.7.3 → 2.7.5

package/layers/core/app/assets/css/core.css

@@ -16,3 +16,10 @@
 
 @import '#layers/core/app/assets/css/layout.css';
 @import '#layers/core/app/assets/css/base.css';
+
+/* Relative path, not the '#layers/typography' alias — that alias only exists
+   when the typography layer is in a consumer's `extends`. This file is a CSS
+   import (needed so Tailwind treats it as part of this one build root, see
+   typography.css's header comment), and must resolve even for consumers that
+   only extend core, since it lives in the same single published package. */
+@import '../../../../typography/app/assets/css/typography.css';

package/layers/core/app/plugins/icon-fetch-fix.ts

@@ -0,0 +1,12 @@
+import { _api } from '@iconify/vue'
+
+// @nuxt/icon@2.5.0 wires `_api.setFetch(useRequestFetch().native)`, but this
+// Nuxt/ofetch version doesn't expose `.native` on the request-scoped fetch,
+// so every icon lookup gets `undefined` as its fetch fn and fails instantly.
+// Re-point it at the global fetch after @nuxt/icon's own plugin has run.
+export default defineNuxtPlugin({
+  name: 'icon-fetch-fix',
+  setup() {
+    _api.setFetch(fetch)
+  },
+})

package/layers/core/package.json

@@ -19,6 +19,9 @@
     "nuxtupdate": "npx nuxi@latest upgrade --dedupe --force",
     "nuxiupgrade": "npx nuxi upgrade"
   },
+  "dependencies": {
+    "@iconify/vue": "catalog:"
+  },
   "devDependencies": {
     "@vite-pwa/nuxt": "catalog:"
   }

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

@@ -2,13 +2,23 @@ import type { MetadataCreator, MetadataRecord } from '#layers/metadata/shared/ty
 
 import type { ComicVineIssue, ComicVineVolume } from './types'
 
-// fallow-ignore-next-line complexity
-export function normaliseComicVineIssue(issue: ComicVineIssue): MetadataRecord {
-  const creators: MetadataCreator[] = (issue.person_credits ?? []).map((p) => ({
+function mapComicVineCreators(
+  people: Array<{ id: number; name: string; role: string }> | null
+): MetadataCreator[] {
+  return (people ?? []).map((p) => ({
     name: p.name,
     role: p.role,
     providerId: String(p.id),
   }))
+}
+
+function buildComicVineIssueTitle(issue: ComicVineIssue): string {
+  if (issue.volume?.name) return `${issue.volume.name} #${issue.issue_number}`
+  return issue.name ?? `Issue #${issue.issue_number}`
+}
+
+export function normaliseComicVineIssue(issue: ComicVineIssue): MetadataRecord {
+  const creators = mapComicVineCreators(issue.person_credits)
 
   const description = issue.deck ?? issue.description
   const publishedAt = issue.cover_date ?? issue.store_date
@@ -19,9 +29,7 @@ export function normaliseComicVineIssue(issue: ComicVineIssue): MetadataRecord {
     provider: 'comicvine',
     providerId: String(issue.id),
     mediaType: 'comic',
-    title: issue.volume?.name
-      ? `${issue.volume.name} #${issue.issue_number}`
-      : (issue.name ?? `Issue #${issue.issue_number}`),
+    title: buildComicVineIssueTitle(issue),
     ...(issue.name && { subtitle: issue.name }),
     ...(description && { description }),
     ...(creators.length && { creators }),
@@ -35,22 +43,17 @@ export function normaliseComicVineIssue(issue: ComicVineIssue): MetadataRecord {
   }
 }
 
-// fallow-ignore-next-line complexity
+function buildComicVineVolumeSubtitle(volume: ComicVineVolume): string {
+  const issueCount = volume.count_of_issues
+    ? `${volume.count_of_issues} issue${volume.count_of_issues === 1 ? '' : 's'}`
+    : null
+  return [volume.publisher?.name, issueCount].filter(Boolean).join(' · ')
+}
+
 export function normaliseComicVineVolume(volume: ComicVineVolume): MetadataRecord {
-  const creators: MetadataCreator[] = (volume.people ?? []).map((p) => ({
-    name: p.name,
-    role: p.role,
-    providerId: String(p.id),
-  }))
+  const creators = mapComicVineCreators(volume.people)
 
-  const subtitle = [
-    volume.publisher?.name,
-    volume.count_of_issues
-      ? `${volume.count_of_issues} issue${volume.count_of_issues === 1 ? '' : 's'}`
-      : null,
-  ]
-    .filter(Boolean)
-    .join(' · ')
+  const subtitle = buildComicVineVolumeSubtitle(volume)
   const description = volume.deck ?? volume.description
   const coverUrl = volume.image?.medium_url ?? volume.image?.original_url
 

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

@@ -1,27 +1,34 @@
 import type { MetadataCreator, MetadataRecord } from '#layers/metadata/shared/types'
 
-import type { GoogleBooksVolume } from './types'
-
-// fallow-ignore-next-line complexity
-export function normaliseGoogleBooksVolume(volume: GoogleBooksVolume): MetadataRecord {
-  const { volumeInfo } = volume
-
-  const creators: MetadataCreator[] = (volumeInfo.authors ?? []).map((name) => ({
-    name,
-    role: 'author',
-  }))
+import type { GoogleBooksVolume, GoogleBooksVolumeInfo } from './types'
 
+function resolveGoogleBooksIsbns(volumeInfo: GoogleBooksVolumeInfo) {
   const isbn10 = volumeInfo.industryIdentifiers?.find((i) => i.type === 'ISBN_10')?.identifier
   const isbn13 = volumeInfo.industryIdentifiers?.find((i) => i.type === 'ISBN_13')?.identifier
+  return { isbn10, isbn13 }
+}
 
-  const rawCover =
+function resolveGoogleBooksRawCover(volumeInfo: GoogleBooksVolumeInfo) {
+  return (
     volumeInfo.imageLinks?.extraLarge ??
     volumeInfo.imageLinks?.large ??
     volumeInfo.imageLinks?.medium ??
     volumeInfo.imageLinks?.small ??
     volumeInfo.imageLinks?.thumbnail ??
     volumeInfo.imageLinks?.smallThumbnail
+  )
+}
+
+export function normaliseGoogleBooksVolume(volume: GoogleBooksVolume): MetadataRecord {
+  const { volumeInfo } = volume
+
+  const creators: MetadataCreator[] = (volumeInfo.authors ?? []).map((name) => ({
+    name,
+    role: 'author',
+  }))
 
+  const { isbn10, isbn13 } = resolveGoogleBooksIsbns(volumeInfo)
+  const rawCover = resolveGoogleBooksRawCover(volumeInfo)
   const sourceUrl = volumeInfo.canonicalVolumeLink ?? volumeInfo.infoLink
 
   return {

package/layers/typography/app/assets/css/typography.css

@@ -1,16 +1,10 @@
 /*
- * Loaded as its own global stylesheet (see layers/typography/nuxt.config.ts
- * `css:` array), not @import-chained through core.css's Tailwind root — so
- * @utility below is invisible to Tailwind unless this file is its own build
- * root. theme+utilities only (no preflight) to avoid double-emitting the
- * reset core.css already provides.
+ * @import-chained through core.css's single Tailwind build root (see
+ * layers/core/app/assets/css/core.css) — must NOT open its own
+ * 'tailwindcss/theme'/'tailwindcss/utilities' root, that creates a second
+ * parallel Tailwind build and breaks content-scan coverage for @nuxt/ui
+ * utilities elsewhere in the app (see kmcom-nuxt-layers-typography-css-bug.md).
  */
-@import 'tailwindcss/theme' layer(theme);
-@import 'tailwindcss/utilities' layer(utilities);
-
-@source '../../../../*/app/**/*.{vue,ts}';
-@source '../../../../../apps/*/app/**/*.{vue,ts}';
-
 :root {
   /* Fluid type scale — rounding interval. rem, never px (see §5 a11y). */
   --fluid-step: 0.25rem;

package/layers/typography/nuxt.config.ts

@@ -8,8 +8,6 @@ export default defineNuxtConfig({
     '#layers/typography/types': `${import.meta.dirname}/app/types`,
   },
 
-  css: ['#layers/typography/app/assets/css/typography.css'],
-
   compatibilityDate: '2026-06-06',
 
   typescript: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "2.7.3",
+  "version": "2.7.5",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",