docs: restore Discord links across the site

.vitepress/config.mts

@@ -56,6 +56,7 @@ const themeConfig = {
 
   socialLinks: [
     { icon: 'github', link: 'https://github.com/humanbydefinition/textmode.js' },
+    { icon: 'discord', link: 'https://discord.gg/sjrw8QXNks' },
   ],
 }
 
@@ -84,6 +85,15 @@ export default withMermaid(defineConfig({
   },
   transformHead,
 
+  vite: {
+    optimizeDeps: {
+      // Mermaid is only reached through a lazily-loaded component, so Vite's
+      // dependency scanner misses it. Pre-bundle it (and its CommonJS
+      // dependencies such as fastdom) to keep CJS interop working in dev.
+      include: ['mermaid', 'fastdom'],
+    },
+  },
+
   markdown: {
     config(md) {
       md

.vitepress/configs/head.mts

@@ -190,7 +190,8 @@ export const transformHead = ({ pageData }: TransformContext): HeadConfig[] => {
           "url": "https://code.textmode.art/",
           "logo": "https://code.textmode.art/svg/doc_logo.svg",
           "sameAs": [
-            "https://github.com/humanbydefinition/textmode.js"
+            "https://github.com/humanbydefinition/textmode.js",
+            "https://discord.gg/sjrw8QXNks"
           ]
         },
         {

.vitepress/data/TESTIMONIALS_README.md

@@ -93,4 +93,4 @@ Search for testimonials using:
 
 ## Contributing
 
-Found a great testimonial in the wild? Submit a PR adding it to this file!
+Found a great testimonial in the wild? Submit a PR adding it to this file, or let us know in the Discord!

.vitepress/theme/components/CommunitySupport/CommunitySupport.vue

@@ -106,6 +106,15 @@
           <UiIcon name="ph:star-duotone" size="sm" />
           Star on GitHub
         </a>
+        <a 
+          href="https://discord.gg/sjrw8QXNks" 
+          target="_blank" 
+          rel="noopener noreferrer"
+          class="community-support__banner-btn community-support__banner-btn--secondary"
+        >
+          <UiIcon name="ic:baseline-discord" size="sm" />
+          Join Discord
+        </a>
       </div>
     </div>
   </section>
@@ -147,6 +156,14 @@ const resources: LinkItem[] = [
 ]
 
 const connect: LinkItem[] = [
+  {
+    title: 'Discord',
+    description: 'Chat with the community',
+    link: 'https://discord.gg/sjrw8QXNks',
+    icon: 'ic:baseline-discord',
+    external: true,
+    color: 'discord'
+  },
   {
     title: 'Discussions',
     description: 'Ideas and Q&A',
@@ -294,6 +311,15 @@ const connect: LinkItem[] = [
   transition: all 0.2s ease;
 }
 
+.community-support__link-icon-wrapper--discord {
+  color: #5865F2;
+}
+
+.community-support__link:hover .community-support__link-icon-wrapper--discord {
+  background: #5865F2;
+  color: white;
+}
+
 .community-support__link-icon-wrapper--github {
   color: var(--vp-c-text-1);
 }

.vitepress/theme/components/Gallery/GalleryGrid.vue

@@ -80,7 +80,7 @@
         <div class="gallery-grid__cta-text">
           <h4 class="gallery-grid__cta-title">Submit your project</h4>
           <p class="gallery-grid__cta-desc">
-            Built something awesome with <code>#textmodejs</code>? Add your project to the gallery by creating a pull request!
+            Built something awesome with <code>#textmodejs</code>? Add your project to the gallery by creating a pull request, or share it on Discord and we'll help you get it featured!
           </p>
         </div>
       </div>
@@ -94,6 +94,15 @@
           <UiIcon name="ph:github-logo-duotone" size="sm" />
           Create Pull Request
         </a>
+        <a
+          href="https://discord.gg/sjrw8QXNks"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="gallery-grid__cta-btn gallery-grid__cta-btn--secondary"
+        >
+          <UiIcon name="ic:baseline-discord" size="sm" />
+          Share on Discord
+        </a>
       </div>
     </div>
   </section>

CONTRIBUTING.md

@@ -23,5 +23,6 @@ also run `npm run check:contributors`.
 Read the [Code of Conduct](CODE_OF_CONDUCT.md). Report vulnerabilities privately by following
 [SECURITY.md](SECURITY.md), not through a public issue.
 
-Need help? [Open an issue](https://github.com/humanbydefinition/code.textmode.art/issues) or
-[start a Discussion](https://github.com/humanbydefinition/code.textmode.art/discussions).
+Need help? [Open an issue](https://github.com/humanbydefinition/code.textmode.art/issues),
+[start a Discussion](https://github.com/humanbydefinition/code.textmode.art/discussions), or
+[join Discord](https://discord.gg/sjrw8QXNks).

docs/contributing/docs.md

@@ -128,3 +128,4 @@ changes to scope, content, examples, or validation.
 ## Need help?
 
 - [Open a documentation issue](https://github.com/humanbydefinition/code.textmode.art/issues)
+- [Join the Discord community](https://discord.gg/sjrw8QXNks)

docs/contributing/index.md

@@ -38,3 +38,4 @@ and the
 ## Need help?
 
 - [Open a documentation issue](https://github.com/humanbydefinition/code.textmode.art/issues)
+- [Join the Discord community](https://discord.gg/sjrw8QXNks)

docs/contributing/submit-a-sketch.md

@@ -98,5 +98,6 @@ you may also need a companion PR updating the canonical
 If you're unsure which route your sketch belongs to:
 
 - Open an [issue](https://github.com/humanbydefinition/code.textmode.art/issues)
+- Join the [Discord community](https://discord.gg/sjrw8QXNks)
 
 Thank you for contributing to the `textmode.js` documentation ecosystem!

docs/support.md

@@ -20,6 +20,7 @@ lastUpdated: false
 The most helpful support is often simple and public:
 
 - Share work you made with `textmode.js`.
+- Join the [textmode.js Discord community](https://discord.gg/sjrw8QXNks) to share work, ask questions, and connect with other users.
 - Mention `textmode.js` when you publish a sketch, stream, article, class, workshop, or project.
 - Star the repositories you use.
 - Submit examples that show real creative use cases.

gallery.md

@@ -23,5 +23,6 @@ The gallery is just getting started! As more creators share their work, this spa
 
 1. **Create a pull request** - [Add your project to gallery.json](https://github.com/humanbydefinition/code.textmode.art/edit/main/.vitepress/data/gallery.json) directly
 2. **Tag your work** - Share on social media with `#textmodejs`
+3. **Join Discord** - Share your work in our [community server](https://discord.gg/sjrw8QXNks) and we'll help you submit it
 
 We review submissions regularly and love featuring creative uses of the library!

index.md

@@ -60,7 +60,7 @@ features:
 
 A library designed for building generative art installations, retro games, interactive visualizations, live coding performances, and experimental web experiences. Whether you're prototyping an idea or shipping a production app, textmode.js has you covered.
 
-**Shape the future of textmode graphics.** Your feedback, ideas, and creations help drive development.
+**Shape the future of textmode graphics.** Your feedback, ideas, and creations help drive development. Join our [Discord](https://discord.gg/sjrw8QXNks) to share what you're building, get support, and connect with fellow textmode enthusiasts.
 
 ### From zero to textmode in minutes