🚀 refactor demo

packages/gif-creator/__tests__/createGif.spec.ts

@@ -1,6 +1,9 @@
+import * as fs from "fs";
+import * as path from "path";
 import { createGif } from "..";
-import { generateRandomGrid } from "@snk/compute/generateGrid";
 import { getBestRoute } from "@snk/compute/getBestRoute";
+import * as grids from "@snk/compute/__fixtures__/grid";
+import { snake3 as snake } from "@snk/compute/__fixtures__/snake";
 
 const drawOptions = {
   sizeBorderRadius: 2,
@@ -12,31 +15,29 @@ const drawOptions = {
   colorSnake: "purple",
 };
 
-const gameOptions = { maxSnakeLength: 5, colors: [1, 2, 3, 4] };
+const gifOptions = { delay: 18 };
 
-const gifOptions = { delay: 200 };
+const dir = path.resolve(__dirname, "__snapshots__");
 
-it("should generate gif", async () => {
-  const grid = generateRandomGrid(7, 7, { ...gameOptions, emptyP: 3 });
+try {
+  fs.mkdirSync(dir);
+} catch (err) {}
 
-  const snake = [
-    { x: 4, y: -1 },
-    { x: 3, y: -1 },
-    { x: 2, y: -1 },
-    { x: 1, y: -1 },
-    { x: 0, y: -1 },
-  ];
+for (const key of [
+  "empty",
+  "simple",
+  "corner",
+  "small",
+  "smallPacked",
+] as const)
+  it(`should generate ${key} gif`, async () => {
+    const grid = grids[key];
 
-  const commands = getBestRoute(grid, snake, gameOptions, 50).slice(0, 9);
+    const chain = [snake, ...getBestRoute(grid, snake)!];
 
-  const gif = await createGif(
-    grid,
-    snake,
-    commands,
-    drawOptions,
-    gameOptions,
-    gifOptions
-  );
+    const gif = await createGif(grid, chain, drawOptions, gifOptions);
 
-  expect(gif).toBeDefined();
-});
+    expect(gif).toBeDefined();
+
+    fs.writeFileSync(path.resolve(dir, key + ".gif"), gif);
+  });

packages/gif-creator/__tests__/dev.ts

@@ -1,35 +0,0 @@
-import { createGif } from "..";
-import { generateRandomGrid } from "@snk/compute/generateGrid";
-import { getBestRoute } from "@snk/compute/getBestRoute";
-
-const drawOptions = {
-  sizeBorderRadius: 2,
-  sizeCell: 16,
-  sizeDot: 12,
-  colorBorder: "#1b1f230a",
-  colorDots: { 1: "#9be9a8", 2: "#40c463", 3: "#30a14e", 4: "#216e39" },
-  colorEmpty: "#ebedf0",
-  colorSnake: "purple",
-};
-
-const gameOptions = { maxSnakeLength: 5, colors: [1, 2, 3, 4] };
-
-const gifOptions = { delay: 20 };
-
-const grid = generateRandomGrid(14, 7, { ...gameOptions, emptyP: 3 });
-
-const snake = [
-  { x: 4, y: -1 },
-  { x: 3, y: -1 },
-  { x: 2, y: -1 },
-  { x: 1, y: -1 },
-  { x: 0, y: -1 },
-];
-
-const commands = getBestRoute(grid, snake, gameOptions, 50);
-
-createGif(grid, snake, commands, drawOptions, gameOptions, gifOptions).then(
-  (buffer) => {
-    process.stdout.write(buffer);
-  }
-);

packages/gif-creator/index.ts

@@ -2,8 +2,7 @@ import * as fs from "fs";
 import * as path from "path";
 import { createCanvas } from "canvas";
 import { Grid, copyGrid, Color } from "@snk/compute/grid";
-import { Point } from "@snk/compute/point";
-import { copySnake } from "@snk/compute/snake";
+import { Snake } from "@snk/compute/snake";
 import { drawWorld } from "@snk/draw/drawWorld";
 import { step } from "@snk/compute/step";
 import * as tmp from "tmp";
@@ -11,17 +10,15 @@ import * as execa from "execa";
 
 export const createGif = async (
   grid0: Grid,
-  snake0: Point[],
-  commands: Point[],
+  chain: Snake[],
   drawOptions: Parameters<typeof drawWorld>[4],
-  gameOptions: Parameters<typeof step>[4],
   gifOptions: { delay: number }
 ) => {
+  let snake = chain[0];
   const grid = copyGrid(grid0);
-  const snake = copySnake(snake0);
   const stack: Color[] = [];
 
-  const width = drawOptions.sizeCell * (grid.width + 4);
+  const width = drawOptions.sizeCell * (grid.width + 2);
   const height = drawOptions.sizeCell * (grid.height + 4) + 100;
 
   const { name: dir, removeCallback: cleanUp } = tmp.dirSync({
@@ -48,11 +45,11 @@ export const createGif = async (
   };
 
   try {
-    writeImage(0);
+    for (let i = 0; i < chain.length; i++) {
+      snake = chain[i];
 
-    for (let i = 0; i < commands.length; i++) {
-      step(grid, snake, stack, commands[i], gameOptions);
-      writeImage(i + 1);
+      step(grid, stack, snake);
+      writeImage(i);
     }
 
     const outFileName = path.join(dir, "out.gif");

packages/gif-creator/package.json

@@ -10,10 +10,6 @@
   },
   "devDependencies": {
     "@types/execa": "2.0.0",
-    "@types/tmp": "0.2.0",
-    "@zeit/ncc": "0.22.3"
-  },
-  "scripts": {
-    "dev": "ncc run __tests__/dev.ts --quiet | tail -n +2 > out.gif "
+    "@types/tmp": "0.2.0"
   }
 }