rcvolus / lol-pick-ban-ui Goto Github PK
View Code? Open in Web Editor NEWWeb-Based UI to display the league of legends champ select in esports tournaments.
License: MIT License
Web-Based UI to display the league of legends champ select in esports tournaments.
License: MIT License
i do npm install this is all i get come up?? soz im new noob
PS C:\STREAM STUFFF\LoL PICK BAN UI\lol-pick-ban-ui-master> npm install
npm WARN [email protected] requires a peer of bufferutil@^4.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of utf-8-validate@^5.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
audited 642 packages in 1.774s
found 1 low severity vulnerability
run npm audit fix
to fix them, or npm audit
for details
PS C:\STREAM STUFFF\LoL PICK BAN UI\lol-pick-ban-ui-master>
theres meant to be more come up then this..?
I realize this is likely an obvious fix but it's 4 am and I looked everywhere I could think.
2020-05-19T19:21:56.428Z [info ] main : _ _ ____ ___ ____ _ _ ___
2020-05-19T19:21:56.429Z [info ] main : | | ___ | | | _ \( _ ) | __ ) | | | |_ _|
2020-05-19T19:21:56.430Z [info ] main : | | / _ \| | | |_) / _ \/\ _ \ | | | || |
2020-05-19T19:21:56.430Z [info ] main : | |__| (_) | |___ | __/ (_> < |_) | | |_| || |
2020-05-19T19:21:56.431Z [info ] main : |_____\___/|_____| |_| \___/\/____/ \___/|___|
2020-05-19T19:21:56.432Z [info ] main :
2020-05-19T19:21:56.433Z [info ] main : Configuration: {"data":"recordings/tournament-draft","leaguePath":""}
2020-05-19T19:21:56.434Z [info ] DataProviderService: Using recording as data provider service: recordings/tournament-draft
2020-05-19T19:21:56.434Z [warn ] DataProviderService: THIS IS PROBABLY MEANT FOR TESTING USAGE AND SHOULD ONLY BE USED IN PRODUCTION, IF YOU KNOW WHAT YOU ARE DOING!
2020-05-19T19:21:56.444Z [info ] datadragon : Getting latest versions from ddragon.
2020-05-19T19:21:58.242Z [info ] datadragon : Champion: 10.10.32161768608, Item: 10.10.32161768608, CDN: https://ddragon.leagueoflegends.com/cdn
(node:14216) UnhandledPromiseRejectionWarning: TypeError: Cannot convert undefined or null to object
at Function.values (<anonymous>)
at DataDragon.init (D:\Projects\lol-pick-ban-ui\backend-build\data\league\datadragon.js:67:33)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async main (D:\Projects\lol-pick-ban-ui\backend-build\app.js:40:5)
(node:14216) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:14216) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
I am getting this error while starting the application.
OS: Windows 10
Node Ver: v12.16.1
i got this:
(node:7016) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 6) (node:7016) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'port' of undefined at LeagueDataProviderService.getCurrentData (C:\Users\Manuel\Desktop\pickui\backend-build\data\league\LeagueDataProviderService.js:38:97) at TickManager.runLoop (C:\Users\Manuel\Desktop\pickui\backend-build\TickManager.js:18:61) at Timeout.timeout.setInterval [as _onTimeout] (C:\Users\Manuel\Desktop\pickui\backend-build\TickManager.js:15:47) at ontimeout (timers.js:436:11) at tryOnTimeout (timers.js:300:5) at listOnTimeout (timers.js:263:5) at Timer.processTimers (timers.js:223:10)
On fresh installations of the UI, the LCU broker cannot be started. The reason is that a breaking patch has been pushed to @types/fs-extra
that removed some fields from the corresponding type definitions.
Pinning @types/fs-extra
to version 9.0.0
appears to be a valid work-around for this.
// See FearNixx/vigilant-bans#1 for the original issue filed with us.
I dont know if it
s a common issue or Im doing something wrong but when I install the package and type in npm start everyting is going smoothly until downloading data from DDragon. It starts downloading data then it stops in random place for example it has downloaded 70% and doesn
t move at all, I even waited for 2 hours thinking something is wrong with my internet then I stopped program removed folder etc. and Did everyting again and hello, it stopped at 21% and didn`t move at all for an hour.
Simple layout is just not working
code: 'EADDRINUSE',
errno: -4091,
syscall: 'listen',
address: '::',
port: 8999
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `npm run build && node backend-build/app.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\KT STREAM\AppData\Roaming\npm-cache\_logs\2020-05-29T02_55_03_499Z-debug.log
I am new to this, could you explain how to use it? I would appreciate
I'm sorry to bother you, but I need help using the user interface. Up to step 5, I did everything right. Now I don't understand how to start the backend via localhost. I couldn't open the app.js file from the node, so I couldn't open it in the browser. Can you explain step 6 a bit more in detail how I can use it in the end?
Thank you for programming such a user interface.
MfG Nilox
Sry, I'm still new to the area.
connect
http://localhost:3000/frontend-lib.js:83:23
PB.start
http://localhost:3000/frontend-lib.js:110:5
(anonymous function)
C:/lol-pick-ban-ui-master/lol-pick-ban-ui-master/layouts/layout-volu-europe/src/App.jsx:38
35 | setConfig(hb.config);
36 | });
37 |
38 | Window.PB.start();
| ^ 39 | }, []);
40 |
41 | console.log(globalState);
View compiled
▶ 13 stack frames were collapsed.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.
When starting the backend (npm start
after npm install
) this error occurs. Apparently a file example.json is missing, and I cannot start the backend server without it.
I've checked the code and WebSocketServer.sendHeartbeat method expects it.
I've also done all the installation steps as instructed in the Installation part.
My node version is v12.6.0
I got this error when I tried to start the backend, I tried to adjust it but I couldn't find the reason, I use Windows 10 64 bits
UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'port' of undefined
at LeagueDataProviderService.getCurrentData (lol-pick-ban-ui \ backend-build \ data \ league \ LeagueDataProviderService.js: 58: 97)
As a user, I want to be presented with a meaningful error message, if a connection to the League client fails (e.g. the client is not open).
I m use the Europe Version but y i need it the Simple Version, ¿solutions?
As user, I want to start the software in a simple way by just running one component, that then takes care to start the other required components.
Hi everyone, does this work with real-time live games? lets say soloq or flex? or a need to spectate
As user, I want to be able to easily change the configuration in a web interface, rather than in the config file directly.
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:125:11)
at Object.join (path.js:427:7)
at noopServiceWorkerMiddleware (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:317:13)
at C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:335:12)
at next (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:317:13)
at C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:335:12)
at next (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\index.js:275:10)
at handleWebpackInternalMiddleware (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\react-dev-utils\evalSourceMapMiddleware.js:42:7)
at Layer.handle [as handle_request] (C:\Users\avera\Desktop\lol-pick-ban-ui-master\layouts\layout-volu-europe\node_modules\express\lib\router\layer.js:95:5)
Hi. where are the files to change text (im using europe layout) like "Ban Phase I" ETC. iwant to change it to my language.
I im searching but dont want to touch nothing, can broke anything hehe
thnbaks a lot
Hi, i installed it successfully on my own PC and wanted to help a friend install it for streaming. When doing the first npm install in the root directory following warnings/errors occur:
npm WARN [email protected] requires a peer of bufferutil@^4.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of utf-8-validate@^5.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
audited 642 packages in 2.495s
found 1 low severity vulnerability
run npm audit fix to fix them, or npm audit for details
Hello, I don't know how can I make a new layout and the section "CUSTOM_THEME" is not clear for me.
I followed all the directions as closely as possible from 1-11 and when I open up localhost:3000 it says "SyntaxError: Failed to construct 'Websocket': The URL 'undefined' is invalid.
Is there any way I can fix it?
I followed your steps and managed to open the backend of the code perfectly fine. When I go to follow steps 7-10 this is where things don't go as smoothly.
So if I run the "serve" command in the master folder "lol-pick-ban-ui-master and follow the localhost:5000 link I get the following:
But if I run the "serve" command and follow you link http://localhost:5000/layouts/layout-simple/?backend=ws://localhost:8999 I get the following image
I understand the blank template, where do I go in order to edit the layouts and show the relevant information? I have looked through all the closed issues and open issues to get help, but everyone just says its working, there is no actual solution posted. Tried finding the video link that is supposed to walk us through this process, but there is none.
Any help would be appreciated!
Thanks
How can I congure the simple layout?
Hey,
I have the same problem as some others here, that the backend won't work with "npm start"
(node:4476) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'port' of undefined at LeagueDataProviderService.getCurrentData (C:\Users\Pasca\Desktop\Stream\lol-pick-ban-ui-master\lol-pick-ban-ui-master\backend-build\data\league\LeagueDataProviderService.js:58:97) at TickManager.runLoop (C:\Users\Pasca\Desktop\Stream\lol-pick-ban-ui-master\lol-pick-ban-ui-master\backend-build\TickManager.js:18:61) at Timeout.timeout.setInterval [as _onTimeout] (C:\Users\Pasca\Desktop\Stream\lol-pick-ban-ui-master\lol-pick-ban-ui-master\backend-build\TickManager.js:15:47) at ontimeout (timers.js:436:11) at tryOnTimeout (timers.js:300:5) at listOnTimeout (timers.js:263:5) at Timer.processTimers (timers.js:223:10)
I tried to start powershell as admin, but wouldn't help.
Adding the league path won't help either
Hey,
Im trying to automatically load team names and scores from an external source (remote server) that isnt the config file. I was wondering where I would have to implement changes in order for the backend to fetch those values from somewhere other than the config file. Either that or if I could change the location of the config file to the remote server all together.
Thanks for your help!
As user, I want to import the data that is available here into the league-prod-toolkit stack.
how to create my draft replay?
Hello, following up on the SoloQ-Flex topic, ive tried and i have to say it works quite well, Names, Summoner Spells, Intended Pick, Bans those are just spot on, however there are some things that do not work as good, for example Position/Role detection is not working at all in SoloQ-Flex queues, also, team sides.
Now to my question, i know of apps that can detect the role/position of given player during draft, is there a way that this could be added? or it would need to be a complete rewrite? same goes with team sides.
Thank you all, i know this is not the intended use for the program but still i'd be awesome. o/
As user, I want to be able to install the whole setup easily by using a wizard-like installer.
Hi there,
I had the tool up and running for several weeks, and now it does not pull any champion icons. It displays summoner names, and the correct timer up top, but For bans and picks, it never shows the champions. Has anyone else had this issue?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.