@skaile/workspace-bridge-vue

@skaile/workspace-bridge-vue

Vue 3.3+ bindings for @skaile/workspaces. Provides composables for subscribing to the framework-agnostic AgentStore and ResourceClient via shallowRef + onScopeDispose.

Install

bun add @skaile/workspaces @skaile/workspace-bridge-vue vue

Usage

<script setup lang="ts">
import { useAgentStore } from "@skaile/workspace-bridge-vue";
import type { AgentStore } from "@skaile/workspaces/store";

const props = defineProps<{ store: AgentStore }>();
const snapshot = useAgentStore(props.store);
// snapshot.value.messages, snapshot.value.streamingText, etc.
</script>

Connect to skaile serve

The components above take the AgentStore as a prop. Build it from an AgentClient on a WebSocket transport pointed at a running skaile serve:

import { AgentClient } from "@skaile/workspaces/client";
import { AgentStore } from "@skaile/workspaces/store";
import { WebSocketClientTransport } from "@skaile/workspaces/transport/ws/client";

const transport = new WebSocketClientTransport({ url: "ws://localhost:8080" });
const store = AgentStore.fromClient(new AgentClient(transport));
await transport.connect();

Exports

Peer Dependency

• vue >= 3.3 (uses Composition API + effectScope)