|
| 1 | +<template> |
| 2 | + <div> |
| 3 | + <p>Use this helper to generate the possible fixtures for your own URL.</p> |
| 4 | + <h4><label for="url">URL</label></h4> |
| 5 | + <input class="input" type="text" id="url" placeholder="http://example.com/api/comments?query=json&order=id" v-model="url"/> |
| 6 | + <h4><label for="method">Method</label></h4> |
| 7 | + <select class="select" id="method" v-model="method"> |
| 8 | + <option value="get">GET</option> |
| 9 | + <option value="head">HEAD</option> |
| 10 | + <option value="post">POST</option> |
| 11 | + <option value="put">PUT</option> |
| 12 | + <option value="delete">DELETE</option> |
| 13 | + <option value="connect">CONNECT</option> |
| 14 | + <option value="options">OPTIONS</option> |
| 15 | + <option value="trace">TRACE</option> |
| 16 | + <option value="patch">PATCH</option> |
| 17 | + </select> |
| 18 | + <h4>Possible fixtures (in order of specificity)</h4> |
| 19 | + <ol v-if="fixtures.length"> |
| 20 | + <li v-for="fixture in fixtures">/path/to/fixtures/{{ fixture }}</li> |
| 21 | + </ol> |
| 22 | + <p v-else>Please insert a valid URL!</p> |
| 23 | + </div> |
| 24 | +</template> |
| 25 | + |
| 26 | +<script> |
| 27 | + const REPLACEMENT = '-'; |
| 28 | +
|
| 29 | + const CHARS = { |
| 30 | + '0' : ['°', '₀', '۰', '０'], |
| 31 | + '1' : ['¹', '₁', '۱', '１'], |
| 32 | + '2' : ['²', '₂', '۲', '２'], |
| 33 | + '3' : ['³', '₃', '۳', '３'], |
| 34 | + '4' : ['⁴', '₄', '۴', '٤', '４'], |
| 35 | + '5' : ['⁵', '₅', '۵', '٥', '５'], |
| 36 | + '6' : ['⁶', '₆', '۶', '٦', '６'], |
| 37 | + '7' : ['⁷', '₇', '۷', '７'], |
| 38 | + '8' : ['⁸', '₈', '۸', '８'], |
| 39 | + '9' : ['⁹', '₉', '۹', '９'], |
| 40 | + 'a' : ['à', 'á', 'ả', 'ã', 'ạ', 'ă', 'ắ', 'ằ', 'ẳ', 'ẵ', |
| 41 | + 'ặ', 'â', 'ấ', 'ầ', 'ẩ', 'ẫ', 'ậ', 'ā', 'ą', 'å', |
| 42 | + 'α', 'ά', 'ἀ', 'ἁ', 'ἂ', 'ἃ', 'ἄ', 'ἅ', 'ἆ', 'ἇ', |
| 43 | + 'ᾀ', 'ᾁ', 'ᾂ', 'ᾃ', 'ᾄ', 'ᾅ', 'ᾆ', 'ᾇ', 'ὰ', 'ά', |
| 44 | + 'ᾰ', 'ᾱ', 'ᾲ', 'ᾳ', 'ᾴ', 'ᾶ', 'ᾷ', 'а', 'أ', 'အ', |
| 45 | + 'ာ', 'ါ', 'ǻ', 'ǎ', 'ª', 'ა', 'अ', 'ا', 'ａ', 'ä'], |
| 46 | + 'b' : ['б', 'β', 'ب', 'ဗ', 'ბ', 'ｂ'], |
| 47 | + 'c' : ['ç', 'ć', 'č', 'ĉ', 'ċ', 'ｃ'], |
| 48 | + 'd' : ['ď', 'ð', 'đ', 'ƌ', 'ȡ', 'ɖ', 'ɗ', 'ᵭ', 'ᶁ', 'ᶑ', |
| 49 | + 'д', 'δ', 'د', 'ض', 'ဍ', 'ဒ', 'დ', 'ｄ'], |
| 50 | + 'e' : ['é', 'è', 'ẻ', 'ẽ', 'ẹ', 'ê', 'ế', 'ề', 'ể', 'ễ', |
| 51 | + 'ệ', 'ë', 'ē', 'ę', 'ě', 'ĕ', 'ė', 'ε', 'έ', 'ἐ', |
| 52 | + 'ἑ', 'ἒ', 'ἓ', 'ἔ', 'ἕ', 'ὲ', 'έ', 'е', 'ё', 'э', |
| 53 | + 'є', 'ə', 'ဧ', 'ေ', 'ဲ', 'ე', 'ए', 'إ', 'ئ', 'ｅ'], |
| 54 | + 'f' : ['ф', 'φ', 'ف', 'ƒ', 'ფ', 'ｆ'], |
| 55 | + 'g' : ['ĝ', 'ğ', 'ġ', 'ģ', 'г', 'ґ', 'γ', 'ဂ', 'გ', 'گ', |
| 56 | + 'ｇ'], |
| 57 | + 'h' : ['ĥ', 'ħ', 'η', 'ή', 'ح', 'ه', 'ဟ', 'ှ', 'ჰ', 'ｈ'], |
| 58 | + 'i' : ['í', 'ì', 'ỉ', 'ĩ', 'ị', 'î', 'ï', 'ī', 'ĭ', 'į', |
| 59 | + 'ı', 'ι', 'ί', 'ϊ', 'ΐ', 'ἰ', 'ἱ', 'ἲ', 'ἳ', 'ἴ', |
| 60 | + 'ἵ', 'ἶ', 'ἷ', 'ὶ', 'ί', 'ῐ', 'ῑ', 'ῒ', 'ΐ', 'ῖ', |
| 61 | + 'ῗ', 'і', 'ї', 'и', 'ဣ', 'ိ', 'ီ', 'ည်', 'ǐ', 'ი', |
| 62 | + 'इ', 'ی', 'ｉ'], |
| 63 | + 'j' : ['ĵ', 'ј', 'Ј', 'ჯ', 'ج', 'ｊ'], |
| 64 | + 'k' : ['ķ', 'ĸ', 'к', 'κ', 'Ķ', 'ق', 'ك', 'က', 'კ', 'ქ', |
| 65 | + 'ک', 'ｋ'], |
| 66 | + 'l' : ['ł', 'ľ', 'ĺ', 'ļ', 'ŀ', 'л', 'λ', 'ل', 'လ', 'ლ', |
| 67 | + 'ｌ'], |
| 68 | + 'm' : ['м', 'μ', 'م', 'မ', 'მ', 'ｍ'], |
| 69 | + 'n' : ['ñ', 'ń', 'ň', 'ņ', 'ʼn', 'ŋ', 'ν', 'н', 'ن', 'န', |
| 70 | + 'ნ', 'ｎ'], |
| 71 | + 'o' : ['ó', 'ò', 'ỏ', 'õ', 'ọ', 'ô', 'ố', 'ồ', 'ổ', 'ỗ', |
| 72 | + 'ộ', 'ơ', 'ớ', 'ờ', 'ở', 'ỡ', 'ợ', 'ø', 'ō', 'ő', |
| 73 | + 'ŏ', 'ο', 'ὀ', 'ὁ', 'ὂ', 'ὃ', 'ὄ', 'ὅ', 'ὸ', 'ό', |
| 74 | + 'о', 'و', 'θ', 'ို', 'ǒ', 'ǿ', 'º', 'ო', 'ओ', 'ｏ', |
| 75 | + 'ö'], |
| 76 | + 'p' : ['п', 'π', 'ပ', 'პ', 'پ', 'ｐ'], |
| 77 | + 'q' : ['ყ', 'ｑ'], |
| 78 | + 'r' : ['ŕ', 'ř', 'ŗ', 'р', 'ρ', 'ر', 'რ', 'ｒ'], |
| 79 | + 's' : ['ś', 'š', 'ş', 'с', 'σ', 'ș', 'ς', 'س', 'ص', 'စ', |
| 80 | + 'ſ', 'ს', 'ｓ'], |
| 81 | + 't' : ['ť', 'ţ', 'т', 'τ', 'ț', 'ت', 'ط', 'ဋ', 'တ', 'ŧ', |
| 82 | + 'თ', 'ტ', 'ｔ'], |
| 83 | + 'u' : ['ú', 'ù', 'ủ', 'ũ', 'ụ', 'ư', 'ứ', 'ừ', 'ử', 'ữ', |
| 84 | + 'ự', 'û', 'ū', 'ů', 'ű', 'ŭ', 'ų', 'µ', 'у', 'ဉ', |
| 85 | + 'ု', 'ူ', 'ǔ', 'ǖ', 'ǘ', 'ǚ', 'ǜ', 'უ', 'उ', 'ｕ', |
| 86 | + 'ў', 'ü'], |
| 87 | + 'v' : ['в', 'ვ', 'ϐ', 'ｖ'], |
| 88 | + 'w' : ['ŵ', 'ω', 'ώ', 'ဝ', 'ွ', 'ｗ'], |
| 89 | + 'x' : ['χ', 'ξ', 'ｘ'], |
| 90 | + 'y' : ['ý', 'ỳ', 'ỷ', 'ỹ', 'ỵ', 'ÿ', 'ŷ', 'й', 'ы', 'υ', |
| 91 | + 'ϋ', 'ύ', 'ΰ', 'ي', 'ယ', 'ｙ'], |
| 92 | + 'z' : ['ź', 'ž', 'ż', 'з', 'ζ', 'ز', 'ဇ', 'ზ', 'ｚ'], |
| 93 | + 'aa' : ['ع', 'आ', 'آ'], |
| 94 | + 'ae' : ['æ', 'ǽ'], |
| 95 | + 'ai' : ['ऐ'], |
| 96 | + 'ch' : ['ч', 'ჩ', 'ჭ', 'چ'], |
| 97 | + 'dj' : ['ђ', 'đ'], |
| 98 | + 'dz' : ['џ', 'ძ'], |
| 99 | + 'ei' : ['ऍ'], |
| 100 | + 'gh' : ['غ', 'ღ'], |
| 101 | + 'ii' : ['ई'], |
| 102 | + 'ij' : ['ij'], |
| 103 | + 'kh' : ['х', 'خ', 'ხ'], |
| 104 | + 'lj' : ['љ'], |
| 105 | + 'nj' : ['њ'], |
| 106 | + 'oe' : ['œ', 'ؤ'], |
| 107 | + 'oi' : ['ऑ'], |
| 108 | + 'oii' : ['ऒ'], |
| 109 | + 'ps' : ['ψ'], |
| 110 | + 'sh' : ['ш', 'შ', 'ش'], |
| 111 | + 'shch' : ['щ'], |
| 112 | + 'ss' : ['ß'], |
| 113 | + 'sx' : ['ŝ'], |
| 114 | + 'th' : ['þ', 'ϑ', 'ث', 'ذ', 'ظ'], |
| 115 | + 'ts' : ['ц', 'ც', 'წ'], |
| 116 | + 'uu' : ['ऊ'], |
| 117 | + 'ya' : ['я'], |
| 118 | + 'yu' : ['ю'], |
| 119 | + 'zh' : ['ж', 'ჟ', 'ژ'], |
| 120 | + '(c)' : ['©'], |
| 121 | + 'A' : ['Á', 'À', 'Ả', 'Ã', 'Ạ', 'Ă', 'Ắ', 'Ằ', 'Ẳ', 'Ẵ', |
| 122 | + 'Ặ', 'Â', 'Ấ', 'Ầ', 'Ẩ', 'Ẫ', 'Ậ', 'Å', 'Ā', 'Ą', |
| 123 | + 'Α', 'Ά', 'Ἀ', 'Ἁ', 'Ἂ', 'Ἃ', 'Ἄ', 'Ἅ', 'Ἆ', 'Ἇ', |
| 124 | + 'ᾈ', 'ᾉ', 'ᾊ', 'ᾋ', 'ᾌ', 'ᾍ', 'ᾎ', 'ᾏ', 'Ᾰ', 'Ᾱ', |
| 125 | + 'Ὰ', 'Ά', 'ᾼ', 'А', 'Ǻ', 'Ǎ', 'Ａ', 'Ä'], |
| 126 | + 'B' : ['Б', 'Β', 'ब', 'Ｂ'], |
| 127 | + 'C' : ['Ç', 'Ć', 'Č', 'Ĉ', 'Ċ', 'Ｃ'], |
| 128 | + 'D' : ['Ď', 'Ð', 'Đ', 'Ɖ', 'Ɗ', 'Ƌ', 'ᴅ', 'ᴆ', 'Д', 'Δ', |
| 129 | + 'Ｄ'], |
| 130 | + 'E' : ['É', 'È', 'Ẻ', 'Ẽ', 'Ẹ', 'Ê', 'Ế', 'Ề', 'Ể', 'Ễ', |
| 131 | + 'Ệ', 'Ë', 'Ē', 'Ę', 'Ě', 'Ĕ', 'Ė', 'Ε', 'Έ', 'Ἐ', |
| 132 | + 'Ἑ', 'Ἒ', 'Ἓ', 'Ἔ', 'Ἕ', 'Έ', 'Ὲ', 'Е', 'Ё', 'Э', |
| 133 | + 'Є', 'Ə', 'Ｅ'], |
| 134 | + 'F' : ['Ф', 'Φ', 'Ｆ'], |
| 135 | + 'G' : ['Ğ', 'Ġ', 'Ģ', 'Г', 'Ґ', 'Γ', 'Ｇ'], |
| 136 | + 'H' : ['Η', 'Ή', 'Ħ', 'Ｈ'], |
| 137 | + 'I' : ['Í', 'Ì', 'Ỉ', 'Ĩ', 'Ị', 'Î', 'Ï', 'Ī', 'Ĭ', 'Į', |
| 138 | + 'İ', 'Ι', 'Ί', 'Ϊ', 'Ἰ', 'Ἱ', 'Ἳ', 'Ἴ', 'Ἵ', 'Ἶ', |
| 139 | + 'Ἷ', 'Ῐ', 'Ῑ', 'Ὶ', 'Ί', 'И', 'І', 'Ї', 'Ǐ', 'ϒ', |
| 140 | + 'Ｉ'], |
| 141 | + 'J' : ['Ｊ'], |
| 142 | + 'K' : ['К', 'Κ', 'Ｋ'], |
| 143 | + 'L' : ['Ĺ', 'Ł', 'Л', 'Λ', 'Ļ', 'Ľ', 'Ŀ', 'ल', 'Ｌ'], |
| 144 | + 'M' : ['М', 'Μ', 'Ｍ'], |
| 145 | + 'N' : ['Ń', 'Ñ', 'Ň', 'Ņ', 'Ŋ', 'Н', 'Ν', 'Ｎ'], |
| 146 | + 'O' : ['Ó', 'Ò', 'Ỏ', 'Õ', 'Ọ', 'Ô', 'Ố', 'Ồ', 'Ổ', 'Ỗ', |
| 147 | + 'Ộ', 'Ơ', 'Ớ', 'Ờ', 'Ở', 'Ỡ', 'Ợ', 'Ø', 'Ō', 'Ő', |
| 148 | + 'Ŏ', 'Ο', 'Ό', 'Ὀ', 'Ὁ', 'Ὂ', 'Ὃ', 'Ὄ', 'Ὅ', 'Ὸ', |
| 149 | + 'Ό', 'О', 'Θ', 'Ө', 'Ǒ', 'Ǿ', 'Ｏ', 'Ö'], |
| 150 | + 'P' : ['П', 'Π', 'Ｐ'], |
| 151 | + 'Q' : ['Ｑ'], |
| 152 | + 'R' : ['Ř', 'Ŕ', 'Р', 'Ρ', 'Ŗ', 'Ｒ'], |
| 153 | + 'S' : ['Ş', 'Ŝ', 'Ș', 'Š', 'Ś', 'С', 'Σ', 'Ｓ'], |
| 154 | + 'T' : ['Ť', 'Ţ', 'Ŧ', 'Ț', 'Т', 'Τ', 'Ｔ'], |
| 155 | + 'U' : ['Ú', 'Ù', 'Ủ', 'Ũ', 'Ụ', 'Ư', 'Ứ', 'Ừ', 'Ử', 'Ữ', |
| 156 | + 'Ự', 'Û', 'Ū', 'Ů', 'Ű', 'Ŭ', 'Ų', 'У', 'Ǔ', 'Ǖ', |
| 157 | + 'Ǘ', 'Ǚ', 'Ǜ', 'Ｕ', 'Ў', 'Ü'], |
| 158 | + 'V' : ['В', 'Ｖ'], |
| 159 | + 'W' : ['Ω', 'Ώ', 'Ŵ', 'Ｗ'], |
| 160 | + 'X' : ['Χ', 'Ξ', 'Ｘ'], |
| 161 | + 'Y' : ['Ý', 'Ỳ', 'Ỷ', 'Ỹ', 'Ỵ', 'Ÿ', 'Ῠ', 'Ῡ', 'Ὺ', 'Ύ', |
| 162 | + 'Ы', 'Й', 'Υ', 'Ϋ', 'Ŷ', 'Ｙ'], |
| 163 | + 'Z' : ['Ź', 'Ž', 'Ż', 'З', 'Ζ', 'Ｚ'], |
| 164 | + 'AE' : ['Æ', 'Ǽ'], |
| 165 | + 'Ch' : ['Ч'], |
| 166 | + 'Dj' : ['Ђ'], |
| 167 | + 'Dz' : ['Џ'], |
| 168 | + 'Gx' : ['Ĝ'], |
| 169 | + 'Hx' : ['Ĥ'], |
| 170 | + 'Ij' : ['IJ'], |
| 171 | + 'Jx' : ['Ĵ'], |
| 172 | + 'Kh' : ['Х'], |
| 173 | + 'Lj' : ['Љ'], |
| 174 | + 'Nj' : ['Њ'], |
| 175 | + 'Oe' : ['Œ'], |
| 176 | + 'Ps' : ['Ψ'], |
| 177 | + 'Sh' : ['Ш'], |
| 178 | + 'Shch' : ['Щ'], |
| 179 | + 'Ss' : ['ẞ'], |
| 180 | + 'Th' : ['Þ'], |
| 181 | + 'Ts' : ['Ц'], |
| 182 | + 'Ya' : ['Я'], |
| 183 | + 'Yu' : ['Ю'], |
| 184 | + 'Zh' : ['Ж'], |
| 185 | + ' ' : ['\xC2\xA0', '\xE2\x80\x80', '\xE2\x80\x81', |
| 186 | + '\xE2\x80\x82', '\xE2\x80\x83', '\xE2\x80\x84', |
| 187 | + '\xE2\x80\x85', '\xE2\x80\x86', '\xE2\x80\x87', |
| 188 | + '\xE2\x80\x88', '\xE2\x80\x89', '\xE2\x80\x8A', |
| 189 | + '\xE2\x80\xAF', '\xE2\x81\x9F', '\xE3\x80\x80', |
| 190 | + '\xEF\xBE\xA0'], |
| 191 | + }; |
| 192 | +
|
| 193 | + export default { |
| 194 | + name: 'MapUrl', |
| 195 | +
|
| 196 | + data() { |
| 197 | + return { |
| 198 | + url: '', |
| 199 | + method: 'get' |
| 200 | + }; |
| 201 | + }, |
| 202 | +
|
| 203 | + computed: { |
| 204 | + fixtures() { |
| 205 | + let fixtures = []; |
| 206 | + let url; |
| 207 | +
|
| 208 | + try { |
| 209 | + url = new URL(this.url); |
| 210 | + } catch (e) { |
| 211 | + return fixtures; |
| 212 | + } |
| 213 | +
|
| 214 | + let searchParams = Array.from(url.searchParams.entries()); |
| 215 | + if (searchParams.length) { |
| 216 | + const search = this.formatSearchParams(searchParams); |
| 217 | + fixtures.push(`${url.hostname}${url.pathname}.${search}.${this.method}.mock`); |
| 218 | + fixtures.push(`${url.hostname}${url.pathname}.${search}.mock`); |
| 219 | + } |
| 220 | +
|
| 221 | + fixtures.push(`${url.hostname}${url.pathname}.${this.method}.mock`); |
| 222 | + fixtures.push(`${url.hostname}${url.pathname}.mock`); |
| 223 | +
|
| 224 | + return fixtures; |
| 225 | + } |
| 226 | + }, |
| 227 | +
|
| 228 | + methods: { |
| 229 | + formatSearchParams(searchParams) { |
| 230 | + return [...searchParams] |
| 231 | + .sort((a, b) => { |
| 232 | + if (a[0] > b[0]) { |
| 233 | + return 1; |
| 234 | + } else if (a[0] < b[0]) { |
| 235 | + return -1; |
| 236 | + } |
| 237 | +
|
| 238 | + return 0; |
| 239 | + }) |
| 240 | + .map(param => { |
| 241 | + return param[1] ? `${param[0]}=${param[1]}` : param[0]; |
| 242 | + }) |
| 243 | + // replacements |
| 244 | + .map(param => { |
| 245 | + return param.replace(/[\\/?:*"><|]/g, REPLACEMENT); |
| 246 | + }) |
| 247 | + // toAscii |
| 248 | + .map(param => { |
| 249 | + Object.keys(CHARS).forEach(key => { |
| 250 | + param = param.replace(new RegExp(`[${CHARS[key].join('')}]`, 'g'), key); |
| 251 | + }); |
| 252 | +
|
| 253 | + return param.replace(/[^\x20-\x7E]/gu, ''); |
| 254 | + }) |
| 255 | + // delimit |
| 256 | + .map(param => { |
| 257 | + return param.replace(/\B([A-Z])/g, '-$1') |
| 258 | + .toLowerCase() |
| 259 | + .replace(/[-_\s]+/g, REPLACEMENT); |
| 260 | + }) |
| 261 | + // removeLeft |
| 262 | + .map(param => { |
| 263 | + return param.replace(new RegExp(`^${REPLACEMENT}+`), ''); |
| 264 | + }) |
| 265 | + // removeRight |
| 266 | + .map(param => { |
| 267 | + return param.replace(new RegExp(`${REPLACEMENT}+$`), ''); |
| 268 | + }) |
| 269 | + .join('&'); |
| 270 | + } |
| 271 | + } |
| 272 | + } |
| 273 | +</script> |
| 274 | + |
| 275 | +<style scoped> |
| 276 | + .input, |
| 277 | + .select { |
| 278 | + border-radius: 2rem; |
| 279 | + border: 1px solid #cfd4db; |
| 280 | + box-sizing: border-box; |
| 281 | + color: #4e6e8e; |
| 282 | + display: inline-block; |
| 283 | + font-size: 0.9rem; |
| 284 | + height: 2rem; |
| 285 | + line-height: 2rem; |
| 286 | + outline: none; |
| 287 | + transition: all 0.2s ease; |
| 288 | + width: 100%; |
| 289 | + } |
| 290 | +
|
| 291 | + .input { |
| 292 | + cursor: text; |
| 293 | + padding: 0 1rem; |
| 294 | + } |
| 295 | +
|
| 296 | + .select { |
| 297 | + height: 2rem; |
| 298 | + padding: 0 1rem; |
| 299 | + } |
| 300 | +</style> |
0 commit comments