@curiousvlxd/linkedin-badge-renderer 0.1.15 → 0.1.16
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/package.json
CHANGED
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
|
|
9
9
|
export async function renderBadgeArtifacts({ handle, theme, size, locale, orientation, pad }) {
|
|
10
10
|
return await withBrowser(async (browser) => {
|
|
11
|
-
const context = await createContext(browser);
|
|
11
|
+
const context = await createContext(browser, theme);
|
|
12
12
|
const page = await context.newPage();
|
|
13
13
|
|
|
14
14
|
try {
|
|
@@ -32,13 +32,18 @@ export async function renderBadgeArtifacts({ handle, theme, size, locale, orient
|
|
|
32
32
|
await frame.waitForLoadState("load").catch(() => {});
|
|
33
33
|
|
|
34
34
|
await frame
|
|
35
|
-
.waitForSelector("
|
|
36
|
-
|
|
37
|
-
timeout: 15000,
|
|
35
|
+
.waitForSelector(".profile-badge__content, .profile-badge__name, .profile-badge__cta-btn", {
|
|
36
|
+
timeout: 30000,
|
|
38
37
|
})
|
|
39
38
|
.catch(() => {});
|
|
40
39
|
|
|
41
|
-
await frame
|
|
40
|
+
await frame
|
|
41
|
+
.waitForFunction(() => {
|
|
42
|
+
const imgs = Array.from(document.images || []);
|
|
43
|
+
if (!imgs.length) return false;
|
|
44
|
+
return imgs.every((i) => i.complete && i.naturalWidth > 0);
|
|
45
|
+
}, { timeout: 30000 })
|
|
46
|
+
.catch(() => {});
|
|
42
47
|
|
|
43
48
|
const { badgeInner, cssHrefs } = await extractBadgeFromIframe(frame);
|
|
44
49
|
const renderHtml = buildRenderHtml({ badgeInner, cssHrefs, pad });
|
|
@@ -93,4 +98,4 @@ export async function renderBadgeArtifacts({ handle, theme, size, locale, orient
|
|
|
93
98
|
await context.close().catch(() => {});
|
|
94
99
|
}
|
|
95
100
|
});
|
|
96
|
-
}
|
|
101
|
+
}
|
|
@@ -9,20 +9,14 @@ export async function withBrowser(fn) {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export async function createContext(browser) {
|
|
12
|
+
export async function createContext(browser, theme = "light") {
|
|
13
13
|
return await browser.newContext({
|
|
14
14
|
userAgent:
|
|
15
15
|
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
|
|
16
|
-
|
|
17
16
|
locale: "en-US",
|
|
18
|
-
|
|
19
|
-
viewport: {
|
|
20
|
-
width: 1920,
|
|
21
|
-
height: 1080,
|
|
22
|
-
},
|
|
23
|
-
|
|
17
|
+
viewport: { width: 1920, height: 1080 },
|
|
24
18
|
deviceScaleFactor: 1.5,
|
|
25
|
-
colorScheme: "dark",
|
|
19
|
+
colorScheme: theme === "dark" ? "dark" : "light",
|
|
26
20
|
reducedMotion: "no-preference",
|
|
27
21
|
});
|
|
28
22
|
}
|