JSFiddle - React, Tailwind, and code Playground
by Trever Shick
HTML
<script src="https://rawgit.com/trevershick/6d9364085a1e566b2e18/raw/console.js"></script>
JavaScript
var names=[
"com.overstock.webdev.ShoppingSite-webapp",
"com.overstock.webdev.SiteMapping-jar"
];
function shorten(maxLength, stringValue) {
var paths = stringValue.split(".");
return paths.slice(0, paths.length-1).map(function(y,i) {
return y.slice(0,maxLength);
}).concat(paths[paths.length-1]).join(".");
}
console.log(names.map(function(s) { return shorten(2,s); }));
console.log("tada.");