@peers-app/peers-ui 0.0.14

package/dist/screens/packages/package-new-local.js

@@ -0,0 +1,82 @@
+"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.PackageNewLocal = void 0;
+const react_1 = __importStar(require("react"));
+const globals_1 = require("../../globals");
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const PackageNewLocal = () => {
+    const defaultName = "New Package";
+    const [packageName, setPackageName] = (0, react_1.useState)('');
+    const [packageLocation, setPackageLocation] = (0, react_1.useState)('');
+    let packageFolderName = packageName || defaultName;
+    packageFolderName = packageFolderName.replace(/[^a-zA-Z0-9]/g, ' ');
+    packageFolderName = packageFolderName.replace(/\s+/g, ' ').trim();
+    packageFolderName = (0, peers_sdk_1.camelCaseToHyphens)(packageFolderName);
+    const packageLocationDefault = (0, peers_sdk_1.packagesRootDir)() + '/' + packageFolderName;
+    const hiddenFileInput = react_1.default.useRef(null);
+    const handleFolderSelect = (e) => {
+        // @ts-ignore
+        const path = e.target.files?.[0]?.path;
+        const folderPath = path;
+        if (folderPath) {
+            setPackageLocation(folderPath);
+        }
+    };
+    const createLocalPackage = async () => {
+        try {
+            const packageId = await peers_sdk_1.rpcServerCalls.createLocalPackage(packageName, packageLocation || packageLocationDefault);
+            const pkg = await (0, peers_sdk_1.Packages)().get(packageId);
+            if (pkg) {
+                (0, globals_1.mainContentPath)(`packages/${packageId}`);
+                peers_sdk_1.rpcServerCalls.openPackage(pkg.localPath);
+            }
+        }
+        catch (err) {
+            confirm('Error creating package: ' + err);
+        }
+    };
+    return (react_1.default.createElement("div", { className: 'container mt-2' },
+        react_1.default.createElement("h4", { className: 'text-center' }, "New Local Package"),
+        react_1.default.createElement("div", { className: "input-group mt-3 mb-3" },
+            react_1.default.createElement("input", { type: "text", className: "form-control", placeholder: "Package Name", value: packageName, onChange: e => setPackageName(e.target.value), autoFocus: true })),
+        react_1.default.createElement("input", { ref: hiddenFileInput, type: "file", className: 'visually-hidden', onChange: handleFolderSelect, 
+            // @ts-ignore
+            directory: "", webkitdirectory: "" }),
+        react_1.default.createElement("div", { className: "input-group mt-3 mb-3" },
+            react_1.default.createElement("input", { type: "text", className: "form-control", placeholder: packageLocationDefault, value: packageLocation, onChange: e => setPackageLocation(e.target.value), disabled: true })),
+        react_1.default.createElement("button", { className: "btn btn-primary float-end", type: "button", onClick: () => createLocalPackage(), disabled: !packageName }, "Create Package")));
+};
+exports.PackageNewLocal = PackageNewLocal;

package/dist/screens/peer-types/peer-type-details.d.ts

@@ -0,0 +1,10 @@
+import { Observable } from "@peers-app/peers-sdk";
+import React from "react";
+interface IProps {
+    peerTypeId: string;
+}
+export declare const PeerTypeDetails: (props: IProps) => React.JSX.Element;
+export declare const IconPicker: (props: {
+    icon: Observable<string | undefined>;
+}) => React.JSX.Element;
+export {};

package/dist/screens/peer-types/peer-type-details.js

@@ -0,0 +1,126 @@
+"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.IconPicker = exports.PeerTypeDetails = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importStar(require("react"));
+const input_1 = require("../../components/input");
+const io_schema_1 = require("../../components/io-schema");
+const loading_indicator_1 = require("../../components/loading-indicator");
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const save_button_1 = require("../../components/save-button");
+const tabs_1 = require("../../components/tabs");
+const tooltip_1 = require("../../components/tooltip");
+const hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
+const PeerTypeDetails = (props) => {
+    const valueType = (0, hooks_1.usePromise)(async () => {
+        const valueType = await (0, peers_sdk_1.PeerTypes)().get(props.peerTypeId);
+        if (!valueType) {
+            throw new Error('Variable not found');
+        }
+        const doc = (0, peers_sdk_1.PeerTypes)().initDoc(valueType);
+        (0, tabs_state_1.updateActiveTabTitle)(doc.name || "Type");
+        return doc;
+    }, undefined, [props.peerTypeId]);
+    (0, react_1.useEffect)(() => {
+        if (!valueType)
+            return;
+        const sub = valueType.qs.name.subscribe(() => {
+            valueType.name = valueType.qs.name().replaceAll(/\s/g, '_').replaceAll(/[^a-zA-Z0-9_-]/g, '');
+        });
+        return () => {
+            sub.dispose();
+        };
+    }, [valueType]);
+    if (!valueType) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
+        react_1.default.createElement("div", { className: "d-flex" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement("i", { className: "bi bi-code-square me-2" }))),
+            react_1.default.createElement("div", { className: "flex-grow-1" },
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement(input_1.Input, { key: valueType.peerTypeId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: valueType.qs.name }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(save_button_1.SaveButton, { key: valueType.peerTypeId, doc: valueType }))),
+        react_1.default.createElement(tabs_1.Tabs, { key: valueType.peerTypeId, tabs: [
+                {
+                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(VariableInfo, { valueType: valueType }))
+                },
+                {
+                    name: 'Schema', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(VariableSchema, { valueType: valueType }))
+                },
+            ] })));
+};
+exports.PeerTypeDetails = PeerTypeDetails;
+const VariableInfo = (props) => {
+    const { valueType } = props;
+    valueType.description = valueType.description || '';
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("small", { className: "text-body-secondary" }, "Name:"),
+        react_1.default.createElement(input_1.Input, { value: valueType.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Variable name", title: "Variable name" }),
+        react_1.default.createElement("small", { className: "text-body-secondary" },
+            "Icon Class:",
+            react_1.default.createElement("small", null,
+                react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: [
+                        'Icon classes can be found at:',
+                        '[Bootstrap Icons](https://icons.getbootstrap.com/)',
+                    ].join(' ') }))),
+        react_1.default.createElement(exports.IconPicker, { icon: valueType.qs.iconClass }),
+        react_1.default.createElement("small", { className: "mt-2 text-body-secondary" }, "Description:"),
+        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: valueType.qs.description })));
+};
+const VariableSchema = (props) => {
+    const { valueType } = props;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(io_schema_1.IOSchemaEditor, { ioSchema: valueType.qs.schema, simpleValueName: "value" })));
+};
+const IconPicker = (props) => {
+    const { icon } = props;
+    (0, hooks_1.useObservable)(icon);
+    if (icon() === undefined) {
+        icon('');
+    }
+    return (react_1.default.createElement("div", { className: "d-flex" },
+        react_1.default.createElement(input_1.Input, { value: icon, className: "form-control mb-3 p-0 ps-2", placeholder: "icon class", title: "Icon" }),
+        react_1.default.createElement("div", { className: "me-2 ms-2", style: { width: '22px' } },
+            react_1.default.createElement("i", { className: icon() }))));
+};
+exports.IconPicker = IconPicker;

package/dist/screens/peer-types/peer-type-list.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PeerTypeLists(): React.JSX.Element;

package/dist/screens/peer-types/peer-type-list.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PeerTypeLists = PeerTypeLists;
+const react_1 = __importDefault(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
+const globals_1 = require("../../globals");
+const list_screen_1 = require("../../components/list-screen");
+const ui_loader_1 = require("../../ui-router/ui-loader");
+function PeerTypeLists() {
+    async function newRecord(name) {
+        const peerTypeName = name.replace(/\s+/g, '_');
+        let valueType = await (0, peers_sdk_1.PeerTypes)().insert({
+            peerTypeId: (0, peers_sdk_1.newid)(),
+            name: peerTypeName,
+            description: '',
+            schema: {
+                type: peers_sdk_1.IOSchemaType.none,
+                fields: [],
+            },
+        });
+        valueType = await (0, peers_sdk_1.PeerTypes)().save(valueType);
+        (0, globals_1.mainContentPath)(`peer-types/${valueType.peerTypeId}`);
+        return valueType;
+    }
+    function getFilter(searchText) {
+        return {
+            $or: [
+                { name: { $matchWords: searchText } },
+                { description: { $matchWords: searchText } },
+            ],
+        };
+    }
+    function renderItem(item) {
+        return (react_1.default.createElement("div", { key: item.peerTypeId, className: 'container-fluid pb-4' },
+            react_1.default.createElement("i", { className: item.iconClass ?? "bi bi-code-square" }),
+            "\u00A0",
+            react_1.default.createElement("a", { href: `#peer-types/${item.peerTypeId}` }, item.name || '<empty-name>'),
+            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
+                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: item.description || '' }))));
+    }
+    return (react_1.default.createElement(list_screen_1.ListScreen, { table: (0, peers_sdk_1.PeerTypes)(), newRecord: newRecord, getFilter: getFilter, sortBy: ['name'], renderItem: renderItem, placeholderName: "value type" }));
+}
+(0, ui_loader_1.registerInternalPeersUI)({
+    peersUIId: '00m5fshz2g6ea23v8z6y0a1cj',
+    component: PeerTypeLists,
+    routes: [
+        {
+            isMatch: (props, context) => context.path === 'peer-types',
+            uiCategory: 'screen',
+            priority: 2
+        }
+    ]
+});

package/dist/screens/predicates/predicate-details.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface IProps {
+    predicateId: string;
+}
+export declare const PredicateDetails: (props: IProps) => React.JSX.Element;
+export {};

package/dist/screens/predicates/predicate-details.js

@@ -0,0 +1,103 @@
+"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.PredicateDetails = void 0;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = __importStar(require("react"));
+const input_1 = require("../../components/input");
+const loading_indicator_1 = require("../../components/loading-indicator");
+const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
+const save_button_1 = require("../../components/save-button");
+const tabs_1 = require("../../components/tabs");
+const hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
+const PredicateDetails = (props) => {
+    const predicate = (0, hooks_1.usePromise)(async () => {
+        const predicate = await (0, peers_sdk_1.Predicates)().get(props.predicateId);
+        if (!predicate) {
+            throw new Error('Predicate not found');
+        }
+        const doc = (0, peers_sdk_1.Predicates)().initDoc(predicate);
+        (0, tabs_state_1.updateActiveTabTitle)(doc.name || "Predicate");
+        return doc;
+    }, undefined, [props.predicateId]);
+    (0, react_1.useEffect)(() => {
+        if (!predicate)
+            return;
+        const sub = predicate.qs.name.subscribe(() => {
+            predicate.name = predicate.qs.name().replaceAll(/\s/g, '_').replaceAll(/[^a-zA-Z0-9_-]/g, '');
+        });
+        return () => {
+            sub.dispose();
+        };
+    }, [predicate]);
+    if (!predicate) {
+        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+    }
+    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
+        react_1.default.createElement("div", { className: "d-flex" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement("i", { className: "me-2 bi bi-node-plus-fill" }))),
+            react_1.default.createElement("div", { className: "flex-grow-1" },
+                react_1.default.createElement("h4", null,
+                    react_1.default.createElement(input_1.Input, { key: predicate.predicateId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: predicate.qs.name }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(save_button_1.SaveButton, { key: predicate.predicateId, doc: predicate }))),
+        react_1.default.createElement(tabs_1.Tabs, { key: predicate.predicateId, tabs: [
+                {
+                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(PredicateInfo, { predicate: predicate }))
+                },
+                {
+                    name: 'Allowed Types', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
+                        react_1.default.createElement(AllowedTypes, { predicate: predicate }))
+                },
+            ] })));
+};
+exports.PredicateDetails = PredicateDetails;
+const PredicateInfo = (props) => {
+    const { predicate } = props;
+    predicate.description = predicate.description || '';
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("small", null, "Name:"),
+        react_1.default.createElement(input_1.Input, { value: predicate.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Variable name", title: "Variable name" }),
+        react_1.default.createElement("small", { className: "mt-2" }, "Description:"),
+        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: predicate.qs.description })));
+};
+const AllowedTypes = (props) => {
+    const { predicate } = props;
+    return (react_1.default.createElement("div", null));
+};

package/dist/screens/predicates/predicate-list.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PredicateList(): React.JSX.Element;

package/dist/screens/predicates/predicate-list.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PredicateList = PredicateList;
+const react_1 = __importDefault(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const list_screen_1 = require("../../components/list-screen");
+const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
+const globals_1 = require("../../globals");
+function PredicateList() {
+    const screenPathPart = 'predicates';
+    const icon = 'bi bi-node-plus-fill';
+    return (0, list_screen_1.ListScreen)({
+        table: (0, peers_sdk_1.Predicates)(),
+        sortBy: ['-predicateId'],
+        placeholderName: 'frame',
+        getFilter: (text) => {
+            return {
+                $or: [
+                    { name: { $matchWords: text } },
+                    { description: { $matchWords: text } },
+                ]
+            };
+        },
+        newRecord: async (text) => {
+            text = text.trim().replace(/\s+/g, '_');
+            const item = await (0, peers_sdk_1.Predicates)().insert({
+                predicateId: (0, peers_sdk_1.newid)(),
+                name: text,
+                description: '',
+            });
+            (0, globals_1.mainContentPath)(`${screenPathPart}/${item.predicateId}`);
+            return item;
+        },
+        renderItem: (item) => {
+            return (react_1.default.createElement("div", { key: item.predicateId, className: 'container-fluid pb-4' },
+                react_1.default.createElement("i", { className: icon }),
+                "\u00A0",
+                react_1.default.createElement("a", { href: `#${screenPathPart}/${item.predicateId}` }, item.name || '<empty-name>'),
+                react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
+                    react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: item.description || '' }))));
+        },
+    });
+}

package/dist/screens/profile.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Profile: () => React.JSX.Element;

package/dist/screens/profile.js

@@ -0,0 +1,66 @@
+"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.Profile = void 0;
+const react_1 = __importStar(require("react"));
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const save_button_1 = require("../components/save-button");
+const tooltip_1 = require("../components/tooltip");
+const globals = __importStar(require("../globals"));
+const input_1 = require("../components/input");
+const Profile = () => {
+    const [me] = (0, react_1.useState)(() => (0, peers_sdk_1.Users)().initDoc(globals.me));
+    return (react_1.default.createElement("div", { className: "container mt-4" },
+        react_1.default.createElement("div", { className: "d-flex mb-2" },
+            react_1.default.createElement("div", { className: "flex-grow-1" },
+                react_1.default.createElement("h4", null, "Profile")),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(save_button_1.SaveButton, { doc: me, noBuiltInActions: true }))),
+        react_1.default.createElement("small", null, "Name:"),
+        react_1.default.createElement(input_1.Input, { value: me.qs.name, className: "form-control mb-3" }),
+        react_1.default.createElement("small", null, "User Id:"),
+        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "This uniquely identifies you to all other users." }),
+        react_1.default.createElement(input_1.Input, { value: me.userId, className: "form-control mb-3", disabled: true }),
+        react_1.default.createElement("small", null, "Device Id:"),
+        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "This uniquely identifies this device on Peers networks." }),
+        react_1.default.createElement(input_1.Input, { value: (0, peers_sdk_1.thisDeviceId)(), className: "form-control mb-3", disabled: true }),
+        react_1.default.createElement("small", null, "Public Key:"),
+        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "This is your public key that other users will use to verify your signatures and thereby confirm a message was actually from you." }),
+        react_1.default.createElement(input_1.Input, { value: me.publicKey, className: "form-control mb-3", disabled: true }),
+        react_1.default.createElement("small", null, "Public Box Key:"),
+        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: "This is the public key that other users can use to encrypt data so that only you can open it with your secret key." }),
+        react_1.default.createElement(input_1.Input, { value: me.publicBoxKey, className: "form-control mb-3", disabled: true })));
+};
+exports.Profile = Profile;

package/dist/screens/search/global-search.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function GlobalSearch(): React.JSX.Element;