astro-lqip 1.7.0 → 1.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-lqip",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "Native extended Astro components for generating low quality image placeholders (LQIP).",
   "keywords": [
     "astro",
@@ -38,18 +38,18 @@
   },
   "devDependencies": {
     "@eslint/js": "9.39.1",
-    "@typescript-eslint/parser": "8.46.4",
-    "astro": "5.15.5",
-    "bumpp": "10.3.1",
+    "@typescript-eslint/parser": "8.48.0",
+    "astro": "5.16.1",
+    "bumpp": "10.3.2",
     "eslint": "9.39.1",
     "eslint-plugin-astro": "1.5.0",
     "eslint-plugin-jsonc": "2.21.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-package-json": "0.71.0",
+    "eslint-plugin-package-json": "0.85.0",
     "eslint-plugin-yml": "1.19.0",
     "globals": "16.5.0",
     "jiti": "2.6.1",
-    "nano-staged": "0.8.0",
+    "nano-staged": "0.9.0",
     "neostandard": "0.12.2",
     "simple-git-hooks": "2.13.1"
   },
@@ -57,11 +57,14 @@
     "astro": ">=3.3.0"
   },
   "scripts": {
-    "build": "pnpm -r build",
-    "dev": "pnpm -r dev",
+    "build:docs": "pnpm --filter ./docs -r build",
+    "dev": "pnpm --filter=!./docs -r dev",
+    "dev:docs": "pnpm --filter ./docs -r dev",
     "lint": "eslint --cache .",
     "lint:fix": "eslint --cache --fix .",
     "preview": "pnpm -r preview",
-    "release": "bumpp -r"
+    "release": "bumpp",
+    "test:fixtures": "pnpm --filter \"./tests/fixtures/**\" -r build",
+    "test:fixtures:preview": "pnpm --filter \"./tests/fixtures/**\" -r preview"
   }
 }

package/src/utils/generateLqip.ts

@@ -13,6 +13,19 @@ function normalizeFsPath(path: string) {
   return path
 }
 
+function isNode() {
+  return typeof process !== 'undefined' && !!process.versions?.node
+}
+
+async function readIfExists(path: string): Promise<Buffer | undefined> {
+  if (!isNode()) return undefined
+  try {
+    return await readFile(path)
+  } catch {
+    return undefined
+  }
+}
+
 export async function generateLqip(
   imagePath: string,
   lqipType: LqipType,
@@ -22,7 +35,7 @@ export async function generateLqip(
   try {
     const normalizedPath = normalizeFsPath(imagePath)
 
-    const buffer = await readFile(normalizedPath)
+    const buffer = await readIfExists(normalizedPath)
 
     if (!buffer) {
       console.warn(`${PREFIX} image not found for:`, imagePath)

package/src/utils/getLqip.ts

@@ -15,9 +15,38 @@ function isRemoteUrl(url: string) {
 const CACHE_DIR = join(process.cwd(), 'node_modules', '.cache', 'astro-lqip')
 const EXTENSIONS = ['jpg', 'jpeg', 'png', 'webp', 'avif']
 const SEARCH_ROOT = ['src']
+const HASHED_FILENAME_REGEX = /\.[A-Za-z0-9_-]{5,}\.[A-Za-z0-9]+$/
+const HASHED_FILENAME_CAPTURE_REGEX = /^(.+?)\.[A-Za-z0-9_-]{5,}\.[A-Za-z0-9]+$/
+
+const BASE_URL = (() => {
+  try {
+    const base = (import.meta.env?.BASE_URL ?? '/') as string
+    if (!base || base === '/') return '/'
+    return base.endsWith('/') ? base.slice(0, -1) : base
+  } catch {
+    return '/'
+  }
+})()
 
 const searchCache = new Map<string, string | null>()
 
+function stripBasePath(src: string) {
+  if (typeof src !== 'string') return src
+
+  const queryIndex = src.indexOf('?')
+  let pathOnly = queryIndex >= 0 ? src.slice(0, queryIndex) : src
+
+  if (BASE_URL !== '/' && pathOnly.startsWith(BASE_URL)) {
+    pathOnly = pathOnly.slice(BASE_URL.length) || '/'
+  }
+
+  if (!pathOnly.startsWith('/')) {
+    pathOnly = `/${pathOnly}`
+  }
+
+  return pathOnly
+}
+
 async function ensureCacheDir() {
   if (!existsSync(CACHE_DIR)) {
     await mkdir(CACHE_DIR, { recursive: true })
@@ -27,7 +56,7 @@ async function ensureCacheDir() {
 function extractOriginalFileName(filename: string) {
   const file = filename.split('/').pop() || ''
 
-  const match = file.match(/^(.+?)\.[A-Za-z0-9_-]{5,}\.[A-Za-z0-9]+$/)
+  const match = file.match(HASHED_FILENAME_CAPTURE_REGEX)
   if (match) return match[1]
 
   const parts = file.split('.')
@@ -126,24 +155,25 @@ export async function getLqip(
 
   if (!isDevelopment) {
     const src = imagePath.src
-
-    const clean = src.replace(/^\//, '')
-
-    const candidatePaths = [
-      join(process.cwd(), 'dist', 'client', clean),
-      join(process.cwd(), 'dist', clean),
-      join(process.cwd(), 'dist', '_astro', clean.replace(/^_astro\//, ''))
-    ]
-
-    for (const path of candidatePaths) {
-      if (existsSync(path)) {
-        return await generateLqip(path, lqipType, lqipSize, isDevelopment)
+    const normalizedSrc = stripBasePath(src)
+    const clean = normalizedSrc.replace(/^\//, '')
+
+    if (clean) {
+      const candidatePaths = [
+        join(process.cwd(), 'dist', 'client', clean),
+        join(process.cwd(), 'dist', clean)
+      ]
+
+      for (const path of candidatePaths) {
+        if (existsSync(path)) {
+          return await generateLqip(path, lqipType, lqipSize, isDevelopment)
+        }
       }
     }
 
-    // if not found, try to recursively find the original source
-    if (src.startsWith('/_astro/')) {
-      const originalBase = extractOriginalFileName(src)
+    const fileName = normalizedSrc.split('/').pop() ?? ''
+    if (HASHED_FILENAME_REGEX.test(fileName)) {
+      const originalBase = extractOriginalFileName(normalizedSrc)
       const originalSource = await recursiveFind(originalBase)
 
       if (originalSource) {