@soonit/rspress-plugin-og 0.0.2 → 0.0.5

package/dist/index.d.mts

@@ -1,13 +1,7 @@
-import { t as Options } from "./types-ChngGzQc.mjs";
-import * as _rspress_core0 from "@rspress/core";
-import { PageIndexInfo } from "@rspress/core";
+import { t as Options } from "./types-R_GC9oNb.mjs";
+import { RspressPlugin } from "@rspress/core";
 
 //#region src/index.d.ts
-declare function export_default(userOptions: Options): {
-  name: string;
-  config(config: _rspress_core0.UserConfig): _rspress_core0.UserConfig;
-  extendPageData: (pageData: PageIndexInfo) => void;
-  afterBuild(config: _rspress_core0.UserConfig): Promise<void>;
-};
+declare function export_default(userOptions: Options): RspressPlugin;
 //#endregion
 export { export_default as default };

package/dist/index.mjs

@@ -1,8 +1,9 @@
 import { dirname, join, relative } from "node:path";
+import { performance } from "node:perf_hooks";
 import node_process, { cwd } from "node:process";
-import { Buffer } from "node:buffer";
 import { existsSync, mkdirSync, readFileSync } from "node:fs";
-import sharp from "sharp";
+import { writeFile } from "node:fs/promises";
+import { Resvg } from "@resvg/resvg-js";
 import node_os from "node:os";
 import node_tty from "node:tty";
 import { joinURL } from "ufo";
@@ -119,8 +120,13 @@ async function generateOgImage({ title }, output, options) {
 		line2: lines[1] ? escapeHtml(lines[1]) : "",
 		line3: lines[2] ? escapeHtml(lines[2]) : ""
 	};
-	const svg = ogTemplate.replace(/\{\{([^}]+)\}\}/g, (_, name) => data[name] || "");
-	await sharp(Buffer.from(svg), options.sharpOptions).resize(1200, 630).png().toFile(output);
+	await writeFile(output, new Resvg(ogTemplate.replace(/\{\{([^}]+)\}\}/g, (_, name) => data[name] || ""), {
+		fitTo: {
+			mode: "width",
+			value: 1200
+		},
+		...options.resvgOptions
+	}).render().asPng());
 }
 
 //#endregion
@@ -377,15 +383,17 @@ let src_logger = createLogger();
 
 //#endregion
 //#region src/options.ts
-function resolveOptions(userOptions) {
-	return {
+async function resolveOptions(userOptions) {
+	const options = {
 		domain: "",
 		outDir: "og",
 		ogTemplate: "og-template.svg",
 		maxTitleSizePerLine: 30,
-		sharpOptions: {},
+		resvgOptions: void 0,
 		...userOptions
 	};
+	if (typeof options.resvgOptions === "function") options.resvgOptions = await options.resvgOptions();
+	return options;
 }
 
 //#endregion
@@ -393,7 +401,7 @@ function resolveOptions(userOptions) {
 const NAME = "rspress-plugin-og";
 const LOG_PREFIX = `[${NAME}]`;
 function src_default(userOptions) {
-	const options = resolveOptions(userOptions);
+	let options;
 	const images = /* @__PURE__ */ new Map();
 	const headCreators = [
 		(url) => createTwitterImageHead(url),
@@ -405,7 +413,8 @@ function src_default(userOptions) {
 	];
 	return {
 		name: NAME,
-		config(config) {
+		async config(config) {
+			options = await resolveOptions(userOptions);
 			config.head = [...config.head || [], ...headCreators.map((creator) => (route) => {
 				const imageInfo = images.get(route.routePath);
 				if (!imageInfo) return;
@@ -428,10 +437,12 @@ function src_default(userOptions) {
 		async afterBuild(config) {
 			const outputFolder = join(cwd(), config.outDir ?? "doc_build", options.outDir);
 			src_logger.info(`${LOG_PREFIX} Generating OG images to ${relative(cwd(), outputFolder)} ...`);
+			const start = performance.now();
 			await Promise.all(Array.from(images.entries()).map(([_, { title, imageName }]) => {
 				return generateOgImage({ title }, join(outputFolder, imageName), options);
 			}));
-			src_logger.success(`${LOG_PREFIX} ${images.size} OG images generated.`);
+			const duration = (performance.now() - start) / 1e3;
+			src_logger.success(`${LOG_PREFIX} ${images.size} OG images generated in ${duration.toFixed(2)}s.`);
 		}
 	};
 }

package/dist/{types-ChngGzQc.d.mts → types-R_GC9oNb.d.mts}

@@ -1,4 +1,4 @@
-import sharp from "sharp";
+import { ResvgRenderOptions } from "@resvg/resvg-js";
 
 //#region ../core/src/types.d.ts
 interface Options {
@@ -26,13 +26,13 @@ interface Options {
    */
   ogTemplate?: string;
   /**
-   * Options to pass to the `sharp` image processing library.
-   *
-   * @default {}
+   * Options for resvg rendering
    */
-  sharpOptions?: sharp.SharpOptions;
+  resvgOptions?: ResvgRenderOptions | (() => Promise<ResvgRenderOptions>);
+}
+interface ResolvedOptions extends Required<Omit<Options, 'resvgOptions'>> {
+  resvgOptions?: ResvgRenderOptions;
 }
-interface ResolvedOptions extends Required<Options> {}
 //#endregion
 //#region src/types.d.ts
 interface Options$1 extends Options {}

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { n as ResolvedOptions, t as Options } from "./types-ChngGzQc.mjs";
+import { n as ResolvedOptions, t as Options } from "./types-R_GC9oNb.mjs";
 export { Options, ResolvedOptions };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonit/rspress-plugin-og",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Automatically generate Open Graph images for your Rspress pages.",
   "author": "Estéban Soubiran <esteban@soubiran.dev>",
   "license": "MIT",
@@ -11,9 +11,6 @@
     "type": "git",
     "url": "https://github.com/Barbapapazes/vitepress-plugin-og"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "bugs": "https://github.com/Barbapapazes/vitepress-plugin-og/issues",
   "exports": {
     ".": {
@@ -38,7 +35,7 @@
     "@rspress/core": "^2.0.0-rc.1 || ^2.0.0"
   },
   "dependencies": {
-    "sharp": "^0.34.5",
+    "@resvg/resvg-js": "^2.6.2",
     "ufo": "^1.6.1"
   },
   "devDependencies": {