use canvas instead of external API (#8)

Author: Netail

dist/index.js

@@ -24,20 +24,21 @@
 	},
 	"scripts": {
 		"build": "tsc",
-		"build:dist": "yarn build && ncc build -o dist --source-map",
+		"build:dist": "yarn build && ncc build -o dist",
 		"format-n-lint": "biome check",
 		"format-n-lint:fix": "biome check --write",
 		"precommit": "yarn format-n-lint:fix && yarn build:dist",
 		"prepare": "husky || true"
 	},
 	"dependencies": {
-		"@actions/core": "^1.11.1"
+		"@actions/core": "^1.11.1",
+		"jimp": "^1.6.0"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^1.9.4",
-		"@types/node": "^22.10.2",
+		"@types/node": "^22.13.14",
 		"@vercel/ncc": "^0.38.3",
 		"husky": "^9.1.7",
-		"typescript": "^5.7.2"
+		"typescript": "^5.8.2"
 	}
 }

dist/index.js.map

@@ -119,7 +119,7 @@ const run = async (): Promise<void> => {
 		}
 
 		if (teamsURLs.length > 0) {
-			const teamsPayload = normalizeTeamsPayload(
+			const teamsPayload = await normalizeTeamsPayload(
 				title,
 				text,
 				color,

dist/sourcemap-register.js

@@ -1,13 +1,17 @@
+import { Jimp } from 'jimp';
 import type { Button, Field } from '../interfaces/input';
 import type { TeamsPayload } from '../interfaces/teams-payload';
 
-export const normalizeTeamsPayload = (
+export const normalizeTeamsPayload = async (
 	title: string,
 	text: string,
 	color: string,
 	fields: Field[],
 	buttons: Button[],
-): TeamsPayload => {
+): Promise<TeamsPayload> => {
+	const colorStrip = new Jimp({ width: 1, height: 3, color: `#${color}` });
+	const colorStripBase64 = await colorStrip.getBase64('image/png');
+
 	return {
 		type: 'message',
 		attachments: [
@@ -46,8 +50,7 @@ export const normalizeTeamsPayload = (
 						width: 'Full',
 					},
 					backgroundImage: {
-						// TODO: Replace with base64 template, but no idea how that works...
-						url: `https://singlecolorimage.com/get/${color}/1x3`,
+						url: colorStripBase64,
 						fillMode: 'RepeatHorizontally',
 					},
 				},

package.json

@@ -1,12 +1,13 @@
 {
 	"compilerOptions": {
 		"target": "es6",
-		"module": "commonjs",
+		"module": "NodeNext",
 		"outDir": "./lib",
 		"rootDir": "./src",
 		"strict": true,
 		"noImplicitAny": false,
-		"esModuleInterop": true
+		"esModuleInterop": true,
+		"moduleResolution": "nodenext"
 	},
 	"include": ["src/**/*"],
 	"exclude": ["node_modules", "**/*.test.ts"]