@peers-app/peers-ui 0.0.14

package/dist/components/messages/thread-message-list.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadMessageList = void 0;
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const globals_1 = require("../../globals");
+const message_compose_1 = require("./message-compose");
+const message_display_1 = require("./message-display");
+const hooks_1 = require("../../hooks");
+const ThreadMessageList = (props) => {
+    const { threadId: messageParentId } = props;
+    const [messages, setMessages] = (0, react_1.useState)([]);
+    const messagesEndRef = react_1.default.useRef(null);
+    const messageParent = (0, hooks_1.usePromise)(() => (0, peers_sdk_1.Messages)().get(messageParentId), undefined, [messageParentId]);
+    function scrollToBottom(behavior, delay = 100) {
+        setTimeout(() => {
+            messagesEndRef.current?.scrollIntoView({ behavior });
+        }, delay);
+    }
+    async function loadMessages() {
+        const messages = await (0, peers_sdk_1.Messages)().list({ messageParentId }, {
+            sortBy: ['createdAt', 'messageId'],
+        });
+        setMessages(messages);
+        scrollToBottom('instant', 1);
+    }
+    // first load
+    (0, react_1.useEffect)(() => {
+        loadMessages();
+    }, [messageParentId]);
+    // reload when messages change
+    (0, react_1.useEffect)(() => {
+        // subscribe to message changes
+        const sub = (0, peers_sdk_1.Messages)().dataChanged.subscribe((evt) => {
+            if (evt.dataObject.messageParentId == messageParentId || evt.dataObject.messageId === messageParentId) {
+                loadMessages();
+            }
+        });
+        return () => {
+            sub.unsubscribe();
+        };
+    }, [messageParentId]);
+    (0, react_1.useEffect)(() => {
+        const observer = new IntersectionObserver(([entry]) => {
+            props?.scrollChanged?.(entry.isIntersecting);
+        }, { threshold: 1.0 });
+        if (messagesEndRef.current) {
+            observer.observe(messagesEndRef.current);
+        }
+        return () => {
+            if (messagesEndRef.current) {
+                observer.unobserve(messagesEndRef.current);
+            }
+        };
+    }, []);
+    const [effects] = (0, react_1.useState)(() => props.effects || {});
+    effects.pushMessage = (newMessage) => {
+        if (messages.find(m => m.messageId === newMessage.messageId)) {
+            return;
+        }
+        let _messages = (0, lodash_1.sortBy)([newMessage, ...messages], 'createdAt');
+        setMessages(_messages);
+        if (newMessage.userId === globals_1.me.userId && !newMessage.assistantId) {
+            scrollToBottom('instant', 1);
+        }
+        else {
+            scrollToBottom('smooth');
+        }
+    };
+    const sendMessage = (userMessage) => {
+        effects.pushMessage(userMessage);
+        (0, peers_sdk_1.Messages)().save(userMessage);
+    };
+    if (!messageParent) {
+        return false;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        messageParent &&
+            react_1.default.createElement(message_display_1.MessageDisplay, { message: messageParent, isThreadParent: true }),
+        react_1.default.createElement("hr", null),
+        messages.map((message, index) => {
+            return react_1.default.createElement(message_display_1.MessageDisplay, { key: message.messageId, message: message, messageAbove: messages[index - 1] });
+        }),
+        react_1.default.createElement("div", { className: 'p-2' },
+            react_1.default.createElement(message_compose_1.MessageCompose, { channelId: messageParent.channelId, threadId: messageParentId, onMessageSubmit: sendMessage })),
+        react_1.default.createElement("div", { ref: messagesEndRef })));
+};
+exports.ThreadMessageList = ThreadMessageList;

package/dist/components/messages/thread-view.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function startNewThread(): void;
+export interface IThreadContainerProps {
+    closeThreadBtn?: React.ReactNode;
+}
+export declare const ThreadContainer: (props: IThreadContainerProps) => false | React.JSX.Element;

package/dist/components/messages/thread-view.js

@@ -0,0 +1,174 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadContainer = void 0;
+exports.startNewThread = startNewThread;
+const hooks_1 = require("../../hooks");
+const react_1 = __importStar(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const globals_1 = require("../../globals");
+const message_compose_1 = require("./message-compose");
+const message_display_1 = require("./message-display");
+const thread_message_list_1 = require("./thread-message-list");
+const markdown_with_mentions_1 = require("../markdown-with-mentions");
+function closeThread(thread) {
+    if (typeof thread === 'object') {
+        // delete the draft
+        (0, message_compose_1.getContentPersistenceValue)(thread.channelId, thread.messageId)('');
+        thread = thread.messageId;
+    }
+    (0, globals_1.openThreads)((0, globals_1.openThreads)().filter(t => (typeof t === 'string' && t !== thread) || (typeof t === 'object' && t.messageId !== thread)));
+    if ((0, globals_1.openThreads)().length === 0) {
+        startNewThread();
+    }
+}
+function startNewThread() {
+    const threadParent = (0, peers_sdk_1.Messages)().initRecord({
+        messageId: (0, peers_sdk_1.newid)(),
+        userId: globals_1.me.userId,
+        channelId: globals_1.me.userId,
+        message: '',
+    });
+    (0, globals_1.openThread)(threadParent);
+}
+const ThreadContainer = (props) => {
+    const [[thread]] = (0, hooks_1.useObservable)(globals_1.openThreads);
+    if (!thread) {
+        setTimeout(startNewThread, 0);
+        return false;
+    }
+    return (react_1.default.createElement("div", { className: "thread-container" },
+        react_1.default.createElement("div", { className: 'sticky-top container-fluid border shadow-sm thread-header', style: { height: '50px' } },
+            react_1.default.createElement("div", { className: 'd-flex' },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("button", { className: "btn fs-4", onClick: startNewThread },
+                        react_1.default.createElement("i", { className: "bi bi-plus-lg" }))),
+                react_1.default.createElement("div", { className: 'flex-grow-1' },
+                    react_1.default.createElement("div", { className: 'pt-1' },
+                        react_1.default.createElement(OpenThreads, null))),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("button", { className: "btn fs-4", onClick: () => {
+                            let currentThreadId = (0, globals_1.openThreads)()[0];
+                            closeThread(currentThreadId);
+                        } },
+                        react_1.default.createElement("i", { className: "bi bi-x-lg" })),
+                    props.closeThreadBtn === undefined && (react_1.default.createElement("button", { className: "btn fs-4", onClick: () => (0, globals_1.threadViewOpen)(false) },
+                        react_1.default.createElement("i", { className: "bi bi-box-arrow-in-up-right" }))),
+                    !!props.closeThreadBtn && props.closeThreadBtn))),
+        thread && typeof thread === 'string' &&
+            react_1.default.createElement(thread_message_list_1.ThreadMessageList, { threadId: thread }),
+        thread && typeof thread !== 'string' &&
+            react_1.default.createElement(NewThreadView, { message: thread })));
+};
+exports.ThreadContainer = ThreadContainer;
+const NewThreadView = (props) => {
+    const message = (0, peers_sdk_1.Messages)().initDoc(props.message);
+    // TODO let the user set the channel
+    message.channelId = globals_1.me.userId;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("p", { className: 'p-2 fs-4 text-center' }, "New Thread"),
+        react_1.default.createElement("div", { className: 'p-2' },
+            react_1.default.createElement(message_compose_1.MessageCompose, { channelId: message.channelId, threadId: message.messageId, onMessageSubmit: async (messageData) => {
+                    message.message = messageData.message;
+                    message.createdAt = new Date();
+                    message.userId = globals_1.me.userId;
+                    await message.save();
+                    const threadsWithoutDraft = (0, globals_1.openThreads)().filter(t => !(typeof t === 'object' && t.messageId === message.messageId));
+                    (0, globals_1.openThreads)([message.messageId, ...threadsWithoutDraft]);
+                    (0, globals_1.threadViewOpen)(true);
+                } }))));
+};
+const OpenThreads = () => {
+    const [threads] = (0, hooks_1.useObservable)(globals_1.openThreads);
+    return (react_1.default.createElement("div", { className: "dropdown" },
+        react_1.default.createElement("button", { className: "btn btn-secondary dropdown-toggle", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false" }, "Open Threads"),
+        react_1.default.createElement("ul", { className: "dropdown-menu", style: { maxHeight: '70vh', overflowY: 'auto', minWidth: '90%' } }, threads.map(thread => {
+            let threadId = '';
+            if (typeof thread === 'object') {
+                threadId = thread.messageId;
+            }
+            else {
+                threadId = thread;
+            }
+            return (react_1.default.createElement(OpenThreadsMenuItem, { key: threadId, thread: thread }));
+        }))));
+};
+const OpenThreadsMenuItem = (props) => {
+    const { thread } = props;
+    const [menuText, setMenuText] = (0, react_1.useState)('loading...');
+    const [message, setMessage] = (0, react_1.useState)();
+    const isDraft = typeof thread !== 'string';
+    (0, react_1.useEffect)(() => {
+        let sub = undefined;
+        let disposed = false;
+        (async () => {
+            if (typeof thread === 'string') {
+                const message = await (0, peers_sdk_1.Messages)().get(thread);
+                if (disposed)
+                    return;
+                setMenuText(message?.message ?? `Thread ${thread} not found`);
+                setMessage(message);
+            }
+            else {
+                setMessage(thread);
+                const pVar = (0, message_compose_1.getContentPersistenceValue)(thread.channelId, thread.messageId);
+                await pVar.loadingPromise;
+                if (disposed)
+                    return;
+                setMenuText(pVar() || 'New Thread');
+                sub = pVar.subscribe(() => {
+                    setMenuText(pVar() || 'New Thread');
+                });
+            }
+        })();
+        return () => {
+            sub?.dispose();
+        };
+    }, [thread]);
+    function _closeThread(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        closeThread(thread);
+    }
+    return (react_1.default.createElement("li", null,
+        react_1.default.createElement("div", { className: 'border rounded m-2 mb-3', onClick: () => (0, globals_1.openThread)(thread) },
+            !message && 'loading...',
+            message && !isDraft && (react_1.default.createElement("div", { style: { position: 'relative' } },
+                react_1.default.createElement("button", { className: 'btn-close', style: { position: 'absolute', right: 8, top: -10, fontSize: '.7em' }, onClick: _closeThread }),
+                react_1.default.createElement(message_display_1.MessageDisplay, { message: message, isThreadParent: true }))),
+            message && isDraft &&
+                react_1.default.createElement("div", { className: 'p-1' },
+                    react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: 'DRAFT - ' + menuText })))));
+};

package/dist/components/off-canvas.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IProps {
+    id: string;
+    children: any;
+    position: 'left' | 'right' | 'top' | 'bottom';
+    keepOpen?: boolean;
+    dataBackdrop?: boolean;
+    effects?: {
+        hide: (() => any);
+    };
+}
+export declare const OffCanvas: (props: IProps) => React.JSX.Element;
+export {};

package/dist/components/off-canvas.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OffCanvas = void 0;
+const react_1 = __importStar(require("react"));
+const bootstrap_1 = require("bootstrap");
+// function removeExtraFadeFromOffcanvas(canvasId: string) {
+//   const offcanvas = document.getElementById(canvasId);
+//   offcanvas?.addEventListener('shown.bs.offcanvas', event => {
+//     let fade = document.getElementsByClassName('offcanvas-backdrop fade show');
+//     for (let i = 0; i < fade.length; i++) {
+//       if (fade.length > 1) {
+//         fade[i].remove();
+//       }
+//     }
+//   });
+// }
+// function preventMultipleOffcanvasFades(canvasId: string) {
+//   const offcanvas = document.getElementById(canvasId);
+//   offcanvas?.addEventListener('show.bs.offcanvas', function () {
+//     const backdrops = document.querySelectorAll('.offcanvas-backdrop');
+//     if (backdrops.length > 1) {
+//       for (let i = 1; i < backdrops.length; i++) {
+//         backdrops[i].remove();
+//       }
+//     }
+//   });
+// }
+const OffCanvas = (props) => {
+    console.log('OffCanvas');
+    const { id, position, keepOpen, effects } = props;
+    const computedProps = {};
+    if (keepOpen) {
+        computedProps['data-bs-scroll'] = "true";
+        computedProps['data-bs-backdrop'] = "false";
+    }
+    if (props.dataBackdrop !== undefined) {
+        computedProps['data-bs-backdrop'] = String(props.dataBackdrop);
+    }
+    const offCanvasPosition = position == 'left' ? 'start'
+        : position == 'right' ? 'end' : position;
+    const offCanvasRef = (0, react_1.useRef)();
+    if (effects) {
+        effects.hide = () => {
+            if (offCanvasRef.current) {
+                let offCanvas = bootstrap_1.Offcanvas.getInstance(offCanvasRef.current);
+                offCanvas?.hide();
+            }
+        };
+    }
+    (0, react_1.useEffect)(() => {
+        // removeExtraFadeFromOffcanvas(id);
+        // preventMultipleOffcanvasFades(id);
+    }, [offCanvasRef, offCanvasRef.current]);
+    return (react_1.default.createElement("div", { id: id, ref: offCanvasRef, tabIndex: -1, className: `offcanvas offcanvas-${offCanvasPosition} ${keepOpen ? 'show' : ''}`, style: { width: "300px", visibility: keepOpen ? 'visible' : '' }, ...computedProps }, props.children));
+};
+exports.OffCanvas = OffCanvas;

package/dist/components/router.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "../screens/groups";
+import "../screens/contacts";
+export declare function Router({ path: providedPath }?: {
+    path?: string;
+}): React.JSX.Element;

package/dist/components/router.js

@@ -0,0 +1,240 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = Router;
+const react_1 = __importDefault(require("react"));
+const globals = __importStar(require("../globals"));
+const assistant_details_1 = require("../screens/assistants/assistant-details");
+const assistant_list_1 = require("../screens/assistants/assistant-list");
+const profile_1 = require("../screens/profile");
+// import { TaskDetails } from "../screens/tasks/task-details";
+// import { TaskList } from "../screens/tasks/task-list";
+const tool_details_1 = require("../screens/tools/tool-details");
+const tool_list_1 = require("../screens/tools/tool-list");
+const tool_test_details_1 = require("../screens/tools/tool-test-details");
+const workflow_details_1 = require("../screens/workflows/workflow-details");
+const workflow_list_1 = require("../screens/workflows/workflow-list");
+const channel_view_1 = require("./messages/channel-view");
+const event_list_1 = require("../screens/events/event-list");
+const event_details_1 = require("../screens/events/event-details");
+const settings_page_1 = require("../screens/settings/settings-page");
+const package_details_1 = require("../screens/packages/package-details");
+const package_list_1 = require("../screens/packages/package-list");
+const package_new_local_1 = require("../screens/packages/package-new-local");
+const variable_list_1 = require("../screens/variables/variable-list");
+const variable_details_1 = require("../screens/variables/variable-details");
+const knowledge_frame_list_1 = require("../screens/knowledge/knowledge-frame-list");
+const knowledge_frame_details_1 = require("../screens/knowledge/knowledge-frame-details");
+const peer_type_list_1 = require("../screens/peer-types/peer-type-list");
+const peer_type_details_1 = require("../screens/peer-types/peer-type-details");
+const predicate_list_1 = require("../screens/predicates/predicate-list");
+const predicate_details_1 = require("../screens/predicates/predicate-details");
+const knowledge_value_list_1 = require("../screens/knowledge/knowledge-value-list");
+const knowledge_value_details_1 = require("../screens/knowledge/knowledge-value-details");
+const ui_loader_1 = require("../ui-router/ui-loader");
+const hooks_1 = require("../hooks");
+const thread_message_list_1 = require("./messages/thread-message-list");
+const global_search_1 = require("../screens/search/global-search");
+require("../screens/groups");
+require("../screens/contacts");
+function Router({ path: providedPath } = {}) {
+    try {
+        // Use provided path or fall back to global mainContentPath
+        const [globalPath] = (0, hooks_1.useObservable)(globals.mainContentPath);
+        let path = providedPath ?? globalPath;
+        const originalPath = path;
+        path = path.toLowerCase().trim();
+        path = path.split('?')[0]; // remove query string
+        // remove leading '/'
+        if (path.startsWith('/')) {
+            path = path.substring(1);
+        }
+        // remove trailing '/'
+        if (path.endsWith('/')) {
+            path = path.substring(0, path.length - 1);
+        }
+        if (path === 'search') {
+            return react_1.default.createElement(global_search_1.GlobalSearch, null);
+        }
+        if (path === 'settings') {
+            return react_1.default.createElement(settings_page_1.SettingsPage, null);
+        }
+        if (path === 'profile') {
+            return react_1.default.createElement(profile_1.Profile, null);
+        }
+        const ui = (0, ui_loader_1.UIRouter)({ path, props: {}, uiCategory: 'screen' });
+        if (ui) {
+            return ui;
+        }
+        if (path === 'threads' || path === '') {
+            return react_1.default.createElement(channel_view_1.ChannelMessages, null);
+        }
+        if (path.match(/^channel\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const channelId = parts[0];
+            // todo add additional params as props if they exist
+            return react_1.default.createElement(channel_view_1.ChannelMessages, { channelId: channelId });
+        }
+        if (path === 'assistants') {
+            return react_1.default.createElement(assistant_list_1.AssistantList, null);
+        }
+        if (path.match(/^assistants\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(assistant_details_1.AssistantDetails, { assistantId: id });
+        }
+        // if (path === 'tasks') {
+        //   return <TaskList />;
+        // }
+        // if (path.match(/^tasks\//)) {
+        //   const parts = path.split('/');
+        //   parts.shift();
+        //   const taskId = parts[0];
+        //   return <TaskDetails taskId={taskId} />;
+        // }
+        if (path === 'workflows') {
+            return react_1.default.createElement(workflow_list_1.WorkflowList, null);
+        }
+        if (path.match(/^workflows\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const workflowId = parts[0];
+            return react_1.default.createElement(workflow_details_1.WorkflowDetails, { workflowId: workflowId });
+        }
+        if (path === 'tools') {
+            return react_1.default.createElement(tool_list_1.ToolList, null);
+        }
+        if (path.match(/^tools\/tests\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            parts.shift();
+            const toolTestId = parts[0];
+            return react_1.default.createElement(tool_test_details_1.ToolTestDetails, { toolTestId: toolTestId });
+        }
+        if (path.match(/^tools\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const toolId = parts[0];
+            return react_1.default.createElement(tool_details_1.ToolDetails, { toolId: toolId });
+        }
+        if (path === 'events') {
+            return react_1.default.createElement(event_list_1.PeerEventList, null);
+        }
+        if (path.match(/^events\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(event_details_1.PeerEventDetails, { peerEventTypeId: id });
+        }
+        if (path === 'packages') {
+            return react_1.default.createElement(package_list_1.PackageList, null);
+        }
+        if (path.match(/^packages\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            if (id.toLowerCase() === 'newlocal') {
+                return react_1.default.createElement(package_new_local_1.PackageNewLocal, null);
+            }
+            return react_1.default.createElement(package_details_1.PackageDetails, { packageId: id });
+        }
+        if (path === 'variables') {
+            return react_1.default.createElement(variable_list_1.VariableList, null);
+        }
+        if (path.match(/^variables\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(variable_details_1.VariableDetails, { persistentVarId: id });
+        }
+        if (path === 'knowledge-values') {
+            return react_1.default.createElement(knowledge_value_list_1.KnowledgeValueList, null);
+        }
+        if (path.match(/^knowledge-values\/([a-zA-Z0-9]{25})/)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(knowledge_value_details_1.KnowledgeValueDetails, { knowledgeValueId: id });
+        }
+        if (path === 'knowledge-frames') {
+            return react_1.default.createElement(knowledge_frame_list_1.KnowledgeFrameList, null);
+        }
+        if (path.match(/^knowledge-frames\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(knowledge_frame_details_1.KnowledgeFrameDetails, { knowledgeFrameId: id });
+        }
+        if (path === 'peer-types') {
+            return react_1.default.createElement(peer_type_list_1.PeerTypeLists, null);
+        }
+        if (path.match(/^peer-types\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(peer_type_details_1.PeerTypeDetails, { peerTypeId: id });
+        }
+        if (path === 'predicates') {
+            return react_1.default.createElement(predicate_list_1.PredicateList, null);
+        }
+        if (path.match(/^predicates\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const id = parts[0];
+            return react_1.default.createElement(predicate_details_1.PredicateDetails, { predicateId: id });
+        }
+        if (path.match(/^threads\//)) {
+            const parts = path.split('/');
+            parts.shift();
+            const threadId = parts[0];
+            return react_1.default.createElement(thread_message_list_1.ThreadMessageList, { threadId: threadId });
+        }
+        throw new Error('Unrecognized route: ' + originalPath);
+    }
+    catch (err) {
+        return (react_1.default.createElement("div", { className: "p-3" },
+            react_1.default.createElement("a", { href: '#threads' }, "Home"),
+            react_1.default.createElement("h3", null, "Error loading route"),
+            react_1.default.createElement("pre", null,
+                "route: ",
+                globals.mainContentPath() + '\n',
+                String(err))));
+    }
+}

package/dist/components/save-button.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IDoc } from "@peers-app/peers-sdk";
+export interface ISaveButtonProps {
+    doc: IDoc<any>;
+    onClick?: () => void | Promise<void>;
+    addActions?: ({
+        label: string;
+        onClick: () => void;
+        className?: string;
+    } | React.ReactNode)[];
+    noBuiltInActions?: boolean;
+}
+export declare const SaveButton: (props: ISaveButtonProps) => React.JSX.Element;