refactor: migrate @vighnesh153/graphics-programming to deno

deno-tools/tools-browser/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "cSpell.words": [
+    "barnsleys",
+    "csstype",
+    "euclidian",
+    "gameplay",
+    "neighbour",
+    "sierpinskis"
+  ]
+}

deno-tools/tools-browser/deno.json

@@ -1,13 +1,20 @@
 {
   "name": "@vighnesh153/tools-browser",
   "version": "0.1.0",
-  "exports": "./src/mod.ts",
+  "exports": {
+    ".": "./src/mod.ts",
+    "./graphics_programming": "./src/graphics_programming/mod.ts"
+  },
   "license": "MIT",
   "imports": {
     "@std/assert": "jsr:@std/assert@1",
+    "@std/random": "jsr:@std/random@^0.1.0",
+    "@vighnesh153/tools": "jsr:@vighnesh153/tools@^0.1.2",
+    "csstype": "npm:csstype@^3.1.3",
     "js-cookie": "npm:js-cookie@^3.0.5"
   },
   "compilerOptions": {
+    "lib": ["dom", "esnext"],
     "types": ["./src/globals.d.ts"]
   },
   "publish": {

nodejs-tools/nodejs-lib/graphics-programming/src/barnsleys-fern/Game.ts → deno-tools/tools-browser/src/graphics_programming/barnsleys_fern/game.ts

@@ -1,6 +1,6 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { getCanvasBgColor } from "@/getCanvasBgColor.ts";
-import { BarnsleysFernGenerator } from "./BarnsleysFernGenerator.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import { getCanvasBgColor } from "../get_canvas_bg_color.ts";
+import { BarnsleysFernGenerator } from "./barnsleys_fern_generator.ts";
 
 interface GameOptions {
   bgColor?: string;

deno-tools/tools-browser/src/graphics_programming/barnsleys_fern/mod.ts

@@ -0,0 +1 @@
+export { BarnsleysFern } from "./game.ts";

nodejs-tools/nodejs-lib/graphics-programming/src/bonding-particles/Bond.ts → deno-tools/tools-browser/src/graphics_programming/bonding_particles/bond.ts

@@ -1,6 +1,6 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { Particle } from "./Particle.ts";
-import { calculateStrength, Strength } from "./strength.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { Particle } from "./particle.ts";
+import { calculateStrength, type Strength } from "./strength.ts";
 
 const StrengthToBondColorOpacity: Record<Strength, number> = {
   NIL: 0,

nodejs-tools/nodejs-lib/graphics-programming/src/bonding-particles/Game.ts → deno-tools/tools-browser/src/graphics_programming/bonding_particles/game.ts

@@ -1,8 +1,8 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { Particle } from "./Particle.ts";
-import { createPosition, Position } from "./Position.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import { Particle } from "./particle.ts";
+import { createPosition, type Position } from "./position.ts";
 import { Bond } from "./Bond.ts";
-import { euclidianDistance } from "./euclidian-distance.ts";
+import { euclidianDistance } from "./euclidian_distance.ts";
 
 interface GameOptions {
   mouseDeflectionDistance?: number;

deno-tools/tools-browser/src/graphics_programming/bonding_particles/mod.ts

@@ -0,0 +1 @@
+export { BondingParticlesGame } from "./game.ts";

nodejs-tools/nodejs-lib/graphics-programming/src/bonding-particles/Particle.ts → deno-tools/tools-browser/src/graphics_programming/bonding_particles/particle.ts

@@ -1,6 +1,6 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { Position } from "./Position.ts";
-import { createVelocity, Velocity } from "./velocity.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { Position } from "./position.ts";
+import { createVelocity, type Velocity } from "./velocity.ts";
 
 interface ParticleConfig {
   radius: number;

nodejs-tools/nodejs-lib/graphics-programming/src/bonding-particles/strength.ts → deno-tools/tools-browser/src/graphics_programming/bonding_particles/strength.ts

@@ -1,5 +1,5 @@
-import { Position } from "./Position.ts";
-import { euclidianDistance } from "./euclidian-distance.ts";
+import type { Position } from "./position.ts";
+import { euclidianDistance } from "./euclidian_distance.ts";
 
 export type Strength = "NIL" | "XS" | "S" | "M" | "L" | "XL";
 

nodejs-tools/nodejs-lib/graphics-programming/src/brick-breaker-game/Ball.ts → deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/ball.ts

@@ -1,4 +1,4 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
 
 interface BallOptions {
   readonly size?: number;

nodejs-tools/nodejs-lib/graphics-programming/src/brick-breaker-game/Brick.ts → deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/brick.ts

@@ -1,5 +1,5 @@
 import { not } from "@vighnesh153/tools";
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
 
 interface BrickOptions {
   readonly row: number;

nodejs-tools/nodejs-lib/graphics-programming/src/brick-breaker-game/createBricksGrid.ts → deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/create_bricks_grid.ts

@@ -1,5 +1,5 @@
 import { repeat } from "@vighnesh153/tools";
-import { Brick } from "./Brick.ts";
+import type { Brick } from "./brick.ts";
 
 type BrickCreator = (row: number, column: number) => Brick;
 

nodejs-tools/nodejs-lib/graphics-programming/src/brick-breaker-game/Game.ts → deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/game.ts

@@ -1,11 +1,11 @@
 import { not } from "@vighnesh153/tools";
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { getCanvasBgColor } from "@/getCanvasBgColor.ts";
-import { Paddle } from "./Paddle.ts";
-import { Ball } from "./Ball.ts";
-import { ScoreTracker } from "./ScoreTracker.ts";
-import { Brick } from "./Brick.ts";
-import { createBricksGrid } from "./createBricksGrid.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import { getCanvasBgColor } from "../get_canvas_bg_color.ts";
+import { Paddle } from "./paddle.ts";
+import { Ball } from "./ball.ts";
+import { ScoreTracker } from "./score_tracker.ts";
+import { Brick } from "./brick.ts";
+import { createBricksGrid } from "./create_bricks_grid.ts";
 
 interface BrickBreakerGameOptions {
   readonly bgColor?: string;

deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/mod.ts

@@ -0,0 +1 @@
+export { BrickBreakerGame } from "./game.ts";

nodejs-tools/nodejs-lib/graphics-programming/src/brick-breaker-game/Paddle.ts → deno-tools/tools-browser/src/graphics_programming/brick_breaker_game/paddle.ts

@@ -1,4 +1,4 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
 
 interface PaddleOptions {
   readonly width?: number;

nodejs-tools/nodejs-lib/graphics-programming/src/collection.ts → deno-tools/tools-browser/src/graphics_programming/collection.ts

@@ -142,4 +142,4 @@ export const gamesProjectsMap = {
 export const gamesProjects: CanvasProject[] = Object.values(gamesProjectsMap);
 
 export const canvasProjectSourceCodeLink =
-  "https://github.com/vighnesh153/vighnesh153-monorepo/tree/main/nodejs-tools/nodejs-lib/graphics-programming/src";
+  "https://github.com/vighnesh153/vighnesh153-monorepo/tree/main/deno-tools/tools-browser/src/graphics-programming";

nodejs-tools/nodejs-lib/graphics-programming/src/dpr.ts → deno-tools/tools-browser/src/graphics_programming/dpr.ts

@@ -1,6 +1,6 @@
 export function dpr(): number {
   try {
-    return window.devicePixelRatio ?? 1;
+    return globalThis.devicePixelRatio ?? 1;
   } catch {
     return 1;
   }

nodejs-tools/nodejs-lib/graphics-programming/src/flappy-block-game/Block.ts → deno-tools/tools-browser/src/graphics_programming/flappy_block_game/block.ts

@@ -1,4 +1,4 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
 
 interface BlockConfig {
   readonly coordinate: Coordinate;

nodejs-tools/nodejs-lib/graphics-programming/src/flappy-block-game/Game.ts → deno-tools/tools-browser/src/graphics_programming/flappy_block_game/game.ts

@@ -1,9 +1,9 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { getCanvasBgColor } from "@/getCanvasBgColor.ts";
-import { ScoreTracker } from "./ScoreTracker.ts";
-import { InfoScreen } from "./InfoScreen.ts";
-import { Screen } from "./Screen.ts";
-import { GameplayScreen } from "./GameplayScreen.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import { getCanvasBgColor } from "../get_canvas_bg_color.ts";
+import { ScoreTracker } from "./score_tracker.ts";
+import { InfoScreen } from "./info_screen.ts";
+import type { Screen } from "./screen.ts";
+import { GameplayScreen } from "./gameplay_screen.ts";
 
 interface FlappyBlockGameOptions {
   readonly bgColor?: string;

nodejs-tools/nodejs-lib/graphics-programming/src/flappy-block-game/GameplayScreen.ts → deno-tools/tools-browser/src/graphics_programming/flappy_block_game/gameplay_screen.ts

@@ -1,9 +1,9 @@
 import { Queue } from "@vighnesh153/tools";
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { Screen } from "./Screen.ts";
-import { ScoreTracker } from "./ScoreTracker.ts";
-import { TwoWayPipe } from "./TwoWayPipe.ts";
-import { Block } from "./Block.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { Screen } from "./screen.ts";
+import type { ScoreTracker } from "./score_tracker.ts";
+import { TwoWayPipe } from "./two_way_pipe.ts";
+import { Block } from "./block.ts";
 
 interface GameplayScreenOptions {
   readonly verticalPadding: number;

nodejs-tools/nodejs-lib/graphics-programming/src/flappy-block-game/InfoScreen.ts → deno-tools/tools-browser/src/graphics_programming/flappy_block_game/info_screen.ts

@@ -1,6 +1,6 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { ScoreTracker } from "./ScoreTracker.ts";
-import { Screen } from "./Screen.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { ScoreTracker } from "./score_tracker.ts";
+import type { Screen } from "./screen.ts";
 
 interface InfoScreenOptions {
   scoreTracker: ScoreTracker;

deno-tools/tools-browser/src/graphics_programming/flappy_block_game/mod.ts

@@ -0,0 +1 @@
+export { FlappyBlockGame } from "./game.ts";

nodejs-tools/nodejs-lib/graphics-programming/src/flappy-block-game/TwoWayPipe.ts → deno-tools/tools-browser/src/graphics_programming/flappy_block_game/two_way_pipe.ts

@@ -1,5 +1,5 @@
 import { randomIntegerBetween } from "@std/random";
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
 
 interface TwoWayPipeOptions {
   verticalPadding: number;

nodejs-tools/nodejs-lib/graphics-programming/src/getCanvasBgColor.ts → deno-tools/tools-browser/src/graphics_programming/get_canvas_bg_color.ts

@@ -1,4 +1,4 @@
-import { CanvasWrapper } from "./canvas-wrapper.ts";
+import type { CanvasWrapper } from "./canvas_wrapper.ts";
 
 export function getCanvasBgColor(
   canvasWrapper: CanvasWrapper,

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/Cell.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/cell.ts

@@ -1,4 +1,4 @@
-import { CellPosition } from "./CellPosition.ts";
+import { CellPosition } from "./cell_position.ts";
 
 export type CellType = "empty" | "start" | "end" | "wall";
 

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/CellColors.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/cell_colors.ts

@@ -1,5 +1,5 @@
-import { type Properties } from "csstype";
-import { GridPathFinderGame } from "./Game.ts";
+import type { Properties } from "csstype";
+import type { GridPathFinderGame } from "./game.ts";
 
 const gridPathFinderCellColors = {
   emptyCell: "white",

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/CellsGrid.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/cells_grid.ts

@@ -1,5 +1,5 @@
-import { BfsCell } from "./Cell.ts";
-import { CellPosition } from "./CellPosition.ts";
+import { BfsCell } from "./cell.ts";
+import { CellPosition } from "./cell_position.ts";
 
 function createCellsBoard(rows: number, cols: number): BfsCell[][] {
   return Array.from({ length: rows }, () => Array.from({ length: cols }));

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/factories.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/factories.ts

@@ -1,8 +1,8 @@
 import { not } from "@vighnesh153/tools";
 
-import { CellPosition } from "./CellPosition.ts";
-import { CellsGrid } from "./CellsGrid.ts";
-import { BfsCell } from "./Cell.ts";
+import type { CellPosition } from "./cell_position.ts";
+import type { CellsGrid } from "./cells_grid.ts";
+import type { BfsCell } from "./cell.ts";
 
 function getRandomEmptyCell(grid: CellsGrid): BfsCell | null {
   const emptyCells = grid.mapEachCell((cell) => cell).filter((cell) =>

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/Game.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/game.ts

@@ -1,9 +1,9 @@
 import { not, Queue } from "@vighnesh153/tools";
 
-import { BfsCell } from "./Cell.ts";
-import { CellsGrid } from "./CellsGrid.ts";
+import type { BfsCell } from "./cell.ts";
+import { CellsGrid } from "./cells_grid.ts";
 import { fillGridWithStartAndEnd, fillGridWithWalls } from "./factories.ts";
-import { CellPosition } from "./CellPosition.ts";
+import { CellPosition } from "./cell_position.ts";
 
 export class GridPathFinderGame {
   #grid: CellsGrid;

nodejs-tools/nodejs-lib/graphics-programming/src/grid-path-finder/GameManager.ts → deno-tools/tools-browser/src/graphics_programming/grid_path_finder/game_manager.ts

@@ -1,5 +1,5 @@
 import { not } from "@vighnesh153/tools";
-import { GridPathFinderGame } from "./Game.ts";
+import type { GridPathFinderGame } from "./game.ts";
 
 export class GridPathFinderGameManager {
   #game: GridPathFinderGame;

deno-tools/tools-browser/src/graphics_programming/grid_path_finder/mod.ts

@@ -0,0 +1,3 @@
+export * from "./cell_colors.ts";
+export * from "./game.ts";
+export * from "./game_manager.ts";

deno-tools/tools-browser/src/graphics_programming/mod.ts

@@ -0,0 +1,18 @@
+export * from "./barnsleys_fern/mod.ts";
+export * from "./bonding_particles/mod.ts";
+export * from "./brick_breaker_game/mod.ts";
+export * from "./flappy_block_game/mod.ts";
+export * from "./grid_path_finder/mod.ts";
+export * from "./pong_game/mod.ts";
+export * from "./pseudo_hilbert_curve/mod.ts";
+export * from "./sierpinskis_triangle/mod.ts";
+export * from "./snake_game/mod.ts";
+export * from "./sorting_visualizer/mod.ts";
+export * from "./symmetric_binary_tree/mod.ts";
+export * from "./tower_of_hanoi/mod.ts";
+export * from "./tree_path_finder/mod.ts";
+export * from "./twinkling_stars/mod.ts";
+
+export * from "./canvas_wrapper.ts";
+export * from "./collection.ts";
+export * from "./dpr.ts";

nodejs-tools/nodejs-lib/graphics-programming/src/pong-game/Arena.ts → deno-tools/tools-browser/src/graphics_programming/pong_game/arena.ts

@@ -1,8 +1,8 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { ScoreTracker } from "./score-tracker.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { ScoreTracker } from "./score_tracker.ts";
 import { Pad } from "./Pad.ts";
-import { Ball } from "./Ball.ts";
-import { ComputerPadController } from "./ComputerPadController.ts";
+import { Ball } from "./ball.ts";
+import { ComputerPadController } from "./computer_pad_controller.ts";
 
 interface ArenaOptions {
   contentColor?: string;

nodejs-tools/nodejs-lib/graphics-programming/src/pong-game/Ball.ts → deno-tools/tools-browser/src/graphics_programming/pong_game/ball.ts

@@ -1,5 +1,5 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { Point } from "./Point.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import type { Point } from "./point.ts";
 
 interface Velocity {
   dx: number;

nodejs-tools/nodejs-lib/graphics-programming/src/pong-game/ComputerPadController.ts → deno-tools/tools-browser/src/graphics_programming/pong_game/computer_pad_controller.ts

@@ -1,5 +1,5 @@
-import { Ball } from "./Ball.ts";
-import { Pad } from "./Pad.ts";
+import type { Ball } from "./ball.ts";
+import type { Pad } from "./Pad.ts";
 
 interface ComputerPadControllerConfig {
   computerPad: Pad;

nodejs-tools/nodejs-lib/graphics-programming/src/pong-game/euclideanDistance.ts → deno-tools/tools-browser/src/graphics_programming/pong_game/euclidean_distance.ts

@@ -1,4 +1,4 @@
-import { Point } from "./Point.ts";
+import type { Point } from "./point.ts";
 
 export function euclideanDistance(p1: Point, p2: Point): number {
   const dx = p1.x - p2.x;

nodejs-tools/nodejs-lib/graphics-programming/src/pong-game/Game.ts → deno-tools/tools-browser/src/graphics_programming/pong_game/game.ts

@@ -1,7 +1,7 @@
-import { CanvasWrapper } from "@/canvas-wrapper.ts";
-import { getCanvasBgColor } from "@/getCanvasBgColor.ts";
-import { ScoreTracker } from "./score-tracker.ts";
-import { Arena } from "./Arena.ts";
+import type { CanvasWrapper } from "../canvas_wrapper.ts";
+import { getCanvasBgColor } from "../get_canvas_bg_color.ts";
+import { ScoreTracker } from "./score_tracker.ts";
+import { Arena } from "./arena.ts";
 
 interface GameOptions {
   bgColor?: string;

deno-tools/tools-browser/src/graphics_programming/pong_game/mod.ts

@@ -0,0 +1 @@
+export { PongGame } from "./game.ts";