Act-Vite v0.1.0: Discord Activities, Without the Headache.
We are thrilled to announce the initial release of Act-Vite, a comprehensive, production-ready framework designed to radically simplify the development of Discord Activities.
Building Discord Activities has historically involved wrestling with nested iframes, complex proxy routing algorithms, and manual OAuth2 token exchanges. Act-Vite solves this by providing a unified, modular toolkit that handles the heavy lifting, allowing you to focus purely on building your application logic and multiplayer experiences.
What's Included in v0.1.0
The Act-Vite ecosystem is composed of four modular, deeply-integrated packages:
actvite(Core Runtime): The backbone of the framework. It handles the Discord Embedded App SDK initialization, automates the complex/.proxysetup logic locally, tracks participant lifecycles, and seamlessly manages the client-side OAuth2 flow.- Framework Bindings: First-class support and deep reactive integration for React, Vue, and Svelte via dedicated
/react,/vue, and/svelteexports.
- Framework Bindings: First-class support and deep reactive integration for React, Vue, and Svelte via dedicated
actvite-server: A lightweight, highly-optimized package containing token exchange utilities for the backend.- Server Adapters: Drop-in middleware and plugins for Express, Hono, and Fastify.
actvite-multiplayer: A robust WebSocket-based reactive state synchronization engine with built-in server-side Room Management specifically tailored for Discord Activities.create-actvite: An incredibly fast scaffolding CLI (pnpm create actvite) that generates fully configured, production-ready project templates (Basic or Multiplayer) using your choice of frontend framework and backend server.
Key Features
- Zero-Config Proxies: Act-Vite intercepts and patches
fetch,WebSocket, and iframe navigations to automatically route them through Discord's.proxyendpoints, eliminating entirely the need to manually build proxy URLs. - Automated Authentication: Handles the complete Discord SDK token exchange flow seamlessly between your client and server adapters.
- Type Safety:
strict: truecompliance across all exports, ensuring robust developer experience and autocompletion. - Documentation: Comprehensive documentation available at jackson-peg.github.io/act-vite, featuring guides, framework bindings, and full API references.
Getting Started
You can immediately spin up a new Act-Vite project using your terminal:
pnpm create actvite@latestFull Changelog: https://github.com/jackson-peg/act-vite/commits/v0.1.0