levmckinney / yoloxide-web Goto Github PK

View Code? Open in Web Editor NEW

9.0 9.0 5.0 2.44 MB

An online yolol editor.

Home Page: https://yoloxide.cylon.xyz

License: MIT License

HTML 3.48% JavaScript 96.31% CSS 0.21%

ide react redux starbase yolol

yoloxide-web's People

Contributors

Stargazers

Watchers

Forkers

aralicia tryptophan theamazingfedex alex-programs junwen-xie

yoloxide-web's Issues

Empty strings in data fields do weirdness

If you have a data field that's an empty string, bad behaviour occurs. Writing/reading to them does bad things.

Beautification

Currently, this app is hideous wouldn't it be great if it looked supper nice! Think of this as a place to:

make suggestions of new styling libraries currently I'm are using react bootstrap but I'm open to changing that and,
new layouts that would be more user-friendly.

Use browser local storage to save scripts

Is your feature request related to a problem? Please describe.
The only problem related to this feature request is losing data upon page refresh.

Describe the solution you'd like
Modern browsers allow us to save data to the client's local storage via window.localStorage, and since this is all client-side javascript, we have rather easy access to it. I can throw together a PR for this sometime this weekend.

Describe alternatives you've considered
Alternatively, the app could use a cookie to store the client's script data.

Additional context
There should probably be a button hidden in a menu or something to manage the stored scripts (edit, delete)

Interface crashes when certain floats are used

How to reproduce

Go to https://yoloxide.cylon.xyz/networks

Create a new device.

Enter any of the following lines into the device:

foo = NaN
foo = infinity
foo = -infinity

What happens

The app crashes.

What should happen

The app doesn't crash.

Does not support upper case characters in data-fields

Is your feature request related to a problem? Please describe.
"It won't allow uppercase letters... quit immediately. YOLOL is case insensitive, there's no reason to block uppercase letters. Especially since it's a very commonly used: leftThruster..."
From: https://forum.starbasegame.com/threads/tool-yoloxide-web-a-mostly-functional-web-based-yolol-emulator.149/#post-1427

Describe the solution you'd like
You should be able to make any number of variables with different cases that all point to the same lower case variable internally.

Describe alternatives you've considered
I considered only allowing one variable to point to a data field but concluded it was unintuitive.

The landing page is very confusing on how to use the app

The button to actually get to the device page is very non-obvious and has lead to numerous people not using the program due to being confused.

Minor typo

Describe the bug
there's a typo on the starting screen. It says "The react app is being maintained at yoloxide-sweb ."

To Reproduce
Steps to reproduce the behavior:

Go to website
Read starting text

Expected behavior
There shouldn't be a typo

Desktop (please complete the following information):
N/A

Multiple Chips?

Allow multiple chips (scripts) running in parallel.

Trig functions return incorrect values

Describe the bug
sin, cos, and tan all return incorrect values for some inputs. I have not tested the inverse trig functions.

To Reproduce
Steps to reproduce the behavior:

Create a new device.
Enter a = sin(30)
Observe that a is 0 instead of 0.5

Expected behavior
The trig functions should return the correct values.

Screenshots

Desktop (please complete the following information):

OS: Kubuntu
Browser: Firefox

Fix typo on the _name of the app_

Type: "dose" should be "does"

Describe the bug
"does" is spelt as "dose".

To Reproduce
Steps to reproduce the behavior:
Try setting any external field that's not declared.

Expected behavior
"does"

Screenshots

Line halts on error

Steps to reproduce

Create a new device, with contents:

*
foo = 1

Click Run.

What happens

The line number stays at 1 forever, and line 2 never executes.

What should happen

Line 1 should be skipped and the program should continue.

Implementing a back-end

Yoloixide web is already running on Firebase we should just need to set up login and database.
Useful links:
https://firebase.google.com/docs/auth
https://firebase.google.com/docs/database

Errors on install

Describe the bug
This is my first time using npm/NodeJS so it might just be a problem with my install. However, this error is so long I have no way of finding any information on it anyway.

To Reproduce
Steps to reproduce the behavior:

Go to the NodeJS.org website to try to install it on Linux - https://nodejs.org/en/download/package-manager/
Follow the link to NodeSource
Install the Linux Deb - https://github.com/nodesource/distributions/blob/master/README.md#deb
Clone the repository and run "npm install"
The logs are long, but it concluded in the following error message:

  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/grpclb_channel_secure.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/grpclb_client_stats.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/load_balancer_api.o
In file included from /usr/include/string.h:494,
                 from ../deps/grpc/third_party/nanopb/pb.h:68,
                 from ../deps/grpc/third_party/nanopb/pb_decode.h:9,
                 from ../deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/load_balancer_api.cc:21:
In function ‘char* strncpy(char*, const char*, size_t)’,
    inlined from ‘grpc_grpclb_request* grpc_grpclb_request_create(const char*)’ at ../deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/load_balancer_api.cc:74:11:
/usr/include/x86_64-linux-gnu/bits/string_fortified.h:106:34: error: ‘char* __builtin_strncpy(char*, const char*, long unsigned int)’ specified bound 128 equals destination size [-Werror=stringop-truncation]
  106 |   return __builtin___strncpy_chk (__dest, __src, __len, __bos (__dest));
      |          ~~~~~~~~~~~~~~~~~~~~~~~~^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
cc1plus: all warnings being treated as errors
make: *** [grpc.target.mk:511: Release/obj.target/grpc/deps/grpc/src/core/ext/filters/client_channel/lb_policy/grpclb/load_balancer_api.o] Error 1
make: Leaving directory '/home/alex/yoloxide-web/node_modules/grpc/build'
gyp ERR! build error 
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:276:12)
gyp ERR! System Linux 5.3.0-59-generic
gyp ERR! command "/usr/bin/node" "/usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--library=static_library" "--module=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc/grpc_node.node" "--module_name=grpc_node" "--module_path=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc" "--napi_version=6" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v83"
gyp ERR! cwd /home/alex/yoloxide-web/node_modules/grpc
gyp ERR! node -v v14.4.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 
node-pre-gyp ERR! build error 
node-pre-gyp ERR! stack Error: Failed to execute '/usr/bin/node /usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build --fallback-to-build --library=static_library --module=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc/grpc_node.node --module_name=grpc_node --module_path=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1)
node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (/home/alex/yoloxide-web/node_modules/grpc/node_modules/node-pre-gyp/lib/util/compile.js:83:29)
node-pre-gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
node-pre-gyp ERR! stack     at maybeClose (internal/child_process.js:1051:16)
node-pre-gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5)
node-pre-gyp ERR! System Linux 5.3.0-59-generic
node-pre-gyp ERR! command "/usr/bin/node" "/home/alex/yoloxide-web/node_modules/grpc/node_modules/.bin/node-pre-gyp" "install" "--fallback-to-build" "--library=static_library"
node-pre-gyp ERR! cwd /home/alex/yoloxide-web/node_modules/grpc
node-pre-gyp ERR! node -v v14.4.0
node-pre-gyp ERR! node-pre-gyp -v v0.13.0
node-pre-gyp ERR! not ok 
Failed to execute '/usr/bin/node /usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build --fallback-to-build --library=static_library --module=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc/grpc_node.node --module_name=grpc_node --module_path=/home/alex/yoloxide-web/node_modules/grpc/src/node/extension_binary/node-v83-linux-x64-glibc --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/jest-haste-map/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
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":"linux","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: `node-pre-gyp install --fallback-to-build --library=static_library`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] install 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!     /home/alex/.npm/_logs/2020-06-26T15_31_30_956Z-debug.log

I have also attached the log file.
2020-06-26T15_31_30_956Z-debug.log

Expected behavior
The project should install.

Desktop (please complete the following information):
Ubuntu 19.10 (Eoan Ermine)
Browser is not applicable.

Strings containing only spaces are converted to the empty string

Trying to create a data field containing an empty string doesn't do anything, creating a data field that only contains spaces (any number of spaces, as far as I can tell) becomes an empty string.
A bigger problem is that decrementing a data field that contains a string never deletes the last character.

Originally posted by @farteous in #13 (comment)

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.