@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.
Files changed (3) hide show
  1. package/README.md +30 -4
  2. package/README.npm.md +164 -0
  3. 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
- <a href="https://www.linkedin.com/in/vladtimchenko/" target="_blank" style="transition: transform .15s ease;">
13
- <img style="width: 39%;" src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-dark.svg" />
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/" target="_blank" style="transition: transform .15s ease;">
17
- <img style="width: 39%;" src="https://raw.githubusercontent.com/curiousvlxd/linkedin-badge-renderer/main/assets/example-light.svg" />
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.25",
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"