Removes fileURLToPath dependency from @astrojs/image SSR producti…

…on endpoint (#4048)

* removing fileURLToPath dependency from SSR production endpoint

* chore: add changeset

.changeset/khaki-tables-design.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/image': patch
+---
+
+Removes Node's `fileURLToPath` dependency in the production SSR endpoint

packages/integrations/image/package.json

@@ -48,13 +48,13 @@
     "image-type": "^4.1.0",
     "mrmime": "^1.0.0",
     "sharp": "^0.30.6",
-    "slash": "^4.0.0"
+    "slash": "^4.0.0",
+    "tiny-glob": "^0.2.9"
   },
   "devDependencies": {
     "@types/etag": "^1.8.1",
     "@types/sharp": "^0.30.4",
     "astro": "workspace:*",
-    "astro-scripts": "workspace:*",
-    "tiny-glob": "^0.2.9"
+    "astro-scripts": "workspace:*"
   }
 }

packages/integrations/image/src/build/ssg.ts

@@ -1,6 +1,6 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { OUTPUT_DIR } from '../constants.js';
 import type { SSRImageService, TransformOptions } from '../types.js';
 import { isRemoteImage, loadLocalImage, loadRemoteImage } from '../utils/images.js';

packages/integrations/image/src/build/ssr.ts

@@ -1,7 +1,7 @@
-import fs from 'fs/promises';
-import path from 'path';
+import fs from 'node:fs/promises';
+import path from 'node:path';
 import glob from 'tiny-glob';
-import { fileURLToPath } from 'url';
+import { fileURLToPath } from 'node:url';
 import { ensureDir } from '../utils/paths.js';
 
 async function globImages(dir: URL) {

packages/integrations/image/src/endpoints/prod.ts

@@ -1,7 +1,6 @@
 import type { APIRoute } from 'astro';
 import etag from 'etag';
 import { lookup } from 'mrmime';
-import { fileURLToPath } from 'url';
 // @ts-ignore
 import loader from 'virtual:image-loader';
 import { isRemoteImage, loadLocalImage, loadRemoteImage } from '../utils/images.js';
@@ -20,8 +19,9 @@ export const get: APIRoute = async ({ request }) => {
 		if (isRemoteImage(transform.src)) {
 			inputBuffer = await loadRemoteImage(transform.src);
 		} else {
-			const pathname = fileURLToPath(new URL(`../client${transform.src}`, import.meta.url));
-			inputBuffer = await loadLocalImage(pathname);
+			const clientRoot = new URL('../client/', import.meta.url);
+			const localPath = new URL('.' + transform.src, clientRoot);
+			inputBuffer = await loadLocalImage(localPath.pathname);
 		}
 
 		if (!inputBuffer) {

packages/integrations/image/src/lib/get-picture.ts

@@ -1,5 +1,5 @@
 import { lookup } from 'mrmime';
-import { extname } from 'path';
+import { extname } from 'node:path';
 import { ImageAttributes, ImageMetadata, OutputFormat, TransformOptions } from '../types.js';
 import { parseAspectRatio } from '../utils/images.js';
 import { getImage } from './get-image.js';

packages/integrations/image/src/utils/images.ts

@@ -1,4 +1,4 @@
-import fs from 'fs/promises';
+import fs from 'node:fs/promises';
 import type { OutputFormat, TransformOptions } from '../types.js';
 
 export function isOutputFormat(value: string): value is OutputFormat {

packages/integrations/image/src/utils/metadata.ts

@@ -1,4 +1,4 @@
-import fs from 'fs/promises';
+import fs from 'node:fs/promises';
 import sizeOf from 'image-size';
 import { ImageMetadata, InputFormat } from '../types.js';
 

packages/integrations/image/src/utils/paths.ts

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 import { OUTPUT_DIR } from '../constants.js';
 import type { TransformOptions } from '../types.js';
 import { isRemoteImage } from './images.js';

packages/integrations/image/src/vite-plugin-astro-image.ts

@@ -1,7 +1,7 @@
 import type { AstroConfig } from 'astro';
 import type { PluginContext } from 'rollup';
 import slash from 'slash';
-import { pathToFileURL } from 'url';
+import { pathToFileURL } from 'node:url';
 import type { Plugin, ResolvedConfig } from 'vite';
 import type { IntegrationOptions } from './types.js';
 import { metadata } from './utils/metadata.js';