@rool-dev/svelte 0.1.4 → 0.1.6-dev.fdaf8f8

package/README.md

@@ -1,8 +1,8 @@
 # Rool Svelte
 
-Svelte 5 bindings for Rool Spaces. Transforms the event-based SDK into reactive state using `$state` runes.
+Svelte 5 bindings for Rool Spaces. Adds reactive state to the SDK using `$state` runes.
 
-**Requires Svelte 5.** For core concepts (objects, relations, AI placeholders, undo/redo), see the [SDK documentation](https://docs.rool.dev/sdk/).
+**Requires Svelte 5.** For core concepts (objects, relations, AI placeholders, undo/redo), see the [SDK documentation](../sdk/README.md).
 
 ## Installation
 
@@ -18,6 +18,8 @@ npm install @rool-dev/svelte
 
   const rool = createRool();
   rool.init();
+
+  let currentSpace = $state(null);
 </script>
 
 {#if !rool.authenticated}
@@ -25,13 +27,32 @@ npm install @rool-dev/svelte
 {:else}
   <h1>My Spaces</h1>
   {#each rool.spaces ?? [] as space}
-    <button onclick={() => rool.openSpace(space.id)}>
+    <button onclick={async () => currentSpace = await rool.openSpace(space.id)}>
       {space.name}
     </button>
   {/each}
+
+  {#if currentSpace}
+    <p>Interactions: {currentSpace.interactions.length}</p>
+  {/if}
 {/if}
 ```
 
+## What It Provides
+
+The Svelte wrapper adds reactive state on top of the SDK:
+
+| Reactive Property | Description |
+|-------------------|-------------|
+| `rool.authenticated` | Auth state (`null` = checking, `true`/`false` = known) |
+| `rool.spaces` | List of available spaces |
+| `rool.spacesLoading` | Whether spaces are loading |
+| `rool.spacesError` | Error from loading spaces |
+| `rool.connectionState` | SSE connection state |
+| `space.interactions` | Conversation interactions (auto-updates) |
+
+Everything else passes through to the SDK directly. See the [SDK documentation](../sdk/README.md) for full API details.
+
 ## API
 
 ### Lifecycle
@@ -41,16 +62,16 @@ const rool = createRool();
 
 rool.init();              // Process auth callbacks (call on app startup)
 rool.login('My App');     // Redirect to login page
-rool.logout();            // Clear auth state
+rool.logout();            // Clear auth state and close all spaces
 rool.destroy();           // Clean up all resources
 ```
 
-### Client State (Always Available)
+### Client State
 
 ```svelte
 <script>
-  // Direct property access - automatically reactive
-  // rool.authenticated    → boolean
+  // All properties are reactive $state
+  // rool.authenticated    → boolean | null
   // rool.spaces           → RoolSpaceInfo[] | undefined
   // rool.spacesLoading    → boolean
   // rool.spacesError      → Error | null
@@ -68,9 +89,7 @@ rool.destroy();           // Clean up all resources
 {/if}
 ```
 
-### Space Lifecycle
-
-Opening a space returns a `SpaceHandle` with reactive state and methods:
+### Opening Spaces
 
 ```typescript
 const space = await rool.openSpace('space-id');
@@ -85,171 +104,90 @@ const spaceB = await rool.openSpace('space-b');
 space.close();
 ```
 
-### Space State
-
-```svelte
-<script>
-  // space.info              → { id, name, role }
-  // space.conversationId    → string
-  // space.conversations     → ConversationInfo[] | undefined
-  // space.conversationsLoading → boolean
-  // space.interactions      → Interaction[]
-  // space.systemInstruction → string | undefined
-</script>
-
-<h1>{space.info.name}</h1>
-<p>Role: {space.info.role}</p>
-
-<!-- Conversation picker -->
-<select onchange={(e) => space.setConversationId(e.target.value)}>
-  {#each space.conversations ?? [] as conv}
-    <option value={conv.id} selected={conv.id === space.conversationId}>
-      {conv.name ?? 'Untitled'}
-    </option>
-  {/each}
-</select>
-
-<!-- Chat messages -->
-{#each space.interactions as interaction}
-  <div class="message">
-    <strong>{interaction.operation}</strong>
-    <p>{interaction.output}</p>
-  </div>
-{/each}
-```
-
-### Object Factories
+### ReactiveSpace
 
-Object state is created via factory functions and cached by arguments. Each returns an `AsyncValue` with reactive `value`, `loading`, and `error` properties.
+`openSpace` and `createSpace` return a `ReactiveSpace` — the SDK's `RoolSpace` with reactive `interactions`:
 
 ```svelte
 <script>
-  // Single object
-  const sun = space.object('sun-id');
-  // sun.value   → RoolObject | undefined
-  // sun.loading → boolean
-  // sun.error   → Error | null
-
-  // Children (objects this object links TO)
-  const planets = space.children('sun-id', 'hasPlanet');
-
-  // Parents (objects that link TO this object)
-  const stars = space.parents('earth-id', 'orbits');
+  let space = $state(null);
 
-  // Query (manual refresh only)
-  const articles = space.query({ where: { type: 'article' } });
+  async function open(id) {
+    space = await rool.openSpace(id);
+  }
 </script>
 
-{#if sun.loading}
-  <p>Loading...</p>
-{:else if sun.error}
-  <p>Error: {sun.error.message}</p>
-{:else if sun.value}
-  <h1>{sun.value.name}</h1>
-{/if}
+{#if space}
+  <!-- Reactive: updates as AI makes tool calls -->
+  {#each space.interactions as interaction}
+    <div>
+      <strong>{interaction.operation}</strong>: {interaction.output}
+    </div>
+  {/each}
 
-<!-- Manual refresh -->
-<button onclick={() => articles.refresh()}>Refresh</button>
+  <!-- All SDK methods work directly -->
+  <button onclick={() => space.prompt('Hello')}>Send</button>
+{/if}
 ```
 
-### Mutations
+### Using the SDK
 
-All mutations are async and pass through to the underlying SDK.
+All `RoolSpace` methods and properties are available on `ReactiveSpace`:
 
 ```typescript
-// Create objects
-const { object, message } = await space.createObject({
-  data: { type: 'article', title: 'Hello World' }
-});
-
-// Update objects
-await space.updateObject(object.id, {
-  data: { status: 'published' }
-});
-
-// Delete objects
-await space.deleteObjects([object.id]);
-
-// Links
-await space.link(sourceId, 'references', targetId);
-await space.unlink(sourceId, 'references', targetId);
-
-// AI prompt
-const { message, objects } = await space.prompt(
-  'Create a summary of all articles'
-);
+// Properties
+space.id
+space.name
+space.role
+space.conversationId
+
+// Object operations
+await space.getObject(id)
+await space.createObject({ data: { type: 'note', text: 'Hello' } })
+await space.updateObject(id, { data: { text: 'Updated' } })
+await space.deleteObjects([id])
+await space.findObjects({ where: { type: 'note' } })
+
+// Relations
+await space.link(sourceId, 'references', targetId)
+await space.unlink(sourceId, 'references', targetId)
+await space.getChildren(id, 'references')
+await space.getParents(id, 'references')
+
+// AI
+await space.prompt('Summarize everything')
 
 // Undo/Redo
-await space.checkpoint('Before edit');
-await space.updateObject(id, { data: { title: 'New title' } });
-await space.undo();  // Reverts the update
-await space.redo();  // Reapplies the update
+await space.checkpoint('Before edit')
+await space.undo()
+await space.redo()
+
+// Conversations
+await space.setSystemInstruction('You are helpful')
+await space.renameConversation('id', 'Research')
+space.getInteractions()
 ```
 
-### Conversation Management
-
-```typescript
-space.setConversationId('new-convo-id');
-await space.setSystemInstruction('You are a helpful assistant');
-await space.renameConversation('convo-id', 'Research Thread');
-await space.deleteConversation('convo-id');
-```
+See the [SDK documentation](../sdk/README.md) for complete API details.
 
 ### Utilities
 
 ```typescript
 import { generateId } from '@rool-dev/svelte';
 
-// Generate a 6-character alphanumeric ID (same as RoolClient.generateId())
+// Generate a 6-character alphanumeric ID
 const id = generateId();
 ```
 
-## Auto-Refresh Behavior
-
-| State | Auto-refreshes on |
-|-------|-------------------|
-| `object(id)` | `objectUpdated`/`objectDeleted` for that ID |
-| `children(id, rel)` | `linked`/`unlinked` events + member object updates |
-| `parents(id, rel)` | `linked`/`unlinked` events + member object updates |
-| `query(options)` | Never (call `refresh()` manually) |
-| `rool.spaces` | `spaceCreated`/`spaceDeleted`/`spaceRenamed` |
-| `space.conversations` | `conversationsChanged` |
-| `space.interactions` | `conversationUpdated` + `conversationIdChanged` |
-
-## AsyncValue Interface
-
-Object factories return `AsyncValue` instances:
-
-```typescript
-class AsyncValue<T> {
-  value: T | undefined;      // The data (reactive)
-  loading: boolean;          // Loading state (reactive)
-  error: Error | null;       // Last error (reactive)
-  refresh(): Promise<void>;  // Manually refresh
-}
-```
-
-## Design Principles
-
-1. **Svelte 5 runes** — Uses `$state` for reactivity, no legacy stores
-2. **Direct property access** — No `$` prefix needed, just access properties
-3. **Go through the API** — Never exposes raw space data, all access via SDK methods
-4. **Auto-refresh where safe** — Object/relation state auto-refreshes; queries are manual
-5. **Caching** — Factory functions return cached instances by arguments
-
 ## Exported Types
 
 ```typescript
 // Package types
-import type {
-  Rool,
-  SpaceHandle,
-  SpaceInfo,
-  AsyncValue,
-} from '@rool-dev/svelte';
+import type { Rool, ReactiveSpace } from '@rool-dev/svelte';
 
 // Re-exported from @rool-dev/sdk
 import type {
+  RoolSpace,
   RoolSpaceInfo,
   RoolObject,
   RoolUserRole,
@@ -265,7 +203,8 @@ import type {
 
 ## Examples
 
-See the [svelte-chat example](https://github.com/rool-dev/rool-js/tree/main/examples/svelte-chat) for a complete working app.
+- [soft-sql](../../examples/soft-sql) — SQL-style natural language queries with live tool call progress
+- [flashcards](../../examples/flashcards) — Spaced repetition with AI-generated cards
 
 ## License
 

package/dist/index.d.ts

@@ -1,3 +1,6 @@
 export { createRool, generateId } from './rool.svelte.js';
-export type { Rool, SpaceHandle, SpaceInfo, AsyncValue, CreateObjectOptions, UpdateObjectOptions, RoolSpaceInfo, RoolObject, RoolUserRole, ConnectionState, ConversationInfo, Interaction, FindObjectsOptions, PromptOptions, } from './types.js';
+export { wrapSpace } from './space.svelte.js';
+export type { Rool } from './rool.svelte.js';
+export type { ReactiveSpace } from './space.svelte.js';
+export type { RoolSpace, RoolSpaceInfo, RoolObject, RoolUserRole, ConnectionState, ConversationInfo, Interaction, FindObjectsOptions, PromptOptions, CreateObjectOptions, UpdateObjectOptions, } from '@rool-dev/sdk';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG1D,YAAY,EAEV,IAAI,EACJ,WAAW,EACX,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EAEnB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,YAAY,EACV,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,2 +1,4 @@
 // Main export
 export { createRool, generateId } from './rool.svelte.js';
+// Reactive space wrapper
+export { wrapSpace } from './space.svelte.js';

package/dist/rool.svelte.d.ts

@@ -1,7 +1,12 @@
 import { type RoolSpaceInfo, type ConnectionState } from '@rool-dev/sdk';
-import { type SpaceHandle } from './space.svelte.js';
+import { type ReactiveSpace } from './space.svelte.js';
 /**
- * Rool client with reactive state using Svelte 5 runes.
+ * Rool client with reactive state for Svelte 5.
+ *
+ * Provides:
+ * - Reactive auth state (`authenticated`)
+ * - Reactive spaces list (`spaces`)
+ * - Direct access to SDK spaces (no wrapper abstraction)
  */
 declare class RoolImpl {
     #private;
@@ -11,22 +16,44 @@ declare class RoolImpl {
     spacesError: Error | null;
     connectionState: ConnectionState;
     constructor();
+    /**
+     * Initialize the client. Call on app startup.
+     * Returns true if authenticated, false otherwise.
+     */
     init(): Promise<boolean>;
+    /**
+     * Redirect to login page.
+     */
     login(appName: string): void;
+    /**
+     * Log out and close all open spaces.
+     */
     logout(): void;
+    /**
+     * Open an existing space. Returns a ReactiveSpace with reactive `interactions`.
+     */
     openSpace(id: string, options?: {
         conversationId?: string;
-    }): Promise<SpaceHandle>;
+    }): Promise<ReactiveSpace>;
+    /**
+     * Create a new space. Returns a ReactiveSpace with reactive `interactions`.
+     */
     createSpace(name?: string, options?: {
         conversationId?: string;
-    }): Promise<SpaceHandle>;
+    }): Promise<ReactiveSpace>;
+    /**
+     * Manually refresh the spaces list.
+     */
     refreshSpaces(): Promise<void>;
+    /**
+     * Clean up resources.
+     */
     destroy(): void;
 }
 /**
  * Create a new Rool instance.
  */
-export declare function createRool(): RoolImpl;
+export declare function createRool(): Rool;
 /**
  * Generate a unique 6-character alphanumeric ID.
  */

package/dist/rool.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rool.svelte.d.ts","sourceRoot":"","sources":["../src/rool.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExE;;GAEG;AACH,cAAM,QAAQ;;IAOZ,aAAa,iBAAgC;IAC7C,MAAM,8BAAkD;IACxD,aAAa,UAAiB;IAC9B,WAAW,eAA8B;IACzC,eAAe,kBAA2C;;IAsDpD,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAQ9B,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI5B,MAAM,IAAI,IAAI;IAYR,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,WAAW,CAAC;IAelF,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,WAAW,CAAC;IAmB7F,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ9B,OAAO,IAAI,IAAI;CAahB;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,QAAQ,CAErC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAEnC;AAED,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"rool.svelte.d.ts","sourceRoot":"","sources":["../src/rool.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElE;;;;;;;GAOG;AACH,cAAM,QAAQ;;IAMZ,aAAa,iBAAgC;IAC7C,MAAM,8BAAkD;IACxD,aAAa,UAAiB;IAC9B,WAAW,eAA8B;IACzC,eAAe,kBAA2C;;IAkD1D;;;OAGG;IACG,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAQ9B;;OAEG;IACH,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI5B;;OAEG;IACH,MAAM,IAAI,IAAI;IAQd;;OAEG;IACG,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,aAAa,CAAC;IAO1F;;OAEG;IACG,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,aAAa,CAAC;IAO/F;;OAEG;IACH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAI9B;;OAEG;IACH,OAAO,IAAI,IAAI;CAahB;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAEjC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAEnC;AAED,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC"}

package/dist/rool.svelte.js

@@ -1,15 +1,19 @@
 import { RoolClient } from '@rool-dev/sdk';
-import { createSpaceHandle } from './space.svelte.js';
+import { wrapSpace } from './space.svelte.js';
 /**
- * Rool client with reactive state using Svelte 5 runes.
+ * Rool client with reactive state for Svelte 5.
+ *
+ * Provides:
+ * - Reactive auth state (`authenticated`)
+ * - Reactive spaces list (`spaces`)
+ * - Direct access to SDK spaces (no wrapper abstraction)
  */
 class RoolImpl {
     #client;
     #unsubscribers = [];
     #openSpaces = new Set();
     // Reactive state
-    // null = unknown (checking), false = not authenticated, true = authenticated
-    authenticated = $state(null);
+    authenticated = $state(null); // null = checking, false = not auth, true = auth
     spaces = $state(undefined);
     spacesLoading = $state(false);
     spacesError = $state(null);
@@ -58,9 +62,10 @@ class RoolImpl {
             this.spacesLoading = false;
         }
     }
-    // ===========================================================================
-    // Lifecycle
-    // ===========================================================================
+    /**
+     * Initialize the client. Call on app startup.
+     * Returns true if authenticated, false otherwise.
+     */
     async init() {
         this.authenticated = await this.#client.initialize();
         if (this.authenticated) {
@@ -68,9 +73,15 @@ class RoolImpl {
         }
         return this.authenticated;
     }
+    /**
+     * Redirect to login page.
+     */
     login(appName) {
         this.#client.login(appName);
     }
+    /**
+     * Log out and close all open spaces.
+     */
     logout() {
         for (const space of this.#openSpaces) {
             space.close();
@@ -78,42 +89,33 @@ class RoolImpl {
         this.#openSpaces.clear();
         this.#client.logout();
     }
-    // ===========================================================================
-    // Space Lifecycle
-    // ===========================================================================
+    /**
+     * Open an existing space. Returns a ReactiveSpace with reactive `interactions`.
+     */
     async openSpace(id, options) {
-        const sdkSpace = await this.#client.openSpace(id, options);
-        const handle = createSpaceHandle(sdkSpace);
-        this.#openSpaces.add(handle);
-        // Track when closed
-        const originalClose = handle.close.bind(handle);
-        handle.close = () => {
-            this.#openSpaces.delete(handle);
-            originalClose();
-        };
-        return handle;
+        const space = await this.#client.openSpace(id, options);
+        const reactiveSpace = wrapSpace(space);
+        this.#openSpaces.add(reactiveSpace);
+        return reactiveSpace;
     }
+    /**
+     * Create a new space. Returns a ReactiveSpace with reactive `interactions`.
+     */
     async createSpace(name, options) {
-        const sdkSpace = await this.#client.createSpace(name, options);
-        const handle = createSpaceHandle(sdkSpace);
-        this.#openSpaces.add(handle);
-        // Track when closed
-        const originalClose = handle.close.bind(handle);
-        handle.close = () => {
-            this.#openSpaces.delete(handle);
-            originalClose();
-        };
-        return handle;
+        const space = await this.#client.createSpace(name, options);
+        const reactiveSpace = wrapSpace(space);
+        this.#openSpaces.add(reactiveSpace);
+        return reactiveSpace;
     }
-    // ===========================================================================
-    // Spaces management
-    // ===========================================================================
+    /**
+     * Manually refresh the spaces list.
+     */
     refreshSpaces() {
         return this.#refreshSpaces();
     }
-    // ===========================================================================
-    // Cleanup
-    // ===========================================================================
+    /**
+     * Clean up resources.
+     */
     destroy() {
         for (const space of this.#openSpaces) {
             space.close();

package/dist/space.svelte.d.ts

@@ -1,62 +1,75 @@
-import type { RoolSpace, RoolObject, ConversationInfo, Interaction, FindObjectsOptions, PromptOptions, CreateObjectOptions, UpdateObjectOptions, RoolUserRole } from '@rool-dev/sdk';
-export interface SpaceInfo {
-    id: string;
-    name: string;
-    role: RoolUserRole;
-}
-export declare class AsyncValue<T> {
-    #private;
-    value: T | undefined;
-    loading: boolean;
-    error: Error | null;
-    constructor(fetcher: () => Promise<T>, fetchOnCreate?: boolean);
-    refresh(): Promise<void>;
-    set(value: T | undefined): void;
-    clear(): void;
-}
-declare class SpaceHandleImpl {
+import type { RoolSpace, Interaction } from '@rool-dev/sdk';
+/**
+ * Minimal wrapper that adds reactive `interactions` to RoolSpace.
+ * All other properties and methods are proxied to the underlying space.
+ */
+declare class ReactiveSpaceImpl {
     #private;
-    info: SpaceInfo;
-    conversationId: string;
-    conversations: ConversationInfo[] | undefined;
-    conversationsLoading: boolean;
-    conversationsError: Error | null;
     interactions: Interaction[];
-    systemInstruction: string | undefined;
     constructor(space: RoolSpace);
-    setConversationId(id: string): void;
-    setSystemInstruction(instruction: string | null): Promise<void>;
-    refreshConversations(): Promise<void>;
-    object(id: string): AsyncValue<RoolObject>;
-    children(id: string, relation: string): AsyncValue<RoolObject[]>;
-    parents(id: string, relation: string): AsyncValue<RoolObject[]>;
-    query(options: FindObjectsOptions): AsyncValue<RoolObject[]>;
-    createObject(options: CreateObjectOptions): Promise<{
-        object: RoolObject;
+    get id(): string;
+    get name(): string;
+    get role(): import("@rool-dev/sdk").RoolUserRole;
+    get userId(): string;
+    get conversationId(): string;
+    set conversationId(id: string);
+    close(): void;
+    getObject(...args: Parameters<RoolSpace['getObject']>): Promise<import("@rool-dev/sdk").RoolObject | undefined>;
+    stat(...args: Parameters<RoolSpace['stat']>): Promise<import("@rool-dev/sdk").RoolObjectStat | undefined>;
+    findObjects(...args: Parameters<RoolSpace['findObjects']>): Promise<{
+        objects: import("@rool-dev/sdk").RoolObject[];
         message: string;
     }>;
-    updateObject(objectId: string, options: UpdateObjectOptions): Promise<{
-        object: RoolObject;
+    getObjectIds(...args: Parameters<RoolSpace['getObjectIds']>): string[];
+    createObject(...args: Parameters<RoolSpace['createObject']>): Promise<{
+        object: import("@rool-dev/sdk").RoolObject;
         message: string;
     }>;
-    deleteObjects(objectIds: string[]): Promise<void>;
-    link(sourceId: string, relation: string, targetId: string): Promise<void>;
-    unlink(sourceId: string, relation?: string, targetId?: string): Promise<boolean>;
-    prompt(text: string, options?: PromptOptions): Promise<{
+    updateObject(...args: Parameters<RoolSpace['updateObject']>): Promise<{
+        object: import("@rool-dev/sdk").RoolObject;
         message: string;
-        objects: RoolObject[];
     }>;
-    checkpoint(label?: string): Promise<string>;
+    deleteObjects(...args: Parameters<RoolSpace['deleteObjects']>): Promise<void>;
+    link(...args: Parameters<RoolSpace['link']>): Promise<void>;
+    unlink(...args: Parameters<RoolSpace['unlink']>): Promise<boolean>;
+    getParents(...args: Parameters<RoolSpace['getParents']>): Promise<import("@rool-dev/sdk").RoolObject[]>;
+    getChildren(...args: Parameters<RoolSpace['getChildren']>): Promise<import("@rool-dev/sdk").RoolObject[]>;
+    prompt(...args: Parameters<RoolSpace['prompt']>): Promise<{
+        message: string;
+        objects: import("@rool-dev/sdk").RoolObject[];
+    }>;
+    checkpoint(...args: Parameters<RoolSpace['checkpoint']>): Promise<string>;
+    canUndo(): Promise<boolean>;
+    canRedo(): Promise<boolean>;
     undo(): Promise<boolean>;
     redo(): Promise<boolean>;
-    deleteConversation(conversationId?: string): Promise<void>;
-    renameConversation(conversationId: string, name: string): Promise<void>;
-    close(): void;
+    clearHistory(): Promise<void>;
+    setMetadata(...args: Parameters<RoolSpace['setMetadata']>): void;
+    getMetadata(...args: Parameters<RoolSpace['getMetadata']>): unknown;
+    getAllMetadata(): Record<string, unknown>;
+    getInteractions(): Interaction[];
+    getInteractionsById(...args: Parameters<RoolSpace['getInteractionsById']>): Interaction[];
+    getConversationIds(): string[];
+    deleteConversation(...args: Parameters<RoolSpace['deleteConversation']>): Promise<void>;
+    renameConversation(...args: Parameters<RoolSpace['renameConversation']>): Promise<void>;
+    listConversations(): Promise<import("@rool-dev/sdk").ConversationInfo[]>;
+    getSystemInstruction(): string | undefined;
+    setSystemInstruction(...args: Parameters<RoolSpace['setSystemInstruction']>): Promise<void>;
+    uploadMedia(...args: Parameters<RoolSpace['uploadMedia']>): Promise<string>;
+    fetchMedia(...args: Parameters<RoolSpace['fetchMedia']>): Promise<import("@rool-dev/sdk").MediaResponse>;
+    deleteMedia(...args: Parameters<RoolSpace['deleteMedia']>): Promise<void>;
+    listMedia(): Promise<import("@rool-dev/sdk").MediaInfo[]>;
+    exportArchive(): Promise<Blob>;
+    on(...args: Parameters<RoolSpace['on']>): () => void;
+    off(...args: Parameters<RoolSpace['off']>): void;
+    rename(...args: Parameters<RoolSpace['rename']>): Promise<void>;
+    getData(): import("@rool-dev/sdk").RoolSpaceData;
+    get isReadOnly(): boolean;
+    addUser(...args: Parameters<RoolSpace['addUser']>): Promise<void>;
+    removeUser(...args: Parameters<RoolSpace['removeUser']>): Promise<void>;
+    listUsers(): Promise<import("@rool-dev/sdk").SpaceMember[]>;
 }
-/**
- * Create a SpaceHandle from a RoolSpace instance.
- */
-export declare function createSpaceHandle(space: RoolSpace): SpaceHandle;
-export type SpaceHandle = SpaceHandleImpl;
+export declare function wrapSpace(space: RoolSpace): ReactiveSpace;
+export type ReactiveSpace = ReactiveSpaceImpl;
 export {};
 //# sourceMappingURL=space.svelte.d.ts.map

package/dist/space.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"space.svelte.d.ts","sourceRoot":"","sources":["../src/space.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACb,MAAM,eAAe,CAAC;AAMvB,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;CACpB;AAMD,qBAAa,UAAU,CAAC,CAAC;;IACvB,KAAK,gBAAoC;IACzC,OAAO,UAAiB;IACxB,KAAK,eAA8B;gBAIvB,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,UAAO;IAOrD,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAY9B,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI;IAK/B,KAAK,IAAI,IAAI;CAKd;AAMD,cAAM,eAAe;;IAWnB,IAAI,YAA2D;IAC/D,cAAc,SAAc;IAC5B,aAAa,iCAAqD;IAClE,oBAAoB,UAAiB;IACrC,kBAAkB,eAA8B;IAChD,YAAY,gBAA6B;IACzC,iBAAiB,qBAAyC;gBAE9C,KAAK,EAAE,SAAS;IAiJ5B,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO7B,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAKrE,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQrC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC;IAc1C,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IAWhE,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IAW/D,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IAkB5D,YAAY,CAAC,OAAO,EAAE,mBAAmB;;;;IAIzC,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB;;;;IAI3D,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE;IAIjC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIzD,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAI7D,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa;;;;IAI5C,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM;IAIzB,IAAI;IAIJ,IAAI;IAQJ,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM;IAI1C,kBAAkB,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAQvD,KAAK,IAAI,IAAI;CA4Bd;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,WAAW,CAE/D;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"space.svelte.d.ts","sourceRoot":"","sources":["../src/space.svelte.ts"],"names":[],"mappings":"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"}

package/dist/space.svelte.js

@@ -1,318 +1,94 @@
-// ===========================================================================
-// AsyncValue - reactive async data wrapper
-// ===========================================================================
-export class AsyncValue {
-    value = $state(undefined);
-    loading = $state(false);
-    error = $state(null);
-    #fetcher;
-    constructor(fetcher, fetchOnCreate = true) {
-        this.#fetcher = fetcher;
-        if (fetchOnCreate) {
-            this.refresh();
-        }
-    }
-    async refresh() {
-        this.loading = true;
-        this.error = null;
-        try {
-            this.value = await this.#fetcher();
-        }
-        catch (e) {
-            this.error = e;
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    set(value) {
-        this.value = value;
-        this.error = null;
-    }
-    clear() {
-        this.value = undefined;
-        this.loading = false;
-        this.error = null;
-    }
-}
-// ===========================================================================
-// SpaceHandle - reactive space wrapper
-// ===========================================================================
-class SpaceHandleImpl {
+/**
+ * Minimal wrapper that adds reactive `interactions` to RoolSpace.
+ * All other properties and methods are proxied to the underlying space.
+ */
+class ReactiveSpaceImpl {
     #space;
     #unsubscribers = [];
-    // Store caches
-    #objectCache = new Map();
-    #childrenCache = new Map();
-    #parentsCache = new Map();
-    #queryCache = new Map();
     // Reactive state
-    info = $state({ id: '', name: '', role: 'viewer' });
-    conversationId = $state('');
-    conversations = $state(undefined);
-    conversationsLoading = $state(false);
-    conversationsError = $state(null);
     interactions = $state([]);
-    systemInstruction = $state(undefined);
     constructor(space) {
         this.#space = space;
-        // Initialize state
-        this.info = {
-            id: space.id,
-            name: space.name,
-            role: space.role,
-        };
-        this.conversationId = space.conversationId;
         this.interactions = space.getInteractions();
-        this.systemInstruction = space.getSystemInstruction();
-        // Initial fetches
-        this.#refreshConversations();
-        // Setup event listeners
-        this.#setupEventListeners();
-    }
-    #setupEventListeners() {
-        // Object events
-        const onObjectCreated = (event) => {
-            const store = this.#objectCache.get(event.objectId);
-            if (store) {
-                store.set(event.object);
-            }
-        };
-        this.#space.on('objectCreated', onObjectCreated);
-        this.#unsubscribers.push(() => this.#space.off('objectCreated', onObjectCreated));
-        const onObjectUpdated = (event) => {
-            const store = this.#objectCache.get(event.objectId);
-            if (store) {
-                store.set(event.object);
-            }
-            this.#refreshRelationStoresForObject(event.objectId);
+        // Subscribe to conversation updates
+        const onConversationUpdated = () => {
+            this.interactions = space.getInteractions();
         };
-        this.#space.on('objectUpdated', onObjectUpdated);
-        this.#unsubscribers.push(() => this.#space.off('objectUpdated', onObjectUpdated));
-        const onObjectDeleted = (event) => {
-            const store = this.#objectCache.get(event.objectId);
-            if (store) {
-                store.set(undefined);
-            }
-            this.#refreshRelationStoresForObject(event.objectId);
-        };
-        this.#space.on('objectDeleted', onObjectDeleted);
-        this.#unsubscribers.push(() => this.#space.off('objectDeleted', onObjectDeleted));
-        // Link events
-        const onLinked = (event) => {
-            const childrenKey = JSON.stringify([event.sourceId, event.relation]);
-            this.#childrenCache.get(childrenKey)?.refresh();
-            const parentsKey = JSON.stringify([event.targetId, event.relation]);
-            this.#parentsCache.get(parentsKey)?.refresh();
-        };
-        this.#space.on('linked', onLinked);
-        this.#unsubscribers.push(() => this.#space.off('linked', onLinked));
-        const onUnlinked = (event) => {
-            const childrenKey = JSON.stringify([event.sourceId, event.relation]);
-            this.#childrenCache.get(childrenKey)?.refresh();
-            const parentsKey = JSON.stringify([event.targetId, event.relation]);
-            this.#parentsCache.get(parentsKey)?.refresh();
-        };
-        this.#space.on('unlinked', onUnlinked);
-        this.#unsubscribers.push(() => this.#space.off('unlinked', onUnlinked));
-        // Conversation events
-        const onConversationUpdated = (event) => {
-            if (event.conversationId === this.conversationId) {
-                this.interactions = this.#space.getInteractions();
-                this.systemInstruction = this.#space.getSystemInstruction();
-            }
-        };
-        this.#space.on('conversationUpdated', onConversationUpdated);
-        this.#unsubscribers.push(() => this.#space.off('conversationUpdated', onConversationUpdated));
-        const onConversationsChanged = () => {
-            this.#refreshConversations();
-        };
-        this.#space.on('conversationsChanged', onConversationsChanged);
-        this.#unsubscribers.push(() => this.#space.off('conversationsChanged', onConversationsChanged));
-        const onConversationIdChanged = (event) => {
-            this.conversationId = event.newConversationId;
-            this.interactions = this.#space.getInteractions();
-            this.systemInstruction = this.#space.getSystemInstruction();
-        };
-        this.#space.on('conversationIdChanged', onConversationIdChanged);
-        this.#unsubscribers.push(() => this.#space.off('conversationIdChanged', onConversationIdChanged));
-        // Reset event (undo/redo, resync)
+        space.on('conversationUpdated', onConversationUpdated);
+        this.#unsubscribers.push(() => space.off('conversationUpdated', onConversationUpdated));
         const onReset = () => {
-            for (const store of this.#objectCache.values()) {
-                store.refresh();
-            }
-            for (const store of this.#childrenCache.values()) {
-                store.refresh();
-            }
-            for (const store of this.#parentsCache.values()) {
-                store.refresh();
-            }
-            for (const store of this.#queryCache.values()) {
-                store.refresh();
-            }
-            this.#refreshConversations();
-            this.interactions = this.#space.getInteractions();
-            this.systemInstruction = this.#space.getSystemInstruction();
+            this.interactions = space.getInteractions();
         };
-        this.#space.on('reset', onReset);
-        this.#unsubscribers.push(() => this.#space.off('reset', onReset));
-    }
-    async #refreshConversations() {
-        this.conversationsLoading = true;
-        this.conversationsError = null;
-        try {
-            this.conversations = await this.#space.listConversations();
-        }
-        catch (e) {
-            this.conversationsError = e;
-        }
-        finally {
-            this.conversationsLoading = false;
-        }
-    }
-    #refreshRelationStoresForObject(objectId) {
-        for (const store of this.#childrenCache.values()) {
-            if (store.value?.some((obj) => obj.id === objectId)) {
-                store.refresh();
-            }
-        }
-        for (const store of this.#parentsCache.values()) {
-            if (store.value?.some((obj) => obj.id === objectId)) {
-                store.refresh();
-            }
-        }
-    }
-    // ===========================================================================
-    // Conversation management
-    // ===========================================================================
-    setConversationId(id) {
-        if (id !== this.conversationId) {
-            this.#space.conversationId = id;
-            // Note: conversationIdChanged event will update our state
-        }
-    }
-    async setSystemInstruction(instruction) {
-        await this.#space.setSystemInstruction(instruction);
-        this.systemInstruction = instruction ?? undefined;
-    }
-    refreshConversations() {
-        return this.#refreshConversations();
-    }
-    // ===========================================================================
-    // Object store factories
-    // ===========================================================================
-    object(id) {
-        const cached = this.#objectCache.get(id);
-        if (cached)
-            return cached;
-        const store = new AsyncValue(async () => {
-            const obj = await this.#space.getObject(id);
-            if (!obj)
-                throw new Error(`Object not found: ${id}`);
-            return obj;
-        });
-        this.#objectCache.set(id, store);
-        return store;
-    }
-    children(id, relation) {
-        const key = JSON.stringify([id, relation]);
-        const cached = this.#childrenCache.get(key);
-        if (cached)
-            return cached;
-        const store = new AsyncValue(() => this.#space.getChildren(id, relation));
-        this.#childrenCache.set(key, store);
-        return store;
-    }
-    parents(id, relation) {
-        const key = JSON.stringify([id, relation]);
-        const cached = this.#parentsCache.get(key);
-        if (cached)
-            return cached;
-        const store = new AsyncValue(() => this.#space.getParents(id, relation));
-        this.#parentsCache.set(key, store);
-        return store;
-    }
-    query(options) {
-        const key = JSON.stringify(options);
-        const cached = this.#queryCache.get(key);
-        if (cached)
-            return cached;
-        const store = new AsyncValue(async () => {
-            const result = await this.#space.findObjects(options);
-            return result.objects;
-        });
-        this.#queryCache.set(key, store);
-        return store;
-    }
-    // ===========================================================================
-    // Mutations (passthrough to SDK)
-    // ===========================================================================
-    createObject(options) {
-        return this.#space.createObject(options);
-    }
-    updateObject(objectId, options) {
-        return this.#space.updateObject(objectId, options);
-    }
-    deleteObjects(objectIds) {
-        return this.#space.deleteObjects(objectIds);
-    }
-    link(sourceId, relation, targetId) {
-        return this.#space.link(sourceId, relation, targetId);
-    }
-    unlink(sourceId, relation, targetId) {
-        return this.#space.unlink(sourceId, relation, targetId);
-    }
-    prompt(text, options) {
-        return this.#space.prompt(text, options);
-    }
-    checkpoint(label) {
-        return this.#space.checkpoint(label);
-    }
-    undo() {
-        return this.#space.undo();
-    }
-    redo() {
-        return this.#space.redo();
-    }
-    // ===========================================================================
-    // Conversation management (passthrough)
-    // ===========================================================================
-    deleteConversation(conversationId) {
-        return this.#space.deleteConversation(conversationId);
-    }
-    renameConversation(conversationId, name) {
-        return this.#space.renameConversation(conversationId, name);
-    }
-    // ===========================================================================
-    // Cleanup
-    // ===========================================================================
+        space.on('reset', onReset);
+        this.#unsubscribers.push(() => space.off('reset', onReset));
+    }
+    // Proxy read-only properties
+    get id() { return this.#space.id; }
+    get name() { return this.#space.name; }
+    get role() { return this.#space.role; }
+    get userId() { return this.#space.userId; }
+    get conversationId() { return this.#space.conversationId; }
+    set conversationId(id) { this.#space.conversationId = id; }
+    // Proxy all methods
     close() {
-        for (const unsub of this.#unsubscribers) {
+        for (const unsub of this.#unsubscribers)
             unsub();
-        }
         this.#unsubscribers.length = 0;
-        for (const store of this.#objectCache.values()) {
-            store.clear();
-        }
-        this.#objectCache.clear();
-        for (const store of this.#childrenCache.values()) {
-            store.clear();
-        }
-        this.#childrenCache.clear();
-        for (const store of this.#parentsCache.values()) {
-            store.clear();
-        }
-        this.#parentsCache.clear();
-        for (const store of this.#queryCache.values()) {
-            store.clear();
-        }
-        this.#queryCache.clear();
         this.#space.close();
     }
+    // Object operations
+    getObject(...args) { return this.#space.getObject(...args); }
+    stat(...args) { return this.#space.stat(...args); }
+    findObjects(...args) { return this.#space.findObjects(...args); }
+    getObjectIds(...args) { return this.#space.getObjectIds(...args); }
+    createObject(...args) { return this.#space.createObject(...args); }
+    updateObject(...args) { return this.#space.updateObject(...args); }
+    deleteObjects(...args) { return this.#space.deleteObjects(...args); }
+    // Relations
+    link(...args) { return this.#space.link(...args); }
+    unlink(...args) { return this.#space.unlink(...args); }
+    getParents(...args) { return this.#space.getParents(...args); }
+    getChildren(...args) { return this.#space.getChildren(...args); }
+    // AI
+    prompt(...args) { return this.#space.prompt(...args); }
+    // Undo/redo
+    checkpoint(...args) { return this.#space.checkpoint(...args); }
+    canUndo() { return this.#space.canUndo(); }
+    canRedo() { return this.#space.canRedo(); }
+    undo() { return this.#space.undo(); }
+    redo() { return this.#space.redo(); }
+    clearHistory() { return this.#space.clearHistory(); }
+    // Metadata
+    setMetadata(...args) { return this.#space.setMetadata(...args); }
+    getMetadata(...args) { return this.#space.getMetadata(...args); }
+    getAllMetadata() { return this.#space.getAllMetadata(); }
+    // Conversations
+    getInteractions() { return this.#space.getInteractions(); }
+    getInteractionsById(...args) { return this.#space.getInteractionsById(...args); }
+    getConversationIds() { return this.#space.getConversationIds(); }
+    deleteConversation(...args) { return this.#space.deleteConversation(...args); }
+    renameConversation(...args) { return this.#space.renameConversation(...args); }
+    listConversations() { return this.#space.listConversations(); }
+    getSystemInstruction() { return this.#space.getSystemInstruction(); }
+    setSystemInstruction(...args) { return this.#space.setSystemInstruction(...args); }
+    // Media
+    uploadMedia(...args) { return this.#space.uploadMedia(...args); }
+    fetchMedia(...args) { return this.#space.fetchMedia(...args); }
+    deleteMedia(...args) { return this.#space.deleteMedia(...args); }
+    listMedia() { return this.#space.listMedia(); }
+    // Export/import
+    exportArchive() { return this.#space.exportArchive(); }
+    // Events
+    on(...args) { return this.#space.on(...args); }
+    off(...args) { return this.#space.off(...args); }
+    // Advanced
+    rename(...args) { return this.#space.rename(...args); }
+    getData() { return this.#space.getData(); }
+    get isReadOnly() { return this.#space.isReadOnly; }
+    addUser(...args) { return this.#space.addUser(...args); }
+    removeUser(...args) { return this.#space.removeUser(...args); }
+    listUsers() { return this.#space.listUsers(); }
 }
-/**
- * Create a SpaceHandle from a RoolSpace instance.
- */
-export function createSpaceHandle(space) {
-    return new SpaceHandleImpl(space);
+export function wrapSpace(space) {
+    return new ReactiveSpaceImpl(space);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rool-dev/svelte",
-  "version": "0.1.4",
+  "version": "0.1.6-dev.fdaf8f8",
   "description": "Svelte 5 runes for Rool Spaces",
   "type": "module",
   "svelte": "./dist/index.js",

package/dist/types.d.ts

@@ -1,4 +0,0 @@
-export type { RoolSpaceInfo, RoolObject, RoolUserRole, ConnectionState, ConversationInfo, Interaction, FindObjectsOptions, PromptOptions, CreateObjectOptions, UpdateObjectOptions, } from '@rool-dev/sdk';
-export type { Rool } from './rool.svelte.js';
-export type { SpaceHandle, SpaceInfo, AsyncValue } from './space.svelte.js';
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,YAAY,EACV,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAGvB,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types.js

@@ -1 +0,0 @@
-export {};