pacman-contribution-graph 1.0.14 → 2.0.0

package/pacman.abozanona.me/index.js

@@ -1,47 +0,0 @@
-import http from 'http';
-import { PacmanRenderer } from 'pacman-contribution-graph';
-import querystring from 'querystring';
-import url from 'url';
-
-const githubToken = process.env.GITHUB_ACCESS_TOKEN;
-
-const generateSvg = async (userName) => {
-    return new Promise((resolve) => {
-        const conf = {
-            platform: "github",
-            username: userName,
-            outputFormat: "svg",
-            gameSpeed: 1,
-            gameTheme: "github-dark",
-            githubSettings: {
-                accessToken: githubToken
-            },
-            svgCallback: (animatedSVG) => resolve(animatedSVG)
-        };
-
-        const pr = new PacmanRenderer(conf);
-        pr.start();
-    });
-};
-
-const server = http.createServer(async (req, res) => {
-    const parsedUrl = url.parse(req.url);
-    const queryParams = querystring.parse(parsedUrl.query);
-    const username = queryParams.username || 'abozanona';
-
-    try {
-        const svg = await generateSvg(username);
-        res.writeHead(200, {
-            'Content-Type': 'image/svg+xml',
-            'Cache-Control': 'no-store, no-cache, must-revalidate',
-            'Pragma': 'no-cache',
-            'Expires': '0'
-        });
-        res.end(svg.replace("Generated with ", "Generated with " + username + " "));
-    } catch (error) {
-        res.end('Error generating SVG');
-        throw error;
-    }
-});
-
-server.listen();

package/pacman.abozanona.me/package.json

@@ -1,8 +0,0 @@
-{
-	"name": "pacman-abozanona-node",
-	"type": "module",
-	"version": "1.0.0",
-	"dependencies": {
-		"pacman-contribution-graph": "^1.0.13"
-	}
-}

package/server/api/contributions/route.ts.z

@@ -1,31 +0,0 @@
-import { NextResponse } from 'next/server';
-
-export async function GET(request: Request) {
-	const { searchParams } = new URL(request.url);
-	const username = searchParams.get('username');
-
-	if (!username) {
-		return NextResponse.json({ error: 'Username is required' }, { status: 400 });
-	}
-
-	try {
-		const response = await fetch(`https://gitlab.com/users/${username}/calendar.json`);
-
-		if (!response.ok) {
-			throw new Error('Failed to fetch contributions from GitLab');
-		}
-
-		const contributionsList = await response.json();
-
-		// Create a new response with CORS headers
-		const corsResponse = NextResponse.json(contributionsList);
-		corsResponse.headers.set('Access-Control-Allow-Origin', '*');
-		corsResponse.headers.set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
-		corsResponse.headers.set('Access-Control-Allow-Headers', 'Content-Type, Authorization');
-
-		return corsResponse;
-	} catch (error) {
-		console.error('Error fetching contributions:', error);
-		return NextResponse.json({ error: 'Failed to fetch contributions' }, { status: 500 });
-	}
-}

package/server/page.zts.z

@@ -1,13 +0,0 @@
-//
-export default function Home() {
-	return (
-		<div className="p-8">
-			<h1 className="text-3xl font-bold mb-4">GitHub and GitLab API Routes</h1>
-			<p className="mb-4">Use the following API routes:</p>
-			<ul className="list-disc pl-8">
-				<li>/api/contributions?username=USERNAME</li>
-			</ul>
-			<p className="mt-4">Replace 'USERNAME' with an actual GitLab username.</p>
-		</div>
-	);
-}

package/src/canvas.ts

@@ -1,244 +0,0 @@
-import {
-	CELL_SIZE,
-	GAP_SIZE,
-	GHOSTS,
-	GRID_HEIGHT,
-	GRID_WIDTH,
-	PACMAN_COLOR,
-	PACMAN_COLOR_DEAD,
-	PACMAN_COLOR_POWERUP,
-	WALLS
-} from './constants';
-import { MusicPlayer } from './music-player';
-import { StoreType } from './types';
-import { Utils } from './utils';
-
-const resizeCanvas = (store: StoreType) => {
-	const canvasWidth = GRID_WIDTH * (CELL_SIZE + GAP_SIZE);
-	const canvasHeight = GRID_HEIGHT * (CELL_SIZE + GAP_SIZE) + 20; // Adding some space for months on top
-
-	store.config.canvas.width = canvasWidth;
-	store.config.canvas.height = canvasHeight;
-};
-
-const drawGrid = (store: StoreType) => {
-	const ctx = store.config.canvas.getContext('2d')!;
-	ctx.fillStyle = Utils.getCurrentTheme(store).gridBackground;
-	ctx.fillRect(0, 0, store.config.canvas.width, store.config.canvas.height);
-
-	for (let x = 0; x < GRID_WIDTH; x++) {
-		for (let y = 0; y < GRID_HEIGHT; y++) {
-			const intensity = store.grid[x][y].intensity;
-			if (intensity > 0) {
-				const adjustedIntensity = intensity < 0.2 ? 0.3 : intensity;
-				const color = Utils.hexToRGBA(Utils.getCurrentTheme(store).contributionBoxColor, adjustedIntensity);
-				ctx.fillStyle = color;
-			} else {
-				ctx.fillStyle = Utils.getCurrentTheme(store).emptyContributionBoxColor;
-			}
-			ctx.beginPath();
-			store.config.canvas
-				.getContext('2d')!
-				.roundRect(x * (CELL_SIZE + GAP_SIZE), y * (CELL_SIZE + GAP_SIZE) + 15, CELL_SIZE, CELL_SIZE, 5);
-			ctx.fill();
-		}
-	}
-
-	ctx.fillStyle = Utils.getCurrentTheme(store).wallColor;
-	for (let x = 0; x <= GRID_WIDTH; x++) {
-		for (let y = 0; y <= GRID_HEIGHT; y++) {
-			// Draw horizontal walls
-			if (WALLS.horizontal[x][y].active) {
-				ctx.fillRect(
-					x * (CELL_SIZE + GAP_SIZE) - GAP_SIZE,
-					y * (CELL_SIZE + GAP_SIZE) - GAP_SIZE + 15,
-					CELL_SIZE + GAP_SIZE,
-					GAP_SIZE
-				);
-				// // TODO: For debug only
-				// ctx.fillStyle = '#000';
-				// ctx.fillText(WALLS.horizontal[x][y].id, x * (GAP_SIZE + CELL_SIZE), y * (GAP_SIZE + CELL_SIZE));
-			}
-
-			// Draw vertical walls
-			if (WALLS.vertical[x][y].active) {
-				ctx.fillRect(
-					x * (CELL_SIZE + GAP_SIZE) - GAP_SIZE,
-					y * (CELL_SIZE + GAP_SIZE) - GAP_SIZE + 15,
-					GAP_SIZE,
-					CELL_SIZE + GAP_SIZE
-				);
-				// // TODO: For debug only
-				// ctx.fillStyle = '#000';
-				// ctx.fillText(WALLS.vertical[x][y].id, x * (GAP_SIZE + CELL_SIZE), (y + 1) * (GAP_SIZE + CELL_SIZE));
-			}
-		}
-	}
-
-	ctx.fillStyle = Utils.getCurrentTheme(store).textColor;
-	ctx.font = '10px Arial';
-	ctx.textAlign = 'center';
-
-	let lastMonth = '';
-
-	for (let x = 0; x < GRID_WIDTH; x++) {
-		if (store.monthLabels[x] !== lastMonth) {
-			const xPos = x * (CELL_SIZE + GAP_SIZE) + CELL_SIZE / 2;
-			ctx.fillText(store.monthLabels[x], xPos, 10);
-			lastMonth = store.monthLabels[x];
-		}
-	}
-};
-
-const drawPacman = (store: StoreType) => {
-	const ctx = store.config.canvas.getContext('2d')!;
-	const x = store.pacman.x * (CELL_SIZE + GAP_SIZE) + CELL_SIZE / 2;
-	const y = store.pacman.y * (CELL_SIZE + GAP_SIZE) + CELL_SIZE / 2 + 15;
-	const radius = CELL_SIZE / 2;
-
-	// Change Pac-Man's color to red if he's on power-up, dead, else yellow
-	if (store.pacman.deadRemainingDuration) {
-		ctx.fillStyle = PACMAN_COLOR_DEAD;
-	} else if (store.pacman.powerupRemainingDuration) {
-		ctx.fillStyle = PACMAN_COLOR_POWERUP;
-	} else {
-		ctx.fillStyle = PACMAN_COLOR;
-	}
-
-	const mouthAngle = store.pacmanMouthOpen ? 0.35 * Math.PI : 0.1 * Math.PI;
-
-	let startAngle, endAngle;
-	switch (store.pacman.direction) {
-		case 'up':
-			startAngle = 1.5 * Math.PI + mouthAngle;
-			endAngle = 1.5 * Math.PI - mouthAngle;
-			break;
-		case 'down':
-			startAngle = 0.5 * Math.PI + mouthAngle;
-			endAngle = 0.5 * Math.PI - mouthAngle;
-			break;
-		case 'left':
-			startAngle = Math.PI + mouthAngle;
-			endAngle = Math.PI - mouthAngle;
-			break;
-		case 'right':
-		default:
-			startAngle = 0 + mouthAngle;
-			endAngle = 2 * Math.PI - mouthAngle;
-			break;
-	}
-
-	ctx.beginPath();
-	ctx.arc(x, y, radius, startAngle, endAngle);
-	ctx.lineTo(x, y);
-	ctx.fill();
-};
-
-const preloadedImages: { [key: string]: HTMLImageElement } = {};
-const getLoadedImage = (key: string, imgDate: string): HTMLImageElement => {
-	if (!preloadedImages[key]) {
-		const image = new Image();
-		image.src = imgDate;
-		preloadedImages[key] = image;
-	}
-	return preloadedImages[key];
-};
-
-const drawGhosts = (store: StoreType) => {
-	store.ghosts.forEach((ghost) => {
-		const x = ghost.x * (CELL_SIZE + GAP_SIZE);
-		const y = ghost.y * (CELL_SIZE + GAP_SIZE) + 15;
-		const size = CELL_SIZE;
-
-		const ctx = store.config.canvas.getContext('2d')!;
-		if (ghost.scared) {
-			ctx.drawImage(getLoadedImage('scared', GHOSTS['scared'].imgDate), x, y, size, size);
-		} else {
-			ctx.drawImage(getLoadedImage(ghost.name, GHOSTS[ghost.name].imgDate), x, y, size, size);
-		}
-	});
-};
-
-const renderGameOver = (store: StoreType) => {
-	const ctx = store.config.canvas.getContext('2d')!;
-	ctx.fillStyle = Utils.getCurrentTheme(store).textColor;
-	ctx.font = '20px Arial';
-	ctx.textAlign = 'center';
-	ctx.fillText('Game Over', store.config.canvas.width / 2, store.config.canvas.height / 2);
-};
-
-const drawSoundController = (store: StoreType) => {
-	if (!store.config.enableSounds) {
-		return;
-	}
-	const ctx = store.config.canvas.getContext('2d')!;
-
-	const width = 30,
-		height = 30,
-		left = store.config.canvas.width - width - 10,
-		top = 10;
-	ctx.fillStyle = `rgba(0, 0, 0, ${MusicPlayer.getInstance().isMuted ? 0.3 : 0.5})`;
-	ctx.beginPath();
-	ctx.moveTo(left + 10, top + 10);
-	ctx.lineTo(left + 20, top + 5);
-	ctx.lineTo(left + 20, top + 25);
-	ctx.lineTo(left + 10, top + 20);
-	ctx.closePath();
-	ctx.fill();
-
-	if (!MusicPlayer.getInstance().isMuted) {
-		ctx.strokeStyle = `rgba(0, 0, 0, 0.4)`;
-		ctx.lineWidth = 2;
-
-		// First wave
-		ctx.beginPath();
-		ctx.arc(left + 25, top + 15, 5, 0, Math.PI * 2);
-		ctx.stroke();
-
-		// Second wave
-		ctx.beginPath();
-		ctx.arc(left + 25, top + 15, 8, 0, Math.PI * 2);
-		ctx.stroke();
-	} else {
-		// Mute line
-		ctx.strokeStyle = 'rgba(255, 0, 0, 0.6)';
-		ctx.lineWidth = 3;
-		ctx.beginPath();
-		ctx.moveTo(left + 25, top + 5);
-		ctx.lineTo(left + 5, top + 25);
-		ctx.stroke();
-	}
-};
-
-const listenToSoundController = (store: StoreType) => {
-	if (!store.config.enableSounds) {
-		return;
-	}
-	store.config.canvas.addEventListener('click', function (event) {
-		const rect = store.config.canvas.getBoundingClientRect();
-		const x = event.clientX - rect.left,
-			y = event.clientY - rect.top;
-		const width = 30,
-			height = 30,
-			left = store.config.canvas.width - width - 10,
-			top = 10;
-
-		if (x >= left && x <= left + this.width && y >= top && y <= top + this.height) {
-			if (MusicPlayer.getInstance().isMuted) {
-				MusicPlayer.getInstance().unmute();
-			} else {
-				MusicPlayer.getInstance().mute();
-			}
-		}
-	});
-};
-
-export const Canvas = {
-	resizeCanvas,
-	drawGrid,
-	drawPacman,
-	drawGhosts,
-	renderGameOver,
-	drawSoundController,
-	listenToSoundController
-};

package/src/constants.ts

@@ -1,102 +0,0 @@
-import { GameTheme, GhostName, ThemeKeys } from './types';
-
-export const CELL_SIZE = 20;
-export const GAP_SIZE = 2;
-export const GRID_WIDTH = 52;
-export const GRID_HEIGHT = 7;
-export const PACMAN_COLOR = 'yellow';
-export const PACMAN_COLOR_POWERUP = 'red';
-export const PACMAN_COLOR_DEAD = '#80808064';
-export const GHOST_NAMES: GhostName[] = ['blinky', 'clyde', 'inky', 'pinky'];
-export const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-export const DELTA_TIME = 200;
-export const PACMAN_DEATH_DURATION = 10;
-export const PACMAN_POWERUP_DURATION = 15;
-export const GAME_THEMES: { [key in ThemeKeys]: GameTheme } = {
-	github: {
-		textColor: '#586069',
-		gridBackground: '#ffffff',
-		contributionBoxColor: '#9be9a8',
-		emptyContributionBoxColor: '#ebedf0',
-		wallColor: '#000000'
-	},
-	'github-dark': {
-		textColor: '#8b949e',
-		gridBackground: '#0d1117',
-		contributionBoxColor: '#26a641',
-		emptyContributionBoxColor: '#161b22',
-		wallColor: '#FFFFFF'
-	},
-	gitlab: {
-		textColor: '#626167',
-		gridBackground: '#ffffff',
-		contributionBoxColor: '#7992f5',
-		emptyContributionBoxColor: '#ececef',
-		wallColor: '#000000'
-	},
-	'gitlab-dark': {
-		textColor: '#999999',
-		gridBackground: '#1f1f1f',
-		contributionBoxColor: '#2e7db1',
-		emptyContributionBoxColor: '#2d2d2d',
-		wallColor: '#FFFFFF'
-	}
-};
-export const GHOSTS: { [key in GhostName | 'scared']: { imgDate: string } } = {
-	blinky: {
-		imgDate:
-			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAfUlEQVQ4T+2TUQ7AIAhDy/0PzQIRAqxmLtnn/DJPWypBAVkKKOMCyOQN7IRElLrcnIrDLNK4wVtxNbkb6Hq+jOcSbim6QVzKEstkw92gxVeFrMpqokix4wA+NvCOnvfArvcEbHoe2G9QmmhDMUc65p3xYC6q3zQPxtdl3NgF5QpL/b/rs3IAAAAASUVORK5CYIIA'
-	},
-	clyde: {
-		imgDate:
-			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgUlEQVQ4T+2T0Q6AIAhFLx9sH1MfTIPCAeLKrcd8PHqP4JBQLN7BFacNlHkAs+AQcqIueBs2mVWjgtWwl4yCdrd/pHYLLlVEgR2yK0wy4SoI5TcGXU4wM+AEJQfwsUCuXngDOR4rqKbngf0C94gyFHmkbd4rbkxD/pv2jfR1Ky7sBNrzXbHpnBX+AAAAAElFTkSuQmCC'
-	},
-	inky: {
-		imgDate:
-			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAg0lEQVQ4T+WTWxKAIAhFuQvK/a+jFoT5QAVxypn+6vMEx6sDIO/jk12OAMs1WDVOXV3UBW+bRVbTFMFu8yCZBExH/g26VHCXI0AJpKgdUCUrTlkwxE+FECdzS7HiJemXgvyeO29gE7jD8wDVFX4vSLNtR1q2z+OVlaZxTaXYrq7HbxYBS8VgMVrqzkEAAAAASUVORK5CYIIA'
-	},
-	pinky: {
-		imgDate:
-			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhklEQVQ4T+2T0Q2AIAwF281wC50Qt9DNagoptqVESfyUz4N3vJCCECxaD4o47gt6bsAo2IWUqAnehkUmbYpgNqwlvSCnur+dtnnAuYUVyCGJimTAi8DUzwmwOoGI7hYjDgAfC/jqiTfg47ZBND0P7BeoR+Sh8CMt8x5xYSWkv2nbcF834swuA/9u49Yy5bgAAAAASUVORK5CYIIA'
-	},
-	scared: {
-		imgDate:
-			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4T82TUQ6AMAhD7UX0/sdyF0GREVmDmTN+bH9r6Bs0A0t2VpFULwDrrfBkZFcA3YC3ZodViAFGzQHyP0B2w2NrB0/1AoDbHwLoQ5/nrw1OBuD5e/crbM9Aiz35njHWzpSB/m3+0r40mV41M8U19WJe3Uw/tQOKt08pUUbBEQAAAABJRU5ErkJgggAA'
-	}
-};
-export const WALLS: {
-	horizontal: { active: boolean; id: string }[][];
-	vertical: { active: boolean; id: string }[][];
-} = {
-	horizontal: Array(GRID_WIDTH + 1)
-		.fill(null)
-		.map(() => Array(GRID_HEIGHT + 1).fill({ active: false, id: '' })),
-	vertical: Array(GRID_WIDTH + 1)
-		.fill(null)
-		.map(() => Array(GRID_HEIGHT + 1).fill({ active: false, id: '' }))
-};
-
-export const setWall = (x: number, y: number, direction: 'horizontal' | 'vertical', lineId: string) => {
-	if (direction === 'horizontal') {
-		if (x >= 0 && x < WALLS.horizontal.length && y >= 0 && y < WALLS.horizontal[0].length) {
-			WALLS.horizontal[x][y] = { active: true, id: lineId };
-		}
-	} else {
-		if (x >= 0 && x < WALLS.vertical.length && y >= 0 && y < WALLS.vertical[0].length) {
-			WALLS.vertical[x][y] = { active: true, id: lineId };
-		}
-	}
-};
-
-export const hasWall = (x: number, y: number, direction: 'up' | 'down' | 'left' | 'right'): boolean => {
-	switch (direction) {
-		case 'up':
-			return WALLS.horizontal[x][y].active;
-		case 'down':
-			return WALLS.horizontal[x + 1][y].active;
-		case 'left':
-			return WALLS.vertical[x][y].active;
-		case 'right':
-			return WALLS.vertical[x][y + 1].active;
-	}
-};