@rool-dev/svelte 0.10.2 → 0.11.0

package/dist/channel.svelte.js

@@ -1,122 +1,81 @@
+import { isObjectPath, machinePath } from '@rool-dev/sdk';
+function objectCollection(path) {
+    if (!isObjectPath(path))
+        return undefined;
+    return path.split('/')[2];
+}
+function eventTouchesObject(event, objectPath, collection) {
+    if (event.reset)
+        return true;
+    for (const path of [...event.changedPaths, ...event.deletedPaths]) {
+        if (objectPath && path === objectPath)
+            return true;
+        if (!objectPath && isObjectPath(path)) {
+            if (!collection || objectCollection(path) === collection)
+                return true;
+        }
+    }
+    return false;
+}
+function sameJsonValue(a, b) {
+    return JSON.stringify(a) === JSON.stringify(b);
+}
+async function watchObjectsFromTree(channel, fileTree, options) {
+    if (fileTree.loading)
+        await fileTree.ready();
+    const paths = fileTree.objectPaths({ collection: options.collection, order: options.order });
+    const objects = [];
+    for (const path of paths) {
+        const object = await channel.getObject(path);
+        if (!object)
+            continue;
+        if (options.where) {
+            let matches = true;
+            for (const [key, value] of Object.entries(options.where)) {
+                if (!sameJsonValue(object.body[key], value)) {
+                    matches = false;
+                    break;
+                }
+            }
+            if (!matches)
+                continue;
+        }
+        objects.push(object);
+        if (options.limit !== undefined && objects.length >= options.limit)
+            break;
+    }
+    return objects;
+}
 /**
- * A reactive watch of objects that auto-updates when matching objects change.
+ * A reactive watch of objects that auto-updates when matching object files change.
  */
 class ReactiveWatchImpl {
     #channel;
+    #fileTree;
     #options;
     #unsubscribers = [];
-    #currentLocations = new Set();
     // Reactive state
     objects = $state([]);
     loading = $state(true);
-    constructor(channel, options) {
+    constructor(channel, fileTree, options) {
         this.#channel = channel;
+        this.#fileTree = fileTree;
         this.#options = options;
         this.#setup();
     }
     #setup() {
-        // Initial fetch
         this.refresh();
-        const onObjectCreated = ({ object }) => {
-            if (this.#matches(object)) {
-                this.refresh();
-            }
-        };
-        this.#channel.on('objectCreated', onObjectCreated);
-        this.#unsubscribers.push(() => this.#channel.off('objectCreated', onObjectCreated));
-        const onObjectUpdated = ({ location, object }) => {
-            const wasInCollection = this.#currentLocations.has(location);
-            const nowMatches = this.#matches(object);
-            if (wasInCollection && nowMatches) {
-                // Update in place (merge to preserve fields from partial optimistic updates)
-                const index = this.objects.findIndex((o) => o.location === location);
-                if (index !== -1) {
-                    this.objects[index] = {
-                        ...this.objects[index],
-                        ...object,
-                        body: { ...this.objects[index].body, ...object.body },
-                    };
-                }
-            }
-            else if (wasInCollection && !nowMatches) {
-                // Check if the mismatch is due to missing keys in body (partial optimistic update)
-                const where = this.#options.where;
-                const isPartialUpdate = where && Object.keys(where).some((key) => !(key in object.body));
-                if (isPartialUpdate) {
-                    const index = this.objects.findIndex((o) => o.location === location);
-                    if (index !== -1) {
-                        this.objects[index] = {
-                            ...this.objects[index],
-                            ...object,
-                            body: { ...this.objects[index].body, ...object.body },
-                        };
-                    }
-                }
-                else {
-                    // Genuine mismatch — remove from collection
-                    this.objects = this.objects.filter((o) => o.location !== location);
-                    this.#currentLocations.delete(location);
-                }
-            }
-            else if (!wasInCollection && nowMatches) {
-                // Add to collection (re-fetch to respect limit/order)
-                this.refresh();
-            }
-        };
-        this.#channel.on('objectUpdated', onObjectUpdated);
-        this.#unsubscribers.push(() => this.#channel.off('objectUpdated', onObjectUpdated));
-        const onObjectDeleted = ({ location }) => {
-            if (this.#currentLocations.has(location)) {
-                this.objects = this.objects.filter((o) => o.location !== location);
-                this.#currentLocations.delete(location);
-            }
-        };
-        this.#channel.on('objectDeleted', onObjectDeleted);
-        this.#unsubscribers.push(() => this.#channel.off('objectDeleted', onObjectDeleted));
-        const onObjectMoved = ({ from, object }) => {
-            const wasInCollection = this.#currentLocations.has(from);
-            const nowMatches = this.#matches(object);
-            if (wasInCollection || nowMatches) {
-                this.refresh();
-            }
-        };
-        this.#channel.on('objectMoved', onObjectMoved);
-        this.#unsubscribers.push(() => this.#channel.off('objectMoved', onObjectMoved));
-        const onReset = () => this.refresh();
-        this.#channel.on('reset', onReset);
-        this.#unsubscribers.push(() => this.#channel.off('reset', onReset));
+        const unsubscribe = this.#fileTree.subscribe((event) => {
+            if (eventTouchesObject(event, undefined, this.#options.collection))
+                void this.refresh();
+        });
+        this.#unsubscribers.push(unsubscribe);
     }
-    /**
-     * Check if an object matches the filter (collection + where on body).
-     */
-    #matches(object) {
-        if (this.#options.collection && object.collection !== this.#options.collection)
-            return false;
-        const where = this.#options.where;
-        if (!where)
-            return true;
-        for (const [key, value] of Object.entries(where)) {
-            if (object.body[key] !== value)
-                return false;
-        }
-        return true;
-    }
-    /**
-     * Re-fetch the watched objects from the channel.
-     */
+    /** Re-fetch matching objects using the canonical file tree for paths. */
     async refresh() {
         this.loading = true;
         try {
-            const findOptions = {
-                where: this.#options.where,
-                collection: this.#options.collection,
-                limit: this.#options.limit,
-                order: this.#options.order,
-                ephemeral: true,
-            };
-            const { objects } = await this.#channel.findObjects(findOptions);
-            this.objects = objects;
-            this.#currentLocations = new Set(objects.map((o) => o.location));
+            this.objects = await watchObjectsFromTree(this.#channel, this.#fileTree, this.#options);
         }
         finally {
             this.loading = false;
@@ -133,58 +92,34 @@ class ReactiveWatchImpl {
  */
 class ReactiveObjectImpl {
     #channel;
-    #location;
+    #fileTree;
+    #path;
     #unsubscribers = [];
     // Reactive state
     data = $state(undefined);
     loading = $state(true);
-    constructor(channel, location) {
+    constructor(channel, fileTree, path) {
         this.#channel = channel;
-        this.#location = location;
+        this.#fileTree = fileTree;
+        this.#path = machinePath(path);
         this.#setup();
     }
     #setup() {
         this.refresh();
-        const onObjectUpdated = ({ location, object }) => {
-            if (location === this.#location) {
-                this.data = object;
-            }
-        };
-        this.#channel.on('objectUpdated', onObjectUpdated);
-        this.#unsubscribers.push(() => this.#channel.off('objectUpdated', onObjectUpdated));
-        const onObjectCreated = ({ location, object }) => {
-            if (location === this.#location) {
-                this.data = object;
-            }
-        };
-        this.#channel.on('objectCreated', onObjectCreated);
-        this.#unsubscribers.push(() => this.#channel.off('objectCreated', onObjectCreated));
-        const onObjectDeleted = ({ location }) => {
-            if (location === this.#location) {
-                this.data = undefined;
-            }
-        };
-        this.#channel.on('objectDeleted', onObjectDeleted);
-        this.#unsubscribers.push(() => this.#channel.off('objectDeleted', onObjectDeleted));
-        const onObjectMoved = ({ from, to, object }) => {
-            if (from === this.#location) {
-                // Object moved away from this location; data is gone.
+        const unsubscribe = this.#fileTree.subscribe((event) => {
+            if (event.deletedPaths.has(this.#path)) {
                 this.data = undefined;
+                return;
             }
-            else if (to === this.#location) {
-                this.data = object;
-            }
-        };
-        this.#channel.on('objectMoved', onObjectMoved);
-        this.#unsubscribers.push(() => this.#channel.off('objectMoved', onObjectMoved));
-        const onReset = () => this.refresh();
-        this.#channel.on('reset', onReset);
-        this.#unsubscribers.push(() => this.#channel.off('reset', onReset));
+            if (eventTouchesObject(event, this.#path))
+                void this.refresh();
+        });
+        this.#unsubscribers.push(unsubscribe);
     }
     async refresh() {
         this.loading = true;
         try {
-            this.data = await this.#channel.getObject(this.#location);
+            this.data = await this.#channel.getObject(this.#path);
         }
         finally {
             this.loading = false;
@@ -232,11 +167,12 @@ class ReactiveConversationHandleImpl {
     setSystemInstruction(...args) { return this.#handle.setSystemInstruction(...args); }
     rename(...args) { return this.#handle.rename(...args); }
     // Object operations
-    findObjects(...args) { return this.#handle.findObjects(...args); }
-    createObject(...args) { return this.#handle.createObject(...args); }
-    updateObject(...args) { return this.#handle.updateObject(...args); }
+    putObject(...args) { return this.#handle.putObject(...args); }
+    patchObject(...args) { return this.#handle.patchObject(...args); }
     moveObject(...args) { return this.#handle.moveObject(...args); }
     deleteObjects(...args) { return this.#handle.deleteObjects(...args); }
+    /** @deprecated Use deleteObjects instead. */
+    deletePaths(...args) { return this.#handle.deletePaths(...args); }
     // AI
     prompt(...args) { return this.#handle.prompt(...args); }
     // Schema
@@ -257,21 +193,24 @@ class ReactiveConversationHandleImpl {
  */
 class ReactiveChannelImpl {
     #channel;
+    #fileTree;
     #unsubscribers = [];
     #closed = false;
     // Reactive state
     interactions = $state([]);
-    objectLocations = $state([]);
+    objectPaths = $state([]);
     collections = $state([]);
     conversations = $state([]);
-    constructor(channel) {
+    constructor(channel, fileTree) {
         this.#channel = channel;
+        this.#fileTree = fileTree;
         this.interactions = channel.getInteractions();
-        this.objectLocations = channel.getObjectLocations();
-        this.collections = Object.keys(channel.getSchema());
+        this.objectPaths = fileTree.objectPaths();
+        this.collections = fileTree.collections();
         this.conversations = channel.getConversations();
         const onChannelUpdated = () => {
             this.interactions = channel.getInteractions();
+            this.conversations = channel.getConversations();
         };
         channel.on('channelUpdated', onChannelUpdated);
         this.#unsubscribers.push(() => channel.off('channelUpdated', onChannelUpdated));
@@ -280,24 +219,18 @@ class ReactiveChannelImpl {
         };
         channel.on('conversationUpdated', onConversationUpdated);
         this.#unsubscribers.push(() => channel.off('conversationUpdated', onConversationUpdated));
-        const refreshObjectLocations = () => {
-            this.objectLocations = channel.getObjectLocations();
+        const refreshFromFileTree = () => {
+            this.objectPaths = fileTree.objectPaths();
+            this.collections = fileTree.collections();
         };
-        channel.on('objectCreated', refreshObjectLocations);
-        this.#unsubscribers.push(() => channel.off('objectCreated', refreshObjectLocations));
-        channel.on('objectDeleted', refreshObjectLocations);
-        this.#unsubscribers.push(() => channel.off('objectDeleted', refreshObjectLocations));
-        channel.on('objectMoved', refreshObjectLocations);
-        this.#unsubscribers.push(() => channel.off('objectMoved', refreshObjectLocations));
-        const onSchemaUpdated = () => {
-            this.collections = Object.keys(channel.getSchema());
-        };
-        channel.on('schemaUpdated', onSchemaUpdated);
-        this.#unsubscribers.push(() => channel.off('schemaUpdated', onSchemaUpdated));
+        this.#unsubscribers.push(fileTree.subscribe((event) => {
+            if (event.reset || eventTouchesObject(event) || [...event.changedPaths, ...event.deletedPaths].some((path) => path === '/space' || path.startsWith('/space/'))) {
+                refreshFromFileTree();
+            }
+        }));
         const onReset = () => {
             this.interactions = channel.getInteractions();
-            this.objectLocations = channel.getObjectLocations();
-            this.collections = Object.keys(channel.getSchema());
+            refreshFromFileTree();
             this.conversations = channel.getConversations();
         };
         channel.on('reset', onReset);
@@ -312,8 +245,6 @@ class ReactiveChannelImpl {
     get channelName() { return this.#channel.channelName; }
     get isReadOnly() { return this.#channel.isReadOnly; }
     get linkAccess() { return this.#channel.linkAccess; }
-    get extensionUrl() { return this.#channel.extensionUrl; }
-    get manifest() { return this.#channel.manifest; }
     get isClosed() { return this.#closed; }
     close() {
         if (this.#closed)
@@ -326,13 +257,14 @@ class ReactiveChannelImpl {
     }
     // Object operations
     getObject(...args) { return this.#channel.getObject(...args); }
+    getObjects(...args) { return this.#channel.getObjects(...args); }
     stat(...args) { return this.#channel.stat(...args); }
-    findObjects(...args) { return this.#channel.findObjects(...args); }
-    getObjectLocations(...args) { return this.#channel.getObjectLocations(...args); }
-    createObject(...args) { return this.#channel.createObject(...args); }
-    updateObject(...args) { return this.#channel.updateObject(...args); }
+    putObject(...args) { return this.#channel.putObject(...args); }
+    patchObject(...args) { return this.#channel.patchObject(...args); }
     moveObject(...args) { return this.#channel.moveObject(...args); }
     deleteObjects(...args) { return this.#channel.deleteObjects(...args); }
+    /** @deprecated Use deleteObjects instead. */
+    deletePaths(...args) { return this.#channel.deletePaths(...args); }
     // AI
     prompt(...args) { return this.#channel.prompt(...args); }
     // Undo/redo
@@ -376,12 +308,12 @@ class ReactiveChannelImpl {
     off(...args) { return this.#channel.off(...args); }
     // Reactive primitives
     /**
-     * Create a reactive object that auto-updates when the object at this location changes.
+     * Create a reactive object that auto-updates when the object at this path changes.
      */
-    object(location) {
+    object(path) {
         if (this.#closed)
             throw new Error('Cannot create reactive object: channel is closed');
-        return new ReactiveObjectImpl(this.#channel, location);
+        return new ReactiveObjectImpl(this.#channel, this.#fileTree, path);
     }
     /**
      * Create a reactive watch that auto-updates when matching objects change.
@@ -389,11 +321,11 @@ class ReactiveChannelImpl {
     watch(options) {
         if (this.#closed)
             throw new Error('Cannot create reactive watch: channel is closed');
-        return new ReactiveWatchImpl(this.#channel, options);
+        return new ReactiveWatchImpl(this.#channel, this.#fileTree, options);
     }
 }
-export function wrapChannel(channel) {
-    return new ReactiveChannelImpl(channel);
+export function wrapChannel(channel, fileTree) {
+    return new ReactiveChannelImpl(channel, fileTree);
 }
 /**
  * A reactive list of channels for a space that auto-updates via SSE events.

package/dist/file-tree.svelte.d.ts

@@ -0,0 +1,91 @@
+import { type RoolSpace, type WebDAVDepth, type WebDAVPropName, type WebDAVResponse, type WebDAVSyncLevel } from '@rool-dev/sdk';
+export type ReactiveFilePath = string;
+export type ReactiveFileRoot = '' | 'space' | 'rool-drive';
+export interface ReactiveFileNode {
+    /** Stable node id. Same as `path`. */
+    id: ReactiveFilePath;
+    /** Machine/WebDAV path (`/`, `/space/...`, `/rool-drive/...`). */
+    path: ReactiveFilePath;
+    /** Parent path, or `null` for `/`. */
+    parent: ReactiveFilePath | null;
+    /** Last path segment, decoded by the server when available. */
+    name: string;
+    /** Which top-level filesystem this node belongs to. `/` has `root: ''`. */
+    root: ReactiveFileRoot;
+    isCollection: boolean;
+    size: number | null;
+    contentType: string | null;
+    etag: string | null;
+    modifiedAt: number | null;
+    href: string | null;
+}
+export interface ReactiveFileTreeEvent {
+    /** `true` when the tree was replaced from a full snapshot. */
+    reset: boolean;
+    changedPaths: Set<ReactiveFilePath>;
+    deletedPaths: Set<ReactiveFilePath>;
+    token: string | null;
+}
+export interface ReactiveFileTreeSyncResult extends ReactiveFileTreeEvent {
+    changed: boolean;
+}
+export interface ReactiveFileTreeTransport {
+    propfind(path: string, options: {
+        depth: WebDAVDepth;
+        props?: WebDAVPropName[];
+        signal?: AbortSignal;
+    }): Promise<{
+        responses: WebDAVResponse[];
+    }>;
+    syncCollection(path: string, options: {
+        token?: string | null;
+        level: WebDAVSyncLevel;
+        props?: WebDAVPropName[];
+        limit?: number;
+        signal?: AbortSignal;
+    }): Promise<{
+        token: string;
+        responses: WebDAVResponse[];
+    }>;
+}
+type Listener = (event: ReactiveFileTreeEvent) => void;
+/**
+ * Canonical Svelte-owned tree for the whole per-space WebDAV filesystem.
+ *
+ * It watches the SDK's coarse `filesChanged` / `filesReset` events and
+ * reconciles with WebDAV `sync-collection`. Consumers that care about both
+ * object files (`/space/...`) and user files (`/rool-drive/...`) should depend
+ * on this tree.
+ */
+export declare class ReactiveFileTree {
+    #private;
+    nodes: ReactiveFileNode[];
+    byPath: Record<string, ReactiveFileNode>;
+    token: string | null;
+    version: number;
+    loading: boolean;
+    syncing: boolean;
+    error: Error | null;
+    constructor(space: RoolSpace);
+    get isClosed(): boolean;
+    get root(): ReactiveFilePath;
+    subscribe(listener: Listener): () => void;
+    ready(): Promise<void>;
+    get(path: string): ReactiveFileNode | undefined;
+    has(path: string): boolean;
+    childrenOf(path: string): ReactiveFileNode[];
+    descendantsOf(path: string): ReactiveFileNode[];
+    /** Object file paths sorted by modified time descending. */
+    objectPaths(options?: {
+        collection?: string;
+        order?: 'asc' | 'desc';
+        limit?: number;
+    }): string[];
+    collections(): string[];
+    loadSnapshot(): Promise<ReactiveFileTreeSyncResult>;
+    sync(): Promise<ReactiveFileTreeSyncResult>;
+    refresh(): Promise<ReactiveFileTreeSyncResult>;
+    close(): void;
+}
+export {};
+//# sourceMappingURL=file-tree.svelte.d.ts.map

package/dist/file-tree.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.svelte.d.ts","sourceRoot":"","sources":["../src/file-tree.svelte.ts"],"names":[],"mappings":"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"}