From 50ea018252ce69542eab6a107b99ea8179810d1e Mon Sep 17 00:00:00 2001 From: Martin Fischer Date: Fri, 11 Apr 2025 16:33:59 +0200 Subject: refactor: introduce lex-serve package --- lex-serve/assets/logo.svg | 1 + lex-serve/assets/script.js | 56 ++++++++++++++++++++++++++++++++++++++++++++++ lex-serve/assets/style.css | 40 +++++++++++++++++++++++++++++++++ 3 files changed, 97 insertions(+) create mode 100644 lex-serve/assets/logo.svg create mode 100644 lex-serve/assets/script.js create mode 100644 lex-serve/assets/style.css (limited to 'lex-serve/assets') diff --git a/lex-serve/assets/logo.svg b/lex-serve/assets/logo.svg new file mode 100644 index 0000000..45de364 --- /dev/null +++ b/lex-serve/assets/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lex-serve/assets/script.js b/lex-serve/assets/script.js new file mode 100644 index 0000000..95b8393 --- /dev/null +++ b/lex-serve/assets/script.js @@ -0,0 +1,56 @@ +const searchInput = document.getElementById('search'); +const suggestionsDiv = document.getElementById('suggestions'); + +async function enableAutocomplete() { + const res = await fetch('/laws.json'); + const laws = await res.json(); + // TODO: strip accents before searching + + searchInput.addEventListener('input', (e) => { + if (searchInput.value == '') { + suggestionsDiv.innerHTML = ''; + return; + } + + const titleRegex = new RegExp(searchInput.value, 'i'); + const abbrRegex = new RegExp('^' + searchInput.value, 'i'); + const suggestions = []; + + laws.map(l => { + const titleMatch = titleRegex.exec(l.title); + const abbrMatch = abbrRegex.exec(l.abbr); + + return { + law: l, + titleScore: titleMatch ? titleMatch.index : Number.MAX_VALUE, + abbrScore: abbrMatch ? abbrMatch.index: Number.MAX_VALUE, + } + }) + .filter(l => l.titleScore < Number.MAX_VALUE || l.abbrScore < Number.MAX_VALUE) + .sort((a,b) => { + let abbrDiff = a.abbrScore - b.abbrScore; + if (a.law.abbr && b.law.abbr && abbrDiff == 0 && a.abbrScore != Number.MAX_VALUE) { + abbrDiff = a.law.abbr.length - b.law.abbr.length; + } + return abbrDiff || a.titleScore - b.titleScore; + }) + .slice(0, 30) + .forEach(x => { + const l = x.law; + const a = document.createElement('a'); + if (l.redir) + a.href = '/' + l.redir; + else + a.href = l.url; + a.textContent = l.title; + const li = document.createElement('li'); + li.appendChild(a); + suggestions.push(li); + }); + + suggestionsDiv.replaceChildren(...suggestions); + }); +} + +if ('json' in searchInput.dataset) + enableAutocomplete(); \ No newline at end of file diff --git a/lex-serve/assets/style.css b/lex-serve/assets/style.css new file mode 100644 index 0000000..3b064c2 --- /dev/null +++ b/lex-serve/assets/style.css @@ -0,0 +1,40 @@ +body { + font-family: Roboto, Helvetica, Arial, sans-serif; + max-width: 500px; + margin: 0.5em auto; + text-align: center; +} + +.countries { + text-align: left; + border: 1px solid #ccc; + border-radius: 5px; + + display: grid; + grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); +} + +.cc-link { + display: inline-block; + line-height: 50px; + text-align: center; + color: inherit; + text-decoration: navajowhite; + font-size: 1.2em; + border: 2px solid transparent; + box-sizing: border-box; +} + +.cc-link:hover { + background: #e6f3ff; + border-radius: 5px; +} + +h2 { + font-weight: normal; + margin-top: 0.5em; +} + +#suggestions { + text-align: left; +} \ No newline at end of file -- cgit v1.2.3