JSFiddle - React, Tailwind, and code Playground

by g30rg3

HTML

<input type="text" id='regex'>

<ul id='matches'></ul>

CSS

body {
  background: #aaaaaa;
  color: #ffffff;
  padding-top:15px;
  padding-left:30px;
}

.match {
  color: #6666FF;
  background:#abcdef;
}

.nomatch {
  
}

#regex{
  line-height:24px;
  width:100%;
}

ul {
  list-style: none;
  padding:0;
}

JavaScript

const urls = [

	//#--Examples#
'https://app.callrail.com/a/170499692/reports/acquisition/call-attribution?device_type=all&lead_status=all&date_range=recent&call_direction=all&answer_status=all&group=source&interaction=first-interaction',
'https://app.callrail.com/a/170499692/reports/acquisition/call-attribution?device_type=all&lead_status=all&date_range=recent&call_direction=all&answer_status=all&group=source&interaction=first-interaction',
  //#--Paths#
  'https://localhost:53159/app',
  'https://localhost:53159/app/',
  'https://localhost:53159/app?search=text',
  'https://localhost:53159/app/?search=text',
  'https://localhost:53159/app/?search=other',
  'https://localhost:53159/app/dashboard',
  'https://localhost:53159/app/dashboard/',
  'https://localhost:53159/app/dashboard?search=text',
  'https://localhost:53159/app/dashboard/?search=text',
  'https://localhost:53159/app/dashboard/?search=other',
   'https://localhost:53159/app2',
  'https://localhost:53159/app2/',
  'https://localhost:53159/app2?search=text',
  'https://localhost:53159/app2/?search=text',
  'https://localhost:53159/app2/?search=other',
  'https://localhost:53159/app2/dashboard',
  'https://localhost:53159/app2/dashboard/',
  'https://localhost:53159/app2/dashboard?search=text',
  'https://localhost:53159/app2/dashboard/?search=text',
  'https://localhost:53159/app2/dashboard/?search=other',

  //#--Hashes#
  'https://localhost:53159/#/app',
  'https://localhost:53159/#/app/',
  'https://localhost:53159/#/app?search=text',
  'https://localhost:53159/#/app/?search=text',
  'https://localhost:53159/#/app/?search=other',
  'https://localhost:53159/#/app/dashboard',
  'https://localhost:53159/#/app/dashboard/',
  'https://localhost:53159/#/app/dashboard?search=text',
  'https://localhost:53159/#/app/dashboard/?search=text',
  'https://localhost:53159/#/app/dashboard/?search=other',
  'https://localhost:53159/#/app2',
  'https://localhost:53159/#/app2/',
 ...