@curiousvlxd/linkedin-badge-renderer 0.1.25 → 0.1.26
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/README.md +30 -4
- package/README.npm.md +164 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -8,14 +8,36 @@
|
|
|
8
8
|
/>
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
|
+
<p align="center">
|
|
12
|
+
<a href="https://github.com/curiousvlxd/linkedin-badge-renderer/actions/workflows/npm-publish.yml">
|
|
13
|
+
<img src="https://github.com/curiousvlxd/linkedin-badge-renderer/actions/workflows/npm-publish.yml/badge.svg" />
|
|
14
|
+
</a>
|
|
15
|
+
|
|
16
|
+
<a href="https://www.npmjs.com/package/@curiousvlxd/linkedin-badge-renderer">
|
|
17
|
+
<img src="https://img.shields.io/npm/v/@curiousvlxd/linkedin-badge-renderer?color=cb3837&logo=npm" />
|
|
18
|
+
</a>
|
|
19
|
+
|
|
20
|
+
<a href="https://github.com/curiousvlxd/linkedin-badge-renderer/pkgs/npm/linkedin-badge-renderer">
|
|
21
|
+
<img src="https://img.shields.io/badge/GitHub%20Packages-published-1f6feb?logo=github" />
|
|
22
|
+
</a>
|
|
23
|
+
</p>
|
|
24
|
+
|
|
11
25
|
<div align="center" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;">
|
|
12
|
-
|
|
13
|
-
|
|
26
|
+
|
|
27
|
+
<a href="https://www.linkedin.com/in/vladtimchenko/">
|
|
28
|
+
<img
|
|
29
|
+
style="width: 49%;"
|
|
30
|
+
src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-dark.svg"
|
|
31
|
+
/>
|
|
14
32
|
</a>
|
|
15
33
|
|
|
16
|
-
<a href="https://www.linkedin.com/in/vladtimchenko/"
|
|
17
|
-
<img
|
|
34
|
+
<a href="https://www.linkedin.com/in/vladtimchenko/">
|
|
35
|
+
<img
|
|
36
|
+
style="width: 49%;"
|
|
37
|
+
src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-light.svg"
|
|
38
|
+
/>
|
|
18
39
|
</a>
|
|
40
|
+
|
|
19
41
|
</div>
|
|
20
42
|
|
|
21
43
|
A CLI tool for generating LinkedIn profile badges in SVG, PNG, JPEG, or PDF format.
|
|
@@ -161,3 +183,7 @@ Embed the badge in any README:
|
|
|
161
183
|
```
|
|
162
184
|
|
|
163
185
|
---
|
|
186
|
+
|
|
187
|
+
## License
|
|
188
|
+
|
|
189
|
+
MIT © Vlad Timchenko
|
package/README.npm.md
ADDED
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
# linkedin-badge-renderer
|
|
2
|
+
|
|
3
|
+
<p align="center">
|
|
4
|
+
<img
|
|
5
|
+
src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/logo.png"
|
|
6
|
+
width="200"
|
|
7
|
+
alt="LinkedIn Badge Renderer Logo"
|
|
8
|
+
/>
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
<p align="center">
|
|
12
|
+
<a href="https://www.linkedin.com/in/vladtimchenko/">
|
|
13
|
+
<img src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-dark.svg" width="380" />
|
|
14
|
+
<img src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-light.svg" width="380" />
|
|
15
|
+
</a>
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
A CLI tool for generating LinkedIn profile badges in SVG, PNG, JPEG, or PDF format.
|
|
19
|
+
|
|
20
|
+
Renders the official LinkedIn badge using Playwright and exports pixel-perfect assets for websites, resumes, and portfolios.
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
## Features
|
|
25
|
+
|
|
26
|
+
- Generate badges as SVG, PNG, JPEG, or PDF
|
|
27
|
+
- Pixel-perfect rendering via Chromium
|
|
28
|
+
- Transparent background for images
|
|
29
|
+
- No manual screenshots
|
|
30
|
+
- Works in CI and GitHub Actions
|
|
31
|
+
- Cross-platform (Windows, macOS, Linux)
|
|
32
|
+
|
|
33
|
+
---
|
|
34
|
+
|
|
35
|
+
## Installation
|
|
36
|
+
|
|
37
|
+
Install globally from npm:
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm install -g @curiousvlxd/linkedin-badge-renderer
|
|
41
|
+
npx playwright install chromium
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
Or clone the repository:
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
git clone https://github.com/curiousvlxd/linkedin-badge-renderer.git
|
|
48
|
+
cd linkedin-badge-renderer
|
|
49
|
+
npm install
|
|
50
|
+
npx playwright install chromium
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
## Usage
|
|
56
|
+
|
|
57
|
+
Basic example:
|
|
58
|
+
|
|
59
|
+
```bash
|
|
60
|
+
linkedin-badge --handle vladtimchenko
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Generate SVG (default):
|
|
64
|
+
|
|
65
|
+
```bash
|
|
66
|
+
linkedin-badge --handle vladtimchenko --format svg
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
Generate PNG:
|
|
70
|
+
|
|
71
|
+
```bash
|
|
72
|
+
linkedin-badge --handle vladtimchenko --format png
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Custom output path:
|
|
76
|
+
|
|
77
|
+
```bash
|
|
78
|
+
linkedin-badge --handle vladtimchenko --out dist/badge.svg
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
Dark theme, vertical layout:
|
|
82
|
+
|
|
83
|
+
```bash
|
|
84
|
+
linkedin-badge --handle vladtimchenko --theme dark --orientation vertical
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
---
|
|
88
|
+
|
|
89
|
+
## Available Options
|
|
90
|
+
|
|
91
|
+
| Option | Description | Default | Values |
|
|
92
|
+
|--------|-------------|---------|--------|
|
|
93
|
+
| --handle | LinkedIn handle | Required | Any valid handle |
|
|
94
|
+
| --format | Output format | svg | svg, png, jpeg, pdf |
|
|
95
|
+
| --out | Output path | dist/linkedin-badge.svg | Any path |
|
|
96
|
+
| --theme | Badge theme | light | light, dark |
|
|
97
|
+
| --size | Badge size | large | small, medium, large |
|
|
98
|
+
| --locale | LinkedIn locale | en_US | Any locale |
|
|
99
|
+
| --orientation | Layout | HORIZONTAL | HORIZONTAL, VERTICAL |
|
|
100
|
+
| --pad | Padding (px) | 20 | Integer |
|
|
101
|
+
|
|
102
|
+
---
|
|
103
|
+
|
|
104
|
+
## GitHub Actions Integration
|
|
105
|
+
|
|
106
|
+
You can automatically generate and publish your badge using GitHub Actions.
|
|
107
|
+
|
|
108
|
+
Example workflow:
|
|
109
|
+
|
|
110
|
+
```yaml
|
|
111
|
+
name: Export LinkedIn Badge
|
|
112
|
+
|
|
113
|
+
on:
|
|
114
|
+
schedule:
|
|
115
|
+
- cron: "15 2 * * *"
|
|
116
|
+
workflow_dispatch:
|
|
117
|
+
|
|
118
|
+
permissions:
|
|
119
|
+
contents: write
|
|
120
|
+
|
|
121
|
+
jobs:
|
|
122
|
+
badge:
|
|
123
|
+
uses: curiousvlxd/linkedin-badge-renderer/.github/workflows/export.yml@main
|
|
124
|
+
with:
|
|
125
|
+
handle: "vladtimchenko"
|
|
126
|
+
format: "svg"
|
|
127
|
+
out: "linkedin-badge.svg"
|
|
128
|
+
theme: "dark"
|
|
129
|
+
size: "large"
|
|
130
|
+
locale: "en_US"
|
|
131
|
+
orientation: "HORIZONTAL"
|
|
132
|
+
pad: 20
|
|
133
|
+
output_branch: "output"
|
|
134
|
+
commit_message: "chore: update linkedin badge"
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
After the workflow runs, the badge will be available at:
|
|
138
|
+
|
|
139
|
+
```https://raw.githubusercontent.com/<USERNAME>/<REPOSITORY>/<BRANCH>/<FILE_NAME>```
|
|
140
|
+
|
|
141
|
+
---
|
|
142
|
+
|
|
143
|
+
## Using in README
|
|
144
|
+
|
|
145
|
+
Real-world example:
|
|
146
|
+
https://github.com/curiousvlxd/curiousvlxd/blob/main/README.md
|
|
147
|
+
|
|
148
|
+
Embed the badge in any README:
|
|
149
|
+
|
|
150
|
+
```md
|
|
151
|
+
<a href="https://www.linkedin.com/in/vladtimchenko/" target="_blank">
|
|
152
|
+
<img
|
|
153
|
+
src="https://raw.githubusercontent.com/curiousvlxd/curiousvlxd/output/linkedin-badge.svg"
|
|
154
|
+
width="500"
|
|
155
|
+
alt="LinkedIn Profile"
|
|
156
|
+
/>
|
|
157
|
+
</a>
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
---
|
|
161
|
+
|
|
162
|
+
## License
|
|
163
|
+
|
|
164
|
+
MIT © Vlad Timchenko
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@curiousvlxd/linkedin-badge-renderer",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.26",
|
|
4
4
|
"description": "CLI tool for generating LinkedIn profile badges in SVG, PNG, JPEG, and PDF formats using Playwright.",
|
|
5
|
+
"readme": "README.npm.md",
|
|
5
6
|
"type": "module",
|
|
6
7
|
"bin": {
|
|
7
8
|
"linkedin-badge": "src/cli.mjs"
|