Add UAParser

Author: smashedr

README.md

@@ -10,13 +10,14 @@ Website for CSSNR GitHub Organization: https://cssnr.github.io/
 
 For more information join us on Discord: https://discord.gg/wXy6m2X8wY
 
-## Development
+# Development
 
 Install Jekyll: https://jekyllrb.com/docs/installation/
 
 Run: `jekyll serve -s src -o`
 
-This will build the site from the `src` directory, open it in your browser, watch for file changes, automatically rebuild the site and refresh the site in your browser; enjoy =)
+This will build the site from the `src` directory, open it in your browser, watch for file changes, automatically
+rebuild the site and refresh the site in your browser; enjoy...
 
 For more information see `jekyll help` and `jekyll serve --help` or visit: https://jekyllrb.com/docs/
 

src/_config.yml

@@ -15,6 +15,5 @@ menu:
     link: /feedback/
 
 github_url: https://github.com/cssnr
-
 discord_invite: https://discord.gg/wXy6m2X8wY
-discord_webhook: https://relay.cssnr.com/discord/1258944618389569566
+relay_url: https://relay.cssnr.com/discord/1258944618389569566

src/html/feedback.html

@@ -1,9 +1,9 @@
 ---
 layout: default
 permalink: /feedback/
-noindex: true
 title: Feedback
 description: General Feedback and Inquiries.
+noindex: true
 ---
 
 <div class="d-flex align-items-center h-100">
@@ -16,7 +16,7 @@ <h1 class="align-middle mb-0">{{ site.site_name }} {{ page.title }}</h1>
             Provide General Feedback or Ask a Question.
         </p>
         <form id="uninstall-form">
-            <input type="hidden" value="{{ site.discord_webhook }}" id="discord-webhook" hidden="hidden">
+            <input type="hidden" value="{{ site.relay_url }}" id="relay-url" hidden="hidden">
 
             <select id="app-list" class="form-select form-select-lg form-control mb-3" aria-label="Select Feedback Reason">
                 <option value="General Feedback" selected>Select an Application (Optional)</option>
@@ -43,6 +43,7 @@ <h1 class="align-middle mb-0">{{ site.site_name }} {{ page.title }}</h1>
     {% comment %}</div>{% endcomment %}
 {% comment %}</div>{% endcomment %}
 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.37/ua-parser.min.js" integrity="sha512-LAchvH0Y4sxYM1ouOaqHQ6WbSXvOgkioPaiyW0oPOFNNMNfpsBEpvzYmsxgDf8pQM/fMaMdxYP/nFenquTAkdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/3.0.2/tsparticles.bundle.min.js" integrity="sha512-MM4W2ywPFL6GyTpBoj7PU6nyv2jJg47rLI8kEAL8vk20RHtAqIe9KdweahKUk+OivrdpZoMYfMi271ZdS6tRnQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
 <script type="text/javascript" src="{{ "/js/config.js" | relative_url }}"></script>

src/js/feedback.js

@@ -60,7 +60,7 @@ async function formSubmit(event) {
     event.preventDefault()
     errorAlert.classList.add('d-none')
     // error.innerHTML = ''
-    const url = event.target.elements['discord-webhook'].value
+    const url = event.target.elements['relay-url'].value
     // console.debug('url:', url)
     const app = event.target.elements['app-list'].value
     // console.debug('app:', app)
@@ -72,9 +72,14 @@ async function formSubmit(event) {
         return console.warn('No Feedback Provided to Send.')
     }
     submitBtn.classList.add('disabled')
+    const parser = new UAParser()
+    const r = parser.getResult()
+    const type = r.browser.type ? ` - ${r.browser.type}` : ''
     const lines = [
         `CSSNR GitHub Feedback for: **${app}**`,
-        `\`${navigator.userAgent}\``,
+        `**Browser**: ${r.browser.name} ${r.browser.major} (${r.engine.name} - ${r.browser.version})`,
+        `**System**: ${r.os.name} ${r.os.version} (${r.cpu.architecture}${type})`,
+        `**Referrer**: <${document.referrer || 'no-referrer'}>`,
         `\`\`\`\n${text}\n\`\`\``,
     ]
     // console.debug('lines:', lines)