Bump image-size from 1.0.2 to 2.0.2 (#41384)

Author: julien-deramond

package-lock.json

@@ -145,7 +145,7 @@
     "globby": "^14.1.0",
     "hammer-simulator": "0.0.1",
     "htmlparser2": "^10.0.0",
-    "image-size": "^1.0.2",
+    "image-size": "^2.0.2",
     "ip": "^2.0.1",
     "jasmine": "^5.6.0",
     "jquery": "^3.7.1",

package.json

@@ -14,7 +14,7 @@ interface Props {
 const { description, layout, thumbnail, title } = Astro.props
 
 const socialImageUrl = new URL(getVersionedDocsPath(`assets/${thumbnail}`), Astro.site)
-const socialImageSize = getStaticImageSize(`/docs/[version]/assets/${thumbnail}`)
+const socialImageSize = await getStaticImageSize(`/docs/[version]/assets/${thumbnail}`)
 ---
 
 <meta name="twitter:card" content="summary_large_image" />

site/src/components/head/Social.astro

@@ -1,11 +1,14 @@
 import path from 'node:path'
+import { promises as fs } from 'node:fs'
 import sizeOf from 'image-size'
 import { getDocsStaticFsPath } from './path'
 
-export function getStaticImageSize(imagePath: string) {
-  const size = sizeOf(path.join(getDocsStaticFsPath(), imagePath))
+export async function getStaticImageSize(imagePath: string) {
+  const fullPath = path.join(getDocsStaticFsPath(), imagePath)
+  const buffer = await fs.readFile(fullPath)
+  const size = await sizeOf(buffer)
 
-  if (!size.height || !size.width) {
+  if (!size?.height || !size?.width) {
     throw new Error(`Failed to get size of static image at '${imagePath}'.`)
   }