Skip to content

Instantly share code, notes, and snippets.

@Olical
Forked from 140bytes/LICENSE.txt
Created June 28, 2012 09:33
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Olical/3010232 to your computer and use it in GitHub Desktop.
Save Olical/3010232 to your computer and use it in GitHub Desktop.
140byt.es -- Click ↑↑ fork ↑↑ to play!

140byt.es

A tweet-sized, fork-to-play, community-curated collection of JavaScript.

How to play

  1. Click the Fork button above to fork this gist.
  2. Modify all the files to according to the rules below.
  3. Save your entry and tweet it up!

Keep in mind that thanks to the awesome sensibilities of the GitHub team, gists are just repos. So feel free to clone yours and work locally for a more comfortable environment, and to allow commit messages.

Rules

All entries must exist in an index.js file, whose contents are

  1. an assignable, valid Javascript expression that
  2. contains no more than 140 bytes, and
  3. does not leak to the global scope.

All entries must also be licensed under the WTFPL or equally permissive license.

For more information

See the 140byt.es site for a showcase of entries (built itself using 140-byte entries!), and follow @140bytes on Twitter.

To learn about byte-saving hacks for your own code, or to contribute what you've learned, head to the wiki.

140byt.es is brought to you by Jed Schmidt, with help from Alex Kloss. It was inspired by work from Thomas Fuchs and Dustin Diaz.

function(
a, // Template string: ${name} is ${age} years old.
b // Template data: { name: 'Foo', age: 18 }
) {
return a.replace( // Return the result of the string replace
/\${(\w+)}/ig, // Use a regex to look for the keys: ${foo}
function(
a, // Matched string
c // Matched key
) {
return b[c] != []._ // Check if there is a value for the matched key in the data object
? b[c] : a // If there is, return it. If not, return the full matched string
}
)
}
function(a,b){return a.replace(/\${(\w+)}/ig,function(a,c){return b[c]!=[]._?b[c]:a})}
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
{
"name": "render",
"description": "A very simple template renderer.",
"keywords": [
"template",
"string",
"rendering"
]
}
<!DOCTYPE html>
<title>Foo</title>
<div>Expected value: <b>Foo is 18 years old.</b></div>
<div>Actual value: <b id="ret"></b></div>
<script>
// write a small example that shows off the API for your example
// and tests it in one fell swoop.
var render = function(a,b){return a.replace(/\${(\w+)}/ig,function(a,c){return b[c]!=[]._?b[c]:a})}
document.getElementById( "ret" ).innerHTML = render('${name} is ${age} years old.', { name: 'Foo', age: 18 })
</script>
@maettig
Copy link

maettig commented Jun 29, 2012

Would this work for you?

function(a,b){return a.replace(/\${(\w+)}/g,function(c,d){return[]._==b[d]?d:b[d]})}
  • No need to escape the brackets since they don't contain a number.
  • \w is short for [0-9A-Z_a-z].
  • Using a trick from the byte saving techniques to check for the type.

@Olical
Copy link
Author

Olical commented Jun 29, 2012

I guess it would. I didn't want to risk not escaping the curly braces just in case, but if it requires a number I guess it's fine.

I love that undefined check, so compact. I will implement these changes and comment it in a second.

Thank you very much for your suggestions.

@Olical
Copy link
Author

Olical commented Jun 29, 2012

Okay @maettig, I have implemented your suggestions. The undefined check required a bit of work but the regex was fine. A little smaller now.

Thank you!

@maettig
Copy link

maettig commented Jun 29, 2012

The "don't escape if not really necessary" is a trick I learned from contributing to a similar 140byt.es entry. I did a test and it works in all web browsers including IE6, except for some old Webkit/Chrome versions (Chrome 13 and lower). Edit: You can save 2 bytes by omitting the i (the \w already includes upper and lower case) and switching the !=.

function(a,b){return a.replace(/\${(\w+)}/g,function(a,c){return[]._!=b[c]?b[c]:a})}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment