feat: new dungeon generator

.github/workflows/gh-pages.yml

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           registry-url: https://registry.npmjs.org/
 
       - name: Build library

.github/workflows/npm-publish.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm run check

.github/workflows/test.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
 
       - name: Unit tests
         run: |

.nvmrc

@@ -0,0 +1 @@
+v24.14.0

.prettierrc.json

@@ -1,11 +1 @@
-{
-  "arrowParens": "avoid",
-  "bracketSpacing": true,
-  "bracketSameLine": false,
-  "jsxSingleQuote": true,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "all",
-  "printWidth": 100
-}
+"@krutoo/presets/prettier"

docs/docs/dungeon-next.story.tsx

@@ -0,0 +1,90 @@
+import { DungeonNext } from 'rglk';
+
+export const meta = {
+  category: 'Dungeons (next)',
+  title: 'Demo',
+};
+
+function init(canvas: HTMLCanvasElement | null) {
+  if (!canvas) {
+    return;
+  }
+
+  const context = canvas.getContext('2d')!;
+
+  if (!context) {
+    return;
+  }
+
+  context.imageSmoothingEnabled = false;
+
+  canvas.width = window.innerWidth;
+  canvas.height = window.innerHeight;
+  canvas.style.display = 'block';
+  canvas.style.position = 'fixed';
+  canvas.style.setProperty('image-rendering', 'pixelated');
+  canvas.style.top = '0';
+  canvas.style.left = '0';
+  canvas.style.width = `${window.innerWidth}px`;
+  canvas.style.height = `${window.innerHeight}px`;
+
+  const generator = DungeonNext.createDungeon({
+    roomAmount: 24,
+    roomMinSize: 6,
+    roomMaxSize: 12,
+    roomMargin: 1,
+  });
+
+  const loop = () => {
+    const { done, value } = generator.next();
+
+    render(value);
+
+    if (!done) {
+      requestAnimationFrame(loop);
+    }
+  };
+
+  const render = ({ rooms, corridors }: any) => {
+    const scale = 5;
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    context.translate(canvas.width / 2, canvas.height / 2);
+    context.save();
+
+    // rooms:
+    context.strokeStyle = '#000';
+    for (const room of rooms) {
+      context.fillRect(room.x * scale, room.y * scale, room.width * scale, room.height * scale);
+    }
+
+    // corridors:
+    context.lineWidth = scale;
+    for (const { a, b } of corridors) {
+      context.beginPath();
+      context.moveTo(a.x * scale, a.y * scale);
+      context.lineTo(b.x * scale, b.y * scale);
+      context.stroke();
+      context.closePath();
+    }
+    context.lineWidth = 1;
+
+    // connections:
+    // context.strokeStyle = '#f00';
+    // for (const { a: from, b: to } of connections) {
+    //   context.beginPath();
+    //   context.moveTo(from.x, from.y);
+    //   context.lineTo(to.x, to.y);
+    //   context.stroke();
+    //   context.closePath();
+    // }
+    // context.strokeStyle = '#000';
+
+    context.translate(-canvas.width / 2, -canvas.height / 2);
+  };
+
+  loop();
+}
+
+export default function Example() {
+  return <canvas ref={init}></canvas>;
+}

docs/docs/index.mdx

@@ -3,7 +3,7 @@ export const meta = {
   menuPriority: 1000,
 };
 
-# `rglk.js`
+<h1 style={{ fontSize: '56px', fontWeight: '800' }}>rglk.js</h1>
 
 Simple library for development roguelike games, designed for training/educational purposes.
 Inspired by [rot.js](http://ondras.github.io/rot.js/hp/).

docs/rspack.config.ts

@@ -22,6 +22,7 @@ export default {
   resolve: {
     alias: {
       '#found-stories$': path.resolve(import.meta.dirname, './.generated/found-stories.js'),
+      rglk$: path.resolve(import.meta.dirname, '../src/index.ts'),
     },
   },
   module: {

docs/src/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Showcase</title>
+    <title>rglk.js - Library for rogue-like games development</title>
   </head>
   <body>
     <div id="root"></div>