Break really long words

client/css/style.css

@@ -533,7 +533,9 @@ button {
 	padding-left: 10px;
 	padding-right: 6px;
 }
+#chat .wrap,
 #chat .text a {
+	font-style: normal;
 	word-break: break-all;
 }
 #chat .self .text {

client/js/libs/handlebars/parse.js

@@ -0,0 +1,53 @@
+function escape(text) {
+	var e = {
+		"<": "&lt;",
+		">": "&gt;",
+		"'": "&#39;"
+	};
+	return text.replace(/[<>']/g, function (c) {
+		return e[c];
+	});
+}
+
+Handlebars.registerHelper(
+	"parse", function(text) {
+		text = uri(text);
+		text = wraplong(text);
+		return text;
+	}
+);
+
+function uri(text) {
+	var urls = [];
+	text = URI.withinString(text, function(url) {
+		urls.push(url);
+		return "$(" + (urls.length - 1) + ")";
+	});
+	text = escape(text);
+	for (var i in urls) {
+		var url = escape(urls[i]);
+		var replace = url;
+		if (url.indexOf("javascript:") !== 0) {
+			replace = "<a href='" + url.replace(/^www/, "//www") + "' target='_blank'>" + url + "</a>";
+		}
+		text = text.replace(
+			"$(" + i + ")", replace
+		);
+	}
+	return text;
+}
+
+function wraplong(text) {
+	var wrap = false;
+	var split = text.split(" ");
+	for (var i in split) {
+		if (split[i].length > 40) {
+			wrap = true;
+		}
+	}
+	if (wrap) {
+		return "<i class='wrap'>" + text + "</i>";
+	} else {
+		return text;
+	}
+}

client/js/libs/handlebars/uri.js

@@ -1,32 +0,0 @@
-function escape(text) {
-	var e = {
-		"<": "&lt;",
-		">": "&gt;",
-		"'": "&#39;"
-	};
-	return text.replace(/[<>']/g, function (c) {
-		return e[c];
-	});
-}
-
-Handlebars.registerHelper(
-	"uri", function(text) {
-		var urls = [];
-		text = URI.withinString(text, function(url) {
-			urls.push(url);
-			return "$(" + (urls.length - 1) + ")";
-		});
-		text = escape(text);
-		for (var i in urls) {
-			var url = escape(urls[i]);
-			var replace = url;
-			if (url.indexOf("javascript:") !== 0) {
-				replace = "<a href='" + url.replace(/^www/, "//www") + "' target='_blank'>" + url + "</a>";
-			}
-			text = text.replace(
-				"$(" + i + ")", replace
-			);
-		}
-		return text;
-	}
-);

client/js/shout.templates.js

@@ -101,7 +101,7 @@ templates['msg'] = template({"1":function(depth0,helpers,partials,data) {
     + "\" class=\"toggle-button\">···</button>\n		</div>\n";
 },"8":function(depth0,helpers,partials,data) {
   var stack1, helperMissing=helpers.helperMissing, buffer = "		";
-  stack1 = ((helpers.uri || (depth0 && depth0.uri) || helperMissing).call(depth0, (depth0 != null ? depth0.text : depth0), {"name":"uri","hash":{},"data":data}));
+  stack1 = ((helpers.parse || (depth0 && depth0.parse) || helperMissing).call(depth0, (depth0 != null ? depth0.text : depth0), {"name":"parse","hash":{},"data":data}));
   if (stack1 != null) { buffer += stack1; }
   return buffer + "\n";
 },"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {

client/templates/msg.tpl

@@ -15,7 +15,7 @@
 			<button id="toggle-{{id}}" class="toggle-button">···</button>
 		</div>
 		{{else}}
-		{{{uri text}}}
+		{{{parse text}}}
 		{{/equal}}
 	</span>
 </div>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "shout",
   "description": "The self-hosted web IRC client",
-  "version": "0.37.4",
+  "version": "0.38.0",
   "author": "Mattias Erming",
   "preferGlobal": true,
   "bin": {