added Dockerfile and deployment.yaml

.drone.yml

@@ -17,9 +17,21 @@ steps:
   - npm install typescript
   - npx tsc
 
+- name: build docker file and publish
+  image: plugins/docker
+  settings:
+    repo: llamprecht/knilch-web
+    auto_tag: true
+    registry: git.cluster.stumblestore.de
+    username:
+      from_secret: docker_username
+    password:
+      from_secret: docker_password
+
 - name: deploy
   image: vallard/drone-kube
   template: deployment.yaml
+  namespace: knilch-web
   when:
     event:
     - promote

Dockerfile

@@ -0,0 +1,4 @@
+FROM lipanski/docker-static-website:latest
+
+
+COPY /built/. .

built/main.js

@@ -68,16 +68,19 @@ function changeGridsize(amount) {
     drawGrid(gridsize, grid, c, ctx);
 }
 function populateGrid(grid, gridsize) {
+    let solvegrid = initGrid(gridsize);
     for (var i = 0; i < gridsize; i++) {
         for (var k = 0; k < gridsize; k++) {
             if (Math.random() > 0.5) {
-                grid[i][k] = true;
+                toggleSpace(i, k);
+                solvegrid[k][i] = true;
             }
             else {
-                grid[i][k] = false;
+                solvegrid[k][i] = false;
             }
         }
     }
+    console.table(solvegrid);
     return grid;
 }
 function togglebool(bool) {
@@ -94,21 +97,7 @@ function handelClicks(c, e, gridsize, grid, ctx) {
                 pos.x < (i * c.width) / gridsize + c.width / gridsize) {
                 if (pos.y > (k * c.height) / gridsize &&
                     pos.y < (k * c.height) / gridsize + c.width / gridsize) {
-                    grid[i][k] = togglebool(grid[i][k]);
-                    if (edit == false) {
-                        if (i != 0) {
-                            grid[i - 1][k] = togglebool(grid[i - 1][k]);
-                        }
-                        if (k != 0) {
-                            grid[i][k - 1] = togglebool(grid[i][k - 1]);
-                        }
-                        if (i != gridsize - 1) {
-                            grid[i + 1][k] = togglebool(grid[i + 1][k]);
-                        }
-                        if (k != gridsize - 1) {
-                            grid[i][k + 1] = togglebool(grid[i][k + 1]);
-                        }
-                    }
+                    toggleSpace(i, k);
                 }
             }
         }
@@ -140,6 +129,23 @@ function handelClicks(c, e, gridsize, grid, ctx) {
         }
     }
 }
+function toggleSpace(i, k) {
+    grid[i][k] = togglebool(grid[i][k]);
+    if (edit == false) {
+        if (i != 0) {
+            grid[i - 1][k] = togglebool(grid[i - 1][k]);
+        }
+        if (k != 0) {
+            grid[i][k - 1] = togglebool(grid[i][k - 1]);
+        }
+        if (i != gridsize - 1) {
+            grid[i + 1][k] = togglebool(grid[i + 1][k]);
+        }
+        if (k != gridsize - 1) {
+            grid[i][k + 1] = togglebool(grid[i][k + 1]);
+        }
+    }
+}
 function Winscreen(c, ctx) {
     ctx.fillStyle = "#fffff";
     ctx.font;

deployment.yaml

@@ -0,0 +1,21 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: knilch-server
+  labels:
+    app: knilch-server
+spec:
+  replicas: 2
+  selector:
+    matchLabels:
+      app: knilch-server
+  template:
+    metadata:
+      labels:
+        app: knilch-server
+    spec:
+      containers:
+      - name: knilch-server
+        image: git.cluster.stumblestore.de/llamprecht/knilch-web
+        ports:
+        - containerPort: 80