@uniweb/build 0.14.6 → 0.14.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/build",
-  "version": "0.14.6",
+  "version": "0.14.8",
   "description": "Build tooling for the Uniweb Component Web Platform",
   "type": "module",
   "exports": {
@@ -59,13 +59,13 @@
     "js-yaml": "^4.1.0",
     "sharp": "^0.33.2",
     "yaml": "^2.5.0",
-    "@uniweb/theming": "0.1.3",
-    "@uniweb/content-writer": "0.2.5"
+    "@uniweb/content-writer": "0.2.5",
+    "@uniweb/theming": "0.1.3"
   },
   "optionalDependencies": {
-    "@uniweb/runtime": "0.8.15",
+    "@uniweb/content-reader": "1.1.12",
     "@uniweb/schemas": "0.2.1",
-    "@uniweb/content-reader": "1.1.12"
+    "@uniweb/runtime": "0.8.16"
   },
   "peerDependencies": {
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",

package/src/prerender.js

@@ -25,21 +25,29 @@ import { detectCiContext } from './hosts/detect-ci-context.js'
  * 2. Project root with dist subdir (dev layout, e.g., project/effects/dist/entry.js)
  * 3. Original URL (absolute or remote — let import() handle it)
  */
-function resolveExtensionPath(url, distDir, projectRoot) {
+export function resolveExtensionPath(url, distDir, projectRoot) {
   // Only resolve URLs that look like root-relative paths
   if (url.startsWith('/')) {
     // Try dist directory first (production: files copied to site/dist/)
     const distPath = join(distDir, url)
     if (existsSync(distPath)) return distPath
 
-    // Try project root with dist subdir (dev layout: effects/dist/entry.js)
-    // "/effects/entry.js" → "effects/dist/entry.js"
+    // Workspace layouts: "/effects/entry.js" → "<pkg>/dist/entry.js", checked
+    // both at the project root and under an `extensions/` parent — the standard
+    // multi-foundation layout puts extensions in `extensions/<name>/`, so the
+    // bare-root candidate alone misses the built module and prerender can't load
+    // the extension.
     const parts = url.slice(1).split('/')
     if (parts.length >= 2) {
       const pkgName = parts[0]
       const rest = parts.slice(1).join('/')
-      const devPath = join(projectRoot, pkgName, 'dist', rest)
-      if (existsSync(devPath)) return devPath
+      const candidates = [
+        join(projectRoot, pkgName, 'dist', rest),
+        join(projectRoot, 'extensions', pkgName, 'dist', rest),
+      ]
+      for (const devPath of candidates) {
+        if (existsSync(devPath)) return devPath
+      }
     }
   }
 

package/src/runtime-schema.js

@@ -355,7 +355,8 @@ export function extractAllRuntimeSchemas(componentsMeta, dataSchemaMap = {}) {
  *
  * Layout runtime metadata:
  * - areas: Array of area names this layout supports
- * - transitions: View transition name mapping (stored but not acted on yet)
+ * - transitions: View transition name overrides (the runtime auto-names areas;
+ *   this overrides per region, or `false` opts the layout out)
  * - defaults: Param default values
  * - scroll: Scroll management mode ('self' or CSS selector)
  *

package/src/site/assets.js

@@ -71,6 +71,36 @@ export function isLocalAssetPath(value) {
   return isImagePath(value) || isVideoPath(value) || isPdfPath(value)
 }
 
+/**
+ * Check whether a frontmatter media-field value (`background`, `image`,
+ * `poster`, …) is an asset *reference* rather than a CSS value.
+ *
+ * `background` is dual-use: it can be an image/video path OR a CSS color
+ * (`gray`, `#fff`, `oklch(…)`), a gradient (`linear-gradient(…)`), or a palette
+ * token (`primary-900`). The runtime's `Block.normalizeBackground` already
+ * classifies these — a string is image/video only when it's path-like or
+ * carries a media extension; everything else is a color/gradient. The build
+ * must apply the SAME rule, otherwise a bare color like `gray` gets resolved as
+ * a relative path (`<page-dir>/gray`) and the asset-processor logs a spurious
+ * "Source not found" for a file that was never meant to exist.
+ *
+ * Looser than `isLocalAssetPath` (which requires BOTH a `./`/`../`/`/` prefix
+ * AND an extension): a bare relative `hero.jpg` is a valid asset reference, so a
+ * media extension alone qualifies.
+ *
+ * @param {*} value - Frontmatter field value
+ * @returns {boolean} True if it should be resolved as a local asset
+ */
+export function isMediaFieldReference(value) {
+  if (typeof value !== 'string' || !value) return false
+  // External media is loaded at runtime from its URL, not processed here.
+  if (isExternalUrl(value)) return false
+  // Path-like values are asset references (even without an extension).
+  if (value.startsWith('./') || value.startsWith('../') || value.startsWith('/')) return true
+  // Otherwise only a media extension makes it an asset (vs. a color/token).
+  return isImagePath(value) || isVideoPath(value) || isPdfPath(value)
+}
+
 /**
  * Recursively walk a parsed data object and collect asset paths
  *
@@ -268,7 +298,9 @@ export function collectSectionAssets(section, markdownPath, siteRoot) {
 
   for (const field of mediaFields) {
     const value = section.params?.[field]
-    if (typeof value === 'string' && value) {
+    // Only resolve values that are actually asset references. A dual-use field
+    // like `background: gray` (a CSS color) must not be treated as a file path.
+    if (isMediaFieldReference(value)) {
       const result = resolveAssetPath(value, markdownPath, siteRoot)
       if (!result.external && result.resolved) {
         assets[value] = {