From 55c5f64755e5d964603f4cc60bdf1ceeccf7df21 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Thu, 22 Jul 2021 20:23:22 +0530 Subject: removed typescript "bloat" --- package.json | 12 +- src/components/App.js | 72 + src/components/App.tsx | 72 - src/components/Box.js | 35 + src/components/Box.tsx | 41 - src/components/Footer.js | 32 + src/components/Footer.tsx | 32 - src/components/Grid.js | 80 + src/components/Grid.tsx | 94 - src/components/MessageBox.js | 30 + src/components/MessageBox.tsx | 35 - src/components/MultiplayerGrid.js | 74 + src/components/MultiplayerGrid.tsx | 85 - src/components/ScoreBoard.js | 34 + src/components/ScoreBoard.tsx | 40 - src/index.js | 4 + src/index.tsx | 16 - src/reportWebVitals.ts | 15 - tsconfig.json | 26 - yarn.lock | 3583 +++++++++++++++++------------------- 20 files changed, 2050 insertions(+), 2362 deletions(-) create mode 100644 src/components/App.js delete mode 100644 src/components/App.tsx create mode 100644 src/components/Box.js delete mode 100644 src/components/Box.tsx create mode 100644 src/components/Footer.js delete mode 100644 src/components/Footer.tsx create mode 100644 src/components/Grid.js delete mode 100644 src/components/Grid.tsx create mode 100644 src/components/MessageBox.js delete mode 100644 src/components/MessageBox.tsx create mode 100644 src/components/MultiplayerGrid.js delete mode 100644 src/components/MultiplayerGrid.tsx create mode 100644 src/components/ScoreBoard.js delete mode 100644 src/components/ScoreBoard.tsx create mode 100644 src/index.js delete mode 100644 src/index.tsx delete mode 100644 src/reportWebVitals.ts delete mode 100644 tsconfig.json diff --git a/package.json b/package.json index 37f39c2..6cec836 100644 --- a/package.json +++ b/package.json @@ -3,26 +3,16 @@ "version": "0.1.0", "private": true, "dependencies": { - "@testing-library/jest-dom": "^5.11.4", - "@testing-library/react": "^11.1.0", - "@testing-library/user-event": "^12.1.10", - "@types/jest": "^26.0.15", - "@types/node": "^12.0.0", - "@types/react": "^17.0.0", - "@types/react-dom": "^17.0.0", "express": "^4.17.1", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "4.0.3", "socket.io": "^4.1.3", - "socket.io-client": "^4.1.3", - "typescript": "^4.1.2", - "web-vitals": "^1.0.1" + "socket.io-client": "^4.1.3" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", - "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { diff --git a/src/components/App.js b/src/components/App.js new file mode 100644 index 0000000..353e464 --- /dev/null +++ b/src/components/App.js @@ -0,0 +1,72 @@ +/* + * Tic Tac Toe - Minimalistic Tic Tac Toe + * Copyright (C) 2021 Vidhu Kant Sharma + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import React, { useState } from 'react'; +import MessageBox from './MessageBox'; +import ScoreBoard from './ScoreBoard'; +import Grid from './Grid'; +import MultiplayerGrid from './MultiplayerGrid'; +import Footer from './Footer'; +import './style.css'; + +const App = () => { + const [scoreX, setScoreX] = useState(0); + const [scoreO, setScoreO] = useState(0); + const [turn, setTurn] = useState(1); + const [showMessageBox, setShowMessageBox] = useState(false); + const [message, setMessage] = useState(""); + const mp = true; + return ( + <> + {showMessageBox && + + } + + + + {mp ? : + } + +