These are chat archives for feroult/yawp

6th
Sep 2016
Fernando Ultremare
@feroult
Sep 06 2016 00:12
great!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:12
Wait
Did you try it yet?
??
Fernando Ultremare
@feroult
Sep 06 2016 00:14
yeah
tried to click run
with some code
nothing happens
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:14
Well
I only did the html yet
No logic yet
Fernando Ultremare
@feroult
Sep 06 2016 00:14
yeah
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:14
I recommend
Fernando Ultremare
@feroult
Sep 06 2016 00:14
thats why :)
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:14
You open the folder
Fernando Ultremare
@feroult
Sep 06 2016 00:15
nice layout
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:15
In Atom or whatever you code JS in
And see the code
Very simple haha
And then
Try to modify something
And see how it auto-reload
Provided you still have the devserver running
Fernando Ultremare
@feroult
Sep 06 2016 00:16
auto-reload worked
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:17
Great
Now
Here's a thing for you to do
Make another textarea
This time rread-only textarea
In a new React component
Called SandboxOutput
Fernando Ultremare
@feroult
Sep 06 2016 00:18
nice, I'll do this
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:18
Yeah
Thank you haha
As
Right now
It's 1 AM
And I need to sleep haha
Fernando Ultremare
@feroult
Sep 06 2016 00:18
goo sleep :)
hahaha
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:18
Yeah
Good evening
Fernando Ultremare
@feroult
Sep 06 2016 00:18
I'll help my wife w/ some stuff here too
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:19
Yeah
Fernando Ultremare
@feroult
Sep 06 2016 00:19
bye!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:19
Talk to you later
Fernando Ultremare
@feroult
Sep 06 2016 00:19
cya
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 00:19
Ciao
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 07:53
Good morning!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 09:44
I just pushed some new commits
Pull, do npm run start again and navigate to http://localhost:8080/webpack-dev-server/bundle
Now it fully works
Try to do some code there
Just vanilla JS code
Also try to do some garbage or syntax errors and see the exception underneath!
Quite great
Although
There's still a bug
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 10:18
Lol I still can't find what's the problem
Fernando Ultremare
@feroult
Sep 06 2016 12:02
Whichbug?
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 12:02
Wait
Do my steps
then open that page
and try to input something like
aasd
and run it
it will do an exception
Right?
Like try it and tell me
Fernando Ultremare
@feroult
Sep 06 2016 13:08
doing
worked like a chamr
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:09
Not really
Reload the page
Input something like asd
then run the code
you will see an exception right
Now
Fernando Ultremare
@feroult
Sep 06 2016 13:10
asd is not defined
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:10
replace the input
with
the asd
console.log("Hello world")
And run again
THen scroll down
on the output
Fernando Ultremare
@feroult
Sep 06 2016 13:10
prints hello world
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:10
You will see it added after the exception
Not replaced it
It should instead replace it
I fixed it now
Let me push it in a sec
I am fixing some other thing
Fernando Ultremare
@feroult
Sep 06 2016 13:12
nice
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:13
Wait
Now
I am trying to fix a problem
where logging a function/class doesn't work
now
pull
Pull/Sync
ANd do the steps again
and try to do
console.log(yawp)
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:18
and then try maybe console.log(document)
and try to do some garbage to log an exception
then do some other console.log
and see how it works properly this time
:D
Also
Fernando Ultremare
@feroult
Sep 06 2016 13:19
worked
:D
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:19
Try to understand how the code works
And do any improvements that you see work
Just before you push
I mean commit
after modifying
always see if it works
Later
we can make tests
I guess I will leave that to you lol
I really suck at tests/styling
Fernando Ultremare
@feroult
Sep 06 2016 13:20
hehe
ok!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:20
Thank you haha
Fernando Ultremare
@feroult
Sep 06 2016 13:20
i think it would be nice to have some predefined yawp commands
in places that user can click
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:20
Yeah
Fernando Ultremare
@feroult
Sep 06 2016 13:20
and it entender the code in the input
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:20
For now
I did the basic stuff
We will expand on it
Just please before we go further
try to see how we can organize it better
and understand how it works first
Fernando Ultremare
@feroult
Sep 06 2016 13:21
alright
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:21
So that we're in the same mindset ;)
Fernando Ultremare
@feroult
Sep 06 2016 13:21
i understood quite well
i'll add some tests
the code is good
i like it
nice js skills you have
:)
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:23
Haha thanks, still could get better though
Especially if I organized it into a single encapsulated class!
But for now I guess it works nice anyways haha
also
If you want to get the final output
I mean bundle.js
You can just do npm run build
and then in the dist there will be an index.html and a bundle.js
don't delete the index.html
it's not generated
the bundle.js is
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:38
Just pushed another commit!
And do npm build and navigate to the dist/html file
to see how it looks now
as that auto-reloading page
doesn't have the style stuff
Fernando Ultremare
@feroult
Sep 06 2016 13:43
nice
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:43
npm run build*
Fernando Ultremare
@feroult
Sep 06 2016 13:45
done
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:46
now
open in browser
the dist/index.html
You're on linux right
Or what
Fernando Ultremare
@feroult
Sep 06 2016 13:46
nope
osx
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:47
Oh
Then
Browse to this page
file://path/to/repository/dist/index.html
where path/to/your/repository is the path to your repo folder
you there?
Fernando Ultremare
@feroult
Sep 06 2016 13:51
yes
it worked!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:52
Great
Can I have a screenshot of what it looks like to you?
Fernando Ultremare
@feroult
Sep 06 2016 13:56
yeah
Screen Shot 2016-09-06 at 10.57.23 AM.png
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 13:59
Great
Now
You can work on the layout
on the index.html
Put the <div id="container" /> wherever you want, it is where the Sandbox component is rendered
Fernando Ultremare
@feroult
Sep 06 2016 14:01
ok!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 14:02
I would have tried to do it myself too but like I said I suck at design
I'm only a logic/back-end guy haha
Fernando Ultremare
@feroult
Sep 06 2016 14:03
i suck too
hahaha
but i'll try
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 14:05
Haha yeah thanks!
Walid Nawfal Sabihi
@LvlAndFarm
Sep 06 2016 14:43
so?
Fernando Ultremare
@feroult
Sep 06 2016 16:29
hi bro.. i'll need a little time
this week things are kinda busy here in the company
i'm working on a proposal to customer