Remove nightly references, link to Discord & add widget

Author: dcodeIO

src/.vuepress/components/Community.vue

@@ -0,0 +1,82 @@
+<template>
+  <div v-if="members.length > 0" class="community">
+    <div class="list">
+      <a v-for="member in members" href="https://discord.gg/U63XU2J" :title="member.username" :class="member.status" target="_blank" rel="noopener">
+        <img :src="member.avatar_url + '?size=64'" :alt="member.username" loading="lazy" />
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+const widgetUrl = 'https://discordapp.com/api/guilds/721472913886281818/widget.json'
+
+export default {
+  name: 'Community',
+
+  data() {
+    return {
+      members: this.members || []
+    }
+  },
+
+  mounted() {
+    fetch('https://green-sun-f03e.encors.workers.dev/?url=' + encodeURIComponent(widgetUrl), { mode: 'cors', credentials: 'omit' })
+      .then(res => res.json())
+      .then(({ members }) => {
+        this.members = members.filter(member =>
+          typeof member.username === 'string' &&
+          typeof member.avatar_url === 'string' &&
+          member.avatar_url.startsWith('https://cdn.discordapp.com/') &&
+          ['online', 'idle'].includes(member.status))
+      })
+      .catch(err => {
+        // don't show the widget
+      })
+  }
+}
+</script>
+
+<style scoped>
+.community .list {
+  text-align: center;
+}
+.community .list a {
+  display: inline-block;
+  box-sizing: border-box;
+  position: relative;
+  top: 0;
+  transition: top 100ms;
+}
+.community .list a:hover {
+  top: -4px;
+}
+.community .list a:before {
+  content: '';
+  position: absolute;
+  border-radius: 50%;
+  background: #999;
+  bottom: 2px;
+  right: 2px;
+  width: 10px;
+  height: 10px;
+  border: 2px solid #fff;
+}
+.community .list a.online:before {
+  background: #49b684;
+}
+.community .list a.idle:before {
+  background: #f8a735;
+}
+.community .list img {
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  border-radius: 50%;
+  border: 1px solid #fff;
+  box-shadow: 0 0 0 1px #007acc;
+}
+.community .list a {
+  padding: 0.15rem;
+}
+</style>

src/.vuepress/nav.js

@@ -72,18 +72,6 @@ module.exports = [
   {
     text: 'Community',
     items: [
-      {
-        text: 'Working Group',
-        link: 'https://github.com/AssemblyScript/working-group'
-      },
-      {
-        text: 'Community Group',
-        link: 'https://github.com/AssemblyScript/community-group'
-      },
-      {
-        text: 'Slack (with invite)',
-        link: 'https://assemblyscript.slack.com/'
-      },
       {
         text: 'Contributing guidelines',
         link: 'https://github.com/AssemblyScript/assemblyscript/blob/master/CONTRIBUTING.md'
@@ -92,25 +80,38 @@ module.exports = [
         text: 'Code of Conduct',
         link: 'https://github.com/AssemblyScript/assemblyscript/blob/master/CODE_OF_CONDUCT.md'
       },
+      {
+        text: 'Groups',
+        items: [
+          {
+            text: 'Community Group',
+            link: 'https://github.com/AssemblyScript/community-group'
+          },
+          {
+            text: 'Working Group',
+            link: 'https://github.com/AssemblyScript/working-group'
+          }
+        ]
+      },
       {
         text: 'Social',
         items: [
           {
             text: 'Twitter',
             link: 'https://twitter.com/AssemblyScript'
+          },
+          {
+            text: 'Discord',
+            link: 'https://discord.gg/U63XU2J'
           }
         ]
       },
       {
-        text: 'General',
+        text: 'Q&A',
         items: [
           {
             text: 'Stack Overflow',
             link: 'https://stackoverflow.com/questions/tagged/assemblyscript'
-          },
-          {
-            text: 'WebAssembly Discord',
-            link: 'https://discordapp.com/invite/nEFErF8'
           }
         ]
       }

src/index.md

@@ -93,6 +93,12 @@ loader.instantiate(module_wasm, { /* imports */ })
   <a href="./quick-start.html">Install locally! ⭢</a>
 </p>
 
+<div id="community">
+  <h2><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg> Join our Discord</h2>
+  <p>If you have questions only a human can answer, would like to show others what you are working on or just want to hang out with other AssemblyScript folks, make sure to <a href="https://discord.gg/U63XU2J" target="_blank" rel="noopener">join our Discord server</a>! There you'll find channels for <strong>#announcements</strong>, <strong>#help</strong>, and more.</p>
+  <Community />
+</div>
+
 <style scoped>
 #hero {
   margin-top: 2rem;
@@ -196,6 +202,12 @@ loader.instantiate(module_wasm, { /* imports */ })
 #sponsors {
   margin-bottom: 2rem;
 }
+#community h2 svg {
+  display: inline-block;
+  height: 25px;
+  position: relative;
+  top: 3px;
+}
 </style>
 
 <style>

src/loader.md

@@ -36,7 +36,7 @@ npm install --save @assemblyscript/loader
 ```
 
 ::: tip
-If you need a [specific version](https://github.com/AssemblyScript/assemblyscript/releases) of the loader, append the respective version number as usual. For each nightly version of the compiler there is a respective nightly of the loader as well.
+If you need a [specific version](https://github.com/AssemblyScript/assemblyscript/releases) of the loader, append the respective version number as usual.
 :::
 
 ## Usage

src/quick-start.md

@@ -27,12 +27,7 @@ npm install --save-dev assemblyscript
 ```
 
 ::: tip
-If you need a [specific version](https://github.com/AssemblyScript/assemblyscript/releases) of the loader and/or the compiler, append the respective version number as usual. The latest nightly version \(note the `--save-exact`\) can be obtained via
-
-```sh
-npm install --save --save-exact @assemblyscript/loader@nightly  
-npm install --save-dev --save-exact assemblyscript@nightly
-```
+If you need a [specific version](https://github.com/AssemblyScript/assemblyscript/releases) of the loader and/or the compiler, append the respective version number as usual.
 :::
 
 Once installed, the compiler provides a handy scaffolding utility to quickly set up a new AssemblyScript project, for example in the directory of the just initialized node module: