initial new frontend
Sendou
3161
frontend-react/package-lock.json
generated
|
|
@ -1,26 +1,29 @@
|
|||
{
|
||||
"name": "sendou-ink-react-ui",
|
||||
"version": "2.0.1",
|
||||
"name": "sendou-ink-new",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@apollo/react-hooks": "^3.1.3",
|
||||
"@sendou/react-sketch": "^0.5.2",
|
||||
"@chakra-ui/core": "^0.5.2",
|
||||
"@emotion/core": "^10.0.27",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@reach/router": "^1.2.1",
|
||||
"@testing-library/jest-dom": "^4.2.4",
|
||||
"@testing-library/react": "^9.4.0",
|
||||
"@testing-library/user-event": "^7.2.1",
|
||||
"@types/jest": "^24.9.0",
|
||||
"@types/node": "^12.12.24",
|
||||
"@types/reach__router": "^1.2.6",
|
||||
"@types/react": "^16.9.17",
|
||||
"@types/react-dom": "^16.9.4",
|
||||
"apollo-boost": "^0.4.7",
|
||||
"emotion-theming": "^10.0.27",
|
||||
"graphql": "^14.5.8",
|
||||
"jstz": "^2.1.1",
|
||||
"react": "^16.12.0",
|
||||
"react-color": "^2.17.3",
|
||||
"react-datepicker": "^2.10.1",
|
||||
"react-dom": "^16.12.0",
|
||||
"react-draggable": "^4.2.0",
|
||||
"react-hotkeys-hook": "^1.5.4",
|
||||
"react-infinite-scroller": "^1.2.4",
|
||||
"react-router-dom": "^5.1.2",
|
||||
"react-scripts": "^3.3.0",
|
||||
"recharts": "^1.8.5",
|
||||
"semantic-ui-css": "^2.4.1",
|
||||
"semantic-ui-react": "^0.88.2",
|
||||
"use-query-params": "^0.4.6"
|
||||
"react-icons": "^3.8.0",
|
||||
"react-scripts": "3.3.0",
|
||||
"typescript": "^3.7.4"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-scripts start",
|
||||
|
|
@ -43,5 +46,7 @@
|
|||
"last 1 safari version"
|
||||
]
|
||||
},
|
||||
"devDependencies": {}
|
||||
"devDependencies": {
|
||||
"@types/webpack-env": "^1.15.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 3.8 KiB |
|
|
@ -2,14 +2,14 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Competitive Splatoon tools and resources"
|
||||
content="Web site created using create-react-app"
|
||||
/>
|
||||
<link rel="apple-touch-icon" href="logo192.png" />
|
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||
<!--
|
||||
manifest.json provides metadata used when your web app is installed on a
|
||||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
work correctly both with client-side routing and a non-root public URL.
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>sendou.ink</title>
|
||||
<title>React App</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 9.4 KiB |
|
|
@ -1,7 +1,6 @@
|
|||
{
|
||||
"short_name": "sendou.ink",
|
||||
"name": "sendou.ink - Competitive Splatoon Hub",
|
||||
"description": "Useful tools and resources for competitive Splatoon players.",
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
|
|
@ -19,9 +18,8 @@
|
|||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"start_url": "https://sendou.ink",
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#2B5262",
|
||||
"background_color": "#13272E",
|
||||
"categories": ["games"]
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 289 B |
|
Before Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 7.0 KiB |
|
|
@ -1,171 +0,0 @@
|
|||
import BDU from "./abilityIcons/BDU.png"
|
||||
import BRU from "./abilityIcons/BRU.png"
|
||||
import CB from "./abilityIcons/CB.png"
|
||||
import DR from "./abilityIcons/DR.png"
|
||||
import H from "./abilityIcons/H.png"
|
||||
import ISM from "./abilityIcons/ISM.png"
|
||||
import ISS from "./abilityIcons/ISS.png"
|
||||
import LDE from "./abilityIcons/LDE.png"
|
||||
import MPU from "./abilityIcons/MPU.png"
|
||||
import NS from "./abilityIcons/NS.png"
|
||||
import OG from "./abilityIcons/OG.png"
|
||||
import QR from "./abilityIcons/QR.png"
|
||||
import QSJ from "./abilityIcons/QSJ.png"
|
||||
import REC from "./abilityIcons/REC.png"
|
||||
import RES from "./abilityIcons/RES.png"
|
||||
import RP from "./abilityIcons/RP.png"
|
||||
import RSU from "./abilityIcons/RSU.png"
|
||||
import SCU from "./abilityIcons/SCU.png"
|
||||
import SJ from "./abilityIcons/SJ.png"
|
||||
import SPU from "./abilityIcons/SPU.png"
|
||||
import SS from "./abilityIcons/SS.png"
|
||||
import SSU from "./abilityIcons/SSU.png"
|
||||
import T from "./abilityIcons/T.png"
|
||||
import TI from "./abilityIcons/TI.png"
|
||||
import OS from "./abilityIcons/OS.png"
|
||||
import AD from "./abilityIcons/AD.png"
|
||||
import UNKNOWN from "./abilityIcons/UNKNOWN.png"
|
||||
|
||||
import szIcon from "./sz.png"
|
||||
import tcIcon from "./tc.png"
|
||||
import rmIcon from "./rm.png"
|
||||
import cbIcon from "./cb.png"
|
||||
import twIcon from "./tw.png"
|
||||
|
||||
import arowana_mall_thumbnail from "./mapThumbnails/arowana_mall.png"
|
||||
import anchov_games_thumbnail from "./mapThumbnails/ancho-v_games.png"
|
||||
import blackbelly_skatepark_thumbnail from "./mapThumbnails/blackbelly_skatepark.png"
|
||||
import camp_triggerfish_thumbnail from "./mapThumbnails/camp_triggerfish.png"
|
||||
import goby_arena_thumbnail from "./mapThumbnails/goby_arena.png"
|
||||
import humpback_pump_track_thumbnail from "./mapThumbnails/humpback_pump_track.png"
|
||||
import inkblot_art_academy_thumbnail from "./mapThumbnails/inkblot_art_academy.png"
|
||||
import kelp_dome_thumbnail from "./mapThumbnails/kelp_dome.png"
|
||||
import makomart_thumbnail from "./mapThumbnails/makomart.png"
|
||||
import manta_maria_thumbnail from "./mapThumbnails/manta_maria.png"
|
||||
import moray_towers_thumbnail from "./mapThumbnails/moray_towers.png"
|
||||
import musselforge_fitness_thumbnail from "./mapThumbnails/musselforge_fitness.png"
|
||||
import new_albacore_hotel_thumbnail from "./mapThumbnails/new_albacore_hotel.png"
|
||||
import piranha_pit_thumbnail from "./mapThumbnails/piranha_pit.png"
|
||||
import port_mackerel_thumbnail from "./mapThumbnails/port_mackerel.png"
|
||||
import shellendorf_institute_thumbnail from "./mapThumbnails/shellendorf_institute.png"
|
||||
import skipper_pavilion_thumbnail from "./mapThumbnails/skipper_pavilion.png"
|
||||
import snapper_canal_thumbnail from "./mapThumbnails/snapper_canal.png"
|
||||
import starfish_mainstage_thumbnail from "./mapThumbnails/starfish_mainstage.png"
|
||||
import sturgeon_shipyard_thumbnail from "./mapThumbnails/sturgeon_shipyard.png"
|
||||
import the_reef_thumbnail from "./mapThumbnails/the_reef.png"
|
||||
import wahoo_world_thumbnail from "./mapThumbnails/wahoo_world.png"
|
||||
import walleye_warehouse_thumbnail from "./mapThumbnails/walleye_warehouse.png"
|
||||
|
||||
//https://stackoverflow.com/questions/42118296/dynamically-import-images-from-a-directory-using-webpack
|
||||
export const wpnSmall = importAll(require.context("./wpnSmall", false))
|
||||
export const wpnMedium = importAll(require.context("./wpnMedium", false))
|
||||
|
||||
function importAll(r, substringStart = 6, substringEnd = 4) {
|
||||
let images = {}
|
||||
r.keys().forEach(item => {
|
||||
images[item.substring(substringStart, item.length - substringEnd)] = r(item)
|
||||
})
|
||||
return images
|
||||
}
|
||||
|
||||
export const abilityIcons = {
|
||||
BDU: BDU,
|
||||
BRU: BRU,
|
||||
CB: CB,
|
||||
DR: DR,
|
||||
H: H,
|
||||
ISM: ISM,
|
||||
ISS: ISS,
|
||||
LDE: LDE,
|
||||
MPU: MPU,
|
||||
NS: NS,
|
||||
OG: OG,
|
||||
QR: QR,
|
||||
QSJ: QSJ,
|
||||
REC: REC,
|
||||
RES: RES,
|
||||
RP: RP,
|
||||
RSU: RSU,
|
||||
SCU: SCU,
|
||||
SJ: SJ,
|
||||
SPU: SPU,
|
||||
SS: SS,
|
||||
SSU: SSU,
|
||||
T: T,
|
||||
TI: TI,
|
||||
OS: OS,
|
||||
AD: AD,
|
||||
UNKNOWN: UNKNOWN,
|
||||
"": UNKNOWN
|
||||
}
|
||||
|
||||
export const abilitiesGameOrder = [
|
||||
"ISM",
|
||||
"ISS",
|
||||
"REC",
|
||||
"RSU",
|
||||
"SSU",
|
||||
"SCU",
|
||||
"SS",
|
||||
"SPU",
|
||||
"QR",
|
||||
"QSJ",
|
||||
"BRU",
|
||||
"RES",
|
||||
"BDU",
|
||||
"MPU",
|
||||
"OG",
|
||||
"LDE",
|
||||
"T",
|
||||
"CB",
|
||||
"NS",
|
||||
"H",
|
||||
"TI",
|
||||
"RP",
|
||||
"AD",
|
||||
"SJ",
|
||||
"OS",
|
||||
"DR"
|
||||
]
|
||||
|
||||
export const mapIcons = {
|
||||
"Arowana Mall": arowana_mall_thumbnail,
|
||||
"Ancho-V Games": anchov_games_thumbnail,
|
||||
"Blackbelly Skatepark": blackbelly_skatepark_thumbnail,
|
||||
"Camp Triggerfish": camp_triggerfish_thumbnail,
|
||||
"Goby Arena": goby_arena_thumbnail,
|
||||
"Humpback Pump Track": humpback_pump_track_thumbnail,
|
||||
"Inkblot Art Academy": inkblot_art_academy_thumbnail,
|
||||
"Kelp Dome": kelp_dome_thumbnail,
|
||||
MakoMart: makomart_thumbnail,
|
||||
"Manta Maria": manta_maria_thumbnail,
|
||||
"Moray Towers": moray_towers_thumbnail,
|
||||
"Musselforge Fitness": musselforge_fitness_thumbnail,
|
||||
"New Albacore Hotel": new_albacore_hotel_thumbnail,
|
||||
"Piranha Pit": piranha_pit_thumbnail,
|
||||
"Port Mackerel": port_mackerel_thumbnail,
|
||||
"Shellendorf Institute": shellendorf_institute_thumbnail,
|
||||
"Skipper Pavilion": skipper_pavilion_thumbnail,
|
||||
"Snapper Canal": snapper_canal_thumbnail,
|
||||
"Starfish Mainstage": starfish_mainstage_thumbnail,
|
||||
"Sturgeon Shipyard": sturgeon_shipyard_thumbnail,
|
||||
"The Reef": the_reef_thumbnail,
|
||||
"Wahoo World": wahoo_world_thumbnail,
|
||||
"Walleye Warehouse": walleye_warehouse_thumbnail
|
||||
}
|
||||
|
||||
export const modeIcons = {
|
||||
"Splat Zones": szIcon,
|
||||
"Tower Control": tcIcon,
|
||||
Rainmaker: rmIcon,
|
||||
"Clam Blitz": cbIcon,
|
||||
SZ: szIcon,
|
||||
TC: tcIcon,
|
||||
RM: rmIcon,
|
||||
CB: cbIcon,
|
||||
TW: twIcon,
|
||||
1: szIcon,
|
||||
2: tcIcon,
|
||||
3: rmIcon,
|
||||
4: cbIcon
|
||||
}
|
||||
13
frontend-react/src/assets/imageImports.ts
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
//https://stackoverflow.com/questions/42118296/dynamically-import-images-from-a-directory-using-webpack
|
||||
export const wpnSmall: object = importAll(require.context("./wpnSmall", false))
|
||||
export const wpnMedium: object = importAll(
|
||||
require.context("./wpnMedium", false)
|
||||
)
|
||||
|
||||
function importAll(r: __WebpackModuleApi.RequireContext) {
|
||||
const images: any = {}
|
||||
r.keys().forEach(item => {
|
||||
images[item.substring(6, item.length - 4)] = r(item)
|
||||
})
|
||||
return images
|
||||
}
|
||||
|
Before Width: | Height: | Size: 634 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 659 KiB |
|
Before Width: | Height: | Size: 546 KiB |
|
Before Width: | Height: | Size: 570 KiB |
|
Before Width: | Height: | Size: 558 KiB |
|
Before Width: | Height: | Size: 759 KiB |
|
Before Width: | Height: | Size: 544 KiB |
|
Before Width: | Height: | Size: 487 KiB |
|
Before Width: | Height: | Size: 654 KiB |
|
Before Width: | Height: | Size: 642 KiB |
|
Before Width: | Height: | Size: 629 KiB |
|
Before Width: | Height: | Size: 648 KiB |
|
Before Width: | Height: | Size: 640 KiB |
|
Before Width: | Height: | Size: 547 KiB |
|
Before Width: | Height: | Size: 558 KiB |
|
Before Width: | Height: | Size: 513 KiB |
|
Before Width: | Height: | Size: 489 KiB |
|
Before Width: | Height: | Size: 689 KiB |
|
Before Width: | Height: | Size: 631 KiB |
|
Before Width: | Height: | Size: 720 KiB |
|
Before Width: | Height: | Size: 667 KiB |
|
Before Width: | Height: | Size: 707 KiB |
|
Before Width: | Height: | Size: 590 KiB |
|
Before Width: | Height: | Size: 526 KiB |
|
Before Width: | Height: | Size: 561 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |