nuxt-og-image 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mkdir, writeFile, readFile, rm } from 'node:fs/promises';
|
|
2
|
-
import { defineNuxtModule, createResolver, addTemplate, addServerHandler, addImports, addComponent } from '@nuxt/kit';
|
|
2
|
+
import { defineNuxtModule, createResolver, addTemplate, getNuxtVersion, addServerHandler, addImports, addComponent } from '@nuxt/kit';
|
|
3
3
|
import { execa } from 'execa';
|
|
4
4
|
import { hash } from 'ohash';
|
|
5
5
|
import chalk from 'chalk';
|
|
@@ -94,13 +94,15 @@ declare module 'nitropack' {
|
|
|
94
94
|
nuxt.hooks.hook("prepare:types", ({ references }) => {
|
|
95
95
|
references.push({ path: resolve(nuxt.options.buildDir, "nuxt-og-image.d.ts") });
|
|
96
96
|
});
|
|
97
|
-
|
|
98
|
-
handler: resolve("./runtime/nitro/html")
|
|
99
|
-
});
|
|
100
|
-
if (config.runtimeImages) {
|
|
97
|
+
if (getNuxtVersion(nuxt) !== "3.0.0") {
|
|
101
98
|
addServerHandler({
|
|
102
|
-
handler: resolve("./runtime/nitro/
|
|
99
|
+
handler: resolve("./runtime/nitro/html")
|
|
103
100
|
});
|
|
101
|
+
if (config.runtimeImages) {
|
|
102
|
+
addServerHandler({
|
|
103
|
+
handler: resolve("./runtime/nitro/image")
|
|
104
|
+
});
|
|
105
|
+
}
|
|
104
106
|
}
|
|
105
107
|
addImports({
|
|
106
108
|
name: "defineOgImage",
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
/// <reference types="node" />
|
|
2
|
+
import type { Browser } from 'playwright';
|
|
3
|
+
import type { ScreenshotOptions } from '../../types';
|
|
2
4
|
export declare const HtmlRendererRoute = "__og_image";
|
|
3
5
|
export declare const RuntimeImageSuffix = "og-image.png";
|
|
6
|
+
export declare function createBrowser(): Promise<Browser>;
|
|
7
|
+
export declare function screenshot(browser: Browser, url: string, options: ScreenshotOptions): Promise<Buffer>;
|
|
4
8
|
declare const _default: import("h3").EventHandler<Buffer | undefined>;
|
|
5
9
|
export default _default;
|
|
@@ -1,7 +1,50 @@
|
|
|
1
1
|
import { defineEventHandler, getRequestHeader, setHeader } from "h3";
|
|
2
|
-
import { createBrowser, screenshot } from "../browserService.mjs";
|
|
3
2
|
export const HtmlRendererRoute = "__og_image";
|
|
4
3
|
export const RuntimeImageSuffix = "og-image.png";
|
|
4
|
+
async function createLambdaBrowser() {
|
|
5
|
+
try {
|
|
6
|
+
const playwright = await import("playwright-core");
|
|
7
|
+
const awsChrome = await import("chrome-aws-lambda");
|
|
8
|
+
return await playwright.chromium.launch({
|
|
9
|
+
args: awsChrome.args,
|
|
10
|
+
executablePath: await awsChrome.executablePath,
|
|
11
|
+
headless: awsChrome.headless
|
|
12
|
+
});
|
|
13
|
+
} catch (e) {
|
|
14
|
+
}
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
export async function createBrowser() {
|
|
18
|
+
const lambdaBrowser = await createLambdaBrowser();
|
|
19
|
+
if (lambdaBrowser)
|
|
20
|
+
return lambdaBrowser;
|
|
21
|
+
const playwright = await import("playwright");
|
|
22
|
+
return await playwright.chromium.launch({
|
|
23
|
+
chromiumSandbox: true
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
export async function screenshot(browser, url, options) {
|
|
27
|
+
const page = await browser.newPage({
|
|
28
|
+
colorScheme: options.colorScheme
|
|
29
|
+
});
|
|
30
|
+
await page.setViewportSize({
|
|
31
|
+
width: options.width,
|
|
32
|
+
height: options.height
|
|
33
|
+
});
|
|
34
|
+
await page.goto(url, {
|
|
35
|
+
timeout: 1e4,
|
|
36
|
+
waitUntil: "networkidle"
|
|
37
|
+
});
|
|
38
|
+
if (options.mask) {
|
|
39
|
+
await page.evaluate((mask) => {
|
|
40
|
+
for (const el of document.querySelectorAll(mask))
|
|
41
|
+
el.style.display = "none";
|
|
42
|
+
}, options.mask);
|
|
43
|
+
}
|
|
44
|
+
if (options.selector)
|
|
45
|
+
await page.locator(options.selector).screenshot();
|
|
46
|
+
return await page.screenshot();
|
|
47
|
+
}
|
|
5
48
|
export default defineEventHandler(async (e) => {
|
|
6
49
|
if (!e.path?.endsWith(RuntimeImageSuffix))
|
|
7
50
|
return;
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import type { Browser } from 'playwright';
|
|
3
|
-
import type { ScreenshotOptions } from '../types';
|
|
4
|
-
export declare function createBrowser(): Promise<Browser>;
|
|
5
|
-
export declare function screenshot(browser: Browser, url: string, options: ScreenshotOptions): Promise<Buffer>;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
async function createLambdaBrowser() {
|
|
2
|
-
try {
|
|
3
|
-
const playwright = await import("playwright-core");
|
|
4
|
-
const awsChrome = await import("chrome-aws-lambda");
|
|
5
|
-
return await playwright.chromium.launch({
|
|
6
|
-
args: awsChrome.args,
|
|
7
|
-
executablePath: await awsChrome.executablePath,
|
|
8
|
-
headless: awsChrome.headless
|
|
9
|
-
});
|
|
10
|
-
} catch (e) {
|
|
11
|
-
}
|
|
12
|
-
return false;
|
|
13
|
-
}
|
|
14
|
-
export async function createBrowser() {
|
|
15
|
-
const lambdaBrowser = await createLambdaBrowser();
|
|
16
|
-
if (lambdaBrowser)
|
|
17
|
-
return lambdaBrowser;
|
|
18
|
-
const playwright = await import("playwright");
|
|
19
|
-
return await playwright.chromium.launch({
|
|
20
|
-
chromiumSandbox: true
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
export async function screenshot(browser, url, options) {
|
|
24
|
-
const page = await browser.newPage({
|
|
25
|
-
colorScheme: options.colorScheme
|
|
26
|
-
});
|
|
27
|
-
await page.setViewportSize({
|
|
28
|
-
width: options.width,
|
|
29
|
-
height: options.height
|
|
30
|
-
});
|
|
31
|
-
await page.goto(url, {
|
|
32
|
-
timeout: 1e4,
|
|
33
|
-
waitUntil: "networkidle"
|
|
34
|
-
});
|
|
35
|
-
if (options.mask) {
|
|
36
|
-
await page.evaluate((mask) => {
|
|
37
|
-
for (const el of document.querySelectorAll(mask))
|
|
38
|
-
el.style.display = "none";
|
|
39
|
-
}, options.mask);
|
|
40
|
-
}
|
|
41
|
-
if (options.selector)
|
|
42
|
-
await page.locator(options.selector).screenshot();
|
|
43
|
-
return await page.screenshot();
|
|
44
|
-
}
|