diff --git a/index.html b/index.html index 06bb866..18824b7 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@
@@ -40,7 +41,7 @@
-
- -
    +
    -
- +
+
+

+ JUMP TO SECTION +

+
+
- +
+
+
+
+
- More options
@@ -125,7 +147,12 @@

Share this - Browser Extension!! + Browser Extension!!
Get to know our proposals at 45B.io. Please consider voting for this and other ideas. + (v0.1.02)

diff --git a/main.js b/main.js index 50fbad7..aead839 100644 --- a/main.js +++ b/main.js @@ -13,9 +13,9 @@ let keyphrases = [ ] -let list = document.querySelector('#list'); +let list = document.querySelector('#result-div'); for (const phrase of keyphrases) { - const li = document.createElement("li"); + const li = document.createElement("div"); const textnode = document.createTextNode(phrase); li.appendChild(textnode); list.appendChild(li); @@ -43,8 +43,20 @@ document.getElementById('read-content').addEventListener('click', () => { ] // podia ser feito a partir de uma lista mais concisa // (ex: apenas os que têm um mínimo de length, ou dentro de um elemento específico) + + //TODO: não verificar duas vezes, só dar uma volta com um if const elements_matched = Array.from(document.querySelectorAll('h2')).filter(el=> keyphrases.find(k => el.innerText.toLowerCase().includes(k.toLowerCase()))); - elements_matched.forEach(m=>{m.style="background-color:darkblue;";}) + elements_matched.forEach(m=>{ + m.style="background-color:darkblue; color:white;"; + m.innerHTML = m.innerText; //reset + let phrase = keyphrases.find(k => m.innerText.toLowerCase().includes(k.toLowerCase())); + let index = m.innerText.indexOf(phrase); + + let oldInner = m.innerText.substring(index,phrase.length+index); + let oldInnerSplit = m.innerText.split(oldInner); + let newElement = ""+oldInner+""; + m.innerHTML = oldInnerSplit[0]+ newElement + oldInnerSplit[1]; + }) var result = elements_matched.map(x=>x.innerText); // https://developer.chrome.com/docs/extensions/mv3/messaging/ (async () => { @@ -71,13 +83,13 @@ chrome.runtime.onMessage.addListener( "from the extension"); var resp = request.info; if (resp) { - var resultElement = document.getElementById("list"); + var resultElement = document.getElementById("result-div"); var listItems = Array.from(resultElement.children); // TODO: fazer mais elegante for (const item of listItems) { if(resp.find(r => r.toLowerCase().includes(item.innerText.toLowerCase()))){ - item.style="background-color:lightblue;" + item.className="bg-lime-300 hover:bg-blue-200 pl-2 pr-1 hover:rounded hover:font-semibold cursor-pointer" // item.onclick= }else{ item.style=""; diff --git a/manifest.json b/manifest.json index e8cf26a..9eeeee7 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "45B Catalyst Browser Extension", - "version": "0.1.01", + "version": "0.1.02", "description": "Simple tool to help Cardano Catalyst Community users navigate, save favorites and share proposals.", "icons": { "16": "assets/45b_tag_sqr.png", @@ -9,8 +9,7 @@ "128": "assets/45b_tag_sqr.png" }, "action": { - "default_popup": "index.html", - "default_icon": "assets/45b_tag_sqr.png" + "default_popup": "index.html" }, "permissions": ["scripting"], "host_permissions": ["*://cardano.ideascale.com/c/idea/*"] diff --git a/output.css b/output.css index 13bdbdc..9702819 100644 --- a/output.css +++ b/output.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */ /* @@ -715,10 +715,42 @@ video { clear: none; } +.m-2 { + margin: 0.5rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + .mt-2 { margin-top: 0.5rem; } +.ml-1 { + margin-left: 0.25rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-0 { + margin-bottom: 0px; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.ml-0 { + margin-left: 0px; +} + .box-border { box-sizing: border-box; } @@ -830,11 +862,23 @@ video { height: 2.25rem; } +.h-\[21rem\] { + height: 21rem; +} + .h-max { height: -moz-max-content; height: max-content; } +.h-80 { + height: 20rem; +} + +.h-\[22rem\] { + height: 22rem; +} + .max-h-\[6rem\] { max-height: 6rem; } @@ -843,10 +887,6 @@ video { min-height: 6rem; } -.w-20 { - width: 5rem; -} - .w-24 { width: 6rem; } @@ -859,8 +899,8 @@ video { width: 22rem; } -.w-\[7rem\] { - width: 7rem; +.w-\[6rem\] { + width: 6rem; } .w-\[this-is\\\\\] { @@ -952,18 +992,8 @@ video { transform: none; } -@keyframes pulseShadow { - 0%, 100% { - box-shadow: 0 0 2px 1px rgba(169, 195, 219, 1); - } - - 50% { - box-shadow: 0 0 1px 0.5px rgba(169, 195, 219, 1); - } -} - -.animate-pulseShadow { - animation: pulseShadow 2s infinite; +.cursor-pointer { + cursor: pointer; } .touch-auto { @@ -1896,11 +1926,20 @@ video { background-color: hsl(208 41% 76% / var(--tw-bg-opacity)); } +.bg-lime-300 { + --tw-bg-opacity: 1; + background-color: rgb(190 242 100 / var(--tw-bg-opacity)); +} + .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)); } +.bg-opacity-50 { + --tw-bg-opacity: 0.5; +} + .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; @@ -2015,6 +2054,10 @@ video { padding: 0.25rem; } +.p-2 { + padding: 0.5rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -2035,6 +2078,11 @@ video { padding-bottom: 0.25rem; } +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + .pb-3 { padding-bottom: 0.75rem; } @@ -2075,6 +2123,18 @@ video { padding-top: 1.5rem; } +.pl-0 { + padding-left: 0px; +} + +.pt-0 { + padding-top: 0px; +} + +.pl-0\.5 { + padding-left: 0.125rem; +} + .text-left { text-align: left; } @@ -2447,12 +2507,6 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-glow { - --tw-shadow: 0 0 5px 0px hsl(208, 41%, 76%); - --tw-shadow-colored: 0 0 5px 0px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -2563,6 +2617,10 @@ video { transition-duration: 150ms; } +.duration-150 { + transition-duration: 150ms; +} + .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } @@ -2708,6 +2766,12 @@ video { text-align: center; } +.active\:scale-95:active { + --tw-scale-x: .95; + --tw-scale-y: .95; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .group:hover .group-hover\:block { display: block; } diff --git a/package-lock.json b/package-lock.json index 8e16ea5..2f2a0be 100644 --- a/package-lock.json +++ b/package-lock.json @@ -544,9 +544,9 @@ "dev": true }, "node_modules/jackspeak": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.1.2.tgz", - "integrity": "sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==", + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.0.tgz", + "integrity": "sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==", "dev": true, "dependencies": { "@isaacs/cliui": "^8.0.2" @@ -562,9 +562,9 @@ } }, "node_modules/jiti": { - "version": "1.21.0", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", - "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", + "version": "1.21.3", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.3.tgz", + "integrity": "sha512-uy2bNX5zQ+tESe+TiC7ilGRz8AtRGmnJH55NC5S0nSUjvvvM2hJHmefHErugGXN4pNv4Qx7vLsnNw9qJ9mtIsw==", "dev": true, "bin": { "jiti": "bin/jiti.js" @@ -1072,9 +1072,6 @@ "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" - }, - "engines": { - "node": ">=8" } }, "node_modules/string-width-cjs/node_modules/ansi-regex": { @@ -1127,9 +1124,6 @@ "dev": true, "dependencies": { "ansi-regex": "^5.0.1" - }, - "engines": { - "node": ">=8" } }, "node_modules/strip-ansi-cjs/node_modules/ansi-regex": { @@ -1176,9 +1170,9 @@ } }, "node_modules/tailwindcss": { - "version": "3.4.3", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz", - "integrity": "sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==", + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz", + "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==", "dev": true, "dependencies": { "@alloc/quick-lru": "^5.2.0", @@ -1299,12 +1293,6 @@ "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": { @@ -1364,9 +1352,9 @@ } }, "node_modules/yaml": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.2.tgz", - "integrity": "sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.3.tgz", + "integrity": "sha512-sntgmxj8o7DE7g/Qi60cqpLBA3HG3STcDA0kO+WfB05jEKhZMbY7umNm2rBpQvsmZ16/lPXCJGW2672dgOUkrg==", "dev": true, "bin": { "yaml": "bin.mjs"