From a52560f858653ae1dec6587d62fba96978e16738 Mon Sep 17 00:00:00 2001
From: Shlomi Nugarker <shlomin1231@gmail.com>
Date: Tue, 13 Feb 2024 18:13:51 +0200
Subject: [PATCH] dist folder

---
 .gitignore                     |  2 +-
 dist/assets/index-50Gev5PF.js  |  1 +
 dist/assets/index-iNQyYPtT.css |  1 +
 dist/index.html                | 16 ++++++++++++++++
 dist/vite.svg                  |  1 +
 src/tetris/Tetromino.ts        |  4 ++--
 6 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 dist/assets/index-50Gev5PF.js
 create mode 100644 dist/assets/index-iNQyYPtT.css
 create mode 100644 dist/index.html
 create mode 100644 dist/vite.svg

diff --git a/.gitignore b/.gitignore
index a547bf3..cf7ff2f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,7 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-dist
+# dist
 dist-ssr
 *.local
 
diff --git a/dist/assets/index-50Gev5PF.js b/dist/assets/index-50Gev5PF.js
new file mode 100644
index 0000000..f4ecd78
--- /dev/null
+++ b/dist/assets/index-50Gev5PF.js
@@ -0,0 +1 @@
+var w=Object.defineProperty;var y=(n,t,e)=>t in n?w(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var i=(n,t,e)=>(y(n,typeof t!="symbol"?t+"":t,e),e);(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const s of o)if(s.type==="childList")for(const h of s.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&r(h)}).observe(document,{childList:!0,subtree:!0});function e(o){const s={};return o.integrity&&(s.integrity=o.integrity),o.referrerPolicy&&(s.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?s.credentials="include":o.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function r(o){if(o.ep)return;o.ep=!0;const s=e(o);fetch(o.href,s)}})();const p={straight:[["straight"],["straight"],["straight"],["straight"]],square:[["square","square"],["square","square"]],tTetromino:[["tTetromino","tTetromino","tTetromino"],["","tTetromino",""]],lTetromino:[["lTetromino",""],["lTetromino",""],["lTetromino","lTetromino"]],skew:[["","skew","skew"],["skew","skew",""]]},m=["straight","square","tTetromino","lTetromino","skew"];class g{constructor(t){i(this,"x");i(this,"y");i(this,"game");i(this,"moveDownInterval",1e3);i(this,"lastMoveDownTime",0);i(this,"keyState",{});i(this,"type",m[Math.floor(Math.random()*m.length)]);i(this,"shape",p[this.type]);this.game=t,this.x=9,this.y=-4,window.addEventListener("keydown",e=>{this.keyState[e.key]=!0}),window.addEventListener("keyup",e=>{this.keyState[e.key]=!1})}update(t,e){e-this.lastMoveDownTime>this.moveDownInterval&&(this.lastMoveDownTime=e,this.moveDown()),this.keyState.ArrowRight?(this.moveRight(),delete this.keyState.ArrowRight):this.keyState.ArrowLeft?(this.moveLeft(),delete this.keyState.ArrowLeft):this.keyState.ArrowUp?(this.rotate(),delete this.keyState.ArrowUp):this.keyState.ArrowDown&&(this.moveDown(1),delete this.keyState.ArrowDown)}moveDown(t=1){this.y+=t}moveRight(t=1){this.x+this.getRightPoint().x===19?this.x=0:this.x+=t}moveLeft(t=1){this.x-=t}rotate(){const t=[],e=this.shape,r=e.length,o=e[0].length;for(let a=0;a<o;a++){t[a]=[];for(let c=0;c<r;c++)t[a][c]=e[r-c-1][a]}const s=this.game.board[0].length-t[0].length,h=this.game.board.length-t.length;this.x>s||this.y>h||(this.shape=t)}isMoveEnd(){return this.y+this.getBottomPoint().y===19}addTetrominoToMatrix(){for(let t=0;t<this.shape.length;t++)for(let e=0;e<this.shape[t].length;e++){const r=this.x+e,o=this.y+t;r>=0&&r<this.game.board[0].length&&o>=0&&o<this.game.board.length&&this.shape[t][e]!==""&&(this.game.board[o][r]=this.type)}}getBottomPoint(){let t={x:0,y:0};for(let e=0;e<this.shape.length;e++)for(let r=0;r<this.shape[e].length;r++)this.shape[e][r]!==""&&e>t.y&&(t={x:r,y:e});return t}getRightPoint(){let t={x:0,y:0};for(let e=0;e<this.shape.length;e++)for(let r=0;r<this.shape[e].length;r++)this.shape[e][r]!==""&&r>t.x&&(t={x:r,y:e});return t}draw(t){const{x:e,y:r}=this;for(let o=0;o<this.shape.length;o++)for(let s=0;s<this.shape[o].length;s++){const h=this.shape[o][s];if(h){const a=this.game.getBlockColor(h);this.game.drawBlock(e+s,r+o,a)}}}}class T{constructor(t){i(this,"isGameOver",!1);i(this,"board",[]);i(this,"currentTetromino",null);i(this,"canvas");i(this,"ctx");this.canvas=t,this.canvas.width=500,this.canvas.height=500,this.ctx=t.getContext("2d"),this.initBoard(),this.addTetromino()}initBoard(){for(let t=0;t<20;t++){this.board[t]=[];for(let e=0;e<20;e++)this.board[t][e]=""}}addTetromino(){this.currentTetromino=new g(this)}update(t,e){var r,o;(r=this.currentTetromino)==null||r.update(t,e),(o=this.currentTetromino)!=null&&o.isMoveEnd()&&(this.currentTetromino.addTetrominoToMatrix(),this.currentTetromino=null,this.currentTetromino=new g(this))}draw(){var t;this.drawBoard(),(t=this.currentTetromino)==null||t.draw(this.ctx)}drawBlock(t,e,r){const o=this.canvas.width/20,s=this.canvas.height/20;this.ctx.fillStyle=r,this.ctx.fillRect(t*o,e*s,o,s),this.ctx.strokeStyle="white",this.ctx.strokeRect(t*o,e*s,o,s)}drawBoard(){for(let t=0;t<this.board.length;t++)for(let e=0;e<this.board[0].length;e++)if(this.board[t][e]){const r=this.getBlockColor(this.board[t][e]);this.drawBlock(e,t,r)}else this.drawBlock(e,t,"lightgray")}getBlockColor(t){return{straight:"blue",square:"red",tTetromino:"green",lTetromino:"black",skew:"orange"}[t]||"lightgray"}getRandomColor(){const t=Math.floor(Math.random()*256),e=Math.floor(Math.random()*256),r=Math.floor(Math.random()*256);return"rgb("+t+", "+e+", "+r+")"}}const d=document.getElementById("canvas");d.width=500;d.height=500;const l=new T(d);let f=0;function u(n){const t=n-f;f=n,l.update(t,n),l.ctx.clearRect(0,0,l.canvas.width,l.canvas.height),l.draw(),l.isGameOver||requestAnimationFrame(u)}u(0);
diff --git a/dist/assets/index-iNQyYPtT.css b/dist/assets/index-iNQyYPtT.css
new file mode 100644
index 0000000..4900585
--- /dev/null
+++ b/dist/assets/index-iNQyYPtT.css
@@ -0,0 +1 @@
+html,body{margin:0;padding:0;box-sizing:border-box}#app{background-color:#333340;min-height:100vh;display:flex;justify-content:center;align-items:center}
diff --git a/dist/index.html b/dist/index.html
new file mode 100644
index 0000000..bb6d33e
--- /dev/null
+++ b/dist/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tetris</title>
+    <script type="module" crossorigin src="./assets/index-50Gev5PF.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-iNQyYPtT.css" />
+  </head>
+  <body>
+    <div id="app">
+      <canvas id="canvas" width="500" height="500"></canvas>
+    </div>
+  </body>
+</html>
diff --git a/dist/vite.svg b/dist/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/dist/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/tetris/Tetromino.ts b/src/tetris/Tetromino.ts
index 020b5b5..f43d576 100644
--- a/src/tetris/Tetromino.ts
+++ b/src/tetris/Tetromino.ts
@@ -52,7 +52,7 @@ export class Tetromino {
     })
   }
 
-  update(deltaTime: number, timeStamp: number) {
+  update(_deltaTime: number, timeStamp: number) {
     if (timeStamp - this.lastMoveDownTime > this.moveDownInterval) {
       this.lastMoveDownTime = timeStamp
       this.moveDown()
@@ -152,7 +152,7 @@ export class Tetromino {
     return rightPoint
   }
 
-  draw(ctx: CanvasRenderingContext2D) {
+  draw(_ctx: CanvasRenderingContext2D) {
     const { x, y } = this
     for (let row = 0; row < this.shape.length; row++) {
       for (let col = 0; col < this.shape[row].length; col++) {