Web Development

Ismael Miguel

12:00 AM

It's a jQuery bug

Can't fix it, but I've patched it

Oh my....

I'm so stupid!!!

@SirPython Try now

SirPython

RSA

Oh wait.

I have to install the new script.

Ismael Miguel

Alright

SirPython

RSA

Hm.

RSA

Ah.

How did you fix it?

Ismael Miguel

Can I swear in this room?

SirPython

I won't tell anyone.

Ismael Miguel

12:07 AM

Alrighty...

I sent a jQuery version over email

And I opened it on Outlook.com

(I will hide it in 5)

Translation:

Outlook.com puked on my code and destructured and ruined it

I ran in a Javascript formatter that chewed up the text

And ruined the rest of the whitespace

That's what happened

IIRC

@SirPython @Malachi Check the new version: github.com/ismael-miguel/memer/blob/master/memer.next.js

Ismael Miguel

1:17 AM

@SirPython @Malachi Sorry to bother again. Here's the latest version: github.com/ismael-miguel/memer/blob/master/memer.next.js

Ismael Miguel

1:34 AM

I've found gold! meta.stackexchange.com/questions/19478/the-many-memes-of-meta

The guys on Nineteenth Byte helped with that

Quill

3:52 AM

@IsmaelMiguel, You should actually some userscript content into the .user.js file rather than having a userscript that actually doesn't work

Ismael Miguel

8:07 AM

@Quill Greetings. You should use the latest one, the memer.next.js, which doesn't have the user-script stuff yet. But it is actually really advanced by now.

Quill

8:50 AM

@IsmaelMiguel, a chat plugin I have causes your script to not work.

I've already implemented a workaround into my local copy of memer.next.js, but, yeah

Ismael Miguel

What problems does it cause?

Quill

The site name doesn't get fetched

Ismael Miguel

Hum...

Quill

Because it prepends an image to the id you check from

 var SITE = $('#footer-logo img')[0].src.match(/static.net\/([^\/]+)\//)[1];

Ismael Miguel

Can you provide the HTML in that area, after running your chat plugin?

Quill

8:52 AM

That line

Ismael Miguel

I need the HTML that your plugin generates there, so I can adjust the selector

Quill

<img src="chrome-extension://genlcflidccakbiodbnmjnflfnbkmeip/icon_white.png" alt="Porkchat">
<img style="max-width:150px" src="//cdn.sstatic.net/codereview/img/logo.png?v=c6" alt="Code Review">

Ismael Miguel

$('#footer-logo img[src*="logo.png"]')[0].src.match(/static.net\/([^\/]+)\//)[1];

Quill

I changed the SITE variable into the following:

Ismael Miguel

Try running that

Quill

8:55 AM

 var SITE = $('head')[0].children[1].href.match(/static.net\/([^\/]+)\//)[1];

Ismael Miguel

Instead of $('head')[0], you can use document.head, I think

$('head link[rel="shortcut icon"]')[0].href.match(/static.net\/([^\/]+)\//)[1];

There, the fixed selector

Quill

Yep, that's good

Ismael Miguel

I will put it on the file

@Quill Done

Quill

Can you explain this to me?

;(function (window, undefined){
})(Function('return this')());

Ismael Miguel

9:10 AM

Sure

That wraps the whole thing in an anonymous function

Why those 2 variables?

Well, we might need window and undefined, and those can be changed

Also, we don't want to polute the already-poluted window object

Main points:

1- Improves performance, since all variables are local

2- Encapsulates your code, avoiding it to be messed from outside

3- Avoids accidental destruction

4- Provides you with the real window object and the real undefined value

Function('return this')() returns the window object, the real one

It protects against var window={};

Since we only pass 1 variable, it will have the variable undefined with an undefined value

The real undefined

Quill

Ah, I see

Thanks for the explanation

I tried to implement a userscript header, and it worked fine

but jQuery was considered undefined

// ==UserScript==
// @name Memer
// @description Translates memes to hover overs and links
// @version 0.1
// @match chat.stackexchange.com/rooms/8595/the-2nd-monitor
// @match chat.stackexchange.com/rooms/25699/javascript-libraries
// @match chat.stackexchange.com/rooms/25394/the-nth-monitor
// @authors
//		-- Ismael Miguel
//		-- Malachi26
// @run-at document-end
// ==/UserScript==

Ismael Miguel

Maybe you need a @require <zepto path>

(Yes, use zepto for this due to the tiny size. We lose in performance)

Quill

Hmm, probably

Ismael Miguel

9:27 AM

Try it

If you want, just use jQuery cnd

Does the @match accept a regular expression?

Quill

10:19 AM

I wouldn't know, but google might

Ismael Miguel

You can safelly change @match http://chat.stackexchange.com/rooms/8595/the-2nd-monitor into @match http://chat.stackexchange.com/rooms/*

Quill

Yeah, it's not regex, but a wildcard

Ismael Miguel

Yup, and I've edited it

github.com/ismael-miguel/memer/blob/master/memer.next.user.js

Quill

11:04 AM

Why is it location.hostname != 'chat.stackexchange.com'? Shouldn't it be == instead of !=

and, now it works

Ismael Miguel

Because I changed it and my dilexya kicked in and crapped it

Quill

 // @grant none

Ismael Miguel

The github is updated as well

?

Quill

Privileges or something

Ismael Miguel

What for?

Quill

11:07 AM

Not sure, actually, but tampermonkey had an orange exclamation mark that went away when I added it

@grant, @namespace should be added also

@namespace is a url

@icon can be added if you like

RSA

Ismael Miguel

Well, we don't have an icon so far

Quill

This link should bring you to the installer, then

Ismael Miguel

What do you mean?

Quill

Opening the raw JS file in chrome brings you to the tampermonkey installer page, if you have tampermonkey installed

Ismael Miguel

How?

Quill

11:13 AM

Raw JS userscript files can be installed by visiting their raw link

That's part of tampermonkey / greasemonkey

Ismael Miguel

Oh

I had no idea

That's freaking cool

Quill

I think you should add some universal meme support

Like: Ponies / Unicorns, Needs more jQuery, Jon Skeet

Friday, apparently is universal also

457

Q: The Many Memes of Meta

Catchphrases and concepts that spread from person to person are known as memes, which, courtesy the Internet, can now explode across the Earth like a highly contagious virus (hence "going viral"). As with their real-life counterparts, some infectious diseases are global (pandemic), while others a...

Nearly all of those are universal memes

Ismael Miguel

11:33 AM

I have that predicted.

That's why I've made this: github.com/ismael-miguel/memer/blob/master/memes/_common.json

Quill

12:45 PM

11

Q: Memes of travel.se

There are memes common to whole Stack Exchange and this one inspired me to ask here . I therefore propose that this space be used to document the memes endemic to travel.se's culture. One meme per answer please.

discussion fun

61

Q: The Memes of Arqade and its Chat

In the style of The Many Memes of Meta Catchphrases and concepts that spread from person to person are known as memes, which, courtesy the internet, can now explode across the earth like a highly contagious virus (hence "going viral"). As with their IRL counterparts, some infectious disease...

support fun

42

Q: The Memes of Information Security

There are memes common to whole Stack Exchange. But after spending some time in The DMZ it becomes evident that Information Security has it's own memes (e.g. rory). I therefore propose that this space be used to document the memes endemic to Information Security's culture. One meme per answer p...

discussion

25

Q: The many memes of scifi.stackexchange

Just like our mother site we need a repository of our Memes : It has become a more frequent occurrence where new users will be confronted by an engrained meme and be left sitting there scratching their heads. I therefore propose that this space be used to document the lighter sides of S[OFU]'...

discussion site-faq

0

Q: Memes of English Language & Usage

Inspired by The Many Memes of Meta on meta.stackexchange. Catchphrases and concepts that spread from person to person are known as memes, which, courtesy the Internet, can now explode across the Earth like a highly contagious virus (hence "going viral"). As with their real-life counterparts, ...

discussion support fun

@IsmaelMiguel, can you add me as a collaborator, so I can do some .json additions?

Ismael Miguel

1:02 PM

@Quill Sure, give me a second

@Quill Done

Malachi

1:19 PM

@Quill I think that Friday means different things on different sites

Quill

@Malachi I thought the friday video was a meme somewhat universally

Malachi

sorry I was not available last night. I was sort of busy doing home stuff

Ismael Miguel

Don't worry

@Quill Can you add the swag meme on _common.json?

Malachi

how can I update my fork?

Ismael Miguel

I have no idea

I think there's a button somewhere to update it

Malachi

1:22 PM

I can't seem to find it

Ismael Miguel

When I work on SirPython's bot, I issue a pull request

I have no idea how to do it "the propert way"

Malachi

pull

Ismael Miguel

?

Malachi

I issued a pull request. I think you have to okay it or something

Ismael Miguel

github.com/ismael-miguel/memer/pulls

:/

it's empty

Malachi

1:41 PM

I can do it all by myself

I wonder if we can do the chrome extensions with more than one manifest file? could be a wild goose chase

Quill

We already did the userscripts instead

Ismael Miguel

2:05 PM

@Quill We can do both, it doesn't take much

@Malachi Never did one, but, you can try.

But why 2?

Malachi

if you did more than one manifest file it would be more than one extension. I was thinking that the manifest files are json files and that we could include the url and the memes in the same file.

Ismael Miguel

@Malachi I have the memes in different places.

It's way easier

The memes are always fetched from the network

Ismael Miguel

2:23 PM

I eat 1kg in 15 minutes

Bruno Costa

Hey Ismael. I have proven that for the way you want isn't that different after all

Ismael Miguel

@BrunoCosta Huh?

Bruno Costa

jsperf.com/for-vs-foreach/32

Quill

@IsmaelMiguel, did you add me as a collaborator, I should be able to make pull requests and branches, but I can't seem to

Ismael Miguel

You are in the list

Bruno Costa

2:31 PM

There's nothing like a curry!

Ismael Miguel

I've copied your username from your profile here

Malachi

@IsmaelMiguel I saw that. I like that a lot. I haven't tried to create an extension with it yet though.

Ismael Miguel

@BrunoCosta That jperf is biased. All variables are global.

@Malachi Try creating the extension using the .next file

Quill

For some values of X

The Mission

PHPOOP

JAVA

RELOAD!

Ismael Miguel

Those are missing :/

Quill

2:33 PM

Don't mind me

Ismael Miguel

Reload won't work because it is inside HTML

I think

Bruno Costa

@IsmaelMiguel can't see how jperf is biased, really... What does matter if variables are local of global they are in memory of registeres nontheles...

Quill

innerText?

Ismael Miguel

@Quill Doesn't work on Firefox

Quill

Ah, okay

Ismael Miguel

2:35 PM

@BrunoCosta Different levels of polution in the global object (a.k.a. window) will give different results

Malachi

@IsmaelMiguel it doesn't work here.....

Ismael Miguel

@Malachi What's the error?

Malachi

hold on let me open the dev window

Ismael Miguel

I tried with IE, Chrome and Firefox and it always worked

The network handling need some fine tunning

Bruno Costa

Is there any1 supporting any of us... <,<

Malachi

2:37 PM

says that StackExchange is not defined

there is also something with the $ is not a function

let me make sure I did the thing right

Ismael Miguel

Are you sure your internet is alright?

Quill

Ponies

Unicorns

6 to 8 weeks

@IsmaelMiguel, escaped " characters stop the rest of the content in the "title"

Burninated

Caching

Jon Skeet

Needs more jQuery

Pimping

Malachi

this is what I used

Quill

RSA

Ismael Miguel

@Malachi Where and what line?

Quill

2:43 PM

Pull number 1

Malachi

github.com/malachi26/Memer/blob/master/memer.next.user.js

sorry I haven't had a full cup of coffee yet.

Ismael Miguel

@Quill Accepted

Quill

@Malachi, I have those issues also, but they aren't part of Memer, they're part of other scripts on ym page

You may need to fill in "Ponies" though, I couldn't think of what to write there

Malachi

it's not working

Quill

How are you running it, @Malachi?

Ismael Miguel

2:46 PM

@Malachi Can you provide a print-screen with the error?

Malachi

just those two errors....

Ismael Miguel

Lines?

Malachi

Ismael Miguel

The first isn't my fault

Malachi

I must not be doing something right

Ismael Miguel

2:48 PM

What did you do?

Quill

@Malachi The first one is an issue solved by running it as a userscript not a local file

Malachi

dragged the file into my extensions

Ismael Miguel

Did you loaded it as an uncompressed extension?

Malachi

@Quill I saved it as a user.js and dragged it into chrome extensions page

Quill

Do you have tampermonkey / greasemonkey installed?

Malachi

2:50 PM

shouldn't need it, my old script works doing it the same way.

Ismael Miguel

Something is going bad, and I don't know what

Quill

That one doesn't, you've either gotta copy paste it into the console

or userscript it

jQuery is the problem

Ismael Miguel

@Malachi Define "old script"

jQuery-less version?

Quill

If you build the jQuery first, and return it as a <script> element to the head of the page, you can get that working

Malachi

@IsmaelMiguel github.com/malachi26/Memer/blob/master/memer.user.js

Ismael Miguel

2:52 PM

@Malachi That one is REALLY old

Malachi

that one works.

I know, all the way from yesterday

lol

Ismael Miguel

It doesn't have jQuery

Malachi

I gotta get some work done, I will be back in a bit

Quill

I just sent through another pull request, @IsmaelMiguel

Ismael Miguel

Accepted

@Malachi Take your time

Quill

2:58 PM

@Malachi, click here and click re-install on greasemonkey / tampermonkey and it should work, otherwise update your code to the latest version on @IsmaelMiguel's repo

nhgrif

← 37 messages moved from The 2nd Monitor

Malachi

@Quill gave me some error about not letting extensions do there thing

Quill

@Malachi screenshot, if you can?

Malachi

→ 42 messages moved to Room for Bruno Costa and Ismael Miguel

Mast

@Malachi Why did you invite me?

I'll have no part of this JavaScript black-magic

5

Malachi

3:11 PM

cuz I must have moved one of your messages as well

Ismael Miguel

@Malachi You did

Malachi

@Mast @nhgrif must have moved your message here, and then I moved it away again....lol

Malachi

5:21 PM

monking

SirPython

@Malachi Hello, @malachi.

Malachi

it won't let me enable the userscript on chrome. Chrome disabled it

SirPython

You can enable it at chrome://extentions

Malachi

it won't let me

SirPython

May you share a screen shot?

Malachi

5:32 PM

nothing out of the ordinary except it won't let me enable the user script

SirPython

You can't click the Enable checkbox?

Malachi

no, not for that one

SirPython

Have you tried looking at Details or Learn more? I think Chrome won't let you enable it because it's not from the store. Therefore, Chrome thinks that is some sort of malware.

Malachi

I was able to do it at work like an hour ago

Ismael Miguel

7:01 PM

I'll look into that with more care, when I arrive home.

Malachi

9:59 PM

I am not very good at Javascript. I am sure the problem I have is super simple

I will bore you all with it tomorrow, maybe.

Ismael Miguel

I have a chrome extention

Ready to be used

Just can't upload to github because their website has no upload button anywhere

Ismael Miguel

10:54 PM

@Malachi github.com/ismael-miguel/memer/tree/master/chrome

Extention available for download there

Ismael Miguel

11:20 PM

monking

Quill

monking

Ismael Miguel

I was just testing the extention

It's working so far, on Google Chrome

Quill

I just woke, I get to use it :P

Ismael Miguel

Do you need a link?

Quill

do I use root/memer.next.user.js or root/chrome/memer.user.js

Ismael Miguel

11:22 PM

Chrome or firefox?

Quill

root being your repo

Chrome

Ismael Miguel

root/chrome/memer.crx

Quill

Is there a difference between them?

Ismael Miguel

No

But I have to keep them like that, since github doesn't support links

Quill

Github doesn't support links?

What do you mean?

Ismael Miguel

11:23 PM

Not in a filesystem

A *nix file link

Quill

You can click the raw button, and get the raw url

Ismael Miguel

The 'raw' url is the one you have to save to have the crx

Quill

I prefer userscripts, tampermonkey lets you edit them if you need to

Ismael Miguel

Then you drag it into the extentions page

Then you can use the userscript file

Which works a little better

With the extention, I can't access to the function popUp(), which creates the nice popups

Quill

Sandbox

Where you can play with chat features (except flagging) and ch...

3

Ismael Miguel

11:28 PM

It won't work there

Quill

Why?

Ismael Miguel

Because it fails to get the json file

Quill

Even the _common.json?

Ismael Miguel

Yup, because of bad network management

Ismael Miguel

11:46 PM

@Quill Complete network rewrite incoming

Quill

@IsmaelMiguel Alright, sure, I was going to make a pull, but my network has blocked https access to github -_-

Ismael Miguel

:/ that's stupid :/

Just a monking to check functionality

monking matched, gonna pull it

Quill

sure

I think, add the word fake before any test messages

like:
fake PHPOOP

Does that match for you?

FAKE PHPOOP

That matches, but the double line doesn't

Ismael Miguel

It matched the 2nd

Quill

It seems not to match multiline

Ismael Miguel

11:55 PM

It doesn't

For now

Quill

Ah, okay

Maybe we ought to open some issues on GitHub

Ismael Miguel

The new extention and userscript are available now

Sandbox

Transcript for