Signet: Sign your work in the development console

#1

Post by twodayslate » Thu, Oct 31, 2013, 2:53 AM UTC

Signet: Sign your work in the development console
github.hubspot.com

Re: Signet: Sign your work in the development console

#2

Post by peter-fogg » Thu, Oct 31, 2013, 4:11 AM UTC

Doesn't seem to be working in Firefox 25 on OS X.

    [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1

    [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109

Chrome is good, though.

Re: Signet: Sign your work in the development console

#3

Post by twodayslate » Thu, Oct 31, 2013, 4:23 AM UTC

peter-fogg wrote: post #2

Doesn't seem to be working in Firefox 25 on OS X. [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1 [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109 Chrome is good, though.

Also can confirm that chrome works

Re: Signet: Sign your work in the development console

#4

Post by mh- » Thu, Oct 31, 2013, 4:27 AM UTC

peter-fogg wrote: post #2

Doesn't seem to be working in Firefox 25 on OS X. [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1 [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109 Chrome is good, though.

yeah, not working in lynx, either.

Re: Signet: Sign your work in the development console

#5

Post by morgante » Thu, Oct 31, 2013, 4:28 AM UTC

I don't get the point of this. Why would I include additional JS on the page just to add something to the developer console?

Re: Signet: Sign your work in the development console

#6

Post by secoif » Thu, Oct 31, 2013, 4:44 AM UTC

morgante wrote: post #5

I don't get the point of this. Why would I include additional JS on the page just to add something to the developer console?

developers need bling

Re: Signet: Sign your work in the development console

#7

Post by splatzone » Thu, Oct 31, 2013, 4:45 AM UTC

Cute idea. I like it.

Re: Signet: Sign your work in the development console

#8

Post by actionscripted » Thu, Oct 31, 2013, 4:48 AM UTC

mh- wrote: post #4

peter-fogg wrote: post #2

Doesn't seem to be working in Firefox 25 on OS X. [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1 [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109 Chrome is good, though.

yeah, not working in lynx, either.

cURL here, not working either.

Re: Signet: Sign your work in the development console

#9

Post by afschwartz » Thu, Oct 31, 2013, 4:57 AM UTC

morgante wrote: post #5

I don't get the point of this. Why would I include additional JS on the page just to add something to the developer console?

It provides a way for developers to communicate with each other in a developer channel.

Wouldn't it be both exciting and useful to be able to open the console of nearly any site and immediately get a link to the code or author on GitHub? Sometimes these sorts of links aren't appropriate on the site itself, especially in the case of contract/client work.

That being said, performance is very important. Which is why we kept Signet small. signet.min.js (https://github.com/HubSpot/signet/blob/master/signet.min.js) is 5kb (smaller if gz) and has no dependencies.

As one anecdotal data point: I recently added Signet to my personal site and it had no impact on page load time.

Re: Signet: Sign your work in the development console

#10

Post by afschwartz » Thu, Oct 31, 2013, 4:59 AM UTC

peter-fogg wrote: post #2

Doesn't seem to be working in Firefox 25 on OS X. [00:06:34.535] SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead @ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js:1 [00:06:35.468] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://divxhtml5/content/script.js:109 Chrome is good, though.

Browser support is listed in the README. https://github.com/hubspot/signet#support

I'd love to add additional support for Firefox. But unfortunately, Firebug doesn't support the full set of CSS properties in the console that are needed to pull off this effect.

That being said, we're open to PRs if you have a solution for FF!

Edit: We're working on the SyntaxError and MutationEvent warnings you mentioned. Follow here: https://github.com/HubSpot/signet/issues/3