These are chat archives for OpenSprites/OpenSprites-next

18th
Jul 2016
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 01:57

:tada: npm install -g node-inspector && npm run debug
sourcemaps work :package:
I enabled the traceur option for inline sourcemaps
this should make tracking down exceptions super easy
Andrew
@andrewjcole
Jul 18 2016 02:04
I'm honestly not a huge fan of material icons
They're a bit better in a material interface, I guess
Still not the greatest
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:06
debugger takes a while to start tho
Andrew
@andrewjcole
Jul 18 2016 02:07
In Chrome?
You're on Windows 7, aren't you
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:08
yep
oh it didn't take as long this time
disk cache I guess
4 year old 5400 rpm consumer-grade HDDs for the win I guess
Andrew
@andrewjcole
Jul 18 2016 02:10
The jump to 7200 rpm made such a big difference to me
Now I just need an ssd and some :moneybag:
Wow
This is Open Sprites in IE8
blob
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:12
jesus christ
why is IE sooo bad
Andrew
@andrewjcole
Jul 18 2016 02:12
IE11 might be possible, but IE8 would be torture
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:13
actually I'm having a bit of trouble setting breakpoints in sourcemaps
hmm
Andrew
@andrewjcole
Jul 18 2016 02:13
blob
At least the material icons show up in ie8
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:13
wow really
I'm surprised
Andrew
@andrewjcole
Jul 18 2016 02:13
they wouldn't load for me in IE11
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:13
IE removed a feature
not surprised honestly
have you checked the console
are they failing to load or failing to render
we should have a "not compatible with IE" thing that links to chrome, ff, and chrome frame
or a VNC-powered virtual opensprites browser :P
Andrew
@andrewjcole
Jul 18 2016 02:17
Doesn't chrome frame not exist anymore?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 02:17
idk
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 03:29
debugging instructions are on the readme
@/all
I couldn't get everything working but I think it can be useful
just make sure to attach the debugger (open the node-inspector page) only after all dependencies are loaded otherwise it takes forever
alex
@heyitsmeuralex
Jul 18 2016 06:47
oo
Colby Gutierrez-Kraybill
@colbygk
Jul 18 2016 13:46
Good morning.
Florrie
@towerofnix
Jul 18 2016 14:48
Good morning!
James
@The-Cheese-Eater
Jul 18 2016 14:48
Hello. :) Anything you are interested in?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 15:52
Hey @colbygk
How can we help you? :smile:
Andrew
@andrewjcole
Jul 18 2016 15:52
At least stylistically on the homepage, I got it working on IE11
Does anyone use IE10?
It seems like IE9 and 11 are the main focuses usually
blob
Asset pages still need some work, and the backpack thing at the bottom doesn't work
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 15:58
I upgraded my cloud9 node to 6 :tada:
unfortunately the cloud9 debugger doesn't like traceur (it seems no debuggers like traceur though :P)
I'm probably going to end up wasting this evening trying to debug node-inspector and figure out why it doesn't like my breakpoints
Andrew
@andrewjcole
Jul 18 2016 16:00
Editing descriptions magically works fine in IE11 now
there's one less worry
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:02
ah I fixed a thing with user descriptions yesterday
Andrew
@andrewjcole
Jul 18 2016 16:02
Someone else might have to fix the material icons bug
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:02
the result of me changing the thing that inserts the csrf token into javascript to use the json helper
instead of outputting in html escape codes and trying to figure that out
idk who even thought that was a good idea :P
Andrew
@andrewjcole
Jul 18 2016 16:03
blob
Dates don't work in IE11
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:03
hmm
do they work in other browsers
or have I screwed up timeago :P
check the console
Andrew
@andrewjcole
Jul 18 2016 16:04
Works in Chrome, but I can tell it's client side because it take a sec to change to the time format
blob
Should we have a post release milestone?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:14
IE compatibility should be post release
the problem is I think the majority of scratchers use IE
why is timeago client side though
can't we have a handlebars helper?
Andrew
@andrewjcole
Jul 18 2016 16:17
Is Alex on?
This message was deleted
Also
I don't know how IE managed it
blob
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:18
um
ok are there any console errors for fonts
I just checked and the escape code thing is only for IE9 and below
Andrew
@andrewjcole
Jul 18 2016 16:19
blob
Here's the console
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:19
go to the unexpected token?
as for the script error
have we tried setting traceur to compile down to like ES3?
can it do that
Andrew
@andrewjcole
Jul 18 2016 16:20
Disabling font-feature-settings on IE fixed the large margin to the right
don't even know what that is
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:21
where's the "unexpected token"?
Andrew
@andrewjcole
Jul 18 2016 16:23
blob
Andrew
@andrewjcole
Jul 18 2016 16:30
osdev is giving a 502 bad gateway
@nanalan
Arinerron
@Arinerron
Jul 18 2016 16:35
^ same @nanalan
It started when I created an account..? (forgot the old one's password)
@andrewjcole Are you connecting through osdev.tk by chance
If so, try going directly to alex.bates.is:3000
Arinerron
@Arinerron
Jul 18 2016 16:41
After I created the account, it redirected to a collection. Then, I went to the index page, and it gave me the 502 (this is on the osdev.tk one btw)
Andrew
@andrewjcole
Jul 18 2016 16:41
osdev gives a 502, alex.bates.is gives a Chrome ERR_CONNECTION_RESET
Arinerron
@Arinerron
Jul 18 2016 16:41
^
Andrew
@andrewjcole
Jul 18 2016 16:42
I think osdev.tk replaced the alex.bates.is one
Arinerron
@Arinerron
Jul 18 2016 16:43
Doesn't osdev.tk just redirect to Alex.bates.is?
Andrew
@andrewjcole
Jul 18 2016 16:43
Not sure
Ever since the osdev.tk one was put up, the alex.bates.is one has never worked
Arinerron
@Arinerron
Jul 18 2016 16:46
Oh, I thought the osdev.tk one acted as a proxy and redirected to alex.bates.is, and since alex.bates.is was down, osdev.tk was giving a 502 bad gateway.
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:53
probably a good idea to put that script in the body ;P
also having a head element might trip up IE less ;P
Andrew
@andrewjcole
Jul 18 2016 16:56
Does IE11 only like scripts in the head?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 16:56
no, but I don't think it likes scripts outside head or body
hence unexpected token
Colby Gutierrez-Kraybill
@colbygk
Jul 18 2016 16:57
@MegaApuTurkUltra, nothing to do for me, was just curious about what the AT'ers goings on are and how I might be able to help AT scratchers.
Andrew
@andrewjcole
Jul 18 2016 16:58
@MegaApuTurkUltra I'll drop it in the head, hopefully that's fine
Arinerron
@Arinerron
Jul 18 2016 17:00
@MegaApuTurkUltra You might be right. I do recall reading that you can put it anywhere in the document (inside or outside of the head and body tags)
Andrew
@andrewjcole
Jul 18 2016 17:00
Actually, I'll try the bottom of the body
Wait, why don't we have an <html> tag?
Arinerron
@Arinerron
Jul 18 2016 17:01
^
I was wondering :P
I don't think it is necessary though
@MegaApuTurkUltra @andrewjcole Read the marked answer. It looks like it isn't required, but there's more about IE. http://stackoverflow.com/questions/5641997/is-it-necessary-to-write-head-body-and-html-tags
Andrew
@andrewjcole
Jul 18 2016 17:06
In modern browsers, it could go without, since HTML5 isn't very strict
Colby Gutierrez-Kraybill
@colbygk
Jul 18 2016 17:06
Those tags are for semantic meaning (in terms of the history of html) and they can be safely ignored/left out, however, having the semantic meaning in place usually helps over long time scales.
Andrew
@andrewjcole
Jul 18 2016 17:08
Usually, it's not something I really think about, I just put it there because that's how it's usually done, and there's nothing wrong with playing it safe.
Colby Gutierrez-Kraybill
@colbygk
Jul 18 2016 17:08
You could go without in non-modern browsers as well. That's part of the underlying conceit of html.
Andrew
@andrewjcole
Jul 18 2016 17:10
OS dev is back up @Arinerron
Arinerron
@Arinerron
Jul 18 2016 17:11
Thanks
I'm gonna see if I can recreate the issue
Andrew
@andrewjcole
Jul 18 2016 17:11
Which issue is this?
Arinerron
@Arinerron
Jul 18 2016 17:12
Nope. Failed to recreate
The crash
Andrew
@andrewjcole
Jul 18 2016 17:14
@MegaApuTurkUltra You were right, moving it to the bottom of the body eliminated the unexpected token
Arinerron
@Arinerron
Jul 18 2016 17:14
Look at the footers. See anything similar? https://transfer.sh http://osdev.tk
Made with ❤ by the [insert team name]
Andrew
@andrewjcole
Jul 18 2016 17:16
But ours is a unicode character, not an icon :p
Andrew
@andrewjcole
Jul 18 2016 17:26
blob
This isn't as bad as I thought it'd be on IE
And the icon font somehow works on the buttons
Andrew
@andrewjcole
Jul 18 2016 17:34
There's another worry gone
blob
Andrew
@andrewjcole
Jul 18 2016 17:52
@nanalan Since we have collections and uploads mixed now, should we have some sort of color identifier to distinguish them?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 17:58
:tada: check out the backpack @nanalan
select items by clicking (also with shift and ctrl for advanced users) and drag n drop into collections
with labels on the buttons
conveniently classed label so you can hide them with some setting
Andrew
@andrewjcole
Jul 18 2016 18:20
@MegaApuTurkUltra Adding and removing assets from share doesn't work in IE
blob
Also the backpack and messages buttons don't work
I'm mostly done on fixing visual problems with IE, the rest is mostly functionality
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:28
screw IE
seriously
why is it so hard
This message was deleted
@andrewjcole what's the error
Andrew
@andrewjcole
Jul 18 2016 18:30
Line: 7242
Error: Unable to get property 'bind' of undefined or null reference
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:30
wtf
does IE not have remove?
go into the console and type document.body.remove
Andrew
@andrewjcole
Jul 18 2016 18:31
Do you have IE11?
just curious
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:31
I'm on a mac
on my own computer idk
Andrew
@andrewjcole
Jul 18 2016 18:31
It returns an 'undefined'
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:31
IE something that I removed from my start menu within 2 minutes of setting up my computer
haha IE sucks
wow
Andrew
@andrewjcole
Jul 18 2016 18:32
Any alternatives?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:32
polyfill
if (!('remove' in Element.prototype)) {
    Element.prototype.remove = function() {
        if (this.parentNode) {
            this.parentNode.removeChild(this);
        }
    };
}
from mdn
I can add it
Andrew
@andrewjcole
Jul 18 2016 18:32
Go ahead
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:32
making a new file called polyfills.js :P
Andrew
@andrewjcole
Jul 18 2016 18:32
IE is awful
How much dev time worldwide could be saved without it?
Time to see if IE11 supports the :not selector
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:36
done
try share now
;P
Andrew
@andrewjcole
Jul 18 2016 18:39
Works now :D
Andrew
@andrewjcole
Jul 18 2016 18:45
This is a huge file: http://osdev.tk/assets/js/main.js
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:50
wow draggable='true' is a thing in html
welp
IE probably doesn't support
I should open up my IE and see how much stuff is broken :P
how about we get edge support before focusing on IE support?
are things broken in edge?
Andrew
@andrewjcole
Jul 18 2016 18:51
Ugh, Edge has the same dev tools
Kek edge isn't opening
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 18:52
top czech
top rekt
Andrew
@andrewjcole
Jul 18 2016 18:54
One thing IE is better at than edge, is OPENING
Thanks MS
blob
Now could it actually open too?
Ok, edge problems
Most problems with edge, I can fix just by making the IE fixes apply to it too
Messages and backpack buttons still don't work
Andrew
@andrewjcole
Jul 18 2016 18:59
console:
blob
Florrie
@towerofnix
Jul 18 2016 19:03

re: HTML semantics and stuff

Are you guys sure the head and body don't appear after Handlebars does the templating stuff?

..mm, they don't :P
That doesn't make much sense, it'd take two seconds to add
Andrew
@andrewjcole
Jul 18 2016 19:05
Ruined styles, bear with me
welp, styles are still broken
Florrie
@towerofnix
Jul 18 2016 19:07
bad gateway at osdev.tk :P
Andrew
@andrewjcole
Jul 18 2016 19:07
yeah, it does that while it updates methinks
Florrie
@towerofnix
Jul 18 2016 19:07
Yeah
git pull
Indeed, styles are broken! :)
Off-topic but :) is fixed in next.gitter! :tada:
Andrew
@andrewjcole
Jul 18 2016 19:08
Trying to fix
How do you use two rules at once? @media query and @supports
@/all
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:10
idk
Andrew
@andrewjcole
Jul 18 2016 19:11
@media screen and (min-width:0\0) and (min-resolution: +72dpi) for IE9+ and @supports (-ms-accelerator:true) for Edge
Gonna push a temporary fix for now, but it still won't include edge
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:12
;P
Andrew
@andrewjcole
Jul 18 2016 19:12
hawt
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:12
thank the canvas gods for making toDataURL synchronous
because once dragstart is over you can't set that image anymore ;P
Florrie
@towerofnix
Jul 18 2016 19:13
rm -rf OpenSprites-next
git clone
yay
Andrew
@andrewjcole
Jul 18 2016 19:16
I may just have to use JS for browser detection
even though it'll lower load times
Florrie
@towerofnix
Jul 18 2016 19:18
argh now I need to do .env again lel
mLab passing tokens through GET URL
what a fail.
Andrew
@andrewjcole
Jul 18 2016 19:26
Anyone wanna do an ie+edge detection script?
Andrew
@andrewjcole
Jul 18 2016 19:27

Unless someone can figure out a solution to this

How do you use two rules at once? @media query and @supports

I'll have to use JS instead of speedy CSS hacks
@nanalan
Florrie
@towerofnix
Jul 18 2016 19:27
OpenSprites-next $ npm install

> canvas@1.4.0 install /Users/towerofnix/GitHub Projects/OpenSprites-next/node_modules/canvas
> node-gyp rebuild

Package cairo was not found in the pkg-config search path.
Perhaps you should add the directory containing `cairo.pc'
to the PKG_CONFIG_PATH environment variable
No package 'cairo' found
gyp: Call to './util/has_lib.sh freetype' returned exit status 0 while in binding.gyp. while trying to load binding.gyp
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:305:16)
# ...
Any idea why I'd need some package called "cairo"?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:29
node canvas
needed for rasterizing trianglify svgs
and something else too I forget
sudo apt-get update
libcairo is a graphics library
sudo apt-get install libcairo2-dev libjpeg8-dev libpango1.0-dev libgif-dev build-essential g++
or read the canvas setup instructions
on the readme
read the docs ;P
This one looks the best because it detects edge too
Might need help implementing
I'm rubbish with JS
All I need to do is detect IE and include an extra stylesheet
for IE/Edge stuff
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:35
I expected that to work
Florrie
@towerofnix
Jul 18 2016 19:36
pixman-mmx.c:100:20: error: constraint 'K' expects an integer constant expression
when compiling pixman >:(
nvm
Andrew
@andrewjcole
Jul 18 2016 19:45
Hmm
Word of warning: this might break styles
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 19:59
yay Scratch doesn't expose ASsetEditMode when you set it to load an SB2
wow that's really annoying actually
well I can't actionscript so we'll need djdolphin to help us with this probably :P
Andrew
@andrewjcole
Jul 18 2016 20:05
Does anybody know what Scratch's browser support is?
nvm
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 20:46
I got scratch-flash to build :tada:
after gradle didn't like a sourcefourge dl url
Andrew
@andrewjcole
Jul 18 2016 20:47
After like a million commits, still can't get it to detect IE and edge
I'm gonna give up for today
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 20:47
and the grabcut.swc entry was missing from build.xml
Andrew
@andrewjcole
Jul 18 2016 20:47
this is pretty frustrating
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 20:47
with CSS?
Andrew
@andrewjcole
Jul 18 2016 20:47
Yep
I tried your method with no avail
It's only letting me do either or
stacking them didn't work
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 20:55
wait IE doesn't support it
wtf
wow
ok then have a JS file in head
really small
just detects IE
jk make it the first item after the opening body tag and it adds a class to body :P
class='stupid-browser'
;P
Andrew
@andrewjcole
Jul 18 2016 21:02
Anyone willing to write that?
MegaApuTurkUltra
@MegaApuTurkUltra
Jul 18 2016 21:03
I'll be home in like 4 hours :P
Leaving work right now
Andrew
@andrewjcole
Jul 18 2016 21:27
Have fun
Andrew
@andrewjcole
Jul 18 2016 22:10
I forget, (it's been awhile) did the old Scratch resources support uploading scripts or complete sprite files?