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

package/README.md

@@ -419,6 +419,15 @@ export const GET: APIRoute = makeOpengraphDevEndpoint({
 });
 ```
 
+You'll probably want to include a remote stylesheet that has your font face so that it renders correctly in HTML, since the integration's font configuration doesn't affect the HTML rendered version. For example, you might include this in your `./_opengraph.astro`:
+
+```
+<link
+  href=" https://cdn.jsdelivr.net/npm/@fontsource-variable/inter@5.2.5/index.min.css "
+  rel="stylesheet"
+/>
+```
+
 # FAQ
 
 ## Question: How does this work?

package/dist/config-CzK0JuaO.js

@@ -0,0 +1,45 @@
+import { readFile } from "node:fs/promises";
+
+//#region src/config.ts
+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
+		}
+	};
+}
+const imageOptionDefaults = {
+	width: 1200,
+	height: 630
+};
+const 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
+		}
+	};
+}
+
+//#endregion
+export { deserializeVirtualConfig, getResolvedConfig };
+//# sourceMappingURL=config-CzK0JuaO.js.map

package/dist/config-CzK0JuaO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-CzK0JuaO.js","names":["configMaybeMocked: OpengraphImageConfigSerializableMaybeMocked","fontsWithBuffers: FontWithBuffer[]","metaTagDefaults: MetaTagDefaults"],"sources":["../src/config.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\n\nimport type {\n  FontWithBuffer,\n  MetaTagDefaults,\n  OpengraphImageConfigDeserialized,\n  OpengraphImageConfigResolved,\n  OpengraphImageConfigSerializableMaybeMocked,\n} from \"./types.js\";\n\nexport async function deserializeVirtualConfig(\n  configMaybeMocked: OpengraphImageConfigSerializableMaybeMocked,\n): Promise<OpengraphImageConfigDeserialized> {\n  const config =\n    typeof configMaybeMocked === \"function\"\n      ? configMaybeMocked() // We're running in vitest which is only capable of mocking functions\n      : configMaybeMocked;\n  const fontsWithBuffers: FontWithBuffer[] = await Promise.all(\n    config.imageOptions.fonts.map(async (font) => {\n      const data = await readFile(font.path);\n      return {\n        ...font,\n        data: data,\n      };\n    }),\n  );\n\n  return {\n    ...config,\n    imageOptions: {\n      ...config.imageOptions,\n      fonts: fontsWithBuffers,\n    },\n  };\n}\n\nconst imageOptionDefaults = {\n  width: 1200,\n  height: 630,\n} as const;\n\nconst metaTagDefaults: MetaTagDefaults = {\n  \"og:image\": `/opengraph.png`,\n};\n\nexport async function getResolvedConfig(): Promise<OpengraphImageConfigResolved> {\n  // Grab the virtual module that holds the integration's user config\n  const module = await import(\"virtual:astro-opengraph/user-config\");\n  const lazyConfig = module.default;\n  const deserialized = await deserializeVirtualConfig(lazyConfig);\n  return {\n    ...deserialized,\n    imageOptions: {\n      ...imageOptionDefaults,\n      ...deserialized.imageOptions,\n    },\n    componentMetaTagFallbacks: {\n      ...deserialized.componentMetaTagFallbacks,\n      ...metaTagDefaults,\n    },\n  };\n}\n"],"mappings":";;;AAUA,eAAsB,yBACpBA,mBAC2C;CAC3C,MAAM,gBACG,sBAAsB,aACzB,mBAAmB,GACnB;CACN,MAAMC,mBAAqC,MAAM,QAAQ,IACvD,OAAO,aAAa,MAAM,IAAI,OAAO,SAAS;EAC5C,MAAM,OAAO,MAAM,SAAS,KAAK,KAAK;AACtC,SAAO;GACL,GAAG;GACG;EACP;CACF,EAAC,CACH;AAED,QAAO;EACL,GAAG;EACH,cAAc;GACZ,GAAG,OAAO;GACV,OAAO;EACR;CACF;AACF;AAED,MAAM,sBAAsB;CAC1B,OAAO;CACP,QAAQ;AACT;AAED,MAAMC,kBAAmC,EACvC,aAAa,gBACd;AAED,eAAsB,oBAA2D;CAE/E,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,aAAa,OAAO;CAC1B,MAAM,eAAe,MAAM,yBAAyB,WAAW;AAC/D,QAAO;EACL,GAAG;EACH,cAAc;GACZ,GAAG;GACH,GAAG,aAAa;EACjB;EACD,2BAA2B;GACzB,GAAG,aAAa;GAChB,GAAG;EACJ;CACF;AACF"}

package/dist/config.d.ts

@@ -1,4 +1,8 @@
-import type { OpengraphImageConfigDeserialized, OpengraphImageConfigResolved, OpengraphImageConfigSerializableMaybeMocked } from "./types.js";
-export declare function deserializeVirtualConfig(configMaybeMocked: OpengraphImageConfigSerializableMaybeMocked): Promise<OpengraphImageConfigDeserialized>;
-export declare function getResolvedConfig(): Promise<OpengraphImageConfigResolved>;
+import { OpengraphImageConfigDeserialized, OpengraphImageConfigResolved, OpengraphImageConfigSerializableMaybeMocked } from "./types-B1hoqgLx.js";
+
+//#region src/config.d.ts
+declare function deserializeVirtualConfig(configMaybeMocked: OpengraphImageConfigSerializableMaybeMocked): Promise<OpengraphImageConfigDeserialized>;
+declare function getResolvedConfig(): Promise<OpengraphImageConfigResolved>;
+//#endregion
+export { deserializeVirtualConfig, getResolvedConfig };
 //# sourceMappingURL=config.d.ts.map

package/dist/config.js

@@ -1,8 +1,3 @@
-import {
-  deserializeVirtualConfig,
-  getResolvedConfig
-} from "./chunk-DX3VCTOX.js";
-export {
-  deserializeVirtualConfig,
-  getResolvedConfig
-};
+import { deserializeVirtualConfig, getResolvedConfig } from "./config-CzK0JuaO.js";
+
+export { deserializeVirtualConfig, getResolvedConfig };

package/dist/endpoint.d.ts

@@ -1,14 +1,27 @@
-import type { APIRoute } from "astro";
-import type { ImageOptions } from "./types.js";
+import { ImageOptions } from "./types-B1hoqgLx.js";
+import { APIRoute } from "astro";
+
+//#region src/endpoint.d.ts
 type Options = {
-    template: unknown;
-    /**
-     * Custom "Content-Type" header, only used in SSR. Defaults to "image/png"
-     */
-    contentType?: string;
-    imageOptionOverrides?: Partial<ImageOptions>;
+  // We don't just type this as `AstroComponentFactory` because astro typing is
+  // hard to get right and simply importing a .astro file doesn't give you
+  // something typed as a factory.
+  template: unknown;
+  /**
+  * Custom "Content-Type" header, only used in SSR. Defaults to "image/png"
+  */
+  contentType?: string;
+  imageOptionOverrides?: Partial<ImageOptions>;
 };
-export declare function makeOpengraphDevEndpoint({ template, contentType, }: Options): APIRoute;
-export declare function makeOpengraphEndpoint({ template, imageOptionOverrides, contentType, }: Options): APIRoute;
-export {};
+declare function makeOpengraphDevEndpoint({
+  template,
+  contentType
+}: Options): APIRoute;
+declare function makeOpengraphEndpoint({
+  template,
+  imageOptionOverrides,
+  contentType
+}: Options): APIRoute;
+//#endregion
+export { makeOpengraphDevEndpoint, makeOpengraphEndpoint };
 //# sourceMappingURL=endpoint.d.ts.map

package/dist/endpoint.js

@@ -1,96 +1,73 @@
-import {
-  getResolvedConfig
-} from "./chunk-DX3VCTOX.js";
-
-// src/endpoint.ts
+import { getResolvedConfig } from "./config-CzK0JuaO.js";
 import { experimental_AstroContainer } from "astro/container";
 import { isAstroComponentFactory } from "astro/runtime/server/render/astro/factory.js";
-
-// src/image.ts
 import { getConfiguredImageService, imageConfig } from "astro:assets";
 import satori from "satori";
-import { html as htmlToVNode } from "satori-html";
+import { html } from "satori-html";
 import he from "he";
-async function htmlToPNG(html, satoriOptions) {
-  const responseTextWithDecodedHtmlEntities = he.decode(html);
-  const vnode = htmlToVNode(responseTextWithDecodedHtmlEntities);
-  const svg = await satori(vnode, satoriOptions);
-  const fileBuffer = Buffer.from(svg, "utf-8");
-  const uint8Array = new Uint8Array(
-    fileBuffer.buffer,
-    fileBuffer.byteOffset,
-    fileBuffer.byteLength
-  );
-  return bufferToTransformedPNG(uint8Array);
+
+//#region src/image.ts
+/**
+* Convert an html string to an image
+*/
+async function htmlToPNG(html$1, satoriOptions) {
+	const responseTextWithDecodedHtmlEntities = he.decode(html$1);
+	const vnode = html(responseTextWithDecodedHtmlEntities);
+	const svg = await satori(vnode, satoriOptions);
+	const fileBuffer = Buffer.from(svg, "utf-8");
+	const uint8Array = new Uint8Array(fileBuffer.buffer, fileBuffer.byteOffset, fileBuffer.byteLength);
+	return bufferToTransformedPNG(uint8Array);
 }
+/**
+* Convert a buffer to an image using the astro local image service
+*/
 async function bufferToTransformedPNG(imageBuffer) {
-  const imageService = await getConfiguredImageService();
-  return imageService.transform(
-    imageBuffer,
-    { src: "", format: "png" },
-    imageConfig
-  );
+	const imageService = await getConfiguredImageService();
+	return imageService.transform(imageBuffer, {
+		src: "",
+		format: "png"
+	}, imageConfig);
 }
 
-// src/endpoint.ts
-function makeOpengraphDevEndpoint({
-  template,
-  contentType = "text/html"
-}) {
-  return async ({ locals, params, props, request }) => {
-    const config = await getResolvedConfig();
-    if (config.command !== "dev") {
-      return new Response(null, { status: 404 });
-    }
-    if (!isAstroComponentFactory(template)) {
-      throw new Error(`Given is not an Astro template.`);
-    }
-    const container = await experimental_AstroContainer.create();
-    const templateStr = await container.renderToString(template, {
-      partial: false,
-      request,
-      params,
-      locals,
-      props
-    });
-    return new Response(templateStr, {
-      headers: {
-        "Content-Type": contentType
-      }
-    });
-  };
+//#endregion
+//#region src/endpoint.ts
+function makeOpengraphDevEndpoint({ template, contentType = "text/html" }) {
+	return async ({ locals, params, props, request }) => {
+		const config = await getResolvedConfig();
+		if (config.command !== "dev") return new Response(null, { status: 404 });
+		if (!isAstroComponentFactory(template)) throw new Error(`Given is not an Astro template.`);
+		const container = await experimental_AstroContainer.create();
+		const templateStr = await container.renderToString(template, {
+			partial: false,
+			request,
+			params,
+			locals,
+			props
+		});
+		return new Response(templateStr, { headers: { "Content-Type": contentType } });
+	};
 }
-function makeOpengraphEndpoint({
-  template,
-  imageOptionOverrides,
-  contentType = "image/png"
-}) {
-  return async ({ locals, params, props, request }) => {
-    if (!isAstroComponentFactory(template)) {
-      throw new Error(`Given is not an Astro template.`);
-    }
-    const container = await experimental_AstroContainer.create();
-    const templateStr = await container.renderToString(template, {
-      partial: false,
-      request,
-      params,
-      locals,
-      props
-    });
-    const config = await getResolvedConfig();
-    const imageOptions = {
-      ...config.imageOptions,
-      ...imageOptionOverrides
-    };
-    const png = await htmlToPNG(templateStr, imageOptions);
-    return new Response(png.data, {
-      headers: {
-        "Content-Type": contentType
-      }
-    });
-  };
+function makeOpengraphEndpoint({ template, imageOptionOverrides, contentType = "image/png" }) {
+	return async ({ locals, params, props, request }) => {
+		if (!isAstroComponentFactory(template)) throw new Error(`Given is not an Astro template.`);
+		const container = await experimental_AstroContainer.create();
+		const templateStr = await container.renderToString(template, {
+			partial: false,
+			request,
+			params,
+			locals,
+			props
+		});
+		const config = await getResolvedConfig();
+		const imageOptions = {
+			...config.imageOptions,
+			...imageOptionOverrides
+		};
+		const png = await htmlToPNG(templateStr, imageOptions);
+		return new Response(png.data, { headers: { "Content-Type": contentType } });
+	};
 }
-export {
-  makeOpengraphDevEndpoint,
-  makeOpengraphEndpoint
-};
+
+//#endregion
+export { makeOpengraphDevEndpoint, makeOpengraphEndpoint };
+//# sourceMappingURL=endpoint.js.map

package/dist/endpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint.js","names":["html: string","satoriOptions: SatoriOptions","html","imageBuffer: Uint8Array"],"sources":["../src/image.ts","../src/endpoint.ts"],"sourcesContent":["import { getConfiguredImageService, imageConfig } from \"astro:assets\";\nimport satori, { type SatoriOptions } from \"satori\";\nimport { html as htmlToVNode } from \"satori-html\";\nimport he from \"he\";\n\nimport type { LocalImageService } from \"astro\";\n\n/**\n * Convert an html string to an image\n */\nexport async function htmlToPNG(\n  html: string,\n  satoriOptions: SatoriOptions,\n): Promise<ReturnType<LocalImageService[\"transform\"]>> {\n  // html text => vnode\n  const responseTextWithDecodedHtmlEntities = he.decode(html);\n  const vnode = htmlToVNode(responseTextWithDecodedHtmlEntities);\n\n  // vnode => svg\n  const svg = await satori(vnode as React.ReactNode, satoriOptions);\n\n  // svg => buffer\n  const fileBuffer = Buffer.from(svg, \"utf-8\");\n  const uint8Array = new Uint8Array(\n    fileBuffer.buffer,\n    fileBuffer.byteOffset,\n    fileBuffer.byteLength,\n  );\n\n  // buffer => transformed png\n  return bufferToTransformedPNG(uint8Array);\n}\n\n/**\n * Convert a buffer to an image using the astro local image service\n */\nasync function bufferToTransformedPNG(\n  imageBuffer: Uint8Array,\n): ReturnType<LocalImageService[\"transform\"]> {\n  const imageService = (await getConfiguredImageService()) as LocalImageService;\n\n  return imageService.transform(\n    imageBuffer,\n    { src: \"\", format: \"png\" },\n    imageConfig,\n  );\n}\n","import type { APIRoute } from \"astro\";\nimport { experimental_AstroContainer } from \"astro/container\";\nimport { isAstroComponentFactory } from \"astro/runtime/server/render/astro/factory.js\";\nimport { getResolvedConfig } from \"./config.js\";\nimport type { ImageOptions } from \"./types.js\";\nimport { htmlToPNG } from \"./image.js\";\n\ntype Options = {\n  // We don't just type this as `AstroComponentFactory` because astro typing is\n  // hard to get right and simply importing a .astro file doesn't give you\n  // something typed as a factory.\n  template: unknown;\n  /**\n   * Custom \"Content-Type\" header, only used in SSR. Defaults to \"image/png\"\n   */\n  contentType?: string;\n  imageOptionOverrides?: Partial<ImageOptions>;\n};\n\nexport function makeOpengraphDevEndpoint({\n  template,\n  contentType = \"text/html\",\n}: Options): APIRoute {\n  return async ({ locals, params, props, request }) => {\n    const config = await getResolvedConfig();\n    if (config.command !== \"dev\") {\n      return new Response(null, { status: 404 });\n    }\n\n    if (!isAstroComponentFactory(template)) {\n      throw new Error(`Given is not an Astro template.`);\n    }\n\n    const container = await experimental_AstroContainer.create();\n    const templateStr = await container.renderToString(template, {\n      partial: false,\n      request,\n      params,\n      locals,\n      props,\n    });\n\n    return new Response(templateStr, {\n      headers: {\n        \"Content-Type\": contentType,\n      },\n    });\n  };\n}\n\nexport function makeOpengraphEndpoint({\n  template,\n  imageOptionOverrides,\n  contentType = \"image/png\",\n}: Options): APIRoute {\n  return async ({ locals, params, props, request }) => {\n    if (!isAstroComponentFactory(template)) {\n      throw new Error(`Given is not an Astro template.`);\n    }\n\n    const container = await experimental_AstroContainer.create();\n    const templateStr = await container.renderToString(template, {\n      partial: false,\n      request,\n      params,\n      locals,\n      props,\n    });\n\n    const config = await getResolvedConfig();\n    const imageOptions = {\n      ...config.imageOptions,\n      ...imageOptionOverrides,\n    };\n    const png = await htmlToPNG(templateStr, imageOptions);\n\n    return new Response(png.data, {\n      headers: {\n        \"Content-Type\": contentType,\n      },\n    });\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAUA,eAAsB,UACpBA,QACAC,eACqD;CAErD,MAAM,sCAAsC,GAAG,OAAOC,OAAK;CAC3D,MAAM,QAAQ,KAAY,oCAAoC;CAG9D,MAAM,MAAM,MAAM,OAAO,OAA0B,cAAc;CAGjE,MAAM,aAAa,OAAO,KAAK,KAAK,QAAQ;CAC5C,MAAM,aAAa,IAAI,WACrB,WAAW,QACX,WAAW,YACX,WAAW;AAIb,QAAO,uBAAuB,WAAW;AAC1C;;;;AAKD,eAAe,uBACbC,aAC4C;CAC5C,MAAM,eAAgB,MAAM,2BAA2B;AAEvD,QAAO,aAAa,UAClB,aACA;EAAE,KAAK;EAAI,QAAQ;CAAO,GAC1B,YACD;AACF;;;;AC3BD,SAAgB,yBAAyB,EACvC,UACA,cAAc,aACN,EAAY;AACpB,QAAO,OAAO,EAAE,QAAQ,QAAQ,OAAO,SAAS,KAAK;EACnD,MAAM,SAAS,MAAM,mBAAmB;AACxC,MAAI,OAAO,YAAY,MACrB,QAAO,IAAI,SAAS,MAAM,EAAE,QAAQ,IAAK;AAG3C,OAAK,wBAAwB,SAAS,CACpC,OAAM,IAAI,OAAO;EAGnB,MAAM,YAAY,MAAM,4BAA4B,QAAQ;EAC5D,MAAM,cAAc,MAAM,UAAU,eAAe,UAAU;GAC3D,SAAS;GACT;GACA;GACA;GACA;EACD,EAAC;AAEF,SAAO,IAAI,SAAS,aAAa,EAC/B,SAAS,EACP,gBAAgB,YACjB,EACF;CACF;AACF;AAED,SAAgB,sBAAsB,EACpC,UACA,sBACA,cAAc,aACN,EAAY;AACpB,QAAO,OAAO,EAAE,QAAQ,QAAQ,OAAO,SAAS,KAAK;AACnD,OAAK,wBAAwB,SAAS,CACpC,OAAM,IAAI,OAAO;EAGnB,MAAM,YAAY,MAAM,4BAA4B,QAAQ;EAC5D,MAAM,cAAc,MAAM,UAAU,eAAe,UAAU;GAC3D,SAAS;GACT;GACA;GACA;GACA;EACD,EAAC;EAEF,MAAM,SAAS,MAAM,mBAAmB;EACxC,MAAM,eAAe;GACnB,GAAG,OAAO;GACV,GAAG;EACJ;EACD,MAAM,MAAM,MAAM,UAAU,aAAa,aAAa;AAEtD,SAAO,IAAI,SAAS,IAAI,MAAM,EAC5B,SAAS,EACP,gBAAgB,YACjB,EACF;CACF;AACF"}

package/dist/index.d.ts

@@ -1,3 +1,8 @@
-export { default } from "./integration.js";
-export type { OpengraphImageConfig, ImageOptionsWithFontPaths, ComponentMetaTagFallbacks, } from "./types.js";
+import { ComponentMetaTagFallbacks, ImageOptionsWithFontPaths, OpengraphImageConfig } from "./types-B1hoqgLx.js";
+import { AstroIntegration } from "astro";
+
+//#region src/integration.d.ts
+declare const _default: (config: OpengraphImageConfig) => AstroIntegration;
+//#endregion
+export { ComponentMetaTagFallbacks, ImageOptionsWithFontPaths, OpengraphImageConfig, _default as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,65 +1,48 @@
-// src/virtual-user-config.ts
+//#region src/virtual-user-config.ts
 function resolveVirtualModuleId(id) {
-  return `\0${id}`;
+	return `\0${id}`;
 }
+/**
+* Vite plugin that exposes OpengraphImage user config and project context via
+* virtual modules.
+*/
 function vitePluginOpengraphImageUserConfig(config) {
-  const modules = {
-    "virtual:astro-opengraph/user-config": `export default ${JSON.stringify(
-      config
-    )}`
-  };
-  const resolutionMap = Object.fromEntries(
-    Object.keys(modules).map((key) => [
-      resolveVirtualModuleId(key),
-      key
-    ])
-  );
-  return {
-    name: "vite-plugin-astro-opengraph-user-config",
-    resolveId(id) {
-      if (id in modules) return resolveVirtualModuleId(id);
-    },
-    load(id) {
-      const resolution = resolutionMap[id];
-      if (resolution) return modules[resolution];
-    }
-  };
+	/** Map of virtual module names to their code contents as strings. */
+	const modules = { "virtual:astro-opengraph/user-config": `export default ${JSON.stringify(config)}` };
+	/** Mapping names prefixed with `\0` to their original form. */
+	const resolutionMap = Object.fromEntries(Object.keys(modules).map((key) => [resolveVirtualModuleId(key), key]));
+	return {
+		name: "vite-plugin-astro-opengraph-user-config",
+		resolveId(id) {
+			if (id in modules) return resolveVirtualModuleId(id);
+		},
+		load(id) {
+			const resolution = resolutionMap[id];
+			if (resolution) return modules[resolution];
+		}
+	};
 }
 
-// src/integration.ts
+//#endregion
+//#region src/integration.ts
 var integration_default = (config) => ({
-  name: "@altano/astro-opengraph",
-  hooks: {
-    async "astro:config:setup"({
-      updateConfig,
-      command,
-      addDevToolbarApp
-    }) {
-      const imageOptions = await config.getImageOptions();
-      const configSerializable = {
-        imageOptions,
-        command
-      };
-      updateConfig({
-        vite: {
-          // Shove the serializable config into the virtual module for later
-          // retrieval in the middleware
-          plugins: [vitePluginOpengraphImageUserConfig(configSerializable)]
-        }
-      });
-      addDevToolbarApp({
-        id: "@altano/astro-opengraph",
-        name: "Open Graph",
-        // icon: "🌠",
-        icon: "image",
-        // We don't use `@altano/astro-opengraph/toolbar` because that won't
-        // resolve when serving the test fixture for e2e runs (`pnpm
-        // test:e2e:server`)
-        entrypoint: new URL("./toolbar/index.js", import.meta.url)
-      });
-    }
-  }
+	name: "@altano/astro-opengraph",
+	hooks: { async "astro:config:setup"({ updateConfig, command, addDevToolbarApp }) {
+		const imageOptions = await config.getImageOptions();
+		const configSerializable = {
+			imageOptions,
+			command
+		};
+		updateConfig({ vite: { plugins: [vitePluginOpengraphImageUserConfig(configSerializable)] } });
+		addDevToolbarApp({
+			id: "@altano/astro-opengraph",
+			name: "Open Graph",
+			icon: "image",
+			entrypoint: new URL("./toolbar/index.js", import.meta.url)
+		});
+	} }
 });
-export {
-  integration_default as default
-};
+
+//#endregion
+export { integration_default as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["id: T","config: OpengraphImageConfigSerializable","config: OpengraphImageConfig","configSerializable: OpengraphImageConfigSerializable"],"sources":["../src/virtual-user-config.ts","../src/integration.ts"],"sourcesContent":["import type { ViteUserConfig } from \"astro\";\n\nimport type { OpengraphImageConfigSerializable } from \"./types.js\";\n\nfunction resolveVirtualModuleId<T extends string>(id: T): `\\0${T}` {\n  return `\\0${id}`;\n}\n\n/**\n * Vite plugin that exposes OpengraphImage user config and project context via\n * virtual modules.\n */\nexport function vitePluginOpengraphImageUserConfig(\n  config: OpengraphImageConfigSerializable,\n): NonNullable<ViteUserConfig[\"plugins\"]>[number] {\n  /** Map of virtual module names to their code contents as strings. */\n  const modules = {\n    \"virtual:astro-opengraph/user-config\": `export default ${JSON.stringify(\n      config,\n    )}`,\n  } satisfies Record<string, string>;\n\n  /** Mapping names prefixed with `\\0` to their original form. */\n  const resolutionMap = Object.fromEntries(\n    (Object.keys(modules) as (keyof typeof modules)[]).map((key) => [\n      resolveVirtualModuleId(key),\n      key,\n    ]),\n  );\n\n  return {\n    name: \"vite-plugin-astro-opengraph-user-config\",\n    resolveId(id): string | void {\n      if (id in modules) return resolveVirtualModuleId(id);\n    },\n    load(id): string | void {\n      const resolution = resolutionMap[id];\n      if (resolution) return modules[resolution];\n    },\n  };\n}\n","import type { AstroIntegration } from \"astro\";\nimport type {\n  OpengraphImageConfig,\n  OpengraphImageConfigSerializable,\n} from \"./types.js\";\nimport { vitePluginOpengraphImageUserConfig } from \"./virtual-user-config.js\";\n\nexport default (config: OpengraphImageConfig): AstroIntegration => ({\n  name: \"@altano/astro-opengraph\",\n  hooks: {\n    async \"astro:config:setup\"({\n      updateConfig,\n      command,\n      addDevToolbarApp,\n    }): Promise<void> {\n      const imageOptions = await config.getImageOptions();\n      const configSerializable: OpengraphImageConfigSerializable = {\n        imageOptions,\n        command,\n      };\n      updateConfig({\n        vite: {\n          // Shove the serializable config into the virtual module for later\n          // retrieval in the middleware\n          plugins: [vitePluginOpengraphImageUserConfig(configSerializable)],\n        },\n      });\n      addDevToolbarApp({\n        id: \"@altano/astro-opengraph\",\n        name: \"Open Graph\",\n        // icon: \"🌠\",\n        icon: \"image\",\n        // We don't use `@altano/astro-opengraph/toolbar` because that won't\n        // resolve when serving the test fixture for e2e runs (`pnpm\n        // test:e2e:server`)\n        entrypoint: new URL(\"./toolbar/index.js\", import.meta.url),\n      });\n    },\n  },\n});\n"],"mappings":";AAIA,SAAS,uBAAyCA,IAAiB;AACjE,SAAQ,IAAI,GAAG;AAChB;;;;;AAMD,SAAgB,mCACdC,QACgD;;CAEhD,MAAM,UAAU,EACd,wCAAwC,iBAAiB,KAAK,UAC5D,OACD,CAAC,EACH;;CAGD,MAAM,gBAAgB,OAAO,YAC3B,AAAC,OAAO,KAAK,QAAQ,CAA8B,IAAI,CAAC,QAAQ,CAC9D,uBAAuB,IAAI,EAC3B,GACD,EAAC,CACH;AAED,QAAO;EACL,MAAM;EACN,UAAU,IAAmB;AAC3B,OAAI,MAAM,QAAS,QAAO,uBAAuB,GAAG;EACrD;EACD,KAAK,IAAmB;GACtB,MAAM,aAAa,cAAc;AACjC,OAAI,WAAY,QAAO,QAAQ;EAChC;CACF;AACF;;;;ACjCD,0BAAe,CAACC,YAAoD;CAClE,MAAM;CACN,OAAO,EACL,MAAM,qBAAqB,EACzB,cACA,SACA,kBACD,EAAiB;EAChB,MAAM,eAAe,MAAM,OAAO,iBAAiB;EACnD,MAAMC,qBAAuD;GAC3D;GACA;EACD;AACD,eAAa,EACX,MAAM,EAGJ,SAAS,CAAC,mCAAmC,mBAAmB,AAAC,EAClE,EACF,EAAC;AACF,mBAAiB;GACf,IAAI;GACJ,MAAM;GAEN,MAAM;GAIN,YAAY,IAAI,IAAI,sBAAsB,OAAO,KAAK;EACvD,EAAC;CACH,EACF;AACF"}

package/dist/toolbar/index.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import("astro").DevToolbarApp;
-export default _default;
+import { DevToolbarApp } from "astro";
+
+//#region src/toolbar/index.d.ts
+declare const app: DevToolbarApp;
+//#endregion
+export { app as default };
 //# sourceMappingURL=index.d.ts.map