Skip to content

v0.1.0

Latest

Choose a tag to compare

@jackson-peg jackson-peg released this 25 Feb 13:48
· 3 commits to main since this release

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 /.proxy setup 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 /svelte exports.
  • 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 .proxy endpoints, 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: true compliance 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@latest

Full Changelog: https://github.com/jackson-peg/act-vite/commits/v0.1.0