@altano/astro-opengraph 0.1.0-alpha.4 → 0.1.1

package/dist/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["parsedMaybeLink: LinkOrTextType","tag: Element","setHoverState: (isHover: boolean) => void","handleClick: MouseEventHandler<DevToolbarButton>","Error","absoluteUrl: string","Error","app: DevToolbarApp","app"],"sources":["../../src/toolbar/styles.tsx","../../src/toolbar/components/Summary.tsx","../../src/toolbar/components/ExternalLinkicon.tsx","../../src/toolbar/components/LinkOrText.tsx","../../src/toolbar/hooks/useMetaTagInfo.tsx","../../src/toolbar/components/MetaTags.tsx","../../src/toolbar/hooks/useHoverState.tsx","../../src/toolbar/hooks/useImageURL.tsx","../../src/toolbar/components/Image.tsx","../../src/toolbar/components/ZoomLabel.tsx","../../src/toolbar/components/ZoomButton.tsx","../../src/toolbar/components/ToolbarSection.tsx","../../src/toolbar/components/ImageZoomToolbar.tsx","../../src/toolbar/components/CopyImageUrlButton.tsx","../../src/toolbar/components/ImageSection.tsx","../../src/toolbar/components/Error.tsx","../../src/toolbar/components/getRelativeUrl.tsx","../../src/toolbar/components/ToolbarApp.tsx","../../src/toolbar/components/ToolbarAppWindow.tsx","../../src/toolbar/index.tsx"],"sourcesContent":["export const styles = /* css */ `\n  :host astro-dev-toolbar-window {\n    max-height: calc(100vh - 80px);\n    overflow-y: auto;\n  }\n\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n    outline: inherit;\n  }\n\n  details {\n    margin-block-end: 10px;\n  }\n  details:last-of-type {\n    margin-block-end: 0;\n  }\n\n  details[open] summary, .image {\n    margin-block-end: 7px;\n  }\n\n  .image img {\n    transition: max-width 0.1s;\n  }\n`;\n","import type Preact from \"preact\";\n\nexport function Summary({\n  children,\n}: {\n  children: string;\n}): Preact.JSX.Element {\n  return (\n    <summary\n      style={{\n        cursor: \"pointer\",\n        fontWeight: 700,\n        color: \"white\",\n      }}\n    >\n      {children}\n    </summary>\n  );\n}\n","import type Preact from \"preact\";\n\nexport function ExternalLinkicon({\n  width = 27,\n  height = 27,\n  fill = \"#020202\",\n}: {\n  width?: number;\n  height?: number;\n  fill?: string;\n}): Preact.JSX.Element {\n  return (\n    <span\n      style={{\n        display: \"inline-block\",\n        width,\n        height,\n      }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 120\">\n        <path d=\"M120.09 16.696H60.256V.096L120.09.09z\" fill={fill} />\n        <path\n          d=\"M57.99 48.64l42.573-42.574 13.475 13.475-42.574 42.58z\"\n          fill={fill}\n        />\n        <path\n          d=\"M119.98.107l.02 59.83-16.59.013-.02-59.846zM3 23.5h17v87H3zm83.49 52.56h17V113h-17z\"\n          fill={fill}\n        />\n        <path d=\"M3 16.692h40.655v17H3zM3 96h100.49v17H3z\" fill={fill} />\n      </svg>\n    </span>\n  );\n}\n","import type Preact from \"preact\";\nimport { ExternalLinkicon } from \"./ExternalLinkicon.js\";\n\ntype LinkOrTextType = Preact.JSX.Element | string | null;\n\nexport function LinkOrText({\n  maybeLinkText,\n}: {\n  maybeLinkText: string | null;\n}): LinkOrTextType {\n  let parsedMaybeLink: LinkOrTextType = null;\n  try {\n    if (maybeLinkText != null) {\n      const url = new URL(maybeLinkText);\n      parsedMaybeLink = (\n        <a href={url.toString()} target=\"_blank\">\n          {maybeLinkText}{\" \"}\n          <ExternalLinkicon width={10} height={10} fill=\"white\" />\n        </a>\n      );\n    }\n  } catch (_) {\n    parsedMaybeLink = maybeLinkText;\n  }\n  return parsedMaybeLink;\n}\n","import { useEffect, useRef, useState } from \"preact/hooks\";\n\nexport type MetaTagInfo = [content: string | null, property: string | null];\n\nconst useHeadObserver = (): React.RefObject<HTMLHeadElement | null> => {\n  const [_generation, setGeneration] = useState<number>(0);\n  const forceRerender = (): void => setGeneration((old) => ++old);\n  const headRef = useRef(document.querySelector(\"head\"));\n\n  // useEffect(() => {\n  //   console.log({ generation });\n  // }, [generation]);\n\n  useEffect(() => {\n    // console.log({ \"headRef.current\": headRef.current });\n    if (headRef.current == null) {\n      // assume we must have a head by now, and if we don't, we will never get\n      // one.\n      return;\n    }\n    const observer = new MutationObserver(forceRerender);\n    observer.observe(headRef.current, {\n      attributes: true,\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return headRef;\n};\n\nexport function useMetaTagInfo(): MetaTagInfo[] {\n  const headRef = useHeadObserver();\n  const opengraphMetaTags =\n    headRef?.current?.querySelectorAll(\"meta[property^='og:']\") ?? [];\n  // console.log({\n  //   opengraphMetaTags: opengraphMetaTags,\n  //   opengraphMetaTagsLength: opengraphMetaTags.length,\n  // });\n  return Array.from(opengraphMetaTags).map(\n    (tag: Element): MetaTagInfo => [\n      tag.getAttribute(\"content\"),\n      tag.getAttribute(\"property\"),\n    ],\n  );\n}\n","import type Preact from \"preact\";\nimport { LinkOrText } from \"./LinkOrText.js\";\nimport { useMetaTagInfo, type MetaTagInfo } from \"../hooks/useMetaTagInfo.js\";\n\nexport function MetaTags(): Preact.JSX.Element {\n  const tags = useMetaTagInfo();\n\n  return (\n    <dl\n      data-testid=\"astro-opengraph-toolbar\"\n      style={{\n        margin: 0,\n        display: \"grid\",\n        gridTemplateColumns: \"max-content 1fr\",\n        gap: 7,\n        columnGap: 13,\n      }}\n    >\n      {tags.map((tag) => (\n        <MetaTagContent key={tag[1]} tag={tag} />\n      ))}\n    </dl>\n  );\n}\n\nfunction MetaTagContent({ tag }: { tag: MetaTagInfo }): Preact.JSX.Element {\n  const [content, property] = tag;\n  return (\n    <>\n      <dt\n        style={{\n          color: \"white\",\n          textAlign: \"right\",\n          fontWeight: 500,\n        }}\n      >\n        {property}\n      </dt>\n      <dd style={{ margin: 0 }}>\n        <LinkOrText maybeLinkText={content} />\n      </dd>\n    </>\n  );\n}\n","import type Preact from \"preact\";\nimport { useRef, useEffect } from \"preact/hooks\";\n\nexport function useHoverState<TElement extends HTMLElement>(\n  setHoverState: (isHover: boolean) => void,\n): Preact.RefObject<TElement> {\n  const ref = useRef<TElement>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    const { signal } = controller;\n    ref.current?.addEventListener(\"mouseenter\", () => setHoverState(true), {\n      signal,\n    });\n    ref.current?.addEventListener(\"mouseleave\", () => setHoverState(false), {\n      signal,\n    });\n\n    return () => controller.abort();\n  }, [setHoverState]);\n\n  return ref;\n}\n","import { useState } from \"preact/hooks\";\n\nexport function useImageURL(): string {\n  const imageUrl = useImageURLIfAvailable();\n  if (imageUrl == null) {\n    throw new Error(\n      `Shouldn't be rendering this component without an image URL`,\n    );\n  }\n  return imageUrl;\n}\n\nexport function useImageURLIfAvailable(): string | null {\n  const [imageUrlRef] = useState(() => {\n    const meta = document.querySelector('meta[property=\"og:image\"]');\n    return meta?.getAttribute(\"content\") ?? null;\n  });\n  return imageUrlRef;\n}\n","import type Preact from \"preact\";\nimport { useImageURL } from \"../hooks/useImageURL.js\";\n\nexport function Image({\n  imageSize,\n  handleLoadError,\n}: {\n  imageSize: number;\n  handleLoadError: () => void;\n}): Preact.JSX.Element {\n  const imageUrl = useImageURL();\n  return (\n    <div className=\"image\">\n      <a href={imageUrl} target=\"_blank\" title=\"Open image in new tab\">\n        <img\n          onError={handleLoadError}\n          alt=\"Open Graph\"\n          src={imageUrl}\n          style={{\n            maxHeight: \"100%\",\n            maxWidth: `${imageSize}%`,\n          }}\n        />\n      </a>\n    </div>\n  );\n}\n","export function ZoomLabel({ imageSize }: { imageSize: number }): string {\n  const formattedNumber = (imageSize / 100).toLocaleString(undefined, {\n    minimumFractionDigits: 2,\n  });\n  return `${formattedNumber}x`;\n}\n","import type Preact from \"preact\";\nimport { ZoomLabel } from \"./ZoomLabel.js\";\n\nexport function ZoomButton({\n  value,\n  imageSize,\n  setImageSize,\n}: {\n  value: number;\n  imageSize: number;\n  setImageSize: (size: number) => void;\n}): Preact.JSX.Element {\n  const isSelected = value === imageSize;\n  return (\n    <astro-dev-toolbar-button\n      size=\"small\"\n      style={{ padding: 0, margin: 0 }}\n      buttonStyle={isSelected ? \"gray\" : \"ghost\"}\n      className=\"zoom-button\"\n      role=\"radio\"\n      onClick={() => setImageSize(value)}\n    >\n      <ZoomLabel imageSize={value} />\n    </astro-dev-toolbar-button>\n  );\n}\n","import type { ComponentChildren } from \"preact\";\nimport type Preact from \"preact\";\n\nexport function ToolbarSection({\n  icon,\n  children,\n}: {\n  icon: Preact.JSX.Element;\n  children: ComponentChildren;\n}): Preact.JSX.Element {\n  return (\n    <div\n      style={{\n        fontSize: 12,\n        display: \"flex\",\n        alignItems: \"center\",\n        columnGap: 5,\n      }}\n    >\n      <div\n        style={{\n          display: \"inline-block\",\n          width: 12,\n          height: 12,\n        }}\n      >\n        {icon}\n      </div>\n      {children}\n    </div>\n  );\n}\n","import type Preact from \"preact\";\nimport { ZoomButton } from \"./ZoomButton.js\";\nimport { ToolbarSection } from \"./ToolbarSection.js\";\n\nexport function ImageZoomToolbar({\n  isHovered,\n  imageSize,\n  setImageSize,\n}: {\n  isHovered: boolean;\n  imageSize: number;\n  setImageSize: (size: number) => void;\n}): Preact.JSX.Element {\n  return (\n    <ToolbarSection icon={<astro-dev-toolbar-icon icon=\"gear\" />}>\n      {!isHovered ? (\n        <ZoomButton\n          value={imageSize}\n          imageSize={imageSize}\n          setImageSize={setImageSize}\n        />\n      ) : (\n        <>\n          <ZoomButton\n            value={25}\n            imageSize={imageSize}\n            setImageSize={setImageSize}\n          />\n          <ZoomButton\n            value={50}\n            imageSize={imageSize}\n            setImageSize={setImageSize}\n          />\n          <ZoomButton\n            value={75}\n            imageSize={imageSize}\n            setImageSize={setImageSize}\n          />\n          <ZoomButton\n            value={100}\n            imageSize={imageSize}\n            setImageSize={setImageSize}\n          />\n        </>\n      )}\n    </ToolbarSection>\n  );\n}\n","import { useState, useRef, useEffect, useCallback } from \"preact/hooks\";\nimport type Preact from \"preact\";\nimport type { MouseEventHandler } from \"preact/compat\";\nimport type { DevToolbarButton } from \"astro/runtime/client/dev-toolbar/ui-library/button.js\";\nimport { useImageURL } from \"../hooks/useImageURL.js\";\nimport { ToolbarSection } from \"./ToolbarSection.js\";\n\ntype Timer = ReturnType<typeof setTimeout>;\n\nexport function CopyImageUrlButton(): Preact.JSX.Element {\n  const imageUrl = useImageURL();\n  const [wasRecentlyClicked, setWasRecentlyClicked] = useState(false);\n  const checkTimer = useRef<Timer | null>(null);\n\n  useEffect(() => {\n    if (wasRecentlyClicked && checkTimer.current == null) {\n      checkTimer.current = setTimeout(() => {\n        setWasRecentlyClicked(false);\n        // TODO investigate\n        // eslint-disable-next-line react-compiler/react-compiler\n        checkTimer.current = null;\n      }, 3_000);\n    }\n  }, [wasRecentlyClicked]);\n\n  const handleClick: MouseEventHandler<DevToolbarButton> = useCallback(\n    (evt) => {\n      // Copy the text inside the text field\n      void navigator.clipboard.writeText(imageUrl);\n      setWasRecentlyClicked(true);\n      evt.stopPropagation();\n      evt.preventDefault();\n    },\n    [imageUrl],\n  );\n\n  return (\n    <ToolbarSection icon={<astro-dev-toolbar-icon icon=\"copy\" />}>\n      <div style={{ display: \"flex\", alignItems: \"center\" }}>\n        <astro-dev-toolbar-button\n          size=\"small\"\n          buttonStyle=\"gray\"\n          onClick={handleClick}\n        >\n          {wasRecentlyClicked ? \"Copied to clipboard\" : \"Copy image URL\"}\n        </astro-dev-toolbar-button>\n      </div>\n    </ToolbarSection>\n  );\n}\n","import { Image } from \"./Image.js\";\nimport { ImageZoomToolbar } from \"./ImageZoomToolbar.js\";\nimport { CopyImageUrlButton } from \"./CopyImageUrlButton.js\";\nimport type Preact from \"preact\";\nimport { useState } from \"preact/hooks\";\n\nexport function ImageSection({\n  isHovered,\n  handleLoadError,\n}: {\n  isHovered: boolean;\n  handleLoadError: () => void;\n}): Preact.JSX.Element {\n  const [imageSize, setImageSize] = useState(100);\n\n  return (\n    <>\n      <Image imageSize={imageSize} handleLoadError={handleLoadError} />\n      <div\n        data-testid=\"image-section-toolbar\"\n        style={{\n          display: \"flex\",\n          flexDirection: \"row\",\n          alignItems: \"center\",\n          columnGap: 15,\n        }}\n      >\n        <CopyImageUrlButton />\n        <ImageZoomToolbar\n          isHovered={isHovered}\n          imageSize={imageSize}\n          setImageSize={setImageSize}\n        />\n      </div>\n    </>\n  );\n}\n","import type { Icon } from \"astro/runtime/client/dev-toolbar/ui-library/icons.js\";\nimport type Preact from \"preact\";\n\nexport function Error({\n  message,\n  icon,\n}: {\n  message: string;\n  icon: Icon;\n}): Preact.JSX.Element {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        gap: 10,\n        alignItems: \"center\",\n      }}\n    >\n      <astro-dev-toolbar-icon style={{ width: 24, height: 24 }} icon={icon} />{\" \"}\n      {message}\n    </div>\n  );\n}\n","export function getRelativeUrl(absoluteUrl: string): string {\n  const url = new URL(absoluteUrl);\n  return url.pathname;\n}\n","import type Preact from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport { Summary } from \"./Summary.js\";\nimport { MetaTags } from \"./MetaTags.js\";\nimport { useHoverState } from \"../hooks/useHoverState.js\";\nimport { useImageURLIfAvailable } from \"../hooks/useImageURL.js\";\nimport { ImageSection } from \"./ImageSection.js\";\nimport { Error } from \"./Error.js\";\nimport { getRelativeUrl } from \"./getRelativeUrl.js\";\n\nexport function ToolbarApp(): Preact.JSX.Element {\n  const [isImageDetailsHovered, setIsImageDetailsHovered] = useState(false);\n  const imageDetailsRef = useHoverState<HTMLDetailsElement>(\n    setIsImageDetailsHovered,\n  );\n  const imageUrl = useImageURLIfAvailable();\n  const [imageLoadStatus, setImageLoadStatus] = useState<\"pending\" | \"error\">(\n    \"pending\",\n  );\n\n  if (imageUrl == null) {\n    return (\n      <Error icon=\"warning\" message=\"No Open Graph image found on this page\" />\n    );\n  } else if (imageLoadStatus === \"error\") {\n    return (\n      <Error\n        icon=\"bug\"\n        message={`Error loading image at ${getRelativeUrl(imageUrl)}`}\n      />\n    );\n  }\n\n  return (\n    <>\n      <details open className=\"image\" ref={imageDetailsRef}>\n        <Summary>Image</Summary>\n        <ImageSection\n          isHovered={isImageDetailsHovered}\n          handleLoadError={() => setImageLoadStatus(\"error\")}\n        />\n      </details>\n\n      <details>\n        <Summary>Meta Tags</Summary>\n        <MetaTags />\n      </details>\n    </>\n  );\n}\n","import type Preact from \"preact\";\nimport { styles } from \"../styles.js\";\nimport { ToolbarApp } from \"./ToolbarApp.js\";\n\nexport function ToolbarAppWindow(): Preact.JSX.Element {\n  return (\n    <astro-dev-toolbar-window>\n      <style>{styles}</style>\n      <ToolbarApp />\n    </astro-dev-toolbar-window>\n  );\n}\n","import { render } from \"preact\";\n\nimport { defineToolbarApp } from \"astro/toolbar\";\nimport { ToolbarAppWindow } from \"./components/ToolbarAppWindow.js\";\nimport type { DevToolbarApp } from \"astro\";\n\nconst SESSION_KEY_OPEN = \"@altano/astro-opengraph/toolbar:is-open\";\n\nconst app: DevToolbarApp = defineToolbarApp({\n  init(canvas, app) {\n    app.onToggled((event) => {\n      if (event.state) {\n        sessionStorage.setItem(SESSION_KEY_OPEN, \"true\");\n        render(<ToolbarAppWindow />, canvas);\n      } else {\n        sessionStorage.removeItem(SESSION_KEY_OPEN);\n      }\n    });\n\n    app.toggleNotification({\n      state: document.querySelector('meta[property=\"og:image\"]') != null,\n      level: \"info\",\n    });\n\n    if (sessionStorage.getItem(SESSION_KEY_OPEN) != null) {\n      app.toggleState({ state: true });\n    }\n  },\n});\n\nexport default app;\n"],"mappings":"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"}

package/dist/types-B1hoqgLx.d.ts

@@ -0,0 +1,70 @@
+import { SatoriOptions } from "satori";
+
+//#region src/types.d.ts
+type ImageOptions = SatoriOptions;
+type FontWithBuffer = ImageOptions["fonts"][0];
+type FontWithPath = Omit<FontWithBuffer, "data"> & {
+  path: string;
+};
+type ImageOptionsBase = {
+  width?: number;
+  height?: number;
+  debug?: boolean;
+};
+type ImageOptionsBaseResolved = {
+  width: number;
+  height: number;
+  debug?: boolean;
+};
+type ImageOptionsWithFontPaths = ImageOptionsBase & {
+  fonts: FontWithPath[];
+};
+type ImageOptionsWithFontBuffers = ImageOptionsBase & {
+  fonts: FontWithBuffer[];
+};
+type ImageOptionsWithFontBuffersResolved = ImageOptionsBaseResolved & {
+  fonts: FontWithBuffer[];
+};
+type ComponentMetaTagFallbacks = {
+  "og:title"?: string;
+  "og:description"?: string;
+  "og:image"?: string;
+};
+type MetaTagDefaults = {
+  "og:image": string;
+};
+type OpengraphImageConfig = {
+  /**
+  * Options to use for the image file that is generated. Most importantly, fonts
+  * must be provided.
+  */
+  getImageOptions(): Promise<ImageOptionsWithFontPaths>;
+  /**
+  * Defaults to use in the component for tags you don't manually set.
+  */
+  componentMetaTagFallbacks?: ComponentMetaTagFallbacks;
+};
+type AstroConfigSetupHookOptions = Parameters<Astro.IntegrationHooks["astro:config:setup"]>[0];
+type Command = AstroConfigSetupHookOptions["command"];
+/**
+* This must remain JSON-serializable!
+*/
+type OpengraphImageConfigSerializable = {
+  imageOptions: ImageOptionsWithFontPaths;
+  componentMetaTagFallbacks?: ComponentMetaTagFallbacks;
+  command: Command;
+};
+type OpengraphImageConfigSerializableMaybeMocked = OpengraphImageConfigSerializable | (() => OpengraphImageConfigSerializable);
+type OpengraphImageConfigDeserialized = {
+  imageOptions: ImageOptionsWithFontBuffers;
+  componentMetaTagFallbacks?: ComponentMetaTagFallbacks | undefined;
+  command: Command;
+};
+type OpengraphImageConfigResolved = {
+  imageOptions: ImageOptionsWithFontBuffersResolved;
+  componentMetaTagFallbacks: ComponentMetaTagFallbacks & MetaTagDefaults;
+  command: Command;
+};
+//#endregion
+export { ComponentMetaTagFallbacks, ImageOptions, ImageOptionsWithFontPaths, OpengraphImageConfig, OpengraphImageConfigDeserialized, OpengraphImageConfigResolved, OpengraphImageConfigSerializableMaybeMocked };
+//# sourceMappingURL=types-B1hoqgLx.d.ts.map

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@altano/astro-opengraph",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.1",
   "description": "Open Graph Tools for Astro",
   "keywords": [
     "astro",
     "astro-integration",
+    "astro-component",
+    "devtools",
+    "image",
     "opengraph",
-    "devtools"
+    "withastro"
   ],
   "homepage": "https://github.com/altano/npm-packages/tree/main/packages/astro-opengraph",
   "repository": {
@@ -33,6 +36,7 @@
     "assets",
     "components",
     "dist/**/*.js",
+    "dist/**/*.js.map",
     "dist/**/*.d.ts"
   ],
   "dependencies": {
@@ -46,28 +50,28 @@
     "@astrojs/svelte": "^7.0.9",
     "@astrojs/vue": "^5.0.9",
     "@inox-tools/astro-tests": "0.5.1",
-    "@playwright/test": "1.47.0",
+    "@playwright/test": "1.51.1",
     "@types/he": "^1.2.3",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/node": "^22.13.10",
-    "@vitest/coverage-v8": "^3.1.1",
-    "astro": "^5.5.6",
+    "@vitest/coverage-v8": "^3.1.4",
+    "astro": "^5.10.1",
     "depcheck": "^1.4.7",
     "jest-image-snapshot": "^6.4.0",
     "preact": "^10.26.5",
     "sharp": "^0.33.1",
     "svelte": "^5.25.12",
-    "tsup": "^8.4.0",
+    "tsdown": "^0.12.9",
     "typescript": "^5.8.2",
-    "vite": "^6.2.5",
-    "vitest": "^3.1.1",
+    "vite": "^6.2.6",
+    "vitest": "^3.1.4",
     "vue": "^3.5.13",
     "zx": "^8.5.2",
-    "@altano/assets": "0.0.0",
-    "@altano/testing": "0.0.0",
-    "@altano/build-config": "0.0.0",
-    "@altano/tsconfig": "0.0.0",
-    "@altano/tiny-async-pool": "3.0.2",
+    "@altano/assets": "0.0.1",
+    "@altano/build-config": "0.0.1",
+    "@altano/testing": "0.0.1",
+    "@altano/tiny-async-pool": "4.0.1",
+    "@altano/tsconfig": "0.0.1",
     "@altano/vitest-plugins": "1.1.0"
   },
   "peerDependencies": {
@@ -78,14 +82,13 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup --config ./tsup.config.ts",
-    "build:types": "tsc --project tsconfig.declarations.json",
-    "check:types:astro-fixtures": "node --experimental-strip-types ./scripts/check-fixtures.ts",
+    "build": "tsdown",
+    "check:types:astro": "node --experimental-strip-types ./scripts/check-fixtures.ts",
     "check:types:src": "tsc --noEmit",
     "check:types:test": "tsc --noEmit --project ./tests/tsconfig.json",
     "check:unused-dependencies": "depcheck",
     "clean": "rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "format": "prettier --write src",
     "lint": "eslint",
     "lint:fix": "TIMING=1 eslint src/**/*.ts* --fix",

package/dist/chunk-DX3VCTOX.js

@@ -1,49 +0,0 @@
-// src/config.ts
-import { readFile } from "node:fs/promises";
-async function deserializeVirtualConfig(configMaybeMocked) {
-  const config = typeof configMaybeMocked === "function" ? configMaybeMocked() : configMaybeMocked;
-  const fontsWithBuffers = await Promise.all(
-    config.imageOptions.fonts.map(async (font) => {
-      const data = await readFile(font.path);
-      return {
-        ...font,
-        data
-      };
-    })
-  );
-  return {
-    ...config,
-    imageOptions: {
-      ...config.imageOptions,
-      fonts: fontsWithBuffers
-    }
-  };
-}
-var imageOptionDefaults = {
-  width: 1200,
-  height: 630
-};
-var metaTagDefaults = {
-  "og:image": `/opengraph.png`
-};
-async function getResolvedConfig() {
-  const module = await import("virtual:astro-opengraph/user-config");
-  const lazyConfig = module.default;
-  const deserialized = await deserializeVirtualConfig(lazyConfig);
-  return {
-    ...deserialized,
-    imageOptions: {
-      ...imageOptionDefaults,
-      ...deserialized.imageOptions
-    },
-    componentMetaTagFallbacks: {
-      ...deserialized.componentMetaTagFallbacks,
-      ...metaTagDefaults
-    }
-  };
-}
-
-export {
-  deserializeVirtualConfig,
-  getResolvedConfig
-};

package/dist/image.d.ts

@@ -1,7 +0,0 @@
-import { type SatoriOptions } from "satori";
-import type { LocalImageService } from "astro";
-/**
- * Convert an html string to an image
- */
-export declare function htmlToPNG(html: string, satoriOptions: SatoriOptions): Promise<ReturnType<LocalImageService["transform"]>>;
-//# sourceMappingURL=image.d.ts.map

package/dist/integration.d.ts

@@ -1,5 +0,0 @@
-import type { AstroIntegration } from "astro";
-import type { OpengraphImageConfig } from "./types.js";
-declare const _default: (config: OpengraphImageConfig) => AstroIntegration;
-export default _default;
-//# sourceMappingURL=integration.d.ts.map

package/dist/toolbar/components/CopyImageUrlButton.d.ts

@@ -1,3 +0,0 @@
-import type Preact from "preact";
-export declare function CopyImageUrlButton(): Preact.JSX.Element;
-//# sourceMappingURL=CopyImageUrlButton.d.ts.map

package/dist/toolbar/components/Error.d.ts

@@ -1,7 +0,0 @@
-import type { Icon } from "astro/runtime/client/dev-toolbar/ui-library/icons.js";
-import type Preact from "preact";
-export declare function Error({ message, icon, }: {
-    message: string;
-    icon: Icon;
-}): Preact.JSX.Element;
-//# sourceMappingURL=Error.d.ts.map

package/dist/toolbar/components/ExternalLinkicon.d.ts

@@ -1,7 +0,0 @@
-import type Preact from "preact";
-export declare function ExternalLinkicon({ width, height, fill, }: {
-    width?: number;
-    height?: number;
-    fill?: string;
-}): Preact.JSX.Element;
-//# sourceMappingURL=ExternalLinkicon.d.ts.map

package/dist/toolbar/components/Image.d.ts

@@ -1,6 +0,0 @@
-import type Preact from "preact";
-export declare function Image({ imageSize, handleLoadError, }: {
-    imageSize: number;
-    handleLoadError: () => void;
-}): Preact.JSX.Element;
-//# sourceMappingURL=Image.d.ts.map

package/dist/toolbar/components/ImageSection.d.ts

@@ -1,6 +0,0 @@
-import type Preact from "preact";
-export declare function ImageSection({ isHovered, handleLoadError, }: {
-    isHovered: boolean;
-    handleLoadError: () => void;
-}): Preact.JSX.Element;
-//# sourceMappingURL=ImageSection.d.ts.map

package/dist/toolbar/components/ImageZoomToolbar.d.ts

@@ -1,7 +0,0 @@
-import type Preact from "preact";
-export declare function ImageZoomToolbar({ isHovered, imageSize, setImageSize, }: {
-    isHovered: boolean;
-    imageSize: number;
-    setImageSize: (size: number) => void;
-}): Preact.JSX.Element;
-//# sourceMappingURL=ImageZoomToolbar.d.ts.map

package/dist/toolbar/components/LinkOrText.d.ts

@@ -1,7 +0,0 @@
-import type Preact from "preact";
-type LinkOrTextType = Preact.JSX.Element | string | null;
-export declare function LinkOrText({ maybeLinkText, }: {
-    maybeLinkText: string | null;
-}): LinkOrTextType;
-export {};
-//# sourceMappingURL=LinkOrText.d.ts.map

package/dist/toolbar/components/MetaTags.d.ts

@@ -1,3 +0,0 @@
-import type Preact from "preact";
-export declare function MetaTags(): Preact.JSX.Element;
-//# sourceMappingURL=MetaTags.d.ts.map

package/dist/toolbar/components/Summary.d.ts

@@ -1,5 +0,0 @@
-import type Preact from "preact";
-export declare function Summary({ children, }: {
-    children: string;
-}): Preact.JSX.Element;
-//# sourceMappingURL=Summary.d.ts.map

package/dist/toolbar/components/ToolbarApp.d.ts

@@ -1,3 +0,0 @@
-import type Preact from "preact";
-export declare function ToolbarApp(): Preact.JSX.Element;
-//# sourceMappingURL=ToolbarApp.d.ts.map

package/dist/toolbar/components/ToolbarAppWindow.d.ts

@@ -1,3 +0,0 @@
-import type Preact from "preact";
-export declare function ToolbarAppWindow(): Preact.JSX.Element;
-//# sourceMappingURL=ToolbarAppWindow.d.ts.map

package/dist/toolbar/components/ToolbarSection.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentChildren } from "preact";
-import type Preact from "preact";
-export declare function ToolbarSection({ icon, children, }: {
-    icon: Preact.JSX.Element;
-    children: ComponentChildren;
-}): Preact.JSX.Element;
-//# sourceMappingURL=ToolbarSection.d.ts.map

package/dist/toolbar/components/ZoomButton.d.ts

@@ -1,7 +0,0 @@
-import type Preact from "preact";
-export declare function ZoomButton({ value, imageSize, setImageSize, }: {
-    value: number;
-    imageSize: number;
-    setImageSize: (size: number) => void;
-}): Preact.JSX.Element;
-//# sourceMappingURL=ZoomButton.d.ts.map

package/dist/toolbar/components/ZoomLabel.d.ts

@@ -1,4 +0,0 @@
-export declare function ZoomLabel({ imageSize }: {
-    imageSize: number;
-}): string;
-//# sourceMappingURL=ZoomLabel.d.ts.map

package/dist/toolbar/components/getRelativeUrl.d.ts

@@ -1,2 +0,0 @@
-export declare function getRelativeUrl(absoluteUrl: string): string;
-//# sourceMappingURL=getRelativeUrl.d.ts.map

package/dist/toolbar/hooks/useHoverState.d.ts

@@ -1,3 +0,0 @@
-import type Preact from "preact";
-export declare function useHoverState<TElement extends HTMLElement>(setHoverState: (isHover: boolean) => void): Preact.RefObject<TElement>;
-//# sourceMappingURL=useHoverState.d.ts.map

package/dist/toolbar/hooks/useImageURL.d.ts

@@ -1,3 +0,0 @@
-export declare function useImageURL(): string;
-export declare function useImageURLIfAvailable(): string | null;
-//# sourceMappingURL=useImageURL.d.ts.map

package/dist/toolbar/hooks/useMetaTagInfo.d.ts

@@ -1,3 +0,0 @@
-export type MetaTagInfo = [content: string | null, property: string | null];
-export declare function useMetaTagInfo(): MetaTagInfo[];
-//# sourceMappingURL=useMetaTagInfo.d.ts.map

package/dist/toolbar/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const styles = "\n  :host astro-dev-toolbar-window {\n    max-height: calc(100vh - 80px);\n    overflow-y: auto;\n  }\n\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n    outline: inherit;\n  }\n\n  details {\n    margin-block-end: 10px;\n  }\n  details:last-of-type {\n    margin-block-end: 0;\n  }\n\n  details[open] summary, .image {\n    margin-block-end: 7px;\n  }\n\n  .image img {\n    transition: max-width 0.1s;\n  }\n";
-//# sourceMappingURL=styles.d.ts.map

package/dist/types.d.ts

@@ -1,67 +0,0 @@
-import type { SatoriOptions } from "satori";
-export type ImageOptions = SatoriOptions;
-export type FontWithBuffer = ImageOptions["fonts"][0];
-export type FontWithPath = Omit<FontWithBuffer, "data"> & {
-    path: string;
-};
-type ImageOptionsBase = {
-    width?: number;
-    height?: number;
-    debug?: boolean;
-};
-type ImageOptionsBaseResolved = {
-    width: number;
-    height: number;
-    debug?: boolean;
-};
-export type ImageOptionsWithFontPaths = ImageOptionsBase & {
-    fonts: FontWithPath[];
-};
-export type ImageOptionsWithFontBuffers = ImageOptionsBase & {
-    fonts: FontWithBuffer[];
-};
-export type ImageOptionsWithFontBuffersResolved = ImageOptionsBaseResolved & {
-    fonts: FontWithBuffer[];
-};
-export type ComponentMetaTagFallbacks = {
-    "og:title"?: string;
-    "og:description"?: string;
-    "og:image"?: string;
-};
-export type MetaTagDefaults = {
-    "og:image": string;
-};
-export type OpengraphImageConfig = {
-    /**
-     * Options to use for the image file that is generated. Most importantly, fonts
-     * must be provided.
-     */
-    getImageOptions(): Promise<ImageOptionsWithFontPaths>;
-    /**
-     * Defaults to use in the component for tags you don't manually set.
-     */
-    componentMetaTagFallbacks?: ComponentMetaTagFallbacks;
-};
-type AstroConfigSetupHookOptions = Parameters<Astro.IntegrationHooks["astro:config:setup"]>[0];
-type Command = AstroConfigSetupHookOptions["command"];
-/**
- * This must remain JSON-serializable!
- */
-export type OpengraphImageConfigSerializable = {
-    imageOptions: ImageOptionsWithFontPaths;
-    componentMetaTagFallbacks?: ComponentMetaTagFallbacks;
-    command: Command;
-};
-export type OpengraphImageConfigSerializableMaybeMocked = OpengraphImageConfigSerializable | (() => OpengraphImageConfigSerializable);
-export type OpengraphImageConfigDeserialized = {
-    imageOptions: ImageOptionsWithFontBuffers;
-    componentMetaTagFallbacks?: ComponentMetaTagFallbacks | undefined;
-    command: Command;
-};
-export type OpengraphImageConfigResolved = {
-    imageOptions: ImageOptionsWithFontBuffersResolved;
-    componentMetaTagFallbacks: ComponentMetaTagFallbacks & MetaTagDefaults;
-    command: Command;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/virtual-user-config.d.ts

@@ -1,8 +0,0 @@
-import type { ViteUserConfig } from "astro";
-import type { OpengraphImageConfigSerializable } from "./types.js";
-/**
- * Vite plugin that exposes OpengraphImage user config and project context via
- * virtual modules.
- */
-export declare function vitePluginOpengraphImageUserConfig(config: OpengraphImageConfigSerializable): NonNullable<ViteUserConfig["plugins"]>[number];
-//# sourceMappingURL=virtual-user-config.d.ts.map