@peers-app/peers-ui 0.14.0 → 0.15.0

package/src/utils.ts

@@ -1,9 +1,8 @@
-import DOMPurify from 'dompurify';
-import _ from 'lodash';
-
+import DOMPurify from "dompurify";
+import _ from "lodash";
 
 export function htmlToText(html: string): string {
-  let doc = new DOMParser().parseFromString(html, 'text/html');
+  const doc = new DOMParser().parseFromString(html, "text/html");
   return doc.body.textContent || "";
 }
 
@@ -11,75 +10,81 @@ export function htmlToText(html: string): string {
 export function stripMentions(text: string): string {
   // Replace <type:name:id> with just the readable name part
   // Convert underscores to spaces for better readability
-  return text.replace(/<[@$]([^:]+):([^:]+):([^>]+)>/g, (match, type, name, id) => {
-    return name.replace(/_/g, ' ');
+  return text.replace(/<[@$]([^:]+):([^:]+):([^>]+)>/g, (_match, _type, name, _id) => {
+    return name.replace(/_/g, " ");
   });
 }
 
-
 export function trimAndSanitizeHtml(value: string) {
   let sanitizedValue: string = DOMPurify.sanitize(value);
   // removes empty paragraphs
   // return sanitizedValue.replace(/\<p\>\<br\>\<\/p\>/ig, '').trim()
 
-  const singleBlankLine = '<p><br></p>';
+  const singleBlankLine = "<p><br></p>";
   const doubleBlankLine = singleBlankLine + singleBlankLine;
 
   // collapse lots of blank lines into one
   while (sanitizedValue.includes(doubleBlankLine)) {
-    // @ts-ignore
     sanitizedValue = sanitizedValue.replaceAll(doubleBlankLine, singleBlankLine);
   }
 
-  // remove trailing blank line  
+  // remove trailing blank line
   if (sanitizedValue.endsWith(singleBlankLine)) {
     sanitizedValue = sanitizedValue.substr(0, sanitizedValue.length - singleBlankLine.length);
   }
   return sanitizedValue;
 }
 
-
-export function isObject(x: any): x is Record<string,any> {
+export function isObject(x: any): x is Record<string, any> {
   return _.isObject(x) && !_.isArray(x) && !_.isDate(x) && x !== null;
 }
 
 export function js(jsCode: string, externalReferences?: any) {
   const hideGlobals = [
-    'process', 'global'//,'setTimeout','setInterval','setImmediate','clearImmediate','clearInterval','clearTimeout'    
+    "process",
+    "global", //,'setTimeout','setInterval','setImmediate','clearImmediate','clearInterval','clearTimeout'
   ];
   const common = module.exports;
-  const refNames = ['console', 'common'];
+  const refNames = ["console", "common"];
   const refValues = [console, common];
-  _.keys(externalReferences).forEach(key => {
+  _.keys(externalReferences).forEach((key) => {
     refNames.push(key);
     refValues.push(externalReferences[key]);
-  })
-  const compiledJs = Function.apply(null, [...refNames, ...hideGlobals, '"use strict";  ' + jsCode.trim()]);
+  });
+  const compiledJs = Function.apply(null, [
+    ...refNames,
+    ...hideGlobals,
+    `"use strict";  ${jsCode.trim()}`,
+  ]);
   return compiledJs.apply(null, refValues);
 }
 
 // must be done this way so TypeScript doesn't rewrite async keyword
 // export const AsyncFunction = eval('Object.getPrototypeOf(async function () { }).constructor');
-export const AsyncFunction = Object.getPrototypeOf(async function() {}).constructor;
+export const AsyncFunction = Object.getPrototypeOf(async () => {}).constructor;
 
 export function jsAsync(jsCode: string, externalReferences: any = {}) {
-  jsCode = String(jsCode).trim()
+  jsCode = String(jsCode).trim();
   const hideGlobals = [
-    'process', 'global'//,'setTimeout','setInterval','setImmediate','clearImmediate','clearInterval','clearTimeout'    
+    "process",
+    "global", //,'setTimeout','setInterval','setImmediate','clearImmediate','clearInterval','clearTimeout'
   ];
   const utils = module.exports;
-  const refNames = ['utils', 'utils_1', 'Promise', 'console'];
+  const refNames = ["utils", "utils_1", "Promise", "console"];
   const refValues = [utils, utils, Promise, console];
-  _.keys(externalReferences).forEach(key => {
+  _.keys(externalReferences).forEach((key) => {
     refNames.push(key);
     refValues.push(externalReferences[key]);
-  })
-  const compiledJs = AsyncFunction.apply(null, [...refNames, ...hideGlobals, '"use strict";\n' + jsCode]);
+  });
+  const compiledJs = AsyncFunction.apply(null, [
+    ...refNames,
+    ...hideGlobals,
+    `"use strict";\n${jsCode}`,
+  ]);
   return compiledJs.apply(null, refValues);
 }
 
 export function toJSON(obj: any) {
-
   //console.log('toJSON');
   const knownObjs: any[] = [];
   const objRefs: any[] = [];
@@ -87,30 +92,23 @@ export function toJSON(obj: any) {
   let refCount = 0;
 
   function recurse(obj: any) {
-
     // stringify values
-    if (Number.isNaN(obj))
-      return "NaN";
-    if (obj === undefined)
-      return "undefined";
-    if (obj === Infinity)
-      return "Infinity";
-    if (obj instanceof RegExp)
-      return ("__REGEXP " + obj.toString());
+    if (Number.isNaN(obj)) return "NaN";
+    if (obj === undefined) return "undefined";
+    if (obj === Infinity) return "Infinity";
+    if (obj instanceof RegExp) return `__REGEXP ${obj.toString()}`;
     //   if(isDate(obj))
     //       return "__DATE " + obj.toISOString();
-    if (_.isDate(obj))
-      return obj.toISOString();
-    if (_.isFunction(obj))
-      return '__FUNCTION ' + obj.toString();
+    if (_.isDate(obj)) return obj.toISOString();
+    if (_.isFunction(obj)) return `__FUNCTION ${obj.toString()}`;
     if (_.isElement(obj)) {
-      return "__HTML " + obj.outerHTML;
+      return `__HTML ${obj.outerHTML}`;
     }
-    if (typeof window !== 'undefined' && window && obj === window) {
+    if (typeof window !== "undefined" && window && obj === window) {
       return "__WINDOW";
     }
     if (_.isError(obj)) {
-      return "__ERROR " + obj.stack;
+      return `__ERROR ${obj.stack}`;
     }
 
     // non-objects can just be returned at this point
@@ -125,33 +123,32 @@ export function toJSON(obj: any) {
 
       var nObj = newObjs[iObj];
       if (_.isArray(nObj) && (!_.isString(nObj[0]) || !nObj[0].match(/^__this_ref:/)))
-        nObj.unshift("__this_ref:" + ref);
-      else if (isObject(nObj) && !nObj.__this_ref)
-        nObj.__this_ref = ref;
+        nObj.unshift(`__this_ref:${ref}`);
+      else if (isObject(nObj) && !nObj.__this_ref) nObj.__this_ref = ref;
       return ref;
     }
 
     // capture references in case we need them later
     refCount++;
-    var newRef = "__duplicate_ref_" + (_.isArray(obj) ? "ary_" : "obj_") + refCount;
-    var nObj: (any[] | any) = _.isArray(obj) ? [] : {};
+    var newRef = `__duplicate_ref_${_.isArray(obj) ? "ary_" : "obj_"}${refCount}`;
+    var outObj: any[] | any = _.isArray(obj) ? [] : {};
     knownObjs.push(obj);
     objRefs.push(newRef);
-    newObjs.push(nObj);
+    newObjs.push(outObj);
 
     // recurse on properties
     if (_.isArray(obj))
-      for (var i = 0; i < obj.length; i++)
-        nObj.push(recurse(obj[i])); // use push so offset from reference capture doesn't mess things up
+      for (var i = 0; i < obj.length; i++) outObj.push(recurse(obj[i])); // use push so offset from reference capture doesn't mess things up
     else
       for (var key in obj) {
-        if (!(obj && obj.hasOwnProperty && obj.hasOwnProperty(key))) continue;
+        if (!Object.hasOwn(obj as object, key)) continue;
         var value = recurse(obj[key]);
-        if (key[0] == '$') // escape leading dollar signs
-          key = '__DOLLAR_' + key.substr(1);
-        nObj[key] = value;
+        if (key[0] === "$")
+          // escape leading dollar signs
+          key = `__DOLLAR_${key.substr(1)}`;
+        outObj[key] = value;
       }
-    return nObj;
+    return outObj;
   }
   obj = recurse(obj);
   return obj;
@@ -162,33 +159,28 @@ export function fromJSON(obj: any, externalReferences?: any) {
   var dup_refs: any = {};
 
   function recurse(obj: any) {
-
     if (_.isString(obj)) {
-
       // restore values
-      if (obj === "undefined")
-        return undefined;
-      if (obj === "NaN")
-        return NaN;
-      if (obj === "Infinity")
-        return Infinity;
+      if (obj === "undefined") return undefined;
+      if (obj === "NaN") return NaN;
+      if (obj === "Infinity") return Infinity;
       if (obj.match(/^__REGEXP /)) {
         var m: any = obj.split("__REGEXP ")[1].match(/\/(.*)\/(.*)?/);
         return new RegExp(m[1], m[2] || "");
       }
-      if (obj.match(/^\d{4}-\d{2}-\d{2}T\d{2}\:\d{2}\:\d{2}\.\d{3}Z$/)) {
-        return new Date(obj)
+      if (obj.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/)) {
+        return new Date(obj);
       }
       if (obj.match(/^__FUNCTION /)) {
         return js(obj.substring(11), externalReferences);
       }
       if (obj.match(/^__HTML /)) {
-        //@ts-ignore 
-        if (typeof $ !== 'undefined') return $(obj.substring(7))[0];
+        //@ts-expect-error
+        if (typeof $ !== "undefined") return $(obj.substring(7))[0];
         else return obj;
       }
       if (obj.startsWith("__ERROR ")) {
-        let error = new Error();
+        const error = new Error();
         error.stack = obj.substring(8);
         return error;
       }
@@ -198,20 +190,18 @@ export function fromJSON(obj: any, externalReferences?: any) {
 
       // deal with duplicate refs
       if (obj.match(/^__duplicate_ref_/)) {
-        if (!dup_refs[obj])
-          dup_refs[obj] = obj.match(/_obj_/) ? {} : [];
+        if (!dup_refs[obj]) dup_refs[obj] = obj.match(/_obj_/) ? {} : [];
         return dup_refs[obj];
       }
     }
 
-    if (!(isObject(obj) || _.isArray(obj)))
-      return obj;
+    if (!(isObject(obj) || _.isArray(obj))) return obj;
 
     // deal with objects that have duplicate refs
     var dup_ref = null;
     obj = _.clone(obj); // don't mess up the original JSON object
     if (_.isArray(obj) && _.isString(obj[0]) && obj[0].match(/^__this_ref:/))
-      dup_ref = obj.shift().split(':')[1];
+      dup_ref = obj.shift().split(":")[1];
     else if (obj.__this_ref) {
       dup_ref = obj.__this_ref;
       delete obj.__this_ref;
@@ -219,18 +209,15 @@ export function fromJSON(obj: any, externalReferences?: any) {
 
     var mObj: any = _.isArray(obj) ? [] : {};
     if (dup_ref)
-      if (!dup_refs[dup_ref])
-        dup_refs[dup_ref] = mObj;
-      else
-        mObj = dup_refs[dup_ref];
+      if (!dup_refs[dup_ref]) dup_refs[dup_ref] = mObj;
+      else mObj = dup_refs[dup_ref];
 
     // restore keys and recurse on objects
     for (var key in obj) {
-      if (!obj.hasOwnProperty(key)) continue;
+      if (!Object.hasOwn(obj, key)) continue;
 
       var value = recurse(obj[key]);
-      if (key.match(/^__DOLLAR_/))
-        key = '$' + key.substr(9);
+      if (key.match(/^__DOLLAR_/)) key = `$${key.substr(9)}`;
       mObj[key] = value;
     }
     return mObj;
@@ -262,5 +249,5 @@ export function fromJSON(obj: any, externalReferences?: any) {
 //   return true;
 // }
 
-// @ts-ignore
-if (typeof window !== 'undefined') window.utils = module.exports;
+// @ts-expect-error
+if (typeof window !== "undefined") window.utils = module.exports;

package/tsconfig.json

@@ -2,9 +2,9 @@
   "compilerOptions": {
     "target": "ES2022",
     "module": "CommonJS",
-    "jsx": "react",
+    "jsx": "react-jsx",
     "declaration": true,
-    "emitDeclarationOnly": false,    
+    "emitDeclarationOnly": false,
     "outDir": "./dist",
     "strict": true,
     "noImplicitAny": true,
@@ -12,11 +12,6 @@
     "esModuleInterop": true,
     "types": ["jest", "node"]
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/dist/components/input-datetime.d.ts

@@ -1,7 +0,0 @@
-import { Observable } from "@peers-app/peers-sdk";
-import React from "react";
-interface IProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    datetime: Observable<Date | undefined> | Date | undefined;
-}
-export declare const InputDatetime: (props: IProps) => React.JSX.Element;
-export {};

package/dist/components/input-datetime.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputDatetime = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../hooks");
-const InputDatetime = (props) => {
-    const [datetime, setDatetime] = (0, hooks_1.useObservable)(props.datetime);
-    const inputProps = { ...props };
-    // @ts-ignore
-    delete inputProps.datetime;
-    return (react_1.default.createElement("input", { ...inputProps, type: 'datetime-local', value: (() => {
-            if (!datetime)
-                return;
-            if (String(datetime) === 'Invalid Date')
-                return;
-            return datetime.toISOString?.()?.substring(0, 16);
-        })(), onChange: e => {
-            let value = e.target.value;
-            if (value) {
-                value += (new Date()).toISOString().substring(value.length);
-                const dt = new Date(value);
-                if (String(dt) !== 'Invalid Date') {
-                    setDatetime(new Date(value));
-                    return;
-                }
-            }
-            setDatetime(undefined);
-            if (props.onChange)
-                props.onChange(e);
-        } }));
-};
-exports.InputDatetime = InputDatetime;

package/dist/components/lazy-sortable-list.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { ISortable } from './sortable-list';
-interface IProps<T> {
-    loadMore: (existingItems: T[]) => Promise<T[]>;
-    filterItems?: (existingItems: T[]) => T[];
-    renderItem: (props: {
-        item: T;
-        listId: string;
-        sortHandle: string;
-    }) => React.ReactNode;
-    listsGroup?: string;
-    onAdd?: ((itemId: string, sortOrder: number) => any);
-    onUpdate?: ((args: {
-        items: T[];
-        ixMoved: number[];
-    }) => any);
-    hidden?: boolean;
-    containerProps?: Record<string, any>;
-    dragHandleClassName?: string;
-    sortDirection?: 'asc' | 'desc';
-    minHeight?: string | number;
-    paddingBottom?: string | number;
-    endOfList?: React.ReactNode;
-    loadingIndicator?: React.ReactNode;
-    scrollThreshold?: string | number;
-    lazyListStyle?: React.CSSProperties;
-}
-export declare function LazySortableList<T extends ISortable>(props: IProps<T>): React.JSX.Element;
-export {};

package/dist/components/lazy-sortable-list.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LazySortableList = LazySortableList;
-const react_1 = __importDefault(require("react"));
-const lazy_list_1 = require("./lazy-list");
-const sortable_list_1 = require("./sortable-list");
-function LazySortableList(props) {
-    return (react_1.default.createElement(lazy_list_1.LazyList, { lazyListStyle: props.lazyListStyle, loadMore: props.loadMore, filterItems: props.filterItems, endOfList: props.endOfList, loadingIndicator: props.loadingIndicator, scrollThreshold: props.scrollThreshold, renderItems: items => (react_1.default.createElement(sortable_list_1.SortableList, { items: items, sortDirection: props.sortDirection, renderItem: props.renderItem, listsGroup: props.listsGroup, onAdd: props.onAdd, onUpdate: props.onUpdate, hidden: props.hidden, containerProps: props.containerProps, dragHandleClassName: props.dragHandleClassName, minHeight: props.minHeight, paddingBottom: props.paddingBottom })) }));
-}

package/dist/components/left-bar.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const LeftBar: () => React.JSX.Element;
-export declare const LeftBarContent: ({ width }?: {
-    width?: number;
-}) => React.JSX.Element;

package/dist/components/left-bar.js

@@ -1,207 +0,0 @@
-"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.LeftBarContent = exports.LeftBar = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const globals_1 = require("../globals");
-const hooks_1 = require("../hooks");
-const off_canvas_1 = require("./off-canvas");
-// import { useObservable } from 'peers-ui';
-const offCanvasEffects = { hide: () => { } };
-const LEFT_BAR_WIDTH_KEY = 'leftBarWidth';
-const DEFAULT_LEFT_BAR_WIDTH = 300;
-function getStoredLeftBarWidth() {
-    const stored = localStorage.getItem(LEFT_BAR_WIDTH_KEY);
-    return stored ? parseInt(stored, 10) : DEFAULT_LEFT_BAR_WIDTH;
-}
-function setStoredLeftBarWidth(width) {
-    localStorage.setItem(LEFT_BAR_WIDTH_KEY, String(width));
-    document.documentElement.style.setProperty('--left-bar-width', `${width}px`);
-}
-// Set initial CSS variable on load
-setStoredLeftBarWidth(getStoredLeftBarWidth());
-const LeftBar = () => {
-    const [_isDesktop] = (0, hooks_1.useObservable)(globals_1.isDesktop);
-    const [width, setWidth] = (0, react_1.useState)(() => getStoredLeftBarWidth());
-    const isDragging = (0, react_1.useRef)(false);
-    const startX = (0, react_1.useRef)(0);
-    const startWidth = (0, react_1.useRef)(0);
-    const onMouseMove = (0, react_1.useCallback)((e) => {
-        if (!isDragging.current)
-            return;
-        const delta = e.clientX - startX.current;
-        const newWidth = Math.max(150, Math.min(600, startWidth.current + delta));
-        setWidth(newWidth);
-        setStoredLeftBarWidth(newWidth);
-    }, []);
-    const onMouseUp = (0, react_1.useCallback)(() => {
-        isDragging.current = false;
-        document.removeEventListener('mousemove', onMouseMove);
-        document.removeEventListener('mouseup', onMouseUp);
-        document.body.style.cursor = '';
-        document.body.style.userSelect = '';
-    }, [onMouseMove]);
-    const onMouseDown = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        isDragging.current = true;
-        startX.current = e.clientX;
-        startWidth.current = width;
-        document.addEventListener('mousemove', onMouseMove);
-        document.addEventListener('mouseup', onMouseUp);
-        document.body.style.cursor = 'col-resize';
-        document.body.style.userSelect = 'none';
-    }, [width, onMouseMove, onMouseUp]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            document.removeEventListener('mousemove', onMouseMove);
-            document.removeEventListener('mouseup', onMouseUp);
-        };
-    }, [onMouseMove, onMouseUp]);
-    // const [usersAndGroups, setUsersAndGroups] = useState<(IUser | IGroup)[]>([]);
-    if (_isDesktop) {
-        return (react_1.default.createElement("div", { className: 'left-bar-desktop', style: { position: 'fixed', top: 0, left: 0, width, display: 'flex', flexDirection: 'row' } },
-            react_1.default.createElement(exports.LeftBarContent, { width: width }),
-            react_1.default.createElement("div", { onMouseDown: onMouseDown, title: "Drag to resize", style: {
-                    position: 'absolute',
-                    top: 0,
-                    right: '-3px',
-                    width: '6px',
-                    height: '100%',
-                    cursor: 'col-resize',
-                    zIndex: 200,
-                    backgroundColor: 'transparent',
-                }, onMouseEnter: e => { e.target.style.backgroundColor = 'rgba(128,128,128,0.4)'; }, onMouseLeave: e => { e.target.style.backgroundColor = 'transparent'; } })));
-    }
-    else {
-        return (react_1.default.createElement(off_canvas_1.OffCanvas, { id: "leftBar", position: "left", keepOpen: _isDesktop, effects: offCanvasEffects },
-            react_1.default.createElement(exports.LeftBarContent, { width: DEFAULT_LEFT_BAR_WIDTH })));
-    }
-};
-exports.LeftBar = LeftBar;
-const LeftBarContent = ({ width } = {}) => {
-    const [_isDesktop] = (0, hooks_1.useObservable)(globals_1.isDesktop);
-    const barWidth = width ?? DEFAULT_LEFT_BAR_WIDTH;
-    const packagesWithNavItems = (0, hooks_1.usePromise)(async () => {
-        const packages = await (0, peers_sdk_1.Packages)().list();
-        return packages.filter(pkg => pkg.appNavs?.length);
-    }, []);
-    const containerClassName = `d-flex flex-column flex-shrink-0 p-2 text-white ` + (_isDesktop ? 'bg-dark-subtle' : 'bg-dark');
-    const content = (react_1.default.createElement("div", { className: containerClassName, style: { width: barWidth, height: "calc(100vh - 25px)" } },
-        react_1.default.createElement("div", { className: "clearfix" },
-            react_1.default.createElement("div", { className: "dropdown", style: { display: 'inline-block', width: '200px' } },
-                react_1.default.createElement("a", { id: "dropdownUser1", "data-bs-toggle": "dropdown", "aria-expanded": "false", className: "d-flex align-items-center text-white text-decoration-none", href: "#", tabIndex: -1 },
-                    react_1.default.createElement("span", { className: "fs-4" }, "Peers"),
-                    "\u00A0\u00A0\u00A0",
-                    react_1.default.createElement("i", { className: "bi bi-three-dots-vertical", style: { fontSize: '12pt' } })),
-                react_1.default.createElement("ul", { className: "dropdown-menu dropdown-menu-end dropdown-menu-dark text-small shadow", style: { border: '1px grey solid' }, "aria-labelledby": "dropdownUser1" },
-                    react_1.default.createElement("li", null,
-                        react_1.default.createElement("a", { className: "dropdown-item", href: "#settings" }, "Profile & Settings"))))),
-        react_1.default.createElement("hr", { className: 'p-0' }),
-        react_1.default.createElement(MenuSection, { menuItems: [
-                // { text: "Shell", icon: "bi bi-robot" },
-                // { text: "Threads", icon: "bi bi-terminal", path: "shell" },
-                // { text: "Journal", icon: "bi bi-journal-text" },
-                // { text: "Journal", icon: "bi bi-journal-bookmark" },
-                // { text: "Tasks", icon: "bi bi-list-task" },
-                // { text: "Calendar", icon: "bi bi-calendar-week", link: "calendar" },
-                // { text: "AI Models", icon: "bi bi-cpu" },
-                { text: "Variables", icon: "bi bi-braces" },
-                { text: "Types", icon: "bi bi-code-square", path: "peer-types" },
-                { text: "Assistants", icon: "bi bi-person-fill-gear" },
-                { text: "Tools", icon: "bi bi-tools" },
-                { text: "Workflows", icon: "bi bi-database-fill-gear" },
-                { text: "Events", icon: "bi bi-lightning-charge-fill" },
-                { text: "Packages", icon: "bi bi-box-fill" },
-                // { text: "Notes", icon: "bi bi-collection" },
-            ] }),
-        react_1.default.createElement("hr", null),
-        react_1.default.createElement(MenuSection, { menuItems: [
-                { text: "Threads", icon: "bi bi-cpu", path: "shell" },
-            ] }),
-        (packagesWithNavItems?.length ?? 0) > 0 && packagesWithNavItems?.map(p => react_1.default.createElement(PackageNavItems, { key: p.packageId, pkg: p }))));
-    return content;
-};
-exports.LeftBarContent = LeftBarContent;
-function MenuItem(props) {
-    (0, hooks_1.useObservable)(globals_1.mainContentPath);
-    const link = props.path ?? props.text.replace(/\s/g, '-').toLowerCase();
-    const href = window.location.href.split('#')[1]?.trim() ?? '';
-    // let isActive = href.endsWith(link);
-    let isActive = href.split('/')[0] === link || href.startsWith(link);
-    if (link === 'shell' && !href) {
-        isActive = true;
-    }
-    return (react_1.default.createElement("div", { className: `nav-link text-white ${isActive && 'active' || ''} ${props.className || ''}`, 
-        // onClick={() => window.location = (window.origin + props.link) as any}
-        style: { cursor: "pointer", marginLeft: `${props.left || 0}px` }, onClick: () => {
-            offCanvasEffects.hide?.();
-            (0, globals_1.mainContentPath)(link);
-        } },
-        react_1.default.createElement("a", { className: `text-white`, style: { textDecoration: 'none' } },
-            react_1.default.createElement("i", { className: props.icon }),
-            "\u00A0",
-            props.text)));
-}
-function MenuSection(props) {
-    return (react_1.default.createElement("div", { className: "nav flex-column nav-pills me-3", id: "v-pills-tab", role: "tablist", "aria-orientation": "vertical" }, props.menuItems.map(mi => react_1.default.createElement(MenuItem, { key: mi.text + mi.path, ...mi }))));
-}
-function PackageNavItems(props) {
-    const pkg = props.pkg;
-    if (!pkg.appNavs || pkg.appNavs.length === 0) {
-        return null;
-    }
-    // if (pkg.appNavs?.length === 1 && pkg.appNavs[0].name === pkg.name) {
-    //   const iconClassName = pkg.appNavs[0].iconClassName || "bi bi-question-square";
-    //   // this package only has one nav item and it's named the same as the package so just show it as a top level item
-    //   return <MenuItem
-    //     text={pkg.name}
-    //     icon={iconClassName}
-    //   />
-    // }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        pkg.appNavs.length !== 1 || pkg.appNavs[0].name !== pkg.name && (react_1.default.createElement("label", { style: { color: 'silver' } }, pkg.name)),
-        react_1.default.createElement(MenuSection, { menuItems: pkg.appNavs.map(ni => {
-                let path = `package-nav/${pkg.packageId}/${(ni.navigationPath ?? ni.name).replace(/[^a-zA-Z0-9]/g, '-').toLowerCase()}`;
-                while (path.includes('//')) {
-                    path = path.replace('//', '/');
-                }
-                return {
-                    text: ni.name,
-                    icon: ni.iconClassName || "bi bi-box-seam",
-                    path,
-                };
-            }) })));
-}

package/dist/components/main-content-container.d.ts

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