n8n-nodes-codetoimage 0.1.1
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/LICENSE.md +19 -0
- package/README.md +314 -0
- package/dist/credentials/CodeToImageApi.credentials.d.ts +10 -0
- package/dist/credentials/CodeToImageApi.credentials.js +48 -0
- package/dist/credentials/CodeToImageApi.credentials.js.map +1 -0
- package/dist/credentials/GithubIssuesApi.credentials.d.ts +10 -0
- package/dist/credentials/GithubIssuesApi.credentials.js +37 -0
- package/dist/credentials/GithubIssuesApi.credentials.js.map +1 -0
- package/dist/credentials/GithubIssuesOAuth2Api.credentials.d.ts +9 -0
- package/dist/credentials/GithubIssuesOAuth2Api.credentials.js +54 -0
- package/dist/credentials/GithubIssuesOAuth2Api.credentials.js.map +1 -0
- package/dist/icons/github.dark.svg +3 -0
- package/dist/icons/github.svg +3 -0
- package/dist/nodes/CodeToImage/CodeToImage.node.d.ts +5 -0
- package/dist/nodes/CodeToImage/CodeToImage.node.js +244 -0
- package/dist/nodes/CodeToImage/CodeToImage.node.js.map +1 -0
- package/dist/nodes/CodeToImage/CodeToImage.node.json +20 -0
- package/dist/nodes/CodeToImage/codetoimage.svg +17 -0
- package/dist/nodes/CodeToImage/codetoimage_dark.svg +17 -0
- package/dist/nodes/Example/Example.node.d.ts +5 -0
- package/dist/nodes/Example/Example.node.js +61 -0
- package/dist/nodes/Example/Example.node.js.map +1 -0
- package/dist/nodes/Example/Example.node.json +18 -0
- package/dist/nodes/Example/example.dark.svg +13 -0
- package/dist/nodes/Example/example.svg +13 -0
- package/dist/nodes/GithubIssues/GithubIssues.node.d.ts +14 -0
- package/dist/nodes/GithubIssues/GithubIssues.node.js +101 -0
- package/dist/nodes/GithubIssues/GithubIssues.node.js.map +1 -0
- package/dist/nodes/GithubIssues/GithubIssues.node.json +18 -0
- package/dist/nodes/GithubIssues/listSearch/getIssues.d.ts +2 -0
- package/dist/nodes/GithubIssues/listSearch/getIssues.js +28 -0
- package/dist/nodes/GithubIssues/listSearch/getIssues.js.map +1 -0
- package/dist/nodes/GithubIssues/listSearch/getRepositories.d.ts +2 -0
- package/dist/nodes/GithubIssues/listSearch/getRepositories.js +31 -0
- package/dist/nodes/GithubIssues/listSearch/getRepositories.js.map +1 -0
- package/dist/nodes/GithubIssues/listSearch/getUsers.d.ts +2 -0
- package/dist/nodes/GithubIssues/listSearch/getUsers.js +29 -0
- package/dist/nodes/GithubIssues/listSearch/getUsers.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issue/create.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issue/create.js +75 -0
- package/dist/nodes/GithubIssues/resources/issue/create.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issue/get.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issue/get.js +15 -0
- package/dist/nodes/GithubIssues/resources/issue/get.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issue/getAll.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issue/getAll.js +125 -0
- package/dist/nodes/GithubIssues/resources/issue/getAll.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issue/index.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issue/index.js +76 -0
- package/dist/nodes/GithubIssues/resources/issue/index.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issueComment/getAll.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issueComment/getAll.js +66 -0
- package/dist/nodes/GithubIssues/resources/issueComment/getAll.js.map +1 -0
- package/dist/nodes/GithubIssues/resources/issueComment/index.d.ts +2 -0
- package/dist/nodes/GithubIssues/resources/issueComment/index.js +48 -0
- package/dist/nodes/GithubIssues/resources/issueComment/index.js.map +1 -0
- package/dist/nodes/GithubIssues/shared/descriptions.d.ts +4 -0
- package/dist/nodes/GithubIssues/shared/descriptions.js +151 -0
- package/dist/nodes/GithubIssues/shared/descriptions.js.map +1 -0
- package/dist/nodes/GithubIssues/shared/transport.d.ts +2 -0
- package/dist/nodes/GithubIssues/shared/transport.js +16 -0
- package/dist/nodes/GithubIssues/shared/transport.js.map +1 -0
- package/dist/nodes/GithubIssues/shared/utils.d.ts +3 -0
- package/dist/nodes/GithubIssues/shared/utils.js +17 -0
- package/dist/nodes/GithubIssues/shared/utils.js.map +1 -0
- package/dist/package.json +62 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +62 -0
package/LICENSE.md
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
Copyright 2022 n8n
|
|
2
|
+
|
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
4
|
+
this software and associated documentation files (the "Software"), to deal in
|
|
5
|
+
the Software without restriction, including without limitation the rights to
|
|
6
|
+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
|
|
7
|
+
of the Software, and to permit persons to whom the Software is furnished to do
|
|
8
|
+
so, subject to the following conditions:
|
|
9
|
+
|
|
10
|
+
The above copyright notice and this permission notice shall be included in all
|
|
11
|
+
copies or substantial portions of the Software.
|
|
12
|
+
|
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
14
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
15
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
16
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
17
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
18
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
19
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
# n8n-nodes-codetoimage
|
|
2
|
+
|
|
3
|
+
This is an n8n community node that converts code snippets into beautiful, syntax-highlighted images. Perfect for creating visual documentation, social media posts, presentations, and tutorials.
|
|
4
|
+
|
|
5
|
+
[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/reference/license/) workflow automation platform.
|
|
6
|
+
|
|
7
|
+
## Features
|
|
8
|
+
|
|
9
|
+
- **Multiple Output Formats**: Generate SVG, PNG, or Base64-encoded images
|
|
10
|
+
- **18+ Programming Languages**: JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, Ruby, PHP, HTML, CSS, JSON, YAML, Markdown, SQL, Bash/Shell
|
|
11
|
+
- **8 Professional Themes**: GitHub Dark, GitHub Light, Dracula, Monokai, Nord, One Dark Pro, Tokyo Night, Catppuccin Mocha
|
|
12
|
+
- **Customizable Styling**:
|
|
13
|
+
- Custom backgrounds (solid colors or CSS gradients)
|
|
14
|
+
- Adjustable padding (16-128px)
|
|
15
|
+
- Optional line numbers
|
|
16
|
+
- Optional macOS-style window controls
|
|
17
|
+
- **VSCode-Quality Syntax Highlighting**: Powered by [Shiki](https://shiki.matsu.io/)
|
|
18
|
+
- **High Performance**: Fast generation with AWS Lambda backend
|
|
19
|
+
- **Quota Management**: Built-in API key authentication and usage tracking
|
|
20
|
+
|
|
21
|
+
## Installation
|
|
22
|
+
|
|
23
|
+
### Community Nodes (Recommended)
|
|
24
|
+
|
|
25
|
+
For users on n8n v0.187.0 or above:
|
|
26
|
+
|
|
27
|
+
1. Go to **Settings > Community Nodes**
|
|
28
|
+
2. Select **Install**
|
|
29
|
+
3. Enter `n8n-nodes-codetoimage` in **Enter npm package name**
|
|
30
|
+
4. Agree to the [risks](https://docs.n8n.io/integrations/community-nodes/risks/) of using community nodes
|
|
31
|
+
5. Select **Install**
|
|
32
|
+
|
|
33
|
+
After installing the node, you can use it in your workflows.
|
|
34
|
+
|
|
35
|
+
### Manual Installation
|
|
36
|
+
|
|
37
|
+
To get started install the package in your n8n root directory:
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm install n8n-nodes-codetoimage
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
For Docker-based deployments, add the package to your `package.json` or install it in your Docker image.
|
|
44
|
+
|
|
45
|
+
## Getting Started
|
|
46
|
+
|
|
47
|
+
### 1. Get Your API Key
|
|
48
|
+
|
|
49
|
+
Before using the Code to Image node, you need an API key:
|
|
50
|
+
|
|
51
|
+
1. Visit the [Code to Image Dashboard](https://ctoi-apis.microapplab.com)
|
|
52
|
+
2. Sign up or log in to your account
|
|
53
|
+
3. Navigate to the API Keys section
|
|
54
|
+
4. Create a new API key for the "Code to Image" product
|
|
55
|
+
5. Copy your API key (keep it secure!)
|
|
56
|
+
|
|
57
|
+
### 2. Configure Credentials in n8n
|
|
58
|
+
|
|
59
|
+
1. In n8n, go to **Credentials > New**
|
|
60
|
+
2. Search for "Code To Image API"
|
|
61
|
+
3. Enter your credentials:
|
|
62
|
+
- **API Key**: Paste your API key from the dashboard
|
|
63
|
+
- **Base URL**: Use the default value (usually no need to change)
|
|
64
|
+
4. Click **Save**
|
|
65
|
+
|
|
66
|
+
### 3. Add the Node to Your Workflow
|
|
67
|
+
|
|
68
|
+
1. In your n8n workflow, click the **+** button
|
|
69
|
+
2. Search for "Code To Image"
|
|
70
|
+
3. Select the node and configure it
|
|
71
|
+
4. Select your credentials
|
|
72
|
+
5. Enter your code and customize the output
|
|
73
|
+
|
|
74
|
+
## Configuration Options
|
|
75
|
+
|
|
76
|
+
### Required Parameters
|
|
77
|
+
|
|
78
|
+
| Parameter | Description | Example |
|
|
79
|
+
|-----------|-------------|---------|
|
|
80
|
+
| **Code** | The code snippet to convert | `function hello() { console.log("Hello!"); }` |
|
|
81
|
+
| **Credentials** | Your Code To Image API credentials | Select from saved credentials |
|
|
82
|
+
|
|
83
|
+
### Optional Parameters
|
|
84
|
+
|
|
85
|
+
| Parameter | Type | Default | Description |
|
|
86
|
+
|-----------|------|---------|-------------|
|
|
87
|
+
| **Language** | Dropdown | `javascript` | Programming language for syntax highlighting (18+ options) |
|
|
88
|
+
| **Format** | Dropdown | `svg` | Output format: SVG (scalable), PNG (raster), or Base64 (string) |
|
|
89
|
+
| **Theme** | Dropdown | `github-dark` | Syntax highlighting theme (8 options) |
|
|
90
|
+
| **Background** | String | `linear-gradient(135deg, #667eea 0%, #764ba2 100%)` | CSS background (color or gradient) |
|
|
91
|
+
| **Padding** | Number | `64` | Padding around code in pixels (16-128) |
|
|
92
|
+
| **Show Line Numbers** | Boolean | `true` | Display line numbers on the left |
|
|
93
|
+
| **Show Window Controls** | Boolean | `true` | Display macOS-style window controls (red, yellow, green dots) |
|
|
94
|
+
|
|
95
|
+
## Usage Examples
|
|
96
|
+
|
|
97
|
+
### Example 1: Basic JavaScript Code to SVG
|
|
98
|
+
|
|
99
|
+
```javascript
|
|
100
|
+
// Input
|
|
101
|
+
{
|
|
102
|
+
"code": "const greeting = 'Hello, n8n!';\nconsole.log(greeting);",
|
|
103
|
+
"language": "javascript",
|
|
104
|
+
"format": "svg"
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// Output: Binary data (SVG image)
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
### Example 2: Python Code with Custom Theme
|
|
111
|
+
|
|
112
|
+
```javascript
|
|
113
|
+
{
|
|
114
|
+
"code": "def fibonacci(n):\n if n <= 1:\n return n\n return fibonacci(n-1) + fibonacci(n-2)",
|
|
115
|
+
"language": "python",
|
|
116
|
+
"format": "png",
|
|
117
|
+
"theme": "dracula",
|
|
118
|
+
"background": "#282a36",
|
|
119
|
+
"showLineNumbers": true
|
|
120
|
+
}
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
### Example 3: Generate Base64 for API Integration
|
|
124
|
+
|
|
125
|
+
```javascript
|
|
126
|
+
{
|
|
127
|
+
"code": "<div class=\"container\">\n <h1>Hello World</h1>\n</div>",
|
|
128
|
+
"language": "html",
|
|
129
|
+
"format": "base64",
|
|
130
|
+
"theme": "github-light",
|
|
131
|
+
"background": "transparent"
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
// Returns JSON with base64-encoded PNG string
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
## Workflow Ideas
|
|
138
|
+
|
|
139
|
+
Here are some ways to use Code to Image in your n8n workflows:
|
|
140
|
+
|
|
141
|
+
### 1. Documentation Automation
|
|
142
|
+
- **Trigger**: On code change or schedule
|
|
143
|
+
- **Workflow**: Extract code snippets → Generate images → Upload to docs site
|
|
144
|
+
- **Use Case**: Automatically create visual code examples for documentation
|
|
145
|
+
|
|
146
|
+
### 2. Social Media Content
|
|
147
|
+
- **Trigger**: Schedule or webhook
|
|
148
|
+
- **Workflow**: Read code from file → Generate styled image → Post to Twitter/LinkedIn
|
|
149
|
+
- **Use Case**: Share code snippets as engaging visual content
|
|
150
|
+
|
|
151
|
+
### 3. Tutorial Generation
|
|
152
|
+
- **Trigger**: Manual or scheduled
|
|
153
|
+
- **Workflow**: Parse tutorial content → Extract code blocks → Generate images → Create PDF
|
|
154
|
+
- **Use Case**: Create beautiful programming tutorials with visual code examples
|
|
155
|
+
|
|
156
|
+
### 4. Code Review Notifications
|
|
157
|
+
- **Trigger**: PR webhook
|
|
158
|
+
- **Workflow**: Get code diff → Generate image of changes → Send to Slack/Discord
|
|
159
|
+
- **Use Case**: Visual code review notifications
|
|
160
|
+
|
|
161
|
+
### 5. Email Newsletter
|
|
162
|
+
- **Trigger**: Scheduled
|
|
163
|
+
- **Workflow**: Curate code examples → Generate images → Compose HTML email → Send
|
|
164
|
+
- **Use Case**: Weekly programming tips newsletter with syntax-highlighted examples
|
|
165
|
+
|
|
166
|
+
## Output Format Details
|
|
167
|
+
|
|
168
|
+
### SVG Format
|
|
169
|
+
- **Best for**: Web display, scalable graphics
|
|
170
|
+
- **File size**: Small (~10-50KB)
|
|
171
|
+
- **Quality**: Perfect at any scale
|
|
172
|
+
- **Browser support**: Excellent
|
|
173
|
+
- **Output**: Binary data (image/svg+xml)
|
|
174
|
+
|
|
175
|
+
### PNG Format
|
|
176
|
+
- **Best for**: Social media, presentations, print
|
|
177
|
+
- **Resolution**: 2x retina quality (high DPI)
|
|
178
|
+
- **File size**: Medium (~50-300KB depending on code length)
|
|
179
|
+
- **Quality**: Excellent, fixed resolution
|
|
180
|
+
- **Output**: Binary data (image/png)
|
|
181
|
+
|
|
182
|
+
### Base64 Format
|
|
183
|
+
- **Best for**: API integration, embedding in JSON/HTML
|
|
184
|
+
- **Encoding**: Base64-encoded PNG string
|
|
185
|
+
- **File size**: ~33% larger than PNG (due to encoding)
|
|
186
|
+
- **Quality**: Same as PNG
|
|
187
|
+
- **Output**: JSON object with `data`, `mimeType`, and `fileName`
|
|
188
|
+
|
|
189
|
+
## Supported Languages
|
|
190
|
+
|
|
191
|
+
| Language | Value | Language | Value |
|
|
192
|
+
|----------|-------|----------|-------|
|
|
193
|
+
| JavaScript | `javascript` | TypeScript | `typescript` |
|
|
194
|
+
| Python | `python` | Java | `java` |
|
|
195
|
+
| C | `c` | C++ | `cpp` |
|
|
196
|
+
| C# | `csharp` | Go | `go` |
|
|
197
|
+
| Rust | `rust` | Ruby | `ruby` |
|
|
198
|
+
| PHP | `php` | HTML | `html` |
|
|
199
|
+
| CSS | `css` | JSON | `json` |
|
|
200
|
+
| YAML | `yaml` | Markdown | `markdown` |
|
|
201
|
+
| SQL | `sql` | Bash/Shell | `bash` |
|
|
202
|
+
|
|
203
|
+
## Available Themes
|
|
204
|
+
|
|
205
|
+
| Theme | Value | Best For |
|
|
206
|
+
|-------|-------|----------|
|
|
207
|
+
| GitHub Dark | `github-dark` | General use, dark mode |
|
|
208
|
+
| GitHub Light | `github-light` | General use, light mode |
|
|
209
|
+
| Dracula | `dracula` | Purple/pink aesthetics |
|
|
210
|
+
| Monokai | `monokai` | Classic coding theme |
|
|
211
|
+
| Nord | `nord` | Cool, arctic colors |
|
|
212
|
+
| One Dark Pro | `one-dark-pro` | Popular VSCode theme |
|
|
213
|
+
| Tokyo Night | `tokyo-night` | Night-themed, blue tones |
|
|
214
|
+
| Catppuccin Mocha | `catppuccin-mocha` | Warm, mocha colors |
|
|
215
|
+
|
|
216
|
+
## Background Examples
|
|
217
|
+
|
|
218
|
+
```css
|
|
219
|
+
/* Solid Colors */
|
|
220
|
+
"#1a1a2e"
|
|
221
|
+
"#282a36"
|
|
222
|
+
"transparent"
|
|
223
|
+
|
|
224
|
+
/* Linear Gradients */
|
|
225
|
+
"linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
|
|
226
|
+
"linear-gradient(to right, #ff6b6b, #feca57)"
|
|
227
|
+
"linear-gradient(45deg, #12c2e9, #c471ed, #f64f59)"
|
|
228
|
+
|
|
229
|
+
/* Radial Gradients */
|
|
230
|
+
"radial-gradient(circle, #667eea 0%, #764ba2 100%)"
|
|
231
|
+
```
|
|
232
|
+
|
|
233
|
+
## Troubleshooting
|
|
234
|
+
|
|
235
|
+
### Node doesn't appear in n8n
|
|
236
|
+
- Restart n8n after installation
|
|
237
|
+
- Check that the package is installed in the correct n8n directory
|
|
238
|
+
- Verify the package version is compatible with your n8n version
|
|
239
|
+
|
|
240
|
+
### Authentication Error (401)
|
|
241
|
+
- Check that your API key is correct
|
|
242
|
+
- Verify the API key is active in the dashboard
|
|
243
|
+
- Ensure you're not exceeding your quota
|
|
244
|
+
|
|
245
|
+
### Quota Exceeded Error (429)
|
|
246
|
+
- Check your remaining quota in the dashboard
|
|
247
|
+
- Upgrade your plan if needed
|
|
248
|
+
- Monitor the `X-RateLimit-Remaining` header in responses
|
|
249
|
+
|
|
250
|
+
### Image Quality Issues
|
|
251
|
+
- For high-resolution needs, use PNG format
|
|
252
|
+
- Increase padding for better spacing
|
|
253
|
+
- Try different themes for better contrast
|
|
254
|
+
- Use SVG format for perfect scaling
|
|
255
|
+
|
|
256
|
+
### Empty or Invalid Images
|
|
257
|
+
- Verify your code syntax is valid for the selected language
|
|
258
|
+
- Check that the Base URL is correct in credentials
|
|
259
|
+
- Ensure the API service is running
|
|
260
|
+
|
|
261
|
+
## API Rate Limits
|
|
262
|
+
|
|
263
|
+
The Code to Image API uses quota-based rate limiting:
|
|
264
|
+
|
|
265
|
+
- **Free Tier**: 100 requests/month
|
|
266
|
+
- **Pro Tier**: 1,000 requests/month
|
|
267
|
+
- **Business Tier**: 10,000 requests/month
|
|
268
|
+
- **Enterprise**: Custom limits
|
|
269
|
+
|
|
270
|
+
Check your current quota in the [Dashboard](https://ctoi-apis.microapplab.com).
|
|
271
|
+
|
|
272
|
+
Response headers include:
|
|
273
|
+
- `X-RateLimit-Remaining`: Number of requests remaining in your quota
|
|
274
|
+
|
|
275
|
+
## FAQ
|
|
276
|
+
|
|
277
|
+
### Q: Can I use this node for free?
|
|
278
|
+
**A:** Yes! The service offers a free tier with 100 requests per month. Perfect for testing and small projects.
|
|
279
|
+
|
|
280
|
+
### Q: What happens if I exceed my quota?
|
|
281
|
+
**A:** You'll receive a 429 error. You can either wait for the quota to reset monthly or upgrade your plan.
|
|
282
|
+
|
|
283
|
+
### Q: Are there any file size limits?
|
|
284
|
+
**A:** The API can handle code snippets up to 100KB. For larger files, consider splitting into multiple images.
|
|
285
|
+
|
|
286
|
+
### Q: Is the service GDPR compliant?
|
|
287
|
+
**A:** Yes. The service doesn't store your code snippets. Images are generated on-demand and not persisted.
|
|
288
|
+
|
|
289
|
+
## Resources
|
|
290
|
+
|
|
291
|
+
- **[n8n Documentation](https://docs.n8n.io/)** - Learn more about n8n
|
|
292
|
+
- **[n8n Community Forum](https://community.n8n.io/)** - Get help and share your workflows
|
|
293
|
+
- **[Dashboard](https://ctoi-apis.microapplab.com)** - Manage your API keys and quotas
|
|
294
|
+
- **[npm Package](https://www.npmjs.com/package/n8n-nodes-codetoimage)** - View on npm
|
|
295
|
+
|
|
296
|
+
## Support
|
|
297
|
+
|
|
298
|
+
- **Community**: [n8n Community Forum](https://community.n8n.io/)
|
|
299
|
+
- **Email**: support@microapplab.com
|
|
300
|
+
|
|
301
|
+
## Version History
|
|
302
|
+
|
|
303
|
+
### 0.1.0 (Current)
|
|
304
|
+
- Initial release
|
|
305
|
+
- Support for 18+ programming languages
|
|
306
|
+
- 8 professional syntax highlighting themes
|
|
307
|
+
- Three output formats (SVG, PNG, Base64)
|
|
308
|
+
- Customizable styling options
|
|
309
|
+
- API integration
|
|
310
|
+
- Quota management
|
|
311
|
+
|
|
312
|
+
---
|
|
313
|
+
|
|
314
|
+
Powered by [n8n](https://n8n.io/) and [Shiki](https://shiki.matsu.io/)
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { IAuthenticateGeneric, ICredentialTestRequest, ICredentialType, Icon, INodeProperties } from 'n8n-workflow';
|
|
2
|
+
export declare class CodeToImageApi implements ICredentialType {
|
|
3
|
+
name: string;
|
|
4
|
+
displayName: string;
|
|
5
|
+
documentationUrl: string;
|
|
6
|
+
icon: Icon;
|
|
7
|
+
properties: INodeProperties[];
|
|
8
|
+
authenticate: IAuthenticateGeneric;
|
|
9
|
+
test: ICredentialTestRequest;
|
|
10
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CodeToImageApi = void 0;
|
|
4
|
+
class CodeToImageApi {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.name = 'codeToImageApi';
|
|
7
|
+
this.displayName = 'Code To Image API';
|
|
8
|
+
this.documentationUrl = 'https://codetoimage.microapplab.com';
|
|
9
|
+
this.icon = {
|
|
10
|
+
light: 'file:../nodes/CodeToImage/codetoimage.svg',
|
|
11
|
+
dark: 'file:../nodes/CodeToImage/codetoimage_dark.svg',
|
|
12
|
+
};
|
|
13
|
+
this.properties = [
|
|
14
|
+
{
|
|
15
|
+
displayName: 'API Key',
|
|
16
|
+
name: 'apiKey',
|
|
17
|
+
type: 'string',
|
|
18
|
+
typeOptions: {
|
|
19
|
+
password: true,
|
|
20
|
+
},
|
|
21
|
+
default: '',
|
|
22
|
+
required: true,
|
|
23
|
+
description: 'Your Code to Image API key. Get your API key from the CodeToImage dashboard at https://codetoimage.microapplab.com',
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
|
+
this.authenticate = {
|
|
27
|
+
type: 'generic',
|
|
28
|
+
properties: {
|
|
29
|
+
headers: {
|
|
30
|
+
'X-API-Key': '={{$credentials?.apiKey}}',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
this.test = {
|
|
35
|
+
request: {
|
|
36
|
+
baseURL: 'https://1hsik4xyb5.execute-api.us-east-1.amazonaws.com/dev',
|
|
37
|
+
url: '/generate',
|
|
38
|
+
method: 'POST',
|
|
39
|
+
body: {
|
|
40
|
+
code: 'console.log("test")',
|
|
41
|
+
format: 'svg',
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
exports.CodeToImageApi = CodeToImageApi;
|
|
48
|
+
//# sourceMappingURL=CodeToImageApi.credentials.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeToImageApi.credentials.js","sourceRoot":"","sources":["../../credentials/CodeToImageApi.credentials.ts"],"names":[],"mappings":";;;AAQA,MAAa,cAAc;IAA3B;QACC,SAAI,GAAG,gBAAgB,CAAC;QAExB,gBAAW,GAAG,mBAAmB,CAAC;QAElC,qBAAgB,GAAG,qCAAqC,CAAC;QAEzD,SAAI,GAAS;YACZ,KAAK,EAAE,2CAA2C;YAClD,IAAI,EAAE,gDAAgD;SACtD,CAAC;QAEF,eAAU,GAAsB;YAC/B;gBACC,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE;oBACZ,QAAQ,EAAE,IAAI;iBACd;gBACD,OAAO,EAAE,EAAE;gBACX,QAAQ,EAAE,IAAI;gBACd,WAAW,EACV,oHAAoH;aACrH;SACD,CAAC;QAEF,iBAAY,GAAyB;YACpC,IAAI,EAAE,SAAS;YACf,UAAU,EAAE;gBACX,OAAO,EAAE;oBACR,WAAW,EAAE,2BAA2B;iBACxC;aACD;SACD,CAAC;QAEF,SAAI,GAA2B;YAC9B,OAAO,EAAE;gBACR,OAAO,EAAE,4DAA4D;gBACrE,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE;oBACL,IAAI,EAAE,qBAAqB;oBAC3B,MAAM,EAAE,KAAK;iBACb;aACD;SACD,CAAC;IACH,CAAC;CAAA;AA/CD,wCA+CC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { IAuthenticateGeneric, Icon, ICredentialTestRequest, ICredentialType, INodeProperties } from 'n8n-workflow';
|
|
2
|
+
export declare class GithubIssuesApi implements ICredentialType {
|
|
3
|
+
name: string;
|
|
4
|
+
displayName: string;
|
|
5
|
+
icon: Icon;
|
|
6
|
+
documentationUrl: string;
|
|
7
|
+
properties: INodeProperties[];
|
|
8
|
+
authenticate: IAuthenticateGeneric;
|
|
9
|
+
test: ICredentialTestRequest;
|
|
10
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.GithubIssuesApi = void 0;
|
|
4
|
+
class GithubIssuesApi {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.name = 'githubIssuesApi';
|
|
7
|
+
this.displayName = 'GitHub Issues API';
|
|
8
|
+
this.icon = { light: 'file:../icons/github.svg', dark: 'file:../icons/github.dark.svg' };
|
|
9
|
+
this.documentationUrl = 'https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#deleting-a-personal-access-token';
|
|
10
|
+
this.properties = [
|
|
11
|
+
{
|
|
12
|
+
displayName: 'Access Token',
|
|
13
|
+
name: 'accessToken',
|
|
14
|
+
type: 'string',
|
|
15
|
+
typeOptions: { password: true },
|
|
16
|
+
default: '',
|
|
17
|
+
},
|
|
18
|
+
];
|
|
19
|
+
this.authenticate = {
|
|
20
|
+
type: 'generic',
|
|
21
|
+
properties: {
|
|
22
|
+
headers: {
|
|
23
|
+
Authorization: '=token {{$credentials?.accessToken}}',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
this.test = {
|
|
28
|
+
request: {
|
|
29
|
+
baseURL: 'https://api.github.com',
|
|
30
|
+
url: '/user',
|
|
31
|
+
method: 'GET',
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
exports.GithubIssuesApi = GithubIssuesApi;
|
|
37
|
+
//# sourceMappingURL=GithubIssuesApi.credentials.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GithubIssuesApi.credentials.js","sourceRoot":"","sources":["../../credentials/GithubIssuesApi.credentials.ts"],"names":[],"mappings":";;;AAQA,MAAa,eAAe;IAA5B;QACC,SAAI,GAAG,iBAAiB,CAAC;QAEzB,gBAAW,GAAG,mBAAmB,CAAC;QAElC,SAAI,GAAS,EAAE,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAAC;QAE1F,qBAAgB,GACf,sJAAsJ,CAAC;QAExJ,eAAU,GAAsB;YAC/B;gBACC,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC/B,OAAO,EAAE,EAAE;aACX;SACD,CAAC;QAEF,iBAAY,GAAyB;YACpC,IAAI,EAAE,SAAS;YACf,UAAU,EAAE;gBACX,OAAO,EAAE;oBACR,aAAa,EAAE,sCAAsC;iBACrD;aACD;SACD,CAAC;QAEF,SAAI,GAA2B;YAC9B,OAAO,EAAE;gBACR,OAAO,EAAE,wBAAwB;gBACjC,GAAG,EAAE,OAAO;gBACZ,MAAM,EAAE,KAAK;aACb;SACD,CAAC;IACH,CAAC;CAAA;AApCD,0CAoCC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Icon, ICredentialType, INodeProperties } from 'n8n-workflow';
|
|
2
|
+
export declare class GithubIssuesOAuth2Api implements ICredentialType {
|
|
3
|
+
name: string;
|
|
4
|
+
extends: string[];
|
|
5
|
+
displayName: string;
|
|
6
|
+
icon: Icon;
|
|
7
|
+
documentationUrl: string;
|
|
8
|
+
properties: INodeProperties[];
|
|
9
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.GithubIssuesOAuth2Api = void 0;
|
|
4
|
+
class GithubIssuesOAuth2Api {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.name = 'githubIssuesOAuth2Api';
|
|
7
|
+
this.extends = ['oAuth2Api'];
|
|
8
|
+
this.displayName = 'GitHub Issues OAuth2 API';
|
|
9
|
+
this.icon = { light: 'file:../icons/github.svg', dark: 'file:../icons/github.dark.svg' };
|
|
10
|
+
this.documentationUrl = 'https://docs.github.com/en/apps/oauth-apps';
|
|
11
|
+
this.properties = [
|
|
12
|
+
{
|
|
13
|
+
displayName: 'Grant Type',
|
|
14
|
+
name: 'grantType',
|
|
15
|
+
type: 'hidden',
|
|
16
|
+
default: 'authorizationCode',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
displayName: 'Authorization URL',
|
|
20
|
+
name: 'authUrl',
|
|
21
|
+
type: 'hidden',
|
|
22
|
+
default: 'https://github.com/login/oauth/authorize',
|
|
23
|
+
required: true,
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
displayName: 'Access Token URL',
|
|
27
|
+
name: 'accessTokenUrl',
|
|
28
|
+
type: 'hidden',
|
|
29
|
+
default: 'https://github.com/login/oauth/access_token',
|
|
30
|
+
required: true,
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
displayName: 'Scope',
|
|
34
|
+
name: 'scope',
|
|
35
|
+
type: 'hidden',
|
|
36
|
+
default: 'repo',
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
displayName: 'Auth URI Query Parameters',
|
|
40
|
+
name: 'authQueryParameters',
|
|
41
|
+
type: 'hidden',
|
|
42
|
+
default: '',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
displayName: 'Authentication',
|
|
46
|
+
name: 'authentication',
|
|
47
|
+
type: 'hidden',
|
|
48
|
+
default: 'header',
|
|
49
|
+
},
|
|
50
|
+
];
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
exports.GithubIssuesOAuth2Api = GithubIssuesOAuth2Api;
|
|
54
|
+
//# sourceMappingURL=GithubIssuesOAuth2Api.credentials.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GithubIssuesOAuth2Api.credentials.js","sourceRoot":"","sources":["../../credentials/GithubIssuesOAuth2Api.credentials.ts"],"names":[],"mappings":";;;AAEA,MAAa,qBAAqB;IAAlC;QACC,SAAI,GAAG,uBAAuB,CAAC;QAE/B,YAAO,GAAG,CAAC,WAAW,CAAC,CAAC;QAExB,gBAAW,GAAG,0BAA0B,CAAC;QAEzC,SAAI,GAAS,EAAE,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAAC;QAE1F,qBAAgB,GAAG,4CAA4C,CAAC;QAEhE,eAAU,GAAsB;YAC/B;gBACC,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,mBAAmB;aAC5B;YACD;gBACC,WAAW,EAAE,mBAAmB;gBAChC,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,0CAA0C;gBACnD,QAAQ,EAAE,IAAI;aACd;YACD;gBACC,WAAW,EAAE,kBAAkB;gBAC/B,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,6CAA6C;gBACtD,QAAQ,EAAE,IAAI;aACd;YACD;gBACC,WAAW,EAAE,OAAO;gBACpB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,MAAM;aACf;YACD;gBACC,WAAW,EAAE,2BAA2B;gBACxC,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,EAAE;aACX;YACD;gBACC,WAAW,EAAE,gBAAgB;gBAC7B,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,QAAQ;aACjB;SACD,CAAC;IACH,CAAC;CAAA;AAnDD,sDAmDC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0165 0C8.94791 0 0 9.01388 0 20.1653C0 29.0792 5.73324 36.6246 13.6868 39.2952C14.6812 39.496 15.0454 38.8613 15.0454 38.3274C15.0454 37.8599 15.0126 36.2575 15.0126 34.5879C9.4445 35.79 8.28498 32.1841 8.28498 32.1841C7.39015 29.847 6.06429 29.2463 6.06429 29.2463C4.24185 28.011 6.19704 28.011 6.19704 28.011C8.21861 28.1446 9.27938 30.081 9.27938 30.081C11.0686 33.1522 13.9518 32.2844 15.1118 31.7502C15.2773 30.4481 15.8079 29.5467 16.3713 29.046C11.9303 28.5785 7.25781 26.8425 7.25781 19.0967C7.25781 16.8932 8.05267 15.0905 9.31216 13.6884C9.11344 13.1877 8.41732 11.1174 9.51128 8.34644C9.51128 8.34644 11.2014 7.81217 15.0122 10.4164C16.6438 9.97495 18.3263 9.7504 20.0165 9.74851C21.7067 9.74851 23.4295 9.98246 25.0205 10.4164C28.8317 7.81217 30.5218 8.34644 30.5218 8.34644C31.6158 11.1174 30.9192 13.1877 30.7205 13.6884C32.0132 15.0905 32.7753 16.8932 32.7753 19.0967C32.7753 26.8425 28.1028 28.5449 23.6287 29.046C24.358 29.6802 24.9873 30.882 24.9873 32.7851C24.9873 35.4893 24.9545 37.6596 24.9545 38.327C24.9545 38.8613 25.3192 39.496 26.3132 39.2956C34.2667 36.6242 39.9999 29.0792 39.9999 20.1653C40.0327 9.01388 31.052 0 20.0165 0Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0165 0C8.94791 0 0 9.01388 0 20.1653C0 29.0792 5.73324 36.6246 13.6868 39.2952C14.6812 39.496 15.0454 38.8613 15.0454 38.3274C15.0454 37.8599 15.0126 36.2575 15.0126 34.5879C9.4445 35.79 8.28498 32.1841 8.28498 32.1841C7.39015 29.847 6.06429 29.2463 6.06429 29.2463C4.24185 28.011 6.19704 28.011 6.19704 28.011C8.21861 28.1446 9.27938 30.081 9.27938 30.081C11.0686 33.1522 13.9518 32.2844 15.1118 31.7502C15.2773 30.4481 15.8079 29.5467 16.3713 29.046C11.9303 28.5785 7.25781 26.8425 7.25781 19.0967C7.25781 16.8932 8.05267 15.0905 9.31216 13.6884C9.11344 13.1877 8.41732 11.1174 9.51128 8.34644C9.51128 8.34644 11.2014 7.81217 15.0122 10.4164C16.6438 9.97495 18.3263 9.7504 20.0165 9.74851C21.7067 9.74851 23.4295 9.98246 25.0205 10.4164C28.8317 7.81217 30.5218 8.34644 30.5218 8.34644C31.6158 11.1174 30.9192 13.1877 30.7205 13.6884C32.0132 15.0905 32.7753 16.8932 32.7753 19.0967C32.7753 26.8425 28.1028 28.5449 23.6287 29.046C24.358 29.6802 24.9873 30.882 24.9873 32.7851C24.9873 35.4893 24.9545 37.6596 24.9545 38.327C24.9545 38.8613 25.3192 39.496 26.3132 39.2956C34.2667 36.6242 39.9999 29.0792 39.9999 20.1653C40.0327 9.01388 31.052 0 20.0165 0Z" fill="#24292F"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type INodeType, type INodeTypeDescription, type IExecuteFunctions, type INodeExecutionData } from 'n8n-workflow';
|
|
2
|
+
export declare class CodeToImage implements INodeType {
|
|
3
|
+
description: INodeTypeDescription;
|
|
4
|
+
execute(this: IExecuteFunctions): Promise<INodeExecutionData[][]>;
|
|
5
|
+
}
|