npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@vue-solana/core

v2.3.0

Published

Framework-agnostic primitives for Vue Solana libraries.

Readme

@vue-solana/core

npm version npm downloads license docs

Framework-agnostic Solana primitives for Vue Solana libraries and apps that want shared RPC, wallet, and transaction helpers without installing a Vue plugin.

Use this package directly when you want Kit RPC client helpers, shared wallet types, Android Mobile Wallet Adapter registration helpers, message signing support, token account reads, and transaction helpers without installing the Vue plugin.

@vue-solana/core builds on @solana/kit. It exposes createSolanaClient() and re-exports Kit primitives (address, lamports, and the Address, Commitment, Lamports, Rpc, Signature, and SolanaRpcApi types) from @vue-solana/core/kit. The legacy @solana/web3-compat surface and the web3 subpaths were removed in v2.0.0; transactions flow through the packages as raw Uint8Array wire bytes.

Official Solana docs:

Full Vue Solana docs:

Features

  • Cluster-aware RPC helpers with HTTP and WebSocket endpoint defaults.
  • A Kit client with lazy rpc and rpcSubscriptions through createSolanaClient() / createSolanaContext().
  • Shared SolanaConfig, SolanaContext, and SolanaWallet types for framework integrations.
  • Wallet capability assertions for connection, message signing, and transaction signing flows.
  • Browser Wallet Standard adaptation primitives.
  • Android Mobile Wallet Adapter registration helpers.
  • iOS browser wallet link helpers for supported wallets.
  • Transaction submission and confirmation helpers.
  • SPL token account reads through Kit RPC jsonParsed.
  • A framework-agnostic action state machine (createSolanaActionStore) for async Solana work with per-attempt AbortSignal handling.

Compatibility

| Requirement | Supported | | ------------- | --------------------------------------------------- | | Runtime | Modern ESM or CommonJS bundlers | | TypeScript | TypeScript 5.x recommended | | Solana client | @solana/kit@^8.3.0 (and @solana/kit-plugin-rpc) | | Clusters | mainnet-beta, devnet, testnet, localnet |

This package no longer depends on @solana/web3-compat. It depends on @solana/kit and @solana/kit-plugin-rpc, so apps do not need to install either directly for normal Vue Solana usage.

Install

pnpm add @vue-solana/core
npm install @vue-solana/core

Quick Start

import { createSolanaContext } from "@vue-solana/core";

const solana = createSolanaContext({
  cluster: "devnet",
});

const { value } = await solana.client.rpc.getLatestBlockhash().send();

console.log(solana.endpoint, value.blockhash);

The root export remains supported. Direct subpath exports are also available for narrower imports:

import { createSolanaContext } from "@vue-solana/core/rpc";
import { parseAddress } from "@vue-solana/core/address";
import type { SolanaConfig } from "@vue-solana/core/types";
import { address, createSolanaClient } from "@vue-solana/core/kit";

Browser apps that serialize transactions can install the Buffer polyfill before transaction code runs:

import { installSolanaBufferPolyfill } from "@vue-solana/core/buffer-polyfill";

installSolanaBufferPolyfill();

Configuration

import type { SolanaConfig } from "@vue-solana/core";

const config: SolanaConfig = {
  cluster: "devnet",
  endpoint: "https://api.devnet.solana.com",
  wsEndpoint: "wss://api.devnet.solana.com",
  commitment: "confirmed",
  autoConnect: false,
};

| Option | Type | Default | Description | | ------------- | ------------------------------------------------------- | ----------------------------- | --------------------------------------------------------------------------------------- | | cluster | "mainnet-beta" \| "devnet" \| "testnet" \| "localnet" | "devnet" | Solana cluster used when endpoint is omitted. | | endpoint | string | Public endpoint for cluster | HTTP RPC endpoint. Use a dedicated RPC provider for production apps. | | wsEndpoint | string | Derived from endpoint | WebSocket RPC endpoint. | | commitment | Solana commitment | Solana client default | Default commitment for RPC calls. | | autoConnect | boolean | false | Consumed by Vue/Nuxt integrations to reconnect a previously selected discovered wallet. |

Supported clusters are mainnet-beta, testnet, devnet, and localnet. If endpoint is omitted, the package uses the public Solana RPC endpoint for the selected cluster. If wsEndpoint is omitted, it is derived from the RPC endpoint.

autoConnect is consumed by the Vue plugin and Nuxt module. It defaults to false; when set to true, Vue Solana reconnects only a previously selected wallet identity that is discovered again on the client.

Use mainnet-beta for Solana mainnet. This is Solana's official cluster name; the package intentionally does not use mainnet as an alias.

For development, use devnet and request free test SOL from the official faucet:

https://faucet.solana.com

API

Direct subpaths:

  • @vue-solana/core/action
  • @vue-solana/core/types
  • @vue-solana/core/address
  • @vue-solana/core/buffer-polyfill
  • @vue-solana/core/clusters
  • @vue-solana/core/errors
  • @vue-solana/core/ios-wallet
  • @vue-solana/core/kit
  • @vue-solana/core/mobile-wallet
  • @vue-solana/core/rpc
  • @vue-solana/core/token-accounts
  • @vue-solana/core/timeout
  • @vue-solana/core/transaction
  • @vue-solana/core/wallet
  • @vue-solana/core/wallet-standard

| API | Description | | --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | DEFAULT_CLUSTER | Default cluster, currently devnet. | | parseAddress(value) | Parses an Address, address string, ref-like { value }, getter, null, or undefined into an Address \| null. Invalid strings throw INVALID_ADDRESS. | | createSolanaClient(config?) | Creates a Kit client exposing lazy rpc and rpcSubscriptions. | | createSolanaContext(config?) | Creates { cluster, endpoint, wsEndpoint, client }. | | getClusterEndpoint(cluster?) | Returns the HTTP RPC endpoint for a cluster. | | getClusterWebSocketEndpoint(cluster?) | Returns the WebSocket endpoint for a cluster. | | getWebSocketEndpoint(endpoint) | Converts http/https RPC URLs to ws/wss URLs. | | isWalletConnected(wallet) | Checks whether a wallet is connected and has an address. | | assertWalletConnected(wallet) | Throws if the wallet is not connected. | | assertWalletCanSignMessage(wallet) | Throws if the wallet is disconnected or cannot sign messages. | | assertWalletCanSign(wallet) | Throws if the wallet cannot sign transactions. | | signAndSendTransaction(client, wallet, transaction, options?) | Signs and sends raw wire bytes (SolanaTransaction = Uint8Array) using a configured wallet. | | confirmTransactionSignature(client, signature, options?) | Waits for a submitted signature to reach a requested commitment by polling getSignatureStatuses. Defaults to confirmed and a 60 second timeout. | | getTokenAccountsByOwner(client, owner, options?) | Returns SPL token accounts for an owner (token and token-2022 programs by default). | | getTokenAccount(client, address, commitment?) | Reads a single token account, returning null when it does not exist. | | getTokenBalance(client, mint, owner, commitment?) | Reads the token balance for an owner's associated token account as { amount, decimals }. | | createSolanaActionStore(fn) | Wraps an async (signal, ...args) => Promise function into a { getState, subscribe, dispatch, reset, withSignal } store; each dispatch aborts the prior in-flight call. | | isSolanaActionAborted(error) | Detects abort errors from superseded action dispatches. |

Wallet Interface

import type { SolanaWallet } from "@vue-solana/core";

const wallet: SolanaWallet = {
  publicKey: null,
  connected: false,
  connect: async () => {},
  disconnect: async () => {},
  signMessage: async (message) => ({ signedMessage: message, signature: new Uint8Array() }),
  signTransaction: async (transaction) => transaction,
};

SolanaWallet.publicKey is an Address string (null when disconnected). signTransaction and signAllTransactions accept and return raw Uint8Array wire bytes.

Browser extension wallets discovered through the Solana Wallet Standard are adapted into SolanaWallet. Android Mobile Wallet Adapter is registered through @solana-mobile/wallet-standard-mobile and then adapted through the same Wallet Standard adapter on supported Android Chrome clients. iOS browser wallet entries for Phantom, Solflare, and Backpack are adapted through wallet-specific universal links. Wallet capability metadata exposes whether each wallet supports message signing, transaction signing, and sign-and-send flows. You can also provide a custom object that implements SolanaWallet for tests or custom adapters.

Current wallet support:

  • Browser extension wallets through Wallet Standard packages.
  • Android native mobile wallets through @solana-mobile/wallet-standard-mobile on Android Chrome and Chrome PWAs.
  • iOS browser wallets for Phantom, Solflare, and Backpack through wallet-specific universal links.
  • Message signing when the active wallet exposes signMessage.
  • Manual/custom wallet objects that implement SolanaWallet.

Planned but not supported yet:

  • Desktop native app wallets through wallet-specific protocol links or future native Wallet Standard registration.

Examples

For complete runnable Vue and Nuxt examples that use this package through the framework integrations, see:

AI Agent Skill

If you use an AI coding agent, install the Vue Solana Agent Skill for package selection, setup patterns, wallet flow guidance, Solana-specific gotchas, and verification commands:

npx skills add vue-solana/vue-solana --skill vue-solana

Docs: Vue Solana Agent Skill

Caveats

  • Public Solana RPC endpoints are useful for development, but production apps should use dedicated RPC infrastructure.
  • Use mainnet-beta for Solana mainnet. mainnet is intentionally not accepted as a cluster alias.
  • Transactions are raw wire bytes. Build transaction messages with @solana/kit (createTransactionMessage(), compileTransaction()) and serialize them before passing them to wallet flows.
  • v2.0.0 removed @solana/web3-compat and the web3 subpaths. See the Kit Migration guide for migrating from v1.
  • Desktop native app wallets are planned but not implemented yet.

Status

This package provides Kit RPC helpers, browser extension wallet primitives, Android mobile wallet registration, message signing, token account reads, transaction helpers, and a framework-agnostic async action state machine.