[d24f17c] | 1 | /**
|
---|
| 2 | * Date: 2015-10-05
|
---|
| 3 | * Author: Kasper Søfren <soefritz@gmail.com> (https://github.com/kafoso)
|
---|
| 4 | *
|
---|
| 5 | * A truncation feature, where the ellipsis will be placed at a section within
|
---|
| 6 | * the URL making it still somewhat human readable.
|
---|
| 7 | *
|
---|
| 8 | * @param {String} url A URL.
|
---|
| 9 | * @param {Number} truncateLen The maximum length of the truncated output URL string.
|
---|
| 10 | * @param {String} ellipsisChars The characters to place within the url, e.g. "...".
|
---|
| 11 | * @return {String} The truncated URL.
|
---|
| 12 | */
|
---|
| 13 | export function truncateSmart(url, truncateLen, ellipsisChars) {
|
---|
| 14 | var ellipsisLengthBeforeParsing;
|
---|
| 15 | var ellipsisLength;
|
---|
| 16 | if (ellipsisChars == null) {
|
---|
| 17 | ellipsisChars = '…';
|
---|
| 18 | ellipsisLength = 3;
|
---|
| 19 | ellipsisLengthBeforeParsing = 8;
|
---|
| 20 | }
|
---|
| 21 | else {
|
---|
| 22 | ellipsisLength = ellipsisChars.length;
|
---|
| 23 | ellipsisLengthBeforeParsing = ellipsisChars.length;
|
---|
| 24 | }
|
---|
| 25 | var parse_url = function (url) {
|
---|
| 26 | // Functionality inspired by PHP function of same name
|
---|
| 27 | var urlObj = {};
|
---|
| 28 | var urlSub = url;
|
---|
| 29 | var match = urlSub.match(/^([a-z]+):\/\//i);
|
---|
| 30 | if (match) {
|
---|
| 31 | urlObj.scheme = match[1];
|
---|
| 32 | urlSub = urlSub.substr(match[0].length);
|
---|
| 33 | }
|
---|
| 34 | match = urlSub.match(/^(.*?)(?=(\?|#|\/|$))/i);
|
---|
| 35 | if (match) {
|
---|
| 36 | urlObj.host = match[1];
|
---|
| 37 | urlSub = urlSub.substr(match[0].length);
|
---|
| 38 | }
|
---|
| 39 | match = urlSub.match(/^\/(.*?)(?=(\?|#|$))/i);
|
---|
| 40 | if (match) {
|
---|
| 41 | urlObj.path = match[1];
|
---|
| 42 | urlSub = urlSub.substr(match[0].length);
|
---|
| 43 | }
|
---|
| 44 | match = urlSub.match(/^\?(.*?)(?=(#|$))/i);
|
---|
| 45 | if (match) {
|
---|
| 46 | urlObj.query = match[1];
|
---|
| 47 | urlSub = urlSub.substr(match[0].length);
|
---|
| 48 | }
|
---|
| 49 | match = urlSub.match(/^#(.*?)$/i);
|
---|
| 50 | if (match) {
|
---|
| 51 | urlObj.fragment = match[1];
|
---|
| 52 | //urlSub = urlSub.substr(match[0].length); -- not used. Uncomment if adding another block.
|
---|
| 53 | }
|
---|
| 54 | return urlObj;
|
---|
| 55 | };
|
---|
| 56 | var buildUrl = function (urlObj) {
|
---|
| 57 | var url = '';
|
---|
| 58 | if (urlObj.scheme && urlObj.host) {
|
---|
| 59 | url += urlObj.scheme + '://';
|
---|
| 60 | }
|
---|
| 61 | if (urlObj.host) {
|
---|
| 62 | url += urlObj.host;
|
---|
| 63 | }
|
---|
| 64 | if (urlObj.path) {
|
---|
| 65 | url += '/' + urlObj.path;
|
---|
| 66 | }
|
---|
| 67 | if (urlObj.query) {
|
---|
| 68 | url += '?' + urlObj.query;
|
---|
| 69 | }
|
---|
| 70 | if (urlObj.fragment) {
|
---|
| 71 | url += '#' + urlObj.fragment;
|
---|
| 72 | }
|
---|
| 73 | return url;
|
---|
| 74 | };
|
---|
| 75 | var buildSegment = function (segment, remainingAvailableLength) {
|
---|
| 76 | var remainingAvailableLengthHalf = remainingAvailableLength / 2, startOffset = Math.ceil(remainingAvailableLengthHalf), endOffset = -1 * Math.floor(remainingAvailableLengthHalf), end = '';
|
---|
| 77 | if (endOffset < 0) {
|
---|
| 78 | end = segment.substr(endOffset);
|
---|
| 79 | }
|
---|
| 80 | return segment.substr(0, startOffset) + ellipsisChars + end;
|
---|
| 81 | };
|
---|
| 82 | if (url.length <= truncateLen) {
|
---|
| 83 | return url;
|
---|
| 84 | }
|
---|
| 85 | var availableLength = truncateLen - ellipsisLength;
|
---|
| 86 | var urlObj = parse_url(url);
|
---|
| 87 | // Clean up the URL
|
---|
| 88 | if (urlObj.query) {
|
---|
| 89 | var matchQuery = urlObj.query.match(/^(.*?)(?=(\?|\#))(.*?)$/i);
|
---|
| 90 | if (matchQuery) {
|
---|
| 91 | // Malformed URL; two or more "?". Removed any content behind the 2nd.
|
---|
| 92 | urlObj.query = urlObj.query.substr(0, matchQuery[1].length);
|
---|
| 93 | url = buildUrl(urlObj);
|
---|
| 94 | }
|
---|
| 95 | }
|
---|
| 96 | if (url.length <= truncateLen) {
|
---|
| 97 | return url;
|
---|
| 98 | }
|
---|
| 99 | if (urlObj.host) {
|
---|
| 100 | urlObj.host = urlObj.host.replace(/^www\./, '');
|
---|
| 101 | url = buildUrl(urlObj);
|
---|
| 102 | }
|
---|
| 103 | if (url.length <= truncateLen) {
|
---|
| 104 | return url;
|
---|
| 105 | }
|
---|
| 106 | // Process and build the URL
|
---|
| 107 | var str = '';
|
---|
| 108 | if (urlObj.host) {
|
---|
| 109 | str += urlObj.host;
|
---|
| 110 | }
|
---|
| 111 | if (str.length >= availableLength) {
|
---|
| 112 | if (urlObj.host.length == truncateLen) {
|
---|
| 113 | return (urlObj.host.substr(0, truncateLen - ellipsisLength) + ellipsisChars).substr(0, availableLength + ellipsisLengthBeforeParsing);
|
---|
| 114 | }
|
---|
| 115 | return buildSegment(str, availableLength).substr(0, availableLength + ellipsisLengthBeforeParsing);
|
---|
| 116 | }
|
---|
| 117 | var pathAndQuery = '';
|
---|
| 118 | if (urlObj.path) {
|
---|
| 119 | pathAndQuery += '/' + urlObj.path;
|
---|
| 120 | }
|
---|
| 121 | if (urlObj.query) {
|
---|
| 122 | pathAndQuery += '?' + urlObj.query;
|
---|
| 123 | }
|
---|
| 124 | if (pathAndQuery) {
|
---|
| 125 | if ((str + pathAndQuery).length >= availableLength) {
|
---|
| 126 | if ((str + pathAndQuery).length == truncateLen) {
|
---|
| 127 | return (str + pathAndQuery).substr(0, truncateLen);
|
---|
| 128 | }
|
---|
| 129 | var remainingAvailableLength = availableLength - str.length;
|
---|
| 130 | return (str + buildSegment(pathAndQuery, remainingAvailableLength)).substr(0, availableLength + ellipsisLengthBeforeParsing);
|
---|
| 131 | }
|
---|
| 132 | else {
|
---|
| 133 | str += pathAndQuery;
|
---|
| 134 | }
|
---|
| 135 | }
|
---|
| 136 | if (urlObj.fragment) {
|
---|
| 137 | var fragment = '#' + urlObj.fragment;
|
---|
| 138 | if ((str + fragment).length >= availableLength) {
|
---|
| 139 | if ((str + fragment).length == truncateLen) {
|
---|
| 140 | return (str + fragment).substr(0, truncateLen);
|
---|
| 141 | }
|
---|
| 142 | var remainingAvailableLength2 = availableLength - str.length;
|
---|
| 143 | return (str + buildSegment(fragment, remainingAvailableLength2)).substr(0, availableLength + ellipsisLengthBeforeParsing);
|
---|
| 144 | }
|
---|
| 145 | else {
|
---|
| 146 | str += fragment;
|
---|
| 147 | }
|
---|
| 148 | }
|
---|
| 149 | if (urlObj.scheme && urlObj.host) {
|
---|
| 150 | var scheme = urlObj.scheme + '://';
|
---|
| 151 | if ((str + scheme).length < availableLength) {
|
---|
| 152 | return (scheme + str).substr(0, truncateLen);
|
---|
| 153 | }
|
---|
| 154 | }
|
---|
| 155 | if (str.length <= truncateLen) {
|
---|
| 156 | return str;
|
---|
| 157 | }
|
---|
| 158 | var end = '';
|
---|
| 159 | if (availableLength > 0) {
|
---|
| 160 | end = str.substr(-1 * Math.floor(availableLength / 2));
|
---|
| 161 | }
|
---|
| 162 | return (str.substr(0, Math.ceil(availableLength / 2)) + ellipsisChars + end).substr(0, availableLength + ellipsisLengthBeforeParsing);
|
---|
| 163 | }
|
---|
| 164 | //# sourceMappingURL=truncate-smart.js.map |
---|