JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsviews/0.9.90/jsviews.min.js"></script>
<script id="mainTemplate" type="text/x-jsrender">
	<span data-link='fileName'/>

</script>

<div id="container">

</div>

JavaScript

(function($) {
  var dataVm = {
    fileName : "somefile.png"
  };

 	$.views.converters({
        getFileExtension: function (value) {
            if (!value || (typeof value !== 'string')) return null;
            var lastDot = value.lastIndexOf('.');
            if (lastDot >= 0) {
                return value.substring(lastDot);
            }
            return null;
        },
        toFileName:function(value){
            console.log(arguments);
        }
    });

  $.templates("#mainTemplate").link("#container", dataVm);
})(jQuery);