@altano/astro-opengraph 0.1.0-alpha.3 → 0.1.0

package/dist/types-Lk5HqHkQ.d.ts

@@ -0,0 +1,71 @@
+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-Lk5HqHkQ.d.ts.map

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@altano/astro-opengraph",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0",
   "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": {
@@ -25,6 +28,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./components/meta.astro": "./components/meta.astro",
+    "./config": "./dist/config.js",
     "./endpoint": "./dist/endpoint.js",
     "./toolbar": "./dist/toolbar/index.js"
   },
@@ -41,57 +45,55 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
+    "@astrojs/preact": "^4.0.8",
+    "@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",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "@vitest/coverage-v8": "^3.1.1",
-    "astro": "^5.5.6",
+    "@vitest/coverage-v8": "^3.1.4",
+    "astro": "^5.8.0",
     "depcheck": "^1.4.7",
     "jest-image-snapshot": "^6.4.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "preact": "^10.26.5",
     "sharp": "^0.33.1",
-    "tsup": "^8.4.0",
+    "svelte": "^5.25.12",
+    "tsdown": "^0.12.3",
     "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/build-config": "0.0.0",
-    "@altano/testing": "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.0",
+    "@altano/tsconfig": "0.0.1",
     "@altano/vitest-plugins": "1.1.0"
   },
   "peerDependencies": {
-    "@types/react": ">=18",
-    "@types/react-dom": ">=18",
     "astro": "5.x.x",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "preact": ">=10"
   },
   "publishConfig": {
     "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",
     "lint:timing": "TIMING=1 eslint src/**/*.ts*",
     "test:e2e": "playwright test",
-    "test:e2e:server": "astro --root tests/fixtures/ssg --port 3913 dev",
+    "test:e2e:server": "astro --root tests/fixtures/ui-frameworks --port 3913 dev",
     "test:e2e:ui": "playwright test --ui",
     "test:unit": "vitest --run",
     "test:unit:watch": "vitest"

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 React from "react";
-export declare function CopyImageUrlButton(): React.JSX.Element;
-//# sourceMappingURL=CopyImageUrlButton.d.ts.map

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

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

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

@@ -1,5 +0,0 @@
-import React from "react";
-export declare function Image({ imageSize }: {
-    imageSize: number;
-}): React.JSX.Element;
-//# sourceMappingURL=Image.d.ts.map

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

@@ -1,4 +0,0 @@
-export declare function ImageSection({ isHovered, }: {
-    isHovered: boolean;
-}): React.JSX.Element;
-//# sourceMappingURL=ImageSection.d.ts.map

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

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

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

@@ -1,7 +0,0 @@
-import type React from "react";
-type LinkOrTextType = React.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 React from "react";
-export declare function MetaTags(): React.JSX.Element;
-//# sourceMappingURL=MetaTags.d.ts.map

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

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

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

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

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

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

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

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

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

@@ -1,7 +0,0 @@
-import type React from "react";
-export declare function ZoomButton({ value, imageSize, setImageSize, }: {
-    value: number;
-    imageSize: number;
-    setImageSize: React.Dispatch<React.SetStateAction<number>>;
-}): React.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/hooks/useHoverState.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function useHoverState<TElement extends HTMLElement>(setHoverState: React.Dispatch<React.SetStateAction<boolean>>): React.RefObject<TElement | null>;
-//# 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