JSFiddle - React, Tailwind, and code Playground

by Eric

HTML

<script src="https://rawgit.com/MadLittleMods/parse-stack/master/lib/parse-stack.js"></script>
<script src="/echo/js/?js=console.log(%22Loaded%20code%22)%3B%20%0Adefine(&#39;modular_named_inside&#39;%2C%20%7B%20%0A%20%20%20%20module%3A%20%22inside%22%20%0A%7D)%3B%20%0A%0Adefine(function()%20%7B%0A%20%20%20%20console.log(%22defined%20anon.%20module%22)%3B%0A%20%20%20%20"></script>
<script src="https://rawgit.com/MadLittleMods/d42076187c031a44e74c/raw/68e524b6534e8dc70acb7680c207e873716eff54/require.no-eval-define.js"></script>
<div>
		This is an attempt to solve/answer this <a href="http://stackoverflow.com/q/17958854/796832">StackOverflow question</a>
</div>

<!--

-->

<!--
<script src="/echo/js/?js=console.log(%22Loaded%20code%22)%3B%20%0Adefine('modular_named_inside'%2C%20%7B%20%0A%20%20%20%20module%3A%20%22inside%22%20%0A%7D)%3B%20%0A%0Adefine(function()%20%7B%0A%20%20%20%20console.log(%22defined%20anon.%20module%22)%3B%0A%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20hello%3A%20%22world%22%0A%20%20%20%20%7D%3B%0A%7D)%3B%0A"></script>
-->

JavaScript

function code()
{
    console.log("Loaded code"); 
    define('modular_named_inside', { 
        module: "inside" 
    }); 
    
    define(function() {
        console.log("defined anon. module");
        return {
            hello: "world"
        };
    });
}
// Grab the body of the function
var codeAsString = code.toString().match(/function[^{]+\{\s*([\s\S]*)\s*\}$/)[1];
//console.log(codeAsString);
// Unindent the code 1 level
codeAsString = codeAsString.replace(/^(\t|(\s{4}))/gm, "");
//console.log(codeAsString);

//var code = 'console.log("Loaded code"); define(\'modular_named_inside\', { module: "inside" }); define({ hello: "world" });';
// This generates the url string to include in a script tag above in the HTML
var url = '/echo/js/?js=' + encodeURIComponent(codeAsString);
console.log(url);


define('modular_foo', {
    add: function(x, y){
        return console.log(x + y);
    }
});

//console.dir(require.s.contexts._.defined);
//console.dir(require.s.contexts['_'].registry);

require(['modular_foo'], function(foo) {
    //do stuff
    console.log("required successful");
});

console.log("someting ran after the error");