.

.github/workflows/main.yml

@@ -7,21 +7,21 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v2
-      - uses: oven-sh/setup-bun@v1
+      - uses: actions/setup-node@v2
+        with:
+          cache: yarn
+          node-version: 16
+      - run: yarn install --frozen-lockfile
 
-      - run: bun install --frozen-lockfile
+      - run: yarn type
-
+      - run: yarn lint
-      - run: npm run type
+      - run: yarn test --ci
-      - run: npm run lint
-      - run: bun test
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
   test-action:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v2
 
       - name: update action.yml to use image from local Dockerfile
         run: |
@@ -44,7 +44,7 @@ jobs:
           test -f dist/github-contribution-grid-snake-dark.svg
           test -f dist/github-contribution-grid-snake.gif
 
-      - uses: crazy-max/ghaction-github-pages@v4.1.0
+      - uses: crazy-max/ghaction-github-pages@v3.1.0
         with:
           target_branch: output
           build_dir: dist
@@ -54,14 +54,16 @@ jobs:
   test-action-svg-only:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v3
-      - uses: oven-sh/setup-bun@v1
+      - uses: actions/setup-node@v3
-
+        with:
-      - run: bun install --frozen-lockfile
+          cache: yarn
+          node-version: 16
+      - run: yarn install --frozen-lockfile
 
       - name: build svg-only action
         run: |
-          npm run build:action
+          yarn build:action
           rm -r svg-only/dist
           mv packages/action/dist svg-only/dist
 
@@ -80,7 +82,7 @@ jobs:
           test -f dist/github-contribution-grid-snake.svg
           test -f dist/github-contribution-grid-snake-dark.svg
 
-      - uses: crazy-max/ghaction-github-pages@v4.1.0
+      - uses: crazy-max/ghaction-github-pages@v3.1.0
         with:
           target_branch: output-svg-only
           build_dir: dist
@@ -89,28 +91,22 @@ jobs:
 
   deploy-ghpages:
     runs-on: ubuntu-latest
-    permissions:
-      pages: write
-      id-token: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v2
-      - uses: oven-sh/setup-bun@v1
+      - uses: actions/setup-node@v2
-
-      - run: bun install --frozen-lockfile
-
-      - run: npm run build:demo
-        env:
-          GITHUB_USER_CONTRIBUTION_API_ENDPOINT: https://github-user-contribution.platane.workers.dev/github-user-contribution/
-
-      - uses: actions/upload-pages-artifact@v3
         with:
-          path: packages/demo/dist
+          cache: yarn
+          node-version: 16
+      - run: yarn install --frozen-lockfile
 
-      - uses: actions/deploy-pages@v4
+      - run: yarn build:demo
-        if: success() && github.ref == 'refs/heads/main'
-
-      - run: bunx wrangler deploy
-        if: success() && github.ref == 'refs/heads/main'
-        working-directory: packages/github-user-contribution-service
         env:
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          GITHUB_USER_CONTRIBUTION_API_ENDPOINT: https://snk-one.vercel.app/api/github-user-contribution/
+
+      - uses: crazy-max/ghaction-github-pages@v2.6.0
+        if: success() && github.ref == 'refs/heads/main'
+        with:
+          target_branch: gh-pages
+          build_dir: packages/demo/dist
+        env:
+          GITHUB_TOKEN: ${{ secrets.MY_GITHUB_TOKEN_GH_PAGES }}

.github/workflows/manual-run.yml

@@ -1,45 +0,0 @@
-name: manual run
-
-on:
-  workflow_dispatch:
-
-jobs:
-  generate:
-    permissions:
-      contents: write
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-
-    steps:
-      - uses: Platane/snk/svg-only@v3
-        with:
-          github_user_name: ${{ github.repository_owner }}
-          outputs: |
-            dist/only-svg/github-contribution-grid-snake.svg
-            dist/only-svg/github-contribution-grid-snake-dark.svg?palette=github-dark
-
-      - uses: Platane/snk@v3
-        with:
-          github_user_name: ${{ github.repository_owner }}
-          outputs: |
-            dist/docker/github-contribution-grid-snake.svg
-            dist/docker/github-contribution-grid-snake-dark.svg?palette=github-dark
-            dist/docker/github-contribution-grid-snake.gif?color_snake=orange&color_dots=#bfd6f6,#8dbdff,#64a1f4,#4b91f1,#3c7dd9
-
-      - name: ensure the generated file exists
-        run: |
-          ls dist
-          test -f dist/only-svg/github-contribution-grid-snake.svg
-          test -f dist/only-svg/github-contribution-grid-snake-dark.svg
-
-          test -f dist/docker/github-contribution-grid-snake.svg
-          test -f dist/docker/github-contribution-grid-snake-dark.svg
-          test -f dist/docker/github-contribution-grid-snake.gif
-
-      - name: push github-contribution-grid-snake.svg to the output branch
-        uses: crazy-max/ghaction-github-pages@v4.1.0
-        with:
-          target_branch: manual-run-output
-          build_dir: dist
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yml

@@ -21,19 +21,19 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v2
 
-      - uses: docker/setup-qemu-action@v2
+      - uses: docker/setup-qemu-action@v1
 
-      - uses: docker/setup-buildx-action@v2
+      - uses: docker/setup-buildx-action@v1
 
-      - uses: docker/login-action@v2
+      - uses: docker/login-action@v1
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
       - name: build and publish the docker image
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v2
         id: docker-build
         with:
           push: true
@@ -45,18 +45,20 @@ jobs:
         run: |
           sed -i "s/image: .*/image: docker:\/\/platane\/snk@${{ steps.docker-build.outputs.digest }}/" action.yml
 
-      - uses: oven-sh/setup-bun@v1
+      - uses: actions/setup-node@v2
-
+        with:
-      - run: bun install --frozen-lockfile
+          cache: yarn
+          node-version: 16
 
       - name: build svg-only action
         run: |
-          npm run build:action
+          yarn install --frozen-lockfile
+          yarn build:action
           rm -r svg-only/dist
           mv packages/action/dist svg-only/dist
 
       - name: bump package version
-        run: npm version --no-git-tag-version --new-version ${{ github.event.inputs.version }}
+        run: yarn version --no-git-tag-version --new-version ${{ github.event.inputs.version }}
 
       - name: push new build, tag version and push
         id: push-tags
@@ -79,7 +81,9 @@ jobs:
             echo "prerelease=true" >> $GITHUB_OUTPUT
           fi
 
-      - uses: ncipollo/release-action@v1.15.0
+      - uses: ncipollo/release-action@v1.11.1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           tag: v${{ github.event.inputs.version }}
           body: ${{ github.event.inputs.description }}

.gitignore

@@ -1,8 +1,6 @@
 node_modules
 npm-debug.log*
+yarn-error.log*
 dist
 !svg-only/dist
 build
-.env
-.wrangler
-.dev.vars

.nvmrc

@@ -1 +1 @@
-20
+16

Dockerfile

@@ -1,27 +1,32 @@
-FROM oven/bun:1.2.2-slim as builder
+FROM node:16-slim as builder
 
 WORKDIR /app
 
-COPY package.json bun.lock ./
+COPY package.json yarn.lock ./
 
 COPY tsconfig.json ./
 
 COPY packages packages
 
-RUN bun install --no-cache
+RUN export YARN_CACHE_FOLDER="$(mktemp -d)" \
+    && yarn install --frozen-lockfile \
+    && rm -r "$YARN_CACHE_FOLDER"
 
-RUN bun run build:action
+RUN yarn build:action
 
 
 
 
 
-FROM oven/bun:1.2.2-slim
+FROM node:16-slim
 
 WORKDIR /action-release
 
-RUN bun add canvas@3.1.0 gifsicle@5.3.0 --no-lockfile --no-cache
+RUN export YARN_CACHE_FOLDER="$(mktemp -d)" \
+    && yarn add canvas@2.10.2 gifsicle@5.3.0 --no-lockfile \
+    && rm -r "$YARN_CACHE_FOLDER"
 
 COPY --from=builder /app/packages/action/dist/ /action-release/
 
-CMD ["bun", "/action-release/index.js"]
+CMD ["node", "/action-release/index.js"]
+

README.md

@@ -8,20 +8,7 @@
 
 Generates a snake game from a github user contributions graph
 
-<picture>
+![](https://github.com/Platane/snk/raw/output/github-contribution-grid-snake.svg)
-  <source
-    media="(prefers-color-scheme: dark)"
-    srcset="https://raw.githubusercontent.com/platane/snk/output/github-contribution-grid-snake-dark.svg"
-  />
-  <source
-    media="(prefers-color-scheme: light)"
-    srcset="https://raw.githubusercontent.com/platane/snk/output/github-contribution-grid-snake.svg"
-  />
-  <img
-    alt="github contribution grid snake animation"
-    src="https://raw.githubusercontent.com/platane/snk/output/github-contribution-grid-snake.svg"
-  />
-</picture>
 
 Pull a github user's contribution graph.
 Make it a snake Game, generate a snake path where the cells get eaten in an orderly fashion.
@@ -35,7 +22,7 @@ Available as github action. It can automatically generate a new image each day.
 **github action**
 
 ```yaml
-- uses: Platane/snk@v3
+- uses: Platane/snk@v2
   with:
     # github user name to read the contribution graph from (**required**)
     # using action context var `github.repository_owner` or specified user
@@ -56,20 +43,17 @@ Available as github action. It can automatically generate a new image each day.
       dist/ocean.gif?color_snake=orange&color_dots=#bfd6f6,#8dbdff,#64a1f4,#4b91f1,#3c7dd9
 ```
 
-[example with cron job](https://github.com/Platane/Platane/blob/master/.github/workflows/main.yml#L26-L33)
+[example with cron job](https://github.com/Platane/Platane/blob/master/.github/workflows/main.yml#L24-L29)
 
-If you are only interested in generating a svg, consider using this faster action: `uses: Platane/snk/svg-only@v3`
+If you are only interested in generating a svg, consider using this faster action: `uses: Platane/snk/svg-only@v2`
 
 **dark mode**
 
-For **dark mode** support on github, use this [special syntax](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#specifying-the-theme-an-image-is-shown-to) in your readme.
+For **dark mode** support on github, use this [special syntax](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#specifying-the-theme-an-image-is-shown-to=) in your readme.
 
-```html
+```md
-<picture>
+![GitHub Snake Light](github-snake.svg#gh-light-mode-only)
-  <source media="(prefers-color-scheme: dark)" srcset="github-snake-dark.svg" />
+![GitHub Snake dark](github-snake-dark.svg#gh-dark-mode-only)
-  <source media="(prefers-color-scheme: light)" srcset="github-snake.svg" />
-  <img alt="github-snake" src="github-snake.svg" />
-</picture>
 ```
 
 **interactive demo**

action.yml

@@ -4,18 +4,15 @@ author: "platane"
 
 runs:
   using: docker
-  image: docker://platane/snk@sha256:96390294299275740e5963058c9784c60c5393b3b8b16082dcf41b240db791f9
+  image: docker://platane/snk@sha256:dcb351bdad223f2a2161fa5d6e3c9102e6ebe9fbde99a10fa3bf443d69f61a0f
 
 inputs:
   github_user_name:
     description: "github user name"
     required: true
-  github_token:
-    description: "github token used to fetch the contribution calendar. Default to the action token if empty."
-    required: false
-    default: ${{ github.token }}
   outputs:
     required: false
+    default: null
     description: |
       list of files to generate.
       one file per line. Each output can be customized with options as query string.

package.json

@@ -1,22 +1,36 @@
 {
   "name": "snk",
   "description": "Generates a snake game from a github user contributions grid",
-  "version": "3.3.0",
+  "version": "2.2.0",
   "private": true,
   "repository": "github:platane/snk",
   "devDependencies": {
-    "@types/bun": "1.2.2",
+    "@sucrase/jest-plugin": "3.0.0",
-    "prettier": "3.5.1",
+    "@types/jest": "29.2.1",
-    "typescript": "5.7.3"
+    "@types/node": "16.11.7",
+    "jest": "29.2.2",
+    "prettier": "2.7.1",
+    "sucrase": "3.28.0",
+    "typescript": "4.8.4"
   },
   "workspaces": [
-    "packages/*"
+    "packages/**"
   ],
+  "jest": {
+    "testEnvironment": "node",
+    "testMatch": [
+      "**/__tests__/**/?(*.)+(spec|test).ts"
+    ],
+    "transform": {
+      "\\.(ts|tsx)$": "@sucrase/jest-plugin"
+    }
+  },
   "scripts": {
     "type": "tsc --noEmit",
-    "lint": "prettier -c '**/*.{ts,js,json,md,yml,yaml}' '!packages/*/dist/**' '!svg-only/dist/**'",
+    "lint": "yarn prettier -c '**/*.{ts,js,json,md,yml,yaml}' '!packages/*/dist/**' '!svg-only/dist/**'",
-    "dev:demo": "( cd packages/demo ; npm run dev )",
+    "test": "jest --verbose --passWithNoTests --no-cache",
-    "build:demo": "( cd packages/demo ; npm run build )",
+    "dev:demo": "( cd packages/demo ; yarn dev )",
-    "build:action": "( cd packages/action ; npm run build )"
+    "build:demo": "( cd packages/demo ; yarn build )",
+    "build:action": "( cd packages/action ; yarn build )"
   }
 }

packages/action/__tests__/__snapshots__/outputsOptions.spec.ts.snap

@@ -1,5 +1,81 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`should parse /out.svg       {"color_snake":"yellow"} 1`] = `
+{
+  "animationOptions": {
+    "frameDuration": 100,
+    "step": 1,
+  },
+  "drawOptions": {
+    "colorDotBorder": "#1b1f230a",
+    "colorDots": [
+      "#ebedf0",
+      "#9be9a8",
+      "#40c463",
+      "#30a14e",
+      "#216e39",
+    ],
+    "colorEmpty": "#ebedf0",
+    "colorSnake": "yellow",
+    "dark": {
+      "colorDotBorder": "#1b1f230a",
+      "colorDots": [
+        "#161b22",
+        "#01311f",
+        "#034525",
+        "#0f6d31",
+        "#00c647",
+      ],
+      "colorEmpty": "#161b22",
+      "colorSnake": "purple",
+    },
+    "sizeCell": 16,
+    "sizeDot": 12,
+    "sizeDotBorderRadius": 2,
+  },
+  "filename": "/out.svg",
+  "format": "svg",
+}
+`;
+
+exports[`should parse /out.svg?.gif.svg?color_snake=orange 1`] = `
+{
+  "animationOptions": {
+    "frameDuration": 100,
+    "step": 1,
+  },
+  "drawOptions": {
+    "colorDotBorder": "#1b1f230a",
+    "colorDots": [
+      "#ebedf0",
+      "#9be9a8",
+      "#40c463",
+      "#30a14e",
+      "#216e39",
+    ],
+    "colorEmpty": "#ebedf0",
+    "colorSnake": "orange",
+    "dark": {
+      "colorDotBorder": "#1b1f230a",
+      "colorDots": [
+        "#161b22",
+        "#01311f",
+        "#034525",
+        "#0f6d31",
+        "#00c647",
+      ],
+      "colorEmpty": "#161b22",
+      "colorSnake": "purple",
+    },
+    "sizeCell": 16,
+    "sizeDot": 12,
+    "sizeDotBorderRadius": 2,
+  },
+  "filename": "/out.svg?.gif.svg",
+  "format": "svg",
+}
+`;
+
 exports[`should parse /out.svg?{"color_snake":"yellow","color_dots":["#000","#111","#222","#333","#444"]} 1`] = `
 {
   "animationOptions": {
@@ -72,7 +148,6 @@ exports[`should parse /out.svg?color_snake=orange&color_dots=#000,#111,#222,#333
     "colorEmpty": "#000",
     "colorSnake": "orange",
     "dark": {
-      "colorDotBorder": "#1b1f230a",
       "colorDots": [
         "#a00",
         "#a11",
@@ -81,7 +156,6 @@ exports[`should parse /out.svg?color_snake=orange&color_dots=#000,#111,#222,#333
         "#a44",
       ],
       "colorEmpty": "#a00",
-      "colorSnake": "orange",
     },
     "sizeCell": 16,
     "sizeDot": 12,
@@ -109,7 +183,18 @@ exports[`should parse path/to/out.gif 1`] = `
     ],
     "colorEmpty": "#ebedf0",
     "colorSnake": "purple",
-    "dark": undefined,
+    "dark": {
+      "colorDotBorder": "#1b1f230a",
+      "colorDots": [
+        "#161b22",
+        "#01311f",
+        "#034525",
+        "#0f6d31",
+        "#00c647",
+      ],
+      "colorEmpty": "#161b22",
+      "colorSnake": "purple",
+    },
     "sizeCell": 16,
     "sizeDot": 12,
     "sizeDotBorderRadius": 2,

packages/action/__tests__/generateContributionSnake.spec.ts

@@ -1,9 +1,10 @@
 import * as fs from "fs";
 import * as path from "path";
-import { it, expect } from "bun:test";
 import { generateContributionSnake } from "../generateContributionSnake";
 import { parseOutputsOption } from "../outputsOptions";
 
+jest.setTimeout(2 * 60 * 1000);
+
 const silent = (handler: () => void | Promise<void>) => async () => {
   const originalConsoleLog = console.log;
   console.log = () => undefined;
@@ -29,9 +30,7 @@ it(
 
     const outputs = parseOutputsOption(entries);
 
-    const results = await generateContributionSnake("platane", outputs, {
+    const results = await generateContributionSnake("platane", outputs);
-      githubToken: process.env.GITHUB_TOKEN!,
-    });
 
     expect(results[0]).toBeDefined();
     expect(results[1]).toBeDefined();
@@ -40,6 +39,5 @@ it(
     fs.writeFileSync(outputs[0]!.filename, results[0]!);
     fs.writeFileSync(outputs[1]!.filename, results[1]!);
     fs.writeFileSync(outputs[2]!.filename, results[2]!);
-  }),
+  })
-  { timeout: 2 * 60 * 1000 },
 );

packages/action/__tests__/outputsOptions.spec.ts

@@ -1,61 +1,19 @@
 import { parseEntry } from "../outputsOptions";
-import { it, expect } from "bun:test";
-
-it("should parse options as json", () => {
-  expect(
-    parseEntry(`/out.svg       {"color_snake":"yellow"}`)?.drawOptions,
-  ).toHaveProperty("colorSnake", "yellow");
-
-  expect(
-    parseEntry(`/out.svg?{"color_snake":"yellow"}`)?.drawOptions,
-  ).toHaveProperty("colorSnake", "yellow");
-
-  expect(
-    parseEntry(`/out.svg?{"color_dots":["#000","#111","#222","#333","#444"]}`)
-      ?.drawOptions.colorDots,
-  ).toEqual(["#000", "#111", "#222", "#333", "#444"]);
-});
-
-it("should parse options as searchparams", () => {
-  expect(parseEntry(`/out.svg?color_snake=yellow`)?.drawOptions).toHaveProperty(
-    "colorSnake",
-    "yellow",
-  );
-
-  expect(
-    parseEntry(`/out.svg?color_dots=#000,#111,#222,#333,#444`)?.drawOptions
-      .colorDots,
-  ).toEqual(["#000", "#111", "#222", "#333", "#444"]);
-});
-
-it("should parse filename", () => {
-  expect(parseEntry(`/a/b/c.svg?{"color_snake":"yellow"}`)).toHaveProperty(
-    "filename",
-    "/a/b/c.svg",
-  );
-  expect(
-    parseEntry(`/a/b/out.svg?.gif.svg?{"color_snake":"yellow"}`),
-  ).toHaveProperty("filename", "/a/b/out.svg?.gif.svg");
-
-  expect(
-    parseEntry(`/a/b/{[-1].svg?.gif.svg?{"color_snake":"yellow"}`),
-  ).toHaveProperty("filename", "/a/b/{[-1].svg?.gif.svg");
-});
 
 [
-  // default
   "path/to/out.gif",
 
-  // overwrite colors (search params)
   "/out.svg?color_snake=orange&color_dots=#000,#111,#222,#333,#444",
 
-  // overwrite colors (json)
   `/out.svg?{"color_snake":"yellow","color_dots":["#000","#111","#222","#333","#444"]}`,
 
-  // overwrite dark colors
+  `/out.svg       {"color_snake":"yellow"}`,
+
   "/out.svg?color_snake=orange&color_dots=#000,#111,#222,#333,#444&dark_color_dots=#a00,#a11,#a22,#a33,#a44",
+
+  "/out.svg?.gif.svg?color_snake=orange",
 ].forEach((entry) =>
   it(`should parse ${entry}`, () => {
     expect(parseEntry(entry)).toMatchSnapshot();
-  }),
+  })
 );

packages/action/generateContributionSnake.ts

@@ -12,11 +12,10 @@ export const generateContributionSnake = async (
     format: "svg" | "gif";
     drawOptions: DrawOptions;
     animationOptions: AnimationOptions;
-  } | null)[],
+  } | null)[]
-  options: { githubToken: string },
 ) => {
   console.log("🎣 fetching github user contribution");
-  const cells = await getGithubUserContribution(userName, options);
+  const cells = await getGithubUserContribution(userName);
 
   const grid = userContributionToGrid(cells);
   const snake = snake4;
@@ -43,10 +42,10 @@ export const generateContributionSnake = async (
             cells,
             chain,
             drawOptions,
-            animationOptions,
+            animationOptions
           );
         }
       }
-    }),
+    })
   );
 };

packages/action/index.ts

@@ -10,17 +10,13 @@ import { parseOutputsOption } from "./outputsOptions";
       core.getMultilineInput("outputs") ?? [
         core.getInput("gif_out_path"),
         core.getInput("svg_out_path"),
-      ],
+      ]
     );
-    const githubToken =
-      process.env.GITHUB_TOKEN ?? core.getInput("github_token");
 
     const { generateContributionSnake } = await import(
       "./generateContributionSnake"
     );
-    const results = await generateContributionSnake(userName, outputs, {
+    const results = await generateContributionSnake(userName, outputs);
-      githubToken,
-    });
 
     outputs.forEach((out, i) => {
       const result = results[i];

packages/action/outputsOptions.ts

@@ -32,7 +32,6 @@ export const parseEntry = (entry: string) => {
     sizeCell: 16,
     sizeDot: 12,
     ...palettes["default"],
-    dark: palettes["default"].dark && { ...palettes["default"].dark },
   };
   const animationOptions: AnimationOptions = { step: 1, frameDuration: 100 };
 
@@ -44,14 +43,6 @@ export const parseEntry = (entry: string) => {
     }
   }
 
-  {
-    const dark_palette = palettes[sp.get("dark_palette")!];
-    if (dark_palette) {
-      const clone = { ...dark_palette, dark: undefined };
-      drawOptions.dark = clone;
-    }
-  }
-
   if (sp.has("color_snake")) drawOptions.colorSnake = sp.get("color_snake")!;
   if (sp.has("color_dots")) {
     const colors = sp.get("color_dots")!.split(/[,;]/);
@@ -65,8 +56,6 @@ export const parseEntry = (entry: string) => {
   if (sp.has("dark_color_dots")) {
     const colors = sp.get("dark_color_dots")!.split(/[,;]/);
     drawOptions.dark = {
-      colorDotBorder: drawOptions.colorDotBorder,
-      colorSnake: drawOptions.colorSnake,
       ...drawOptions.dark,
       colorDots: colors,
       colorEmpty: colors[0],

packages/action/package.json

@@ -2,7 +2,7 @@
   "name": "@snk/action",
   "version": "1.0.0",
   "dependencies": {
-    "@actions/core": "1.11.1",
+    "@actions/core": "1.10.0",
     "@snk/gif-creator": "1.0.0",
     "@snk/github-user-contribution": "1.0.0",
     "@snk/solver": "1.0.0",
@@ -10,9 +10,10 @@
     "@snk/types": "1.0.0"
   },
   "devDependencies": {
-    "@vercel/ncc": "0.38.3"
+    "@vercel/ncc": "0.34.0"
   },
   "scripts": {
-    "build": "ncc build --external canvas --external gifsicle --out dist ./index.ts"
+    "build": "ncc build --external canvas --external gifsicle --out dist ./index.ts",
+    "run:build": "INPUT_GITHUB_USER_NAME=platane INPUT_OUTPUTS='dist/out.svg' node dist/index.js"
   }
 }

packages/action/palettes.ts

@@ -23,5 +23,8 @@ export const basePalettes: Record<
 
 // aliases
 export const palettes = { ...basePalettes };
-palettes["github"] = palettes["github-light"];
+palettes["github"] = {
+  ...palettes["github-light"],
+  dark: { ...palettes["github-dark"] },
+};
 palettes["default"] = palettes["github"];

packages/demo/canvas.ts

@@ -76,7 +76,7 @@ export const createCanvas = ({
     snake0: Snake,
     snake1: Snake,
     stack: Color[],
-    k: number,
+    k: number
   ) => {
     ctx.clearRect(0, 0, 9999, 9999);
     drawLerpWorld(ctx, grid, null, snake0, snake1, stack, k, drawOptions);

packages/demo/demo.getBestTunnel.ts

@@ -26,7 +26,7 @@ const tunnels = ones.map(({ x, y }) => ({
     x,
     y,
     3 as Color,
-    getSnakeLength(snake),
+    getSnakeLength(snake)
   ),
 }));
 

packages/demo/demo.getPathToPose.ts

@@ -8,7 +8,7 @@ const { canvas, ctx, draw, highlightCell } = createCanvas(grid);
 canvas.style.pointerEvents = "auto";
 
 const target = createSnakeFromCells(
-  snakeToCells(snake).map((p) => ({ ...p, x: p.x - 1 })),
+  snakeToCells(snake).map((p) => ({ ...p, x: p.x - 1 }))
 );
 
 let chain = [snake, ...getPathToPose(snake, target)!];

packages/demo/demo.interactive.ts

@@ -253,7 +253,7 @@ const createViewer = ({
         : "") +
         `<a href="${svgLink.href}" download="github-user-contribution.svg">` +
         svgString +
-        "<a/>",
+        "<a/>"
     );
     e.preventDefault();
   });
@@ -277,7 +277,7 @@ const createViewer = ({
 
 const onSubmit = async (userName: string) => {
   const res = await fetch(
-    process.env.GITHUB_USER_CONTRIBUTION_API_ENDPOINT + userName,
+    process.env.GITHUB_USER_CONTRIBUTION_API_ENDPOINT + userName
   );
   const cells = (await res.json()) as Res;
 
@@ -294,8 +294,8 @@ const worker = new Worker(
   new URL(
     "./demo.interactive.worker.ts",
     // @ts-ignore
-    import.meta.url,
+    import.meta.url
-  ),
+  )
 );
 
 const { getChain } = createRpcClient<WorkerAPI>(worker);

packages/demo/menu.ts

@@ -25,7 +25,7 @@ const onChange = () => {
 
   const url = new URL(
     config.demo + ".html?" + search,
-    window.location.href,
+    window.location.href
   ).toString();
 
   window.location.href = url;

packages/demo/package.json

@@ -10,15 +10,14 @@
     "@snk/types": "1.0.0"
   },
   "devDependencies": {
-    "@types/dat.gui": "0.7.13",
+    "@types/dat.gui": "0.7.7",
     "dat.gui": "0.7.9",
-    "dotenv": "16.4.7",
+    "html-webpack-plugin": "5.5.0",
-    "html-webpack-plugin": "5.6.3",
+    "ts-loader": "9.4.1",
-    "ts-loader": "9.5.2",
+    "ts-node": "10.9.1",
-    "ts-node": "10.9.2",
+    "webpack": "5.74.0",
-    "webpack": "5.98.0",
+    "webpack-cli": "4.10.0",
-    "webpack-cli": "6.0.1",
+    "webpack-dev-server": "4.11.1"
-    "webpack-dev-server": "5.2.0"
   },
   "scripts": {
     "build": "webpack",

packages/demo/springUtils.ts

@@ -15,7 +15,7 @@ const stepSpringOne = (
     maxVelocity = Infinity,
   }: { tension: number; friction: number; maxVelocity?: number },
   target: number,
-  dt = 1 / 60,
+  dt = 1 / 60
 ) => {
   const a = -tension * (s.x - target) - friction * s.v;
 
@@ -31,13 +31,13 @@ const stepSpringOne = (
 export const isStable = (
   s: { x: number; v: number },
   target: number,
-  dt = 1 / 60,
+  dt = 1 / 60
 ) => Math.abs(s.x - target) < epsilon && Math.abs(s.v * dt) < epsilon;
 
 export const isStableAndBound = (
   s: { x: number; v: number },
   target: number,
-  dt?: number,
+  dt?: number
 ) => {
   const stable = isStable(s, target, dt);
   if (stable) {
@@ -51,7 +51,7 @@ export const stepSpring = (
   s: { x: number; v: number },
   params: { tension: number; friction: number; maxVelocity?: number },
   target: number,
-  dt = 1 / 60,
+  dt = 1 / 60
 ) => {
   const interval = 1 / 60;
 

packages/demo/webpack.config.ts

@@ -1,40 +1,27 @@
 import path from "path";
 import HtmlWebpackPlugin from "html-webpack-plugin";
+
+import type { Configuration as WebpackConfiguration } from "webpack";
+import type { Configuration as WebpackDevServerConfiguration } from "webpack-dev-server";
 import webpack from "webpack";
 import { getGithubUserContribution } from "@snk/github-user-contribution";
-import type { Configuration as WebpackConfiguration } from "webpack";
-import {
-  ExpressRequestHandler,
-  type Configuration as WebpackDevServerConfiguration,
-} from "webpack-dev-server";
-import { config } from "dotenv";
-config({ path: __dirname + "/../../.env" });
 
 const demos: string[] = require("./demo.json");
 
 const webpackDevServerConfiguration: WebpackDevServerConfiguration = {
   open: { target: demos[1] + ".html" },
-  setupMiddlewares: (ms) => [
+  onAfterSetupMiddleware: ({ app }) => {
-    ...ms,
+    app!.get("/api/github-user-contribution/:userName", async (req, res) => {
-    (async (req, res, next) => {
+      const userName: string = req.params.userName;
-      const userName = req.url.match(
+      res.send(await getGithubUserContribution(userName));
-        /\/api\/github-user-contribution\/(\w+)/,
+    });
-      )?.[1];
+  },
-      if (userName)
-        res.send(
-          await getGithubUserContribution(userName, {
-            githubToken: process.env.GITHUB_TOKEN!,
-          }),
-        );
-      else next();
-    }) as ExpressRequestHandler,
-  ],
 };
 
 const webpackConfiguration: WebpackConfiguration = {
   mode: "development",
   entry: Object.fromEntries(
-    demos.map((demo: string) => [demo, `./demo.${demo}`]),
+    demos.map((demo: string) => [demo, `./demo.${demo}`])
   ),
   target: ["web", "es2019"],
   resolve: { extensions: [".ts", ".js"] },
@@ -65,7 +52,7 @@ const webpackConfiguration: WebpackConfiguration = {
           title: "snk - " + demo,
           filename: `${demo}.html`,
           chunks: [demo],
-        }),
+        })
     ),
     new HtmlWebpackPlugin({
       title: "snk - " + demos[0],

packages/demo/worker-utils.ts

@@ -54,6 +54,6 @@ export const createRpcClient = <API_ extends API>(worker: Worker) => {
             worker.addEventListener("terminate", onTerminate);
             worker.postMessage({ symbol, key, methodName, args });
           }),
-    },
+    }
   );
 };

packages/draw/drawCircleStack.ts

@@ -59,7 +59,7 @@ export const getCircleSize = (n: number) => {
 export const drawCircleStack = (
   ctx: CanvasRenderingContext2D,
   stack: Color[],
-  o: Options,
+  o: Options
 ) => {
   for (let i = stack.length; i--; ) {
     const { x, y } = cellPath[i];
@@ -67,7 +67,7 @@ export const drawCircleStack = (
     ctx.save();
     ctx.translate(
       x * o.sizeCell + (o.sizeCell - o.sizeDot) / 2,
-      y * o.sizeCell + (o.sizeCell - o.sizeDot) / 2,
+      y * o.sizeCell + (o.sizeCell - o.sizeDot) / 2
     );
 
     //@ts-ignore

packages/draw/drawGrid.ts

@@ -16,7 +16,7 @@ export const drawGrid = (
   ctx: CanvasRenderingContext2D,
   grid: Grid,
   cells: Point[] | null,
-  o: Options,
+  o: Options
 ) => {
   for (let x = grid.width; x--; )
     for (let y = grid.height; y--; ) {
@@ -27,7 +27,7 @@ export const drawGrid = (
         ctx.save();
         ctx.translate(
           x * o.sizeCell + (o.sizeCell - o.sizeDot) / 2,
-          y * o.sizeCell + (o.sizeCell - o.sizeDot) / 2,
+          y * o.sizeCell + (o.sizeCell - o.sizeDot) / 2
         );
 
         ctx.fillStyle = color;

packages/draw/drawSnake.ts

@@ -10,7 +10,7 @@ type Options = {
 export const drawSnake = (
   ctx: CanvasRenderingContext2D,
   snake: Snake,
-  o: Options,
+  o: Options
 ) => {
   const cells = snakeToCells(snake);
 
@@ -25,7 +25,7 @@ export const drawSnake = (
       ctx,
       o.sizeCell - u * 2,
       o.sizeCell - u * 2,
-      (o.sizeCell - u * 2) * 0.25,
+      (o.sizeCell - u * 2) * 0.25
     );
     ctx.fill();
     ctx.restore();
@@ -40,7 +40,7 @@ export const drawSnakeLerp = (
   snake0: Snake,
   snake1: Snake,
   k: number,
-  o: Options,
+  o: Options
 ) => {
   const m = 0.8;
   const n = snake0.length / 2;
@@ -61,7 +61,7 @@ export const drawSnakeLerp = (
       ctx,
       o.sizeCell - u * 2,
       o.sizeCell - u * 2,
-      (o.sizeCell - u * 2) * 0.25,
+      (o.sizeCell - u * 2) * 0.25
     );
     ctx.fill();
     ctx.restore();

packages/draw/drawWorld.ts

@@ -19,7 +19,7 @@ export const drawStack = (
   stack: Color[],
   max: number,
   width: number,
-  o: { colorDots: Record<Color, string> },
+  o: { colorDots: Record<Color, string> }
 ) => {
   ctx.save();
 
@@ -39,7 +39,7 @@ export const drawWorld = (
   cells: Point[] | null,
   snake: Snake,
   stack: Color[],
-  o: Options,
+  o: Options
 ) => {
   ctx.save();
 
@@ -66,14 +66,14 @@ export const drawWorld = (
 };
 
 export const drawLerpWorld = (
-  ctx: CanvasRenderingContext2D | CanvasRenderingContext2D,
+  ctx: CanvasRenderingContext2D,
   grid: Grid,
   cells: Point[] | null,
   snake0: Snake,
   snake1: Snake,
   stack: Color[],
   k: number,
-  o: Options,
+  o: Options
 ) => {
   ctx.save();
 

packages/draw/pathRoundedRect.ts

@@ -2,7 +2,7 @@ export const pathRoundedRect = (
   ctx: CanvasRenderingContext2D,
   width: number,
   height: number,
-  borderRadius: number,
+  borderRadius: number
 ) => {
   ctx.moveTo(borderRadius, 0);
   ctx.arcTo(width, 0, width, height, borderRadius);

packages/gif-creator/__tests__/benchmark.ts

@@ -8,7 +8,7 @@ import { getPathToPose } from "@snk/solver/getPathToPose";
 import type { Options as DrawOptions } from "@snk/draw/drawWorld";
 
 let snake = createSnakeFromCells(
-  Array.from({ length: 4 }, (_, i) => ({ x: i, y: -1 })),
+  Array.from({ length: 4 }, (_, i) => ({ x: i, y: -1 }))
 );
 
 // const chain = [snake];
@@ -45,7 +45,7 @@ const animationOptions: AnimationOptions = { frameDuration: 100, step: 1 };
   ) {
     const stats: number[] = [];
 
-    let buffer: Uint8Array;
+    let buffer: Buffer;
     const start = Date.now();
     const chainL = chain.slice(0, length);
     for (let k = 0; k < 10 && (Date.now() - start < 10 * 1000 || k < 2); k++) {
@@ -55,7 +55,7 @@ const animationOptions: AnimationOptions = { frameDuration: 100, step: 1 };
         null,
         chainL,
         drawOptions,
-        animationOptions,
+        animationOptions
       );
       stats.push(performance.now() - s);
     }
@@ -73,12 +73,12 @@ const animationOptions: AnimationOptions = { frameDuration: 100, step: 1 };
         })}ms`,
         "",
       ].join("\n"),
-      stats,
+      stats
     );
 
     fs.writeFileSync(
       `__tests__/__snapshots__/benchmark-output-${length}.gif`,
-      buffer!,
+      buffer!
     );
   }
 })();

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

@@ -1,6 +1,5 @@
 import * as fs from "fs";
 import * as path from "path";
-import { it, expect } from "bun:test";
 import { AnimationOptions, createGif } from "..";
 import * as grids from "@snk/types/__fixtures__/grid";
 import { snake3 as snake } from "@snk/types/__fixtures__/snake";
@@ -8,6 +7,8 @@ import { createSnakeFromCells, nextSnake } from "@snk/types/snake";
 import { getBestRoute } from "@snk/solver/getBestRoute";
 import type { Options as DrawOptions } from "@snk/draw/drawWorld";
 
+jest.setTimeout(20 * 1000);
+
 const upscale = 1;
 const drawOptions: DrawOptions = {
   sizeDotBorderRadius: 2 * upscale,
@@ -34,58 +35,44 @@ for (const key of [
   "small",
   "smallPacked",
 ] as const)
-  it(
+  it(`should generate ${key} gif`, async () => {
-    `should generate ${key} gif`,
+    const grid = grids[key];
-    async () => {
-      const grid = grids[key];
 
-      const chain = [snake, ...getBestRoute(grid, snake)!];
+    const chain = [snake, ...getBestRoute(grid, snake)!];
-
-      const gif = await createGif(
-        grid,
-        null,
-        chain,
-        drawOptions,
-        animationOptions,
-      );
-
-      expect(gif).toBeDefined();
-
-      fs.writeFileSync(path.resolve(dir, key + ".gif"), gif);
-    },
-    { timeout: 20 * 1000 },
-  );
-
-it(
-  `should generate swipper`,
-  async () => {
-    const grid = grids.smallFull;
-    let snk = createSnakeFromCells(
-      Array.from({ length: 6 }, (_, i) => ({ x: i, y: -1 })),
-    );
-
-    const chain = [snk];
-    for (let y = -1; y < grid.height; y++) {
-      snk = nextSnake(snk, 0, 1);
-      chain.push(snk);
-
-      for (let x = grid.width - 1; x--; ) {
-        snk = nextSnake(snk, (y + 100) % 2 ? 1 : -1, 0);
-        chain.push(snk);
-      }
-    }
 
     const gif = await createGif(
       grid,
       null,
       chain,
       drawOptions,
-      animationOptions,
+      animationOptions
     );
 
     expect(gif).toBeDefined();
 
-    fs.writeFileSync(path.resolve(dir, "swipper.gif"), gif);
+    fs.writeFileSync(path.resolve(dir, key + ".gif"), gif);
-  },
+  });
-  { timeout: 20 * 1000 },
+
-);
+it(`should generate swipper`, async () => {
+  const grid = grids.smallFull;
+  let snk = createSnakeFromCells(
+    Array.from({ length: 6 }, (_, i) => ({ x: i, y: -1 }))
+  );
+
+  const chain = [snk];
+  for (let y = -1; y < grid.height; y++) {
+    snk = nextSnake(snk, 0, 1);
+    chain.push(snk);
+
+    for (let x = grid.width - 1; x--; ) {
+      snk = nextSnake(snk, (y + 100) % 2 ? 1 : -1, 0);
+      chain.push(snk);
+    }
+  }
+
+  const gif = await createGif(grid, null, chain, drawOptions, animationOptions);
+
+  expect(gif).toBeDefined();
+
+  fs.writeFileSync(path.resolve(dir, "swipper.gif"), gif);
+});

packages/gif-creator/index.ts

@@ -17,7 +17,7 @@ import gifsicle from "gifsicle";
 import GIFEncoder from "gif-encoder-2";
 
 const withTmpDir = async <T>(
-  handler: (dir: string) => Promise<T>,
+  handler: (dir: string) => Promise<T>
 ): Promise<T> => {
   const { name: dir, removeCallback: cleanUp } = tmp.dirSync({
     unsafeCleanup: true,
@@ -37,13 +37,13 @@ export const createGif = async (
   cells: Point[] | null,
   chain: Snake[],
   drawOptions: DrawOptions,
-  animationOptions: AnimationOptions,
+  animationOptions: AnimationOptions
 ) =>
   withTmpDir(async (dir) => {
     const { width, height } = getCanvasWorldSize(grid0, drawOptions);
 
     const canvas = createCanvas(width, height);
-    const ctx = canvas.getContext("2d") as any as CanvasRenderingContext2D;
+    const ctx = canvas.getContext("2d")!;
 
     const grid = copyGrid(grid0);
     const stack: Color[] = [];
@@ -70,7 +70,7 @@ export const createGif = async (
           snake1,
           stack,
           k / animationOptions.step,
-          drawOptions,
+          drawOptions
         );
 
         encoder.addFrame(ctx);
@@ -92,8 +92,8 @@ export const createGif = async (
         "--colors=18",
         outFileName,
         ["--output", optimizedFileName],
-      ].flat(),
+      ].flat()
     );
 
-    return new Uint8Array(fs.readFileSync(optimizedFileName));
+    return fs.readFileSync(optimizedFileName);
   });

packages/gif-creator/package.json

@@ -4,16 +4,17 @@
   "dependencies": {
     "@snk/draw": "1.0.0",
     "@snk/solver": "1.0.0",
-    "canvas": "3.1.0",
+    "canvas": "2.10.2",
     "gif-encoder-2": "1.0.5",
     "gifsicle": "5.3.0",
-    "tmp": "0.2.3"
+    "tmp": "0.2.1"
   },
   "devDependencies": {
-    "@types/gifsicle": "5.2.2",
+    "@types/gifsicle": "5.2.0",
-    "@types/tmp": "0.2.6"
+    "@types/tmp": "0.2.3",
+    "@vercel/ncc": "0.34.0"
   },
   "scripts": {
-    "benchmark": "bun __tests__/benchmark.ts"
+    "benchmark": "ncc run __tests__/benchmark.ts --quiet"
   }
 }

packages/github-user-contribution-service/README.md

@@ -1,14 +1,3 @@
 # @snk/github-user-contribution-service
 
-Expose github-user-contribution as an endpoint. hosted on cloudflare
+Expose github-user-contribution as an endpoint, using vercel.sh
-
-```sh
-
-
-# deploy
-bunx wrangler deploy --branch=production
-
-# change secret
-bunx wrangler secret put GITHUB_TOKEN
-
-```

packages/github-user-contribution-service/api/github-user-contribution/[userName].ts

@@ -0,0 +1,16 @@
+import { getGithubUserContribution } from "@snk/github-user-contribution";
+import { VercelRequest, VercelResponse } from "@vercel/node";
+
+export default async (req: VercelRequest, res: VercelResponse) => {
+  const { userName } = req.query;
+
+  try {
+    res.setHeader("Access-Control-Allow-Origin", "https://platane.github.io");
+    res.statusCode = 200;
+    res.json(await getGithubUserContribution(userName as string));
+  } catch (err) {
+    console.error(err);
+    res.statusCode = 500;
+    res.end();
+  }
+};

packages/github-user-contribution-service/index.ts

@@ -1,52 +0,0 @@
-import { getGithubUserContribution } from "@snk/github-user-contribution";
-
-const cors =
-  <
-    Req extends { headers: Headers },
-    Res extends { headers: Headers },
-    A extends Array<any>,
-  >(
-    f: (req: Req, ...args: A) => Res | Promise<Res>,
-  ) =>
-  async (req: Req, ...args: A) => {
-    const res = await f(req, ...args);
-
-    const origin = req.headers.get("origin");
-
-    if (origin) {
-      const { host, hostname } = new URL(origin);
-
-      if (hostname === "localhost" || host === "platane.github.io")
-        res.headers.set("Access-Control-Allow-Origin", origin);
-    }
-
-    res.headers.set("Access-Control-Allow-Methods", "GET, OPTIONS");
-    res.headers.set("Access-Control-Allow-Headers", "Content-Type");
-    return res;
-  };
-
-export default {
-  fetch: cors(async (req: Request, env: { GITHUB_TOKEN: string }) => {
-    const url = new URL(req.url);
-
-    const [, userName] =
-      url.pathname.match(/^\/github-user-contribution\/([^\/]*)\/?$/) ?? [];
-
-    if (req.method === "OPTIONS") return new Response();
-
-    if (!userName || req.method !== "GET")
-      return new Response("unknown route", { status: 404 });
-
-    const body = await getGithubUserContribution(userName, {
-      githubToken: env.GITHUB_TOKEN,
-    });
-
-    return new Response(JSON.stringify(body), {
-      status: 200,
-      headers: {
-        "Cache-Control": "max-age=21600, s-maxage=21600",
-        "Content-Type": "application/json",
-      },
-    });
-  }),
-};

packages/github-user-contribution-service/package.json

@@ -2,13 +2,7 @@
   "name": "@snk/github-user-contribution-service",
   "version": "1.0.0",
   "dependencies": {
-    "@snk/github-user-contribution": "1.0.0"
+    "@snk/github-user-contribution": "1.0.0",
-  },
+    "@vercel/node": "2.6.1"
-  "devDependencies": {
-    "wrangler": "3.109.2",
-    "@cloudflare/workers-types": "4.20250214.0"
-  },
-  "scripts": {
-    "deploy": "wrangler deploy"
   }
 }

packages/github-user-contribution-service/vercel.json

@@ -0,0 +1,5 @@
+{
+  "github": {
+    "silent": true
+  }
+}

packages/github-user-contribution-service/wrangler.toml

@@ -1,9 +0,0 @@
-name = "github-user-contribution"
-main = "index.ts"
-compatibility_date = "2024-09-02"
-
-account_id = "56268cde636c288343cb0767952ecf2e"
-workers_dev = true
-
-# [observability]
-# enabled = true

packages/github-user-contribution/__tests__/formatParams.spec.ts

@@ -0,0 +1,19 @@
+import { formatParams } from "../formatParams";
+
+const params = [
+  //
+  [{}, ""],
+  [{ year: 2017 }, "from=2017-01-01&to=2017-12-31"],
+  [{ from: "2017-12-03" }, "from=2017-12-03"],
+  [{ to: "2017-12-03" }, "to=2017-12-03"],
+] as const;
+
+params.forEach(([params, res]) =>
+  it(`should format ${JSON.stringify(params)}`, () => {
+    expect(formatParams(params)).toBe(res);
+  })
+);
+
+it("should fail if the date is in the future", () => {
+  expect(() => formatParams({ to: "9999-01-01" })).toThrow(Error);
+});

packages/github-user-contribution/__tests__/getGithubUserContribution.spec.ts

@@ -1,10 +1,7 @@
 import { getGithubUserContribution } from "..";
-import { describe, it, expect } from "bun:test";
 
 describe("getGithubUserContribution", () => {
-  const promise = getGithubUserContribution("platane", {
+  const promise = getGithubUserContribution("platane");
-    githubToken: process.env.GITHUB_TOKEN!,
-  });
 
   it("should resolve", async () => {
     await promise;
@@ -30,3 +27,9 @@ describe("getGithubUserContribution", () => {
     expect(undefinedDays).toEqual([]);
   });
 });
+
+xit("should match snapshot for year=2019", async () => {
+  expect(
+    await getGithubUserContribution("platane", { year: 2019 })
+  ).toMatchSnapshot();
+});

packages/github-user-contribution/formatParams.ts

@@ -0,0 +1,38 @@
+export type Options = { from?: string; to?: string } | { year: number };
+
+export const formatParams = (options: Options = {}) => {
+  const sp = new URLSearchParams();
+
+  const o: any = { ...options };
+
+  if ("year" in options) {
+    o.from = `${options.year}-01-01`;
+    o.to = `${options.year}-12-31`;
+  }
+
+  for (const s of ["from", "to"])
+    if (o[s]) {
+      const value = o[s];
+
+      if (value >= formatDate(new Date()))
+        throw new Error(
+          "Cannot get contribution for a date in the future.\nPlease limit your range to the current UTC day."
+        );
+
+      sp.set(s, value);
+    }
+
+  return sp.toString();
+};
+
+const formatDate = (d: Date) => {
+  const year = d.getUTCFullYear();
+  const month = d.getUTCMonth() + 1;
+  const date = d.getUTCDate();
+
+  return [
+    year,
+    month.toString().padStart(2, "0"),
+    date.toString().padStart(2, "0"),
+  ].join("-");
+};

packages/github-user-contribution/index.ts

@@ -1,3 +1,6 @@
+import fetch from "node-fetch";
+import { formatParams, Options } from "./formatParams";
+
 /**
  * get the contribution grid from a github user page
  *
@@ -16,84 +19,61 @@
  */
 export const getGithubUserContribution = async (
   userName: string,
-  o: { githubToken: string },
+  options: Options = {}
 ) => {
-  const query = /* GraphQL */ `
+  // either use github.com/users/xxxx/contributions  for previous years
-    query ($login: String!) {
+  // or github.com/xxxx ( which gives the latest update to today result )
-      user(login: $login) {
+  const url =
-        contributionsCollection {
+    "year" in options || "from" in options || "to" in options
-          contributionCalendar {
+      ? `https://github.com/users/${userName}/contributions?` +
-            weeks {
+        formatParams(options)
-              contributionDays {
+      : `https://github.com/${userName}`;
-                contributionCount
-                contributionLevel
-                weekday
-                date
-              }
-            }
-          }
-        }
-      }
-    }
-  `;
-  const variables = { login: userName };
 
-  const res = await fetch("https://api.github.com/graphql", {
+  const res = await fetch(url);
-    headers: {
-      Authorization: `bearer ${o.githubToken}`,
-      "Content-Type": "application/json",
-      "User-Agent": "me@platane.me",
-    },
-    method: "POST",
-    body: JSON.stringify({ variables, query }),
-  });
 
-  if (!res.ok) throw new Error(await res.text().catch(() => res.statusText));
+  if (!res.ok) throw new Error(res.statusText);
 
-  const { data, errors } = (await res.json()) as {
+  const resText = await res.text();
-    data: GraphQLRes;
-    errors?: { message: string }[];
-  };
 
-  if (errors?.[0]) throw errors[0];
+  return parseUserPage(resText);
-
-  return data.user.contributionsCollection.contributionCalendar.weeks.flatMap(
-    ({ contributionDays }, x) =>
-      contributionDays.map((d) => ({
-        x,
-        y: d.weekday,
-        date: d.date,
-        count: d.contributionCount,
-        level:
-          (d.contributionLevel === "FOURTH_QUARTILE" && 4) ||
-          (d.contributionLevel === "THIRD_QUARTILE" && 3) ||
-          (d.contributionLevel === "SECOND_QUARTILE" && 2) ||
-          (d.contributionLevel === "FIRST_QUARTILE" && 1) ||
-          0,
-      })),
-  );
 };
 
-type GraphQLRes = {
+const parseUserPage = (content: string) => {
-  user: {
+  // take roughly the svg block
-    contributionsCollection: {
+  const block = content
-      contributionCalendar: {
+    .split(`class="js-calendar-graph-svg"`)[1]
-        weeks: {
+    .split("</svg>")[0];
-          contributionDays: {
+
-            contributionCount: number;
+  let x = 0;
-            contributionLevel:
+  let lastYAttribute = 0;
-              | "FOURTH_QUARTILE"
+
-              | "THIRD_QUARTILE"
+  const rects = Array.from(block.matchAll(/<rect[^>]*>[^<]*<\/rect>/g)).map(
-              | "SECOND_QUARTILE"
+    ([m]) => {
-              | "FIRST_QUARTILE"
+      const date = m.match(/data-date="([^"]+)"/)![1];
-              | "NONE";
+      const level = +m.match(/data-level="([^"]+)"/)![1];
-            date: string;
+      const yAttribute = +m.match(/y="([^"]+)"/)![1];
-            weekday: number;
+
-          }[];
+      const literalCount = m.match(/(No|\d+) contributions? on/)![1];
-        }[];
+      const count = literalCount === "No" ? 0 : +literalCount;
-      };
+
-    };
+      if (lastYAttribute > yAttribute) x++;
-  };
+
+      lastYAttribute = yAttribute;
+
+      return { date, count, level, x, yAttribute };
+    }
+  );
+
+  const yAttributes = Array.from(
+    new Set(rects.map((c) => c.yAttribute)).keys()
+  ).sort();
+
+  const cells = rects.map(({ yAttribute, ...c }) => ({
+    y: yAttributes.indexOf(yAttribute),
+    ...c,
+  }));
+
+  return cells;
 };
 
 export type Res = Awaited<ReturnType<typeof getGithubUserContribution>>;

packages/github-user-contribution/package.json

@@ -1,4 +1,11 @@
 {
   "name": "@snk/github-user-contribution",
-  "version": "1.0.0"
+  "version": "1.0.0",
+  "dependencies": {
+    "cheerio": "1.0.0-rc.10",
+    "node-fetch": "2.6.7"
+  },
+  "devDependencies": {
+    "@types/node-fetch": "2.6.1"
+  }
 }

packages/solver/__tests__/getBestRoute-fuzz.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import { getBestRoute } from "../getBestRoute";
 import { snake3, snake4 } from "@snk/types/__fixtures__/snake";
 import {
@@ -17,7 +16,7 @@ for (const { width, height, snake } of [
   { width: 5, height: 5, snake: snake4 },
 ])
   it(`should find solution for ${n} ${width}x${height} generated grids for ${getSnakeLength(
-    snake,
+    snake
   )} length snake`, () => {
     const results = Array.from({ length: n }, (_, seed) => {
       const grid = createFromSeed(seed, width, height);

packages/solver/__tests__/getBestRoute.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import { getBestRoute } from "../getBestRoute";
 import { Color, createEmptyGrid, setColor } from "@snk/types/grid";
 import { createSnakeFromCells, snakeToCells } from "@snk/types/snake";

packages/solver/__tests__/getPathTo.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import { createEmptyGrid } from "@snk/types/grid";
 import { getHeadX, getHeadY } from "@snk/types/snake";
 import { snake3 } from "@snk/types/__fixtures__/snake";

packages/solver/__tests__/getPathToPose.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import { createSnakeFromCells } from "@snk/types/snake";
 import { getPathToPose } from "../getPathToPose";
 

packages/solver/__tests__/sortPush.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect, describe } from "bun:test";
 import { sortPush } from "../utils/sortPush";
 
 const sortFn = (a: number, b: number) => a - b;

packages/solver/clearCleanColoredLayer.ts

@@ -24,7 +24,7 @@ export const clearCleanColoredLayer = (
   grid: Grid,
   outside: Outside,
   snake0: Snake,
-  color: Color,
+  color: Color
 ) => {
   const snakeN = getSnakeLength(snake0);
 
@@ -55,7 +55,7 @@ const getPathToNextPoint = (
   grid: Grid,
   snake0: Snake,
   color: Color,
-  points: Point[],
+  points: Point[]
 ) => {
   const closeList: Snake[] = [];
   const openList: M[] = [{ snake: snake0 } as any];
@@ -96,7 +96,7 @@ export const getTunnellablePoints = (
   grid: Grid,
   outside: Outside,
   snakeN: number,
-  color: Color,
+  color: Color
 ) => {
   const points: Point[] = [];
 

packages/solver/clearResidualColoredLayer.ts

@@ -20,7 +20,7 @@ export const clearResidualColoredLayer = (
   grid: Grid,
   outside: Outside,
   snake0: Snake,
-  color: Color,
+  color: Color
 ) => {
   const snakeN = getSnakeLength(snake0);
 
@@ -99,7 +99,7 @@ export const getTunnellablePoints = (
   grid: Grid,
   outside: Outside,
   snakeN: number,
-  color: Color,
+  color: Color
 ) => {
   const points: T[] = [];
 

packages/solver/getBestRoute.ts

@@ -13,7 +13,7 @@ export const getBestRoute = (grid0: Grid, snake0: Snake) => {
   for (const color of extractColors(grid)) {
     if (color > 1)
       chain.unshift(
-        ...clearResidualColoredLayer(grid, outside, chain[0], color),
+        ...clearResidualColoredLayer(grid, outside, chain[0], color)
       );
     chain.unshift(...clearCleanColoredLayer(grid, outside, chain[0], color));
   }

packages/solver/getBestTunnel.ts

@@ -37,7 +37,7 @@ const getSnakeEscapePath = (
   grid: Grid,
   outside: Outside,
   snake0: Snake,
-  color: Color,
+  color: Color
 ) => {
   const openList: M[] = [{ snake: snake0, w: 0 } as any];
   const closeList: Snake[] = [];
@@ -79,7 +79,7 @@ export const getBestTunnel = (
   x: number,
   y: number,
   color: Color,
-  snakeN: number,
+  snakeN: number
 ) => {
   const c = { x, y };
   const snake0 = createSnakeFromCells(Array.from({ length: snakeN }, () => c));

packages/solver/outside.ts

@@ -24,7 +24,7 @@ export const createOutside = (grid: Grid, color: Color = 0 as Color) => {
 export const fillOutside = (
   outside: Outside,
   grid: Grid,
-  color: Color = 0 as Color,
+  color: Color = 0 as Color
 ) => {
   let changed = true;
   while (changed) {

packages/solver/tunnel.ts

@@ -27,7 +27,7 @@ export const getTunnelPath = (snake0: Snake, tunnel: Point[]) => {
 export const updateTunnel = (
   grid: Grid,
   tunnel: Point[],
-  toDelete: Point[],
+  toDelete: Point[]
 ) => {
   while (tunnel.length) {
     const { x, y } = tunnel[0];

packages/svg-creator/__tests__/createSvg.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import * as fs from "fs";
 import * as path from "path";
 import { createSvg, DrawOptions as DrawOptions } from "..";
@@ -38,7 +37,7 @@ for (const [key, grid] of Object.entries(grids))
       null,
       chain,
       drawOptions,
-      animationOptions,
+      animationOptions
     );
 
     expect(svg).toBeDefined();

packages/svg-creator/__tests__/minifyCss.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import { minifyCss } from "../css-utils";
 
 it("should minify css", () => {
@@ -8,7 +7,7 @@ it("should minify css", () => {
         color  : red    ;
     }
     
-    `),
+    `)
   ).toBe(".c{color:red}");
 
   expect(
@@ -22,6 +21,6 @@ it("should minify css", () => {
         animation: linear     10;
     }
     
-    `),
+    `)
   ).toBe(".c{top:0;color:red}#{animation:linear 10}");
 });

packages/svg-creator/css-utils.ts

@@ -16,7 +16,7 @@ const mergeKeyFrames = (keyframes: { t: number; style: string }[]) => {
  */
 export const createAnimation = (
   name: string,
-  keyframes: { t: number; style: string }[],
+  keyframes: { t: number; style: string }[]
 ) =>
   `@keyframes ${name}{` +
   mergeKeyFrames(keyframes)

packages/svg-creator/grid.ts

@@ -15,7 +15,7 @@ export type Options = {
 export const createGrid = (
   cells: (Point & { t: number | null; color: Color | Empty })[],
   { sizeDotBorderRadius, sizeDot, sizeCell }: Options,
-  duration: number,
+  duration: number
 ) => {
   const svgElements: string[] = [];
   const styles = [
@@ -48,7 +48,7 @@ export const createGrid = (
         `.c.${id}{
           fill: var(--c${color});
           animation-name: ${animationName}
-        }`,
+        }`
       );
     }
 
@@ -59,7 +59,7 @@ export const createGrid = (
         y: y * sizeCell + m,
         rx: sizeDotBorderRadius,
         ry: sizeDotBorderRadius,
-      }),
+      })
     );
   }
 

packages/svg-creator/index.ts

@@ -34,13 +34,13 @@ export type DrawOptions = {
 
 const getCellsFromGrid = ({ width, height }: Grid) =>
   Array.from({ length: width }, (_, x) =>
-    Array.from({ length: height }, (_, y) => ({ x, y })),
+    Array.from({ length: height }, (_, y) => ({ x, y }))
   ).flat();
 
 const createLivingCells = (
   grid0: Grid,
   chain: Snake[],
-  cells: Point[] | null,
+  cells: Point[] | null
 ) => {
   const livingCells: (Point & {
     t: number | null;
@@ -73,7 +73,7 @@ export const createSvg = (
   cells: Point[] | null,
   chain: Snake[],
   drawOptions: DrawOptions,
-  animationOptions: Pick<AnimationOptions, "frameDuration">,
+  animationOptions: Pick<AnimationOptions, "frameDuration">
 ) => {
   const width = (grid.width + 2) * drawOptions.sizeCell;
   const height = (grid.height + 5) * drawOptions.sizeCell;
@@ -89,7 +89,7 @@ export const createSvg = (
       drawOptions,
       grid.width * drawOptions.sizeCell,
       (grid.height + 2) * drawOptions.sizeCell,
-      duration,
+      duration
     ),
     createSnake(chain, drawOptions, duration),
   ];

packages/svg-creator/package.json

@@ -3,5 +3,6 @@
   "version": "1.0.0",
   "dependencies": {
     "@snk/solver": "1.0.0"
-  }
+  },
+  "devDependencies": {}
 }

packages/svg-creator/snake.ts

@@ -15,7 +15,7 @@ const lerp = (k: number, a: number, b: number) => (1 - k) * a + k * b;
 export const createSnake = (
   chain: Snake[],
   { sizeCell, sizeDot }: Options,
-  duration: number,
+  duration: number
 ) => {
   const snakeN = chain[0] ? getSnakeLength(chain[0]) : 0;
 
@@ -64,7 +64,7 @@ export const createSnake = (
       const animationName = id;
 
       const keyframes = removeInterpolatedPositions(
-        positions.map((tr, i, { length }) => ({ ...tr, t: i / length })),
+        positions.map((tr, i, { length }) => ({ ...tr, t: i / length }))
       ).map(({ t, ...p }) => ({ t, style: transform(p) }));
 
       return [

packages/svg-creator/stack.ts

@@ -11,7 +11,7 @@ export const createStack = (
   { sizeDot }: Options,
   width: number,
   y: number,
-  duration: number,
+  duration: number
 ) => {
   const svgElements: string[] = [];
   const styles = [
@@ -51,7 +51,7 @@ export const createStack = (
         width: (ts.length * m + 0.6).toFixed(1),
         x,
         y,
-      }),
+      })
     );
 
     styles.push(
@@ -68,7 +68,7 @@ export const createStack = (
         ].map(({ scale, t }) => ({
           t,
           style: `transform:scale(${scale.toFixed(3)},1)`,
-        })),
+        }))
       ),
 
       `.u.${id} {
@@ -76,7 +76,7 @@ export const createStack = (
         animation-name: ${animationName};
         transform-origin: ${x}px 0
       }
-      `,
+      `
     );
   }
 

packages/types/__tests__/grid.spec.ts

@@ -1,14 +1,13 @@
-import { it, expect, test } from "bun:test";
 import { createEmptyGrid, setColor, getColor, isInside, Color } from "../grid";
 
 it("should set / get cell", () => {
   const grid = createEmptyGrid(2, 3);
 
-  expect(getColor(grid, 0, 1)).toBe(0 as any);
+  expect(getColor(grid, 0, 1)).toBe(0);
 
   setColor(grid, 0, 1, 1 as Color);
 
-  expect(getColor(grid, 0, 1)).toBe(1 as any);
+  expect(getColor(grid, 0, 1)).toBe(1);
 });
 
 test.each([

packages/types/__tests__/snake.spec.ts

@@ -1,4 +1,3 @@
-import { it, expect } from "bun:test";
 import {
   createSnakeFromCells,
   nextSnake,
@@ -30,7 +29,7 @@ it("should return next snake", () => {
   ];
 
   expect(snakeToCells(nextSnake(createSnakeFromCells(snk0), 1, 0))).toEqual(
-    snk1,
+    snk1
   );
 });
 

packages/types/grid.ts

@@ -30,7 +30,7 @@ export const setColor = (
   grid: Grid,
   x: number,
   y: number,
-  color: Color | Empty,
+  color: Color | Empty
 ) => {
   grid.data[getIndex(grid, x, y)] = color || 0;
 };

packages/types/randomlyFillGrid.ts

@@ -9,7 +9,7 @@ export const randomlyFillGrid = (
     colors = [1, 2, 3] as Color[],
     emptyP = 2,
   }: { colors?: Color[]; emptyP?: number } = {},
-  rand = defaultRand,
+  rand = defaultRand
 ) => {
   for (let x = grid.width; x--; )
     for (let y = grid.height; y--; ) {

packages/usage-stats/.gitignore

@@ -0,0 +1,2 @@
+.env
+cache

packages/usage-stats/getDependentInfo-api.ts

@@ -0,0 +1,53 @@
+import { Octokit } from "octokit";
+import { httpGet } from "./httpGet";
+
+require("dotenv").config();
+
+const octokit = new Octokit({ auth: process.env.GITHUB_TOKEN });
+
+export const getLastRunInfo = async (repo_: string) => {
+  const [owner, repo] = repo_.split("/");
+
+  try {
+    const {
+      data: { workflow_runs },
+    } = await octokit.request(
+      "GET /repos/{owner}/{repo}/actions/runs{?actor,branch,event,status,per_page,page,created,exclude_pull_requests,check_suite_id,head_sha}",
+      { owner, repo }
+    );
+
+    for (const r of workflow_runs) {
+      const {
+        run_started_at: date,
+        head_sha,
+        path,
+        conclusion,
+      } = r as {
+        run_started_at: string;
+        head_sha: string;
+        path: string;
+        conclusion: "failure" | "success";
+      };
+
+      const workflow_url = `https://raw.githubusercontent.com/${owner}/${repo}/${head_sha}/${path}`;
+
+      const workflow_code = await httpGet(workflow_url);
+
+      const [_, dependency] =
+        workflow_code.match(/uses\s*:\s*(Platane\/snk(\/svg-only)?@\w*)/) ?? [];
+
+      const cronMatch = workflow_code.match(/cron\s*:([^\n]*)/);
+
+      if (dependency)
+        return {
+          dependency,
+          success: conclusion === "success",
+          date,
+          cron: cronMatch?.[1].replace(/["|']/g, "").trim(),
+          workflow_code,
+        };
+    }
+  } catch (err) {
+    console.error(err);
+  }
+};

packages/usage-stats/getDependentInfo.ts

@@ -0,0 +1,56 @@
+import { load as CheerioLoad } from "cheerio";
+import { httpGet } from "./httpGet";
+
+export const getDependentInfo = async (repo: string) => {
+  const pageText = await httpGet(`https://github.com/${repo}/actions`).catch(
+    () => null
+  );
+
+  if (!pageText) return;
+
+  const $ = CheerioLoad(pageText);
+
+  const runs = $("#partial-actions-workflow-runs [data-url]")
+    .toArray()
+    .map((el) => {
+      const success =
+        $(el).find('[aria-label="completed successfully"]').toArray().length ===
+        1;
+
+      const workflow_file_href = $(el)
+        .find("a")
+        .toArray()
+        .map((el) => $(el).attr("href")!)
+        .find((href) => href.match(/\/actions\/runs\/\d+\/workflow/))!;
+
+      const workflow_file_url = workflow_file_href
+        ? new URL(workflow_file_href, "https://github.com").toString()
+        : null;
+
+      const date = $(el).find("relative-time").attr("datetime");
+
+      return { success, workflow_file_url, date };
+    });
+
+  for (const { workflow_file_url, success, date } of runs) {
+    if (!workflow_file_url) continue;
+
+    const $ = CheerioLoad(await httpGet(workflow_file_url));
+
+    const workflow_code = $("table[data-hpc]").text();
+
+    const [_, dependency] =
+      workflow_code.match(/uses\s*:\s*(Platane\/snk(\/svg-only)?@\w*)/) ?? [];
+
+    const cronMatch = workflow_code.match(/cron\s*:([^\n]*)/);
+
+    if (dependency)
+      return {
+        dependency,
+        success,
+        date,
+        cron: cronMatch?.[1].replace(/["|']/g, "").trim(),
+        workflow_code,
+      };
+  }
+};

packages/usage-stats/getDependents.ts

@@ -0,0 +1,67 @@
+import { load as CheerioLoad } from "cheerio";
+import { httpGet } from "./httpGet";
+
+const getPackages = async (repo: string) => {
+  const pageText = await httpGet(
+    `https://github.com/${repo}/network/dependents`
+  );
+  const $ = CheerioLoad(pageText);
+
+  return $("#dependents .select-menu-list a")
+    .toArray()
+    .map((el) => {
+      const name = $(el).text().trim();
+      const href = $(el).attr("href");
+      const u = new URL(href!, "http://example.com");
+
+      return { name, id: u.searchParams.get("package_id")! };
+    });
+};
+
+const getDependentByPackage = async (repo: string, packageId: string) => {
+  const repos = [] as string[];
+
+  const pages = [];
+
+  let url:
+    | string
+    | null = `https://github.com/${repo}/network/dependents?package_id=${packageId}`;
+
+  while (url) {
+    const $ = CheerioLoad(await httpGet(url));
+
+    console.log(repos.length);
+
+    const reposOnPage = $(`#dependents [data-hovercard-type="repository"]`)
+      .toArray()
+      .map((el) => $(el).attr("href")!.slice(1));
+
+    repos.push(...reposOnPage);
+
+    const nextButton = $(`#dependents a`)
+      .filter((_, el) => $(el).text().trim().toLowerCase() === "next")
+      .eq(0);
+
+    const href = nextButton ? nextButton.attr("href") : null;
+
+    pages.push({ url, reposOnPage, next: href });
+
+    url = href ? new URL(href, "https://github.com").toString() : null;
+  }
+
+  return { repos, pages };
+};
+
+export const getDependents = async (repo: string) => {
+  const packages = await getPackages(repo);
+
+  const ps: (typeof packages[number] & { dependents: string[] })[] = [];
+
+  for (const p of packages)
+    ps.push({
+      ...p,
+      dependents: (await getDependentByPackage(repo, p.id)).repos,
+    });
+
+  return ps;
+};

packages/usage-stats/getRunInfo-api-copy.ts

@@ -0,0 +1,125 @@
+import * as fs from "fs";
+import fetch from "node-fetch";
+import { Octokit } from "octokit";
+
+require("dotenv").config();
+
+// @ts-ignore
+import packages from "./out.json";
+
+const octokit = new Octokit({ auth: process.env.GITHUB_TOKEN });
+
+const getLastRunInfo = async (repo_: string) => {
+  const [owner, repo] = repo_.split("/");
+
+  try {
+    const {
+      data: { workflow_runs },
+    } = await octokit.request(
+      "GET /repos/{owner}/{repo}/actions/runs{?actor,branch,event,status,per_page,page,created,exclude_pull_requests,check_suite_id,head_sha}",
+      { owner, repo }
+    );
+
+    for (const r of workflow_runs) {
+      const { run_started_at, head_sha, path, conclusion } = r as {
+        run_started_at: string;
+        head_sha: string;
+        path: string;
+        conclusion: "failure" | "success";
+      };
+
+      const workflow_url = `https://raw.githubusercontent.com/${owner}/${repo}/${head_sha}/${path}`;
+
+      const workflow_file = await fetch(workflow_url).then((res) => res.text());
+
+      const [_, dependency, __, version] =
+        workflow_file.match(/uses\s*:\s*(Platane\/snk(\/svg-only)?@(\w*))/) ??
+        [];
+
+      const cronMatch = workflow_file.match(/cron\s*:([^\n]*)/);
+
+      if (dependency)
+        return {
+          dependency,
+          version,
+          run_started_at,
+          conclusion,
+          cron: cronMatch?.[1].replace(/["|']/g, "").trim(),
+          workflow_file,
+          workflow_url,
+        };
+    }
+  } catch (err) {
+    console.error(err);
+  }
+};
+
+const wait = (delay = 0) => new Promise((r) => setTimeout(r, delay));
+
+const getRepos = () => {
+  try {
+    return JSON.parse(fs.readFileSync(__dirname + "/cache/out.json").toString())
+      .map((p: any) => p.dependents)
+      .flat() as string[];
+  } catch (err) {
+    return [];
+  }
+};
+
+const getReposInfo = () => {
+  try {
+    return JSON.parse(
+      fs.readFileSync(__dirname + "/cache/stats.json").toString()
+    ) as any[];
+  } catch (err) {
+    return [];
+  }
+};
+const saveRepoInfo = (rr: any[]) => {
+  fs.writeFileSync(__dirname + "/cache/stats.json", JSON.stringify(rr));
+};
+
+(async () => {
+  const repos = getRepos();
+  const total = repos.length;
+
+  const reposInfo = getReposInfo().slice(0, -20);
+  for (const { repo } of reposInfo) {
+    const i = repos.indexOf(repo);
+    if (i >= 0) repos.splice(i, 1);
+  }
+
+  while (repos.length) {
+    const {
+      data: { rate },
+    } = await octokit.request("GET /rate_limit", {});
+
+    console.log(rate);
+    if (rate.remaining < 100) {
+      const delay = rate.reset - Math.floor(Date.now() / 1000);
+      console.log(
+        `waiting ${delay} second (${(delay / 60).toFixed(
+          1
+        )} minutes) for reset `
+      );
+      await wait(Math.max(0, delay) * 1000);
+    }
+
+    const rs = repos.splice(0, 20);
+
+    await Promise.all(
+      rs.map(async (repo) => {
+        reposInfo.push({ repo, ...(await getLastRunInfo(repo)) });
+
+        saveRepoInfo(reposInfo);
+
+        console.log(
+          reposInfo.length.toString().padStart(5, " "),
+          "/",
+          total,
+          repo
+        );
+      })
+    );
+  }
+})();

packages/usage-stats/httpGet.ts

@@ -0,0 +1,84 @@
+import fetch from "node-fetch";
+import * as path from "path";
+import * as fs from "fs";
+
+const CACHE_DIR = path.join(__dirname, "cache", "http");
+fs.mkdirSync(CACHE_DIR, { recursive: true });
+
+const createMutex = () => {
+  let locked = false;
+  const q: any[] = [];
+
+  const update = () => {
+    if (locked) return;
+
+    if (q[0]) {
+      locked = true;
+      q.shift()(() => {
+        locked = false;
+        update();
+      });
+    }
+  };
+
+  const request = () =>
+    new Promise<() => void>((resolve) => {
+      q.push(resolve);
+      update();
+    });
+
+  return request;
+};
+
+const mutex = createMutex();
+
+export const httpGet = async (url: string | URL): Promise<string> => {
+  const cacheKey = url
+    .toString()
+    .replace(/https?:\/\//, "")
+    .replace(/[^\w=&\?\.]/g, "_");
+
+  const cacheFilename = path.join(CACHE_DIR, cacheKey);
+
+  if (fs.existsSync(cacheFilename))
+    return new Promise((resolve, reject) =>
+      fs.readFile(cacheFilename, (err, data) =>
+        err ? reject(err) : resolve(data.toString())
+      )
+    );
+
+  const release = await mutex();
+
+  try {
+    const res = await fetch(url);
+
+    if (!res.ok) {
+      if (res.status === 429 || res.statusText === "Too Many Requests") {
+        const delay = +(res.headers.get("retry-after") ?? 300) * 1000;
+
+        console.log("Too Many Requests", delay);
+
+        await wait(delay);
+
+        console.log("waited long enough");
+
+        return httpGet(url);
+      }
+
+      console.error(url, res.status, res.statusText);
+      throw new Error("res not ok");
+    }
+
+    const text = await res.text();
+
+    fs.writeFileSync(cacheFilename, text);
+
+    // await wait(Math.random() * 200 + 100);
+
+    return text;
+  } finally {
+    release();
+  }
+};
+
+const wait = (delay = 0) => new Promise((r) => setTimeout(r, delay));

packages/usage-stats/index.ts

@@ -0,0 +1,51 @@
+import { getDependentInfo } from "./getDependentInfo";
+import { getDependents } from "./getDependents";
+import ParkMiller from "park-miller";
+
+const toChunk = <T>(arr: T[], n = 1) =>
+  Array.from({ length: Math.ceil(arr.length / n) }, (_, i) =>
+    arr.slice(i * n, (i + 1) * n)
+  );
+
+const random = new ParkMiller(10);
+
+const shuffle = <T>(array: T[]) => {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(random.float() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+};
+
+(async () => {
+  const packages = await getDependents("Platane/snk");
+
+  const repos = packages.map((p) => p.dependents).flat();
+
+  shuffle(repos);
+  repos.splice(0, repos.length - 5000);
+
+  console.log(repos);
+
+  const infos: any[] = [];
+
+  // for (const chunk of toChunk(repos, 10))
+  //   await Promise.all(
+  //     chunk.map(async (repo) => {
+  //       console.log(
+  //         infos.length.toString().padStart(5, " "),
+  //         "/",
+  //         repos.length
+  //       );
+
+  //       infos.push({ repo, ...(await getDependentInfo(repo)) });
+  //     })
+  //   );
+
+  for (const repo of repos) {
+    console.log(infos.length.toString().padStart(5, " "), "/", repos.length);
+
+    infos.push({ repo, ...(await getDependentInfo(repo)) });
+  }
+})();

packages/usage-stats/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@snk/usage-stats",
+  "version": "1.0.0",
+  "dependencies": {},
+  "devDependencies": {
+    "sucrase": "3.29.0",
+    "cheerio": "1.0.0-rc.12",
+    "node-fetch": "2.6.7",
+    "octokit": "2.0.11",
+    "dotenv": "16.0.3",
+    "park-miller": "1.1.0"
+  },
+  "scripts": {
+    "start": "sucrase-node index.ts"
+  }
+}

packages/usage-stats/stats.ts

@@ -0,0 +1,62 @@
+import * as fs from "fs";
+
+type R = { repo: string } & Partial<{
+  dependency: string;
+  version: string;
+  run_started_at: string;
+  conclusion: "failure" | "success";
+  cron?: string;
+  workflow_file: string;
+}>;
+
+(async () => {
+  const repos: R[] = JSON.parse(
+    fs.readFileSync(__dirname + "/cache/stats.json").toString()
+  );
+
+  const total = repos.length;
+
+  const recent_repos = repos.filter(
+    (r) =>
+      new Date(r.run_started_at!).getTime() >
+      Date.now() - 7 * 24 * 60 * 60 * 1000
+  );
+
+  const recent_successful_repos = recent_repos.filter(
+    (r) => r?.conclusion === "success"
+  );
+
+  const versions = new Map();
+  for (const { dependency } of recent_successful_repos) {
+    versions.set(dependency, (versions.get(dependency) ?? 0) + 1);
+  }
+
+  console.log(`total ${total}`);
+  console.log(
+    `recent_repos ${recent_repos.length} (${(
+      (recent_repos.length / total) *
+      100
+    ).toFixed(2)}%)`
+  );
+  console.log(
+    `recent_successful_repos ${recent_successful_repos.length} (${(
+      (recent_successful_repos.length / total) *
+      100
+    ).toFixed(2)}%)`
+  );
+  console.log("versions");
+  for (const [name, count] of Array.from(versions.entries()).sort(
+    ([, a], [, b]) => b - a
+  ))
+    console.log(
+      `${(name as string).split("Platane/")[1].padEnd(20, " ")}  ${(
+        (count / recent_successful_repos.length) *
+        100
+      )
+        .toFixed(2)
+        .padStart(6, " ")}% ${count} `
+    );
+
+  const gif_repos = repos.filter((r) => r.workflow_file?.includes(".gif"));
+  console.log("repo with git ouput", gif_repos.length);
+})();

svg-only/action.yml

@@ -3,19 +3,16 @@ description: "Generates a snake game from a github user contributions grid. Outp
 author: "platane"
 
 runs:
-  using: node20
+  using: node16
   main: dist/index.js
 
 inputs:
   github_user_name:
     description: "github user name"
     required: true
-  github_token:
-    description: "github token used to fetch the contribution calendar. Default to the action token if empty."
-    required: false
-    default: ${{ github.token }}
   outputs:
     required: false
+    default: null
     description: |
       list of files to generate.
       one file per line. Each output can be customized with options as query string.

svg-only/dist/142.index.js

@@ -1,29 +1,31 @@
 "use strict";
-exports.id = 642;
+exports.id = 142;
-exports.ids = [642];
+exports.ids = [142];
 exports.modules = {
 
-/***/ 3642:
+/***/ 7142:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  createGif: () => (/* binding */ createGif)
+  "createGif": () => (/* binding */ createGif)
 });
 
 // EXTERNAL MODULE: external "fs"
-var external_fs_ = __webpack_require__(9896);
+var external_fs_ = __webpack_require__(7147);
 var external_fs_default = /*#__PURE__*/__webpack_require__.n(external_fs_);
 // EXTERNAL MODULE: external "path"
-var external_path_ = __webpack_require__(6928);
+var external_path_ = __webpack_require__(1017);
 var external_path_default = /*#__PURE__*/__webpack_require__.n(external_path_);
 // EXTERNAL MODULE: external "child_process"
-var external_child_process_ = __webpack_require__(5317);
+var external_child_process_ = __webpack_require__(2081);
 // EXTERNAL MODULE: external "canvas"
-var external_canvas_ = __webpack_require__(9919);
+var external_canvas_ = __webpack_require__(1576);
 // EXTERNAL MODULE: ../types/grid.ts
-var types_grid = __webpack_require__(105);
+var types_grid = __webpack_require__(2881);
 ;// CONCATENATED MODULE: ../draw/pathRoundedRect.ts
 const pathRoundedRect_pathRoundedRect = (ctx, width, height, borderRadius) => {
     ctx.moveTo(borderRadius, 0);
@@ -40,7 +42,7 @@ const drawGrid_drawGrid = (ctx, grid, cells, o) => {
     for (let x = grid.width; x--;)
         for (let y = grid.height; y--;) {
             if (!cells || cells.some((c) => c.x === x && c.y === y)) {
-                const c = (0,types_grid/* getColor */.oU)(grid, x, y);
+                const c = (0,types_grid/* getColor */.Lq)(grid, x, y);
                 // @ts-ignore
                 const color = !c ? o.colorEmpty : o.colorDots[c];
                 ctx.save();
@@ -142,27 +144,27 @@ const getCanvasWorldSize = (grid, o) => {
 };
 
 // EXTERNAL MODULE: ../types/snake.ts
-var types_snake = __webpack_require__(777);
+var types_snake = __webpack_require__(9347);
 ;// CONCATENATED MODULE: ../solver/step.ts
 
 
 const step = (grid, stack, snake) => {
-    const x = (0,types_snake/* getHeadX */.tN)(snake);
+    const x = (0,types_snake/* getHeadX */.If)(snake);
-    const y = (0,types_snake/* getHeadY */.Ap)(snake);
+    const y = (0,types_snake/* getHeadY */.IP)(snake);
-    const color = (0,types_grid/* getColor */.oU)(grid, x, y);
+    const color = (0,types_grid/* getColor */.Lq)(grid, x, y);
-    if ((0,types_grid/* isInside */.FK)(grid, x, y) && !(0,types_grid/* isEmpty */.Im)(color)) {
+    if ((0,types_grid/* isInside */.V0)(grid, x, y) && !(0,types_grid/* isEmpty */.xb)(color)) {
         stack.push(color);
-        (0,types_grid/* setColorEmpty */.l$)(grid, x, y);
+        (0,types_grid/* setColorEmpty */.Dy)(grid, x, y);
     }
 };
 
 // EXTERNAL MODULE: ../../node_modules/tmp/lib/tmp.js
-var tmp = __webpack_require__(2644);
+var tmp = __webpack_require__(6382);
 // EXTERNAL MODULE: external "gifsicle"
-var external_gifsicle_ = __webpack_require__(5667);
+var external_gifsicle_ = __webpack_require__(542);
 var external_gifsicle_default = /*#__PURE__*/__webpack_require__.n(external_gifsicle_);
 // EXTERNAL MODULE: ../../node_modules/gif-encoder-2/index.js
-var gif_encoder_2 = __webpack_require__(1680);
+var gif_encoder_2 = __webpack_require__(3561);
 var gif_encoder_2_default = /*#__PURE__*/__webpack_require__.n(gif_encoder_2);
 ;// CONCATENATED MODULE: ../gif-creator/index.ts
 
@@ -191,7 +193,7 @@ const createGif = async (grid0, cells, chain, drawOptions, animationOptions) =>
     const { width, height } = getCanvasWorldSize(grid0, drawOptions);
     const canvas = (0,external_canvas_.createCanvas)(width, height);
     const ctx = canvas.getContext("2d");
-    const grid = (0,types_grid/* copyGrid */.mi)(grid0);
+    const grid = (0,types_grid/* copyGrid */.VJ)(grid0);
     const stack = [];
     const encoder = new (gif_encoder_2_default())(width, height, "neuquant", true);
     encoder.setRepeat(0);
@@ -221,7 +223,7 @@ const createGif = async (grid0, cells, chain, drawOptions, animationOptions) =>
         outFileName,
         ["--output", optimizedFileName],
     ].flat());
-    return new Uint8Array(external_fs_default().readFileSync(optimizedFileName));
+    return external_fs_default().readFileSync(optimizedFileName);
 });
 
 

svg-only/dist/317.index.js

@@ -1,18 +1,53 @@
 "use strict";
-exports.id = 324;
+exports.id = 317;
-exports.ids = [324];
+exports.ids = [317];
 exports.modules = {
 
-/***/ 324:
+/***/ 5317:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  generateContributionSnake: () => (/* binding */ generateContributionSnake)
+  "generateContributionSnake": () => (/* binding */ generateContributionSnake)
 });
 
+// EXTERNAL MODULE: ../../node_modules/node-fetch/lib/index.js
+var lib = __webpack_require__(2197);
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+;// CONCATENATED MODULE: ../github-user-contribution/formatParams.ts
+const formatParams = (options = {}) => {
+    const sp = new URLSearchParams();
+    const o = { ...options };
+    if ("year" in options) {
+        o.from = `${options.year}-01-01`;
+        o.to = `${options.year}-12-31`;
+    }
+    for (const s of ["from", "to"])
+        if (o[s]) {
+            const value = o[s];
+            if (value >= formatDate(new Date()))
+                throw new Error("Cannot get contribution for a date in the future.\nPlease limit your range to the current UTC day.");
+            sp.set(s, value);
+        }
+    return sp.toString();
+};
+const formatDate = (d) => {
+    const year = d.getUTCFullYear();
+    const month = d.getUTCMonth() + 1;
+    const date = d.getUTCDate();
+    return [
+        year,
+        month.toString().padStart(2, "0"),
+        date.toString().padStart(2, "0"),
+    ].join("-");
+};
+
 ;// CONCATENATED MODULE: ../github-user-contribution/index.ts
+
+
 /**
  * get the contribution grid from a github user page
  *
@@ -29,66 +64,58 @@ __webpack_require__.d(__webpack_exports__, {
  *  getGithubUserContribution("platane", { year: 2019 })
  *
  */
-const getGithubUserContribution = async (userName, o) => {
+const getGithubUserContribution = async (userName, options = {}) => {
-    const query = /* GraphQL */ `
+    // either use github.com/users/xxxx/contributions  for previous years
-    query ($login: String!) {
+    // or github.com/xxxx ( which gives the latest update to today result )
-      user(login: $login) {
+    const url = "year" in options || "from" in options || "to" in options
-        contributionsCollection {
+        ? `https://github.com/users/${userName}/contributions?` +
-          contributionCalendar {
+            formatParams(options)
-            weeks {
+        : `https://github.com/${userName}`;
-              contributionDays {
+    const res = await lib_default()(url);
-                contributionCount
-                contributionLevel
-                weekday
-                date
-              }
-            }
-          }
-        }
-      }
-    }
-  `;
-    const variables = { login: userName };
-    const res = await fetch("https://api.github.com/graphql", {
-        headers: {
-            Authorization: `bearer ${o.githubToken}`,
-            "Content-Type": "application/json",
-            "User-Agent": "me@platane.me",
-        },
-        method: "POST",
-        body: JSON.stringify({ variables, query }),
-    });
     if (!res.ok)
-        throw new Error(await res.text().catch(() => res.statusText));
+        throw new Error(res.statusText);
-    const { data, errors } = (await res.json());
+    const resText = await res.text();
-    if (errors?.[0])
+    return parseUserPage(resText);
-        throw errors[0];
+};
-    return data.user.contributionsCollection.contributionCalendar.weeks.flatMap(({ contributionDays }, x) => contributionDays.map((d) => ({
+const parseUserPage = (content) => {
-        x,
+    // take roughly the svg block
-        y: d.weekday,
+    const block = content
-        date: d.date,
+        .split(`class="js-calendar-graph-svg"`)[1]
-        count: d.contributionCount,
+        .split("</svg>")[0];
-        level: (d.contributionLevel === "FOURTH_QUARTILE" && 4) ||
+    let x = 0;
-            (d.contributionLevel === "THIRD_QUARTILE" && 3) ||
+    let lastYAttribute = 0;
-            (d.contributionLevel === "SECOND_QUARTILE" && 2) ||
+    const rects = Array.from(block.matchAll(/<rect[^>]*>[^<]*<\/rect>/g)).map(([m]) => {
-            (d.contributionLevel === "FIRST_QUARTILE" && 1) ||
+        const date = m.match(/data-date="([^"]+)"/)[1];
-            0,
+        const level = +m.match(/data-level="([^"]+)"/)[1];
-    })));
+        const yAttribute = +m.match(/y="([^"]+)"/)[1];
+        const literalCount = m.match(/(No|\d+) contributions? on/)[1];
+        const count = literalCount === "No" ? 0 : +literalCount;
+        if (lastYAttribute > yAttribute)
+            x++;
+        lastYAttribute = yAttribute;
+        return { date, count, level, x, yAttribute };
+    });
+    const yAttributes = Array.from(new Set(rects.map((c) => c.yAttribute)).keys()).sort();
+    const cells = rects.map(({ yAttribute, ...c }) => ({
+        y: yAttributes.indexOf(yAttribute),
+        ...c,
+    }));
+    return cells;
 };
 
 // EXTERNAL MODULE: ../types/grid.ts
-var types_grid = __webpack_require__(105);
+var types_grid = __webpack_require__(2881);
 ;// CONCATENATED MODULE: ./userContributionToGrid.ts
 
 const userContributionToGrid = (cells) => {
     const width = Math.max(0, ...cells.map((c) => c.x)) + 1;
     const height = Math.max(0, ...cells.map((c) => c.y)) + 1;
-    const grid = (0,types_grid/* createEmptyGrid */.Kb)(width, height);
+    const grid = (0,types_grid/* createEmptyGrid */.u1)(width, height);
     for (const c of cells) {
         if (c.level > 0)
-            (0,types_grid/* setColor */.wW)(grid, c.x, c.y, c.level);
+            (0,types_grid/* setColor */.vk)(grid, c.x, c.y, c.level);
         else
-            (0,types_grid/* setColorEmpty */.l$)(grid, c.x, c.y);
+            (0,types_grid/* setColorEmpty */.Dy)(grid, c.x, c.y);
     }
     return grid;
 };
@@ -106,10 +133,10 @@ const pointEquals = (a, b) => a.x === b.x && a.y === b.y;
 
 
 const createOutside = (grid, color = 0) => {
-    const outside = (0,types_grid/* createEmptyGrid */.Kb)(grid.width, grid.height);
+    const outside = (0,types_grid/* createEmptyGrid */.u1)(grid.width, grid.height);
     for (let x = outside.width; x--;)
         for (let y = outside.height; y--;)
-            (0,types_grid/* setColor */.wW)(outside, x, y, 1);
+            (0,types_grid/* setColor */.vk)(outside, x, y, 1);
     fillOutside(outside, grid, color);
     return outside;
 };
@@ -119,19 +146,19 @@ const fillOutside = (outside, grid, color = 0) => {
         changed = false;
         for (let x = outside.width; x--;)
             for (let y = outside.height; y--;)
-                if ((0,types_grid/* getColor */.oU)(grid, x, y) <= color &&
+                if ((0,types_grid/* getColor */.Lq)(grid, x, y) <= color &&
                     !isOutside(outside, x, y) &&
                     around4.some((a) => isOutside(outside, x + a.x, y + a.y))) {
                     changed = true;
-                    (0,types_grid/* setColorEmpty */.l$)(outside, x, y);
+                    (0,types_grid/* setColorEmpty */.Dy)(outside, x, y);
                 }
     }
     return outside;
 };
-const isOutside = (outside, x, y) => !(0,types_grid/* isInside */.FK)(outside, x, y) || (0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(outside, x, y));
+const isOutside = (outside, x, y) => !(0,types_grid/* isInside */.V0)(outside, x, y) || (0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(outside, x, y));
 
 // EXTERNAL MODULE: ../types/snake.ts
-var types_snake = __webpack_require__(777);
+var types_snake = __webpack_require__(9347);
 ;// CONCATENATED MODULE: ../solver/utils/sortPush.ts
 const sortPush = (arr, x, sortFn) => {
     let a = 0;
@@ -164,9 +191,9 @@ const getTunnelPath = (snake0, tunnel) => {
     const chain = [];
     let snake = snake0;
     for (let i = 1; i < tunnel.length; i++) {
-        const dx = tunnel[i].x - (0,types_snake/* getHeadX */.tN)(snake);
+        const dx = tunnel[i].x - (0,types_snake/* getHeadX */.If)(snake);
-        const dy = tunnel[i].y - (0,types_snake/* getHeadY */.Ap)(snake);
+        const dy = tunnel[i].y - (0,types_snake/* getHeadY */.IP)(snake);
-        snake = (0,types_snake/* nextSnake */.Sc)(snake, dx, dy);
+        snake = (0,types_snake/* nextSnake */.kv)(snake, dx, dy);
         chain.unshift(snake);
     }
     return chain;
@@ -194,7 +221,7 @@ const updateTunnel = (grid, tunnel, toDelete) => {
             break;
     }
 };
-const isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.FK)(grid, x, y) || (0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, x, y));
+const isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.V0)(grid, x, y) || (0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, x, y));
 /**
  * remove empty cell from start
  */
@@ -229,14 +256,14 @@ const trimTunnelEnd = (grid, tunnel) => {
 
 
 
-const getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.FK)(grid, x, y) ? (0,types_grid/* getColor */.oU)(grid, x, y) : 0;
+const getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.V0)(grid, x, y) ? (0,types_grid/* getColor */.Lq)(grid, x, y) : 0;
 const setEmptySafe = (grid, x, y) => {
-    if ((0,types_grid/* isInside */.FK)(grid, x, y))
+    if ((0,types_grid/* isInside */.V0)(grid, x, y))
-        (0,types_grid/* setColorEmpty */.l$)(grid, x, y);
+        (0,types_grid/* setColorEmpty */.Dy)(grid, x, y);
 };
 const unwrap = (m) => !m
     ? []
-    : [...unwrap(m.parent), { x: (0,types_snake/* getHeadX */.tN)(m.snake), y: (0,types_snake/* getHeadY */.Ap)(m.snake) }];
+    : [...unwrap(m.parent), { x: (0,types_snake/* getHeadX */.If)(m.snake), y: (0,types_snake/* getHeadY */.IP)(m.snake) }];
 /**
  * returns the path to reach the outside which contains the least color cell
  */
@@ -245,15 +272,15 @@ const getSnakeEscapePath = (grid, outside, snake0, color) => {
     const closeList = [];
     while (openList[0]) {
         const o = openList.shift();
-        const x = (0,types_snake/* getHeadX */.tN)(o.snake);
+        const x = (0,types_snake/* getHeadX */.If)(o.snake);
-        const y = (0,types_snake/* getHeadY */.Ap)(o.snake);
+        const y = (0,types_snake/* getHeadY */.IP)(o.snake);
         if (isOutside(outside, x, y))
             return unwrap(o);
         for (const a of around4) {
             const c = getColorSafe(grid, x + a.x, y + a.y);
-            if (c <= color && !(0,types_snake/* snakeWillSelfCollide */.J)(o.snake, a.x, a.y)) {
+            if (c <= color && !(0,types_snake/* snakeWillSelfCollide */.nJ)(o.snake, a.x, a.y)) {
-                const snake = (0,types_snake/* nextSnake */.Sc)(o.snake, a.x, a.y);
+                const snake = (0,types_snake/* nextSnake */.kv)(o.snake, a.x, a.y);
-                if (!closeList.some((s0) => (0,types_snake/* snakeEquals */.sW)(s0, snake))) {
+                if (!closeList.some((s0) => (0,types_snake/* snakeEquals */.kE)(s0, snake))) {
                     const w = o.w + 1 + +(c === color) * 1000;
                     sortPush(openList, { snake, w, parent: o }, (a, b) => a.w - b.w);
                     closeList.push(snake);
@@ -270,7 +297,7 @@ const getSnakeEscapePath = (grid, outside, snake0, color) => {
  */
 const getBestTunnel = (grid, outside, x, y, color, snakeN) => {
     const c = { x, y };
-    const snake0 = (0,types_snake/* createSnakeFromCells */.yS)(Array.from({ length: snakeN }, () => c));
+    const snake0 = (0,types_snake/* createSnakeFromCells */.xG)(Array.from({ length: snakeN }, () => c));
     const one = getSnakeEscapePath(grid, outside, snake0, color);
     if (!one)
         return null;
@@ -278,9 +305,9 @@ const getBestTunnel = (grid, outside, x, y, color, snakeN) => {
     const snakeICells = one.slice(0, snakeN);
     while (snakeICells.length < snakeN)
         snakeICells.push(snakeICells[snakeICells.length - 1]);
-    const snakeI = (0,types_snake/* createSnakeFromCells */.yS)(snakeICells);
+    const snakeI = (0,types_snake/* createSnakeFromCells */.xG)(snakeICells);
     // remove from the grid the colors that one eat
-    const gridI = (0,types_grid/* copyGrid */.mi)(grid);
+    const gridI = (0,types_grid/* copyGrid */.VJ)(grid);
     for (const { x, y } of one)
         setEmptySafe(gridI, x, y);
     const two = getSnakeEscapePath(gridI, outside, snakeI, color);
@@ -308,15 +335,15 @@ const getPathTo = (grid, snake0, x, y) => {
     const closeList = [];
     while (openList.length) {
         const c = openList.shift();
-        const cx = (0,types_snake/* getHeadX */.tN)(c.snake);
+        const cx = (0,types_snake/* getHeadX */.If)(c.snake);
-        const cy = (0,types_snake/* getHeadY */.Ap)(c.snake);
+        const cy = (0,types_snake/* getHeadY */.IP)(c.snake);
         for (let i = 0; i < around4.length; i++) {
             const { x: dx, y: dy } = around4[i];
             const nx = cx + dx;
             const ny = cy + dy;
             if (nx === x && ny === y) {
                 // unwrap
-                const path = [(0,types_snake/* nextSnake */.Sc)(c.snake, dx, dy)];
+                const path = [(0,types_snake/* nextSnake */.kv)(c.snake, dx, dy)];
                 let e = c;
                 while (e.parent) {
                     path.push(e.snake);
@@ -324,11 +351,11 @@ const getPathTo = (grid, snake0, x, y) => {
                 }
                 return path;
             }
-            if ((0,types_grid/* isInsideLarge */.Yd)(grid, 2, nx, ny) &&
+            if ((0,types_grid/* isInsideLarge */.HJ)(grid, 2, nx, ny) &&
-                !(0,types_snake/* snakeWillSelfCollide */.J)(c.snake, dx, dy) &&
+                !(0,types_snake/* snakeWillSelfCollide */.nJ)(c.snake, dx, dy) &&
-                (!(0,types_grid/* isInside */.FK)(grid, nx, ny) || (0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, nx, ny)))) {
+                (!(0,types_grid/* isInside */.V0)(grid, nx, ny) || (0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, nx, ny)))) {
-                const nsnake = (0,types_snake/* nextSnake */.Sc)(c.snake, dx, dy);
+                const nsnake = (0,types_snake/* nextSnake */.kv)(c.snake, dx, dy);
-                if (!closeList.some((s) => (0,types_snake/* snakeEquals */.sW)(nsnake, s))) {
+                if (!closeList.some((s) => (0,types_snake/* snakeEquals */.kE)(nsnake, s))) {
                     const w = c.w + 1;
                     const h = Math.abs(nx - x) + Math.abs(ny - y);
                     const f = w + h;
@@ -349,7 +376,7 @@ const getPathTo = (grid, snake0, x, y) => {
 
 
 const clearResidualColoredLayer = (grid, outside, snake0, color) => {
-    const snakeN = (0,types_snake/* getSnakeLength */.T$)(snake0);
+    const snakeN = (0,types_snake/* getSnakeLength */.JJ)(snake0);
     const tunnels = getTunnellablePoints(grid, outside, snakeN, color);
     // sort
     tunnels.sort((a, b) => b.priority - a.priority);
@@ -368,7 +395,7 @@ const clearResidualColoredLayer = (grid, outside, snake0, color) => {
         fillOutside(outside, grid);
         // update tunnels
         for (let i = tunnels.length; i--;)
-            if ((0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, tunnels[i].x, tunnels[i].y)))
+            if ((0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, tunnels[i].x, tunnels[i].y)))
                 tunnels.splice(i, 1);
             else {
                 const t = tunnels[i];
@@ -389,8 +416,8 @@ const clearResidualColoredLayer = (grid, outside, snake0, color) => {
 const getNextTunnel = (ts, snake) => {
     let minDistance = Infinity;
     let closestTunnel = null;
-    const x = (0,types_snake/* getHeadX */.tN)(snake);
+    const x = (0,types_snake/* getHeadX */.If)(snake);
-    const y = (0,types_snake/* getHeadY */.Ap)(snake);
+    const y = (0,types_snake/* getHeadY */.IP)(snake);
     const priority = ts[0].priority;
     for (let i = 0; ts[i] && ts[i].priority === priority; i++) {
         const t = ts[i].tunnel;
@@ -409,8 +436,8 @@ const getTunnellablePoints = (grid, outside, snakeN, color) => {
     const points = [];
     for (let x = grid.width; x--;)
         for (let y = grid.height; y--;) {
-            const c = (0,types_grid/* getColor */.oU)(grid, x, y);
+            const c = (0,types_grid/* getColor */.Lq)(grid, x, y);
-            if (!(0,types_grid/* isEmpty */.Im)(c) && c < color) {
+            if (!(0,types_grid/* isEmpty */.xb)(c) && c < color) {
                 const tunnel = getBestTunnel(grid, outside, x, y, color, snakeN);
                 if (tunnel) {
                     const priority = getPriority(grid, color, tunnel);
@@ -431,7 +458,7 @@ const getPriority = (grid, color, tunnel) => {
     for (let i = 0; i < tunnel.length; i++) {
         const { x, y } = tunnel[i];
         const c = clearResidualColoredLayer_getColorSafe(grid, x, y);
-        if (!(0,types_grid/* isEmpty */.Im)(c) && i === tunnel.findIndex((p) => p.x === x && p.y === y)) {
+        if (!(0,types_grid/* isEmpty */.xb)(c) && i === tunnel.findIndex((p) => p.x === x && p.y === y)) {
             if (c === color)
                 nColor += 1;
             else
@@ -443,10 +470,10 @@ const getPriority = (grid, color, tunnel) => {
     return nLess / nColor;
 };
 const distanceSq = (ax, ay, bx, by) => (ax - bx) ** 2 + (ay - by) ** 2;
-const clearResidualColoredLayer_getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.FK)(grid, x, y) ? (0,types_grid/* getColor */.oU)(grid, x, y) : 0;
+const clearResidualColoredLayer_getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.V0)(grid, x, y) ? (0,types_grid/* getColor */.Lq)(grid, x, y) : 0;
 const clearResidualColoredLayer_setEmptySafe = (grid, x, y) => {
-    if ((0,types_grid/* isInside */.FK)(grid, x, y))
+    if ((0,types_grid/* isInside */.V0)(grid, x, y))
-        (0,types_grid/* setColorEmpty */.l$)(grid, x, y);
+        (0,types_grid/* setColorEmpty */.Dy)(grid, x, y);
 };
 
 ;// CONCATENATED MODULE: ../solver/clearCleanColoredLayer.ts
@@ -456,14 +483,14 @@ const clearResidualColoredLayer_setEmptySafe = (grid, x, y) => {
 
 
 const clearCleanColoredLayer = (grid, outside, snake0, color) => {
-    const snakeN = (0,types_snake/* getSnakeLength */.T$)(snake0);
+    const snakeN = (0,types_snake/* getSnakeLength */.JJ)(snake0);
     const points = clearCleanColoredLayer_getTunnellablePoints(grid, outside, snakeN, color);
     const chain = [snake0];
     while (points.length) {
         const path = getPathToNextPoint(grid, chain[0], color, points);
         path.pop();
         for (const snake of path)
-            clearCleanColoredLayer_setEmptySafe(grid, (0,types_snake/* getHeadX */.tN)(snake), (0,types_snake/* getHeadY */.Ap)(snake));
+            clearCleanColoredLayer_setEmptySafe(grid, (0,types_snake/* getHeadX */.If)(snake), (0,types_snake/* getHeadY */.IP)(snake));
         chain.unshift(...path);
     }
     fillOutside(outside, grid);
@@ -476,19 +503,19 @@ const getPathToNextPoint = (grid, snake0, color, points) => {
     const openList = [{ snake: snake0 }];
     while (openList.length) {
         const o = openList.shift();
-        const x = (0,types_snake/* getHeadX */.tN)(o.snake);
+        const x = (0,types_snake/* getHeadX */.If)(o.snake);
-        const y = (0,types_snake/* getHeadY */.Ap)(o.snake);
+        const y = (0,types_snake/* getHeadY */.IP)(o.snake);
         const i = points.findIndex((p) => p.x === x && p.y === y);
         if (i >= 0) {
             points.splice(i, 1);
             return clearCleanColoredLayer_unwrap(o);
         }
         for (const { x: dx, y: dy } of around4) {
-            if ((0,types_grid/* isInsideLarge */.Yd)(grid, 2, x + dx, y + dy) &&
+            if ((0,types_grid/* isInsideLarge */.HJ)(grid, 2, x + dx, y + dy) &&
-                !(0,types_snake/* snakeWillSelfCollide */.J)(o.snake, dx, dy) &&
+                !(0,types_snake/* snakeWillSelfCollide */.nJ)(o.snake, dx, dy) &&
                 clearCleanColoredLayer_getColorSafe(grid, x + dx, y + dy) <= color) {
-                const snake = (0,types_snake/* nextSnake */.Sc)(o.snake, dx, dy);
+                const snake = (0,types_snake/* nextSnake */.kv)(o.snake, dx, dy);
-                if (!closeList.some((s0) => (0,types_snake/* snakeEquals */.sW)(s0, snake))) {
+                if (!closeList.some((s0) => (0,types_snake/* snakeEquals */.kE)(s0, snake))) {
                     closeList.push(snake);
                     openList.push({ snake, parent: o });
                 }
@@ -503,8 +530,8 @@ const clearCleanColoredLayer_getTunnellablePoints = (grid, outside, snakeN, colo
     const points = [];
     for (let x = grid.width; x--;)
         for (let y = grid.height; y--;) {
-            const c = (0,types_grid/* getColor */.oU)(grid, x, y);
+            const c = (0,types_grid/* getColor */.Lq)(grid, x, y);
-            if (!(0,types_grid/* isEmpty */.Im)(c) &&
+            if (!(0,types_grid/* isEmpty */.xb)(c) &&
                 c <= color &&
                 !points.some((p) => p.x === x && p.y === y)) {
                 const tunnel = getBestTunnel(grid, outside, x, y, color, snakeN);
@@ -516,12 +543,12 @@ const clearCleanColoredLayer_getTunnellablePoints = (grid, outside, snakeN, colo
         }
     return points;
 };
-const clearCleanColoredLayer_getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.FK)(grid, x, y) ? (0,types_grid/* getColor */.oU)(grid, x, y) : 0;
+const clearCleanColoredLayer_getColorSafe = (grid, x, y) => (0,types_grid/* isInside */.V0)(grid, x, y) ? (0,types_grid/* getColor */.Lq)(grid, x, y) : 0;
 const clearCleanColoredLayer_setEmptySafe = (grid, x, y) => {
-    if ((0,types_grid/* isInside */.FK)(grid, x, y))
+    if ((0,types_grid/* isInside */.V0)(grid, x, y))
-        (0,types_grid/* setColorEmpty */.l$)(grid, x, y);
+        (0,types_grid/* setColorEmpty */.Dy)(grid, x, y);
 };
-const clearCleanColoredLayer_isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.FK)(grid, x, y) && (0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, x, y));
+const clearCleanColoredLayer_isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.V0)(grid, x, y) && (0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, x, y));
 
 ;// CONCATENATED MODULE: ../solver/getBestRoute.ts
 
@@ -529,7 +556,7 @@ const clearCleanColoredLayer_isEmptySafe = (grid, x, y) => !(0,types_grid/* isIn
 
 
 const getBestRoute = (grid0, snake0) => {
-    const grid = (0,types_grid/* copyGrid */.mi)(grid0);
+    const grid = (0,types_grid/* copyGrid */.VJ)(grid0);
     const outside = createOutside(grid);
     const chain = [snake0];
     for (const color of extractColors(grid)) {
@@ -547,7 +574,7 @@ const extractColors = (grid) => {
 
 ;// CONCATENATED MODULE: ../types/__fixtures__/snake.ts
 
-const create = (length) => (0,types_snake/* createSnakeFromCells */.yS)(Array.from({ length }, (_, i) => ({ x: i, y: -1 })));
+const create = (length) => (0,types_snake/* createSnakeFromCells */.xG)(Array.from({ length }, (_, i) => ({ x: i, y: -1 })));
 const snake1 = create(1);
 const snake3 = create(3);
 const snake4 = create(4);
@@ -560,20 +587,20 @@ const snake9 = create(9);
 
 
 
-const getPathToPose_isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.FK)(grid, x, y) || (0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, x, y));
+const getPathToPose_isEmptySafe = (grid, x, y) => !(0,types_grid/* isInside */.V0)(grid, x, y) || (0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, x, y));
 const getPathToPose = (snake0, target, grid) => {
-    if ((0,types_snake/* snakeEquals */.sW)(snake0, target))
+    if ((0,types_snake/* snakeEquals */.kE)(snake0, target))
         return [];
-    const targetCells = (0,types_snake/* snakeToCells */.HU)(target).reverse();
+    const targetCells = (0,types_snake/* snakeToCells */.Ks)(target).reverse();
-    const snakeN = (0,types_snake/* getSnakeLength */.T$)(snake0);
+    const snakeN = (0,types_snake/* getSnakeLength */.JJ)(snake0);
     const box = {
         min: {
-            x: Math.min((0,types_snake/* getHeadX */.tN)(snake0), (0,types_snake/* getHeadX */.tN)(target)) - snakeN - 1,
+            x: Math.min((0,types_snake/* getHeadX */.If)(snake0), (0,types_snake/* getHeadX */.If)(target)) - snakeN - 1,
-            y: Math.min((0,types_snake/* getHeadY */.Ap)(snake0), (0,types_snake/* getHeadY */.Ap)(target)) - snakeN - 1,
+            y: Math.min((0,types_snake/* getHeadY */.IP)(snake0), (0,types_snake/* getHeadY */.IP)(target)) - snakeN - 1,
         },
         max: {
-            x: Math.max((0,types_snake/* getHeadX */.tN)(snake0), (0,types_snake/* getHeadX */.tN)(target)) + snakeN + 1,
+            x: Math.max((0,types_snake/* getHeadX */.If)(snake0), (0,types_snake/* getHeadX */.If)(target)) + snakeN + 1,
-            y: Math.max((0,types_snake/* getHeadY */.Ap)(snake0), (0,types_snake/* getHeadY */.Ap)(target)) + snakeN + 1,
+            y: Math.max((0,types_snake/* getHeadY */.IP)(snake0), (0,types_snake/* getHeadY */.IP)(target)) + snakeN + 1,
         },
     };
     const [t0, ...forbidden] = targetCells;
@@ -582,8 +609,8 @@ const getPathToPose = (snake0, target, grid) => {
     const closeList = [];
     while (openList.length) {
         const o = openList.shift();
-        const x = (0,types_snake/* getHeadX */.tN)(o.snake);
+        const x = (0,types_snake/* getHeadX */.If)(o.snake);
-        const y = (0,types_snake/* getHeadY */.Ap)(o.snake);
+        const y = (0,types_snake/* getHeadY */.IP)(o.snake);
         if (x === t0.x && y === t0.y) {
             const path = [];
             let e = o;
@@ -600,17 +627,17 @@ const getPathToPose = (snake0, target, grid) => {
             const { x: dx, y: dy } = around4[i];
             const nx = x + dx;
             const ny = y + dy;
-            if (!(0,types_snake/* snakeWillSelfCollide */.J)(o.snake, dx, dy) &&
+            if (!(0,types_snake/* snakeWillSelfCollide */.nJ)(o.snake, dx, dy) &&
                 (!grid || getPathToPose_isEmptySafe(grid, nx, ny)) &&
                 (grid
-                    ? (0,types_grid/* isInsideLarge */.Yd)(grid, 2, nx, ny)
+                    ? (0,types_grid/* isInsideLarge */.HJ)(grid, 2, nx, ny)
                     : box.min.x <= nx &&
                         nx <= box.max.x &&
                         box.min.y <= ny &&
                         ny <= box.max.y) &&
                 !forbidden.some((p) => p.x === nx && p.y === ny)) {
-                const snake = (0,types_snake/* nextSnake */.Sc)(o.snake, dx, dy);
+                const snake = (0,types_snake/* nextSnake */.kv)(o.snake, dx, dy);
-                if (!closeList.some((s) => (0,types_snake/* snakeEquals */.sW)(snake, s))) {
+                if (!closeList.some((s) => (0,types_snake/* snakeEquals */.kE)(snake, s))) {
                     const w = o.w + 1;
                     const h = Math.abs(nx - x) + Math.abs(ny - y);
                     const f = w + h;
@@ -628,9 +655,9 @@ const getPathToPose = (snake0, target, grid) => {
 
 
 
-const generateContributionSnake = async (userName, outputs, options) => {
+const generateContributionSnake = async (userName, outputs) => {
     console.log("🎣 fetching github user contribution");
-    const cells = await getGithubUserContribution(userName, options);
+    const cells = await getGithubUserContribution(userName);
     const grid = userContributionToGrid(cells);
     const snake = snake4;
     console.log("📡 computing best route");
@@ -643,12 +670,12 @@ const generateContributionSnake = async (userName, outputs, options) => {
         switch (format) {
             case "svg": {
                 console.log(`🖌 creating svg (outputs[${i}])`);
-                const { createSvg } = await __webpack_require__.e(/* import() */ 578).then(__webpack_require__.bind(__webpack_require__, 4578));
+                const { createSvg } = await __webpack_require__.e(/* import() */ 340).then(__webpack_require__.bind(__webpack_require__, 8340));
                 return createSvg(grid, cells, chain, drawOptions, animationOptions);
             }
             case "gif": {
                 console.log(`📹 creating gif (outputs[${i}])`);
-                const { createGif } = await Promise.all(/* import() */[__webpack_require__.e(155), __webpack_require__.e(642)]).then(__webpack_require__.bind(__webpack_require__, 3642));
+                const { createGif } = await Promise.all(/* import() */[__webpack_require__.e(371), __webpack_require__.e(142)]).then(__webpack_require__.bind(__webpack_require__, 7142));
                 return await createGif(grid, cells, chain, drawOptions, animationOptions);
             }
         }
@@ -658,18 +685,18 @@ const generateContributionSnake = async (userName, outputs, options) => {
 
 /***/ }),
 
-/***/ 105:
+/***/ 2881:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FK: () => (/* binding */ isInside),
+/* harmony export */   "V0": () => (/* binding */ isInside),
-/* harmony export */   Im: () => (/* binding */ isEmpty),
+/* harmony export */   "HJ": () => (/* binding */ isInsideLarge),
-/* harmony export */   Kb: () => (/* binding */ createEmptyGrid),
+/* harmony export */   "VJ": () => (/* binding */ copyGrid),
-/* harmony export */   Yd: () => (/* binding */ isInsideLarge),
+/* harmony export */   "Lq": () => (/* binding */ getColor),
-/* harmony export */   l$: () => (/* binding */ setColorEmpty),
+/* harmony export */   "xb": () => (/* binding */ isEmpty),
-/* harmony export */   mi: () => (/* binding */ copyGrid),
+/* harmony export */   "vk": () => (/* binding */ setColor),
-/* harmony export */   oU: () => (/* binding */ getColor),
+/* harmony export */   "Dy": () => (/* binding */ setColorEmpty),
-/* harmony export */   wW: () => (/* binding */ setColor)
+/* harmony export */   "u1": () => (/* binding */ createEmptyGrid)
 /* harmony export */ });
 /* unused harmony exports isGridEmpty, gridEquals */
 const isInside = (grid, x, y) => x >= 0 && y >= 0 && x < grid.width && y < grid.height;
@@ -702,18 +729,18 @@ const createEmptyGrid = (width, height) => ({
 
 /***/ }),
 
-/***/ 777:
+/***/ 9347:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Ap: () => (/* binding */ getHeadY),
+/* harmony export */   "If": () => (/* binding */ getHeadX),
-/* harmony export */   HU: () => (/* binding */ snakeToCells),
+/* harmony export */   "IP": () => (/* binding */ getHeadY),
-/* harmony export */   J: () => (/* binding */ snakeWillSelfCollide),
+/* harmony export */   "JJ": () => (/* binding */ getSnakeLength),
-/* harmony export */   Sc: () => (/* binding */ nextSnake),
+/* harmony export */   "kE": () => (/* binding */ snakeEquals),
-/* harmony export */   T$: () => (/* binding */ getSnakeLength),
+/* harmony export */   "kv": () => (/* binding */ nextSnake),
-/* harmony export */   sW: () => (/* binding */ snakeEquals),
+/* harmony export */   "nJ": () => (/* binding */ snakeWillSelfCollide),
-/* harmony export */   tN: () => (/* binding */ getHeadX),
+/* harmony export */   "Ks": () => (/* binding */ snakeToCells),
-/* harmony export */   yS: () => (/* binding */ createSnakeFromCells)
+/* harmony export */   "xG": () => (/* binding */ createSnakeFromCells)
 /* harmony export */ });
 /* unused harmony export copySnake */
 const getHeadX = (snake) => snake[0] - 2;

svg-only/dist/340.index.js

@@ -1,21 +1,23 @@
 "use strict";
-exports.id = 578;
+exports.id = 340;
-exports.ids = [578];
+exports.ids = [340];
 exports.modules = {
 
-/***/ 4578:
+/***/ 8340:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  createSvg: () => (/* binding */ createSvg)
+  "createSvg": () => (/* binding */ createSvg)
 });
 
 // EXTERNAL MODULE: ../types/grid.ts
-var types_grid = __webpack_require__(105);
+var types_grid = __webpack_require__(2881);
 // EXTERNAL MODULE: ../types/snake.ts
-var types_snake = __webpack_require__(777);
+var types_snake = __webpack_require__(9347);
 ;// CONCATENATED MODULE: ../svg-creator/xml-utils.ts
 const h = (element, attributes) => `<${element} ${toAttribute(attributes)}/>`;
 const toAttribute = (o) => Object.entries(o)
@@ -60,10 +62,10 @@ const minifyCss = (css) => css
 
 const lerp = (k, a, b) => (1 - k) * a + k * b;
 const createSnake = (chain, { sizeCell, sizeDot }, duration) => {
-    const snakeN = chain[0] ? (0,types_snake/* getSnakeLength */.T$)(chain[0]) : 0;
+    const snakeN = chain[0] ? (0,types_snake/* getSnakeLength */.JJ)(chain[0]) : 0;
     const snakeParts = Array.from({ length: snakeN }, () => []);
     for (const snake of chain) {
-        const cells = (0,types_snake/* snakeToCells */.HU)(snake);
+        const cells = (0,types_snake/* snakeToCells */.Ks)(snake);
         for (let i = cells.length; i--;)
             snakeParts[i].push(cells[i]);
     }
@@ -235,15 +237,15 @@ const createLivingCells = (grid0, chain, cells) => {
         x,
         y,
         t: null,
-        color: (0,types_grid/* getColor */.oU)(grid0, x, y),
+        color: (0,types_grid/* getColor */.Lq)(grid0, x, y),
     }));
-    const grid = (0,types_grid/* copyGrid */.mi)(grid0);
+    const grid = (0,types_grid/* copyGrid */.VJ)(grid0);
     for (let i = 0; i < chain.length; i++) {
         const snake = chain[i];
-        const x = (0,types_snake/* getHeadX */.tN)(snake);
+        const x = (0,types_snake/* getHeadX */.If)(snake);
-        const y = (0,types_snake/* getHeadY */.Ap)(snake);
+        const y = (0,types_snake/* getHeadY */.IP)(snake);
-        if ((0,types_grid/* isInside */.FK)(grid, x, y) && !(0,types_grid/* isEmpty */.Im)((0,types_grid/* getColor */.oU)(grid, x, y))) {
+        if ((0,types_grid/* isInside */.V0)(grid, x, y) && !(0,types_grid/* isEmpty */.xb)((0,types_grid/* getColor */.Lq)(grid, x, y))) {
-            (0,types_grid/* setColorEmpty */.l$)(grid, x, y);
+            (0,types_grid/* setColorEmpty */.Dy)(grid, x, y);
             const cell = livingCells.find((c) => c.x === x && c.y === y);
             cell.t = i / chain.length;
         }