@peers-app/peers-ui 0.11.0 → 0.11.2

package/dist/components/tabs.d.ts

@@ -5,6 +5,7 @@ interface ITabsProps {
         content: JSX.Element;
         active?: true;
     }[];
+    contentClassName?: string;
 }
 export declare const Tabs: (props: ITabsProps) => React.JSX.Element;
 export declare const ScreenTabBody: (props: React.PropsWithChildren) => React.JSX.Element;

package/dist/components/tabs.js

@@ -58,10 +58,9 @@ const Tabs = (props) => {
             return (react_1.default.createElement("li", { key: tab.name + iTab, className: "nav-item" },
                 react_1.default.createElement("a", { href: "#", className: "nav-link " + (activeTab.name === tab.name ? 'active' : ''), onClick: evt => (evt.preventDefault(), setActiveTab(tab)) }, tab.name)));
         })),
-        react_1.default.createElement("br", null),
-        tabs.map((tab, iTab) => {
+        react_1.default.createElement("div", { className: "tab-content " + (props.contentClassName ?? 'mt-3') }, tabs.map((tab, iTab) => {
             return (react_1.default.createElement("div", { key: tab.name + iTab, hidden: activeTab.name !== tab.name }, tab.content));
-        })));
+        }))));
 };
 exports.Tabs = Tabs;
 const ScreenTabBody = (props) => {

package/dist/index.d.ts

@@ -2,3 +2,6 @@ export * from "./screens/events/cron";
 export * from "./tabs-layout/tabs-layout";
 export * from "./components/voice-indicator";
 export * from "./components/chat-overlay";
+export * from "./components/sortable-list";
+export * from "./components/tabs";
+export * from "./components/markdown-editor/editor-inline";

package/dist/index.js

@@ -18,3 +18,6 @@ __exportStar(require("./screens/events/cron"), exports);
 __exportStar(require("./tabs-layout/tabs-layout"), exports);
 __exportStar(require("./components/voice-indicator"), exports);
 __exportStar(require("./components/chat-overlay"), exports);
+__exportStar(require("./components/sortable-list"), exports);
+__exportStar(require("./components/tabs"), exports);
+__exportStar(require("./components/markdown-editor/editor-inline"), exports);

package/dist/screens/packages/package-info.js

@@ -17,6 +17,10 @@ const PackageInfo = (props) => {
     const [versionFollowRange] = (0, hooks_1.useObservable)(pkg.qs.versionFollowRange);
     const [followVersionTags] = (0, hooks_1.useObservable)(pkg.qs.followVersionTags);
     const [deviceTag] = (0, hooks_1.useObservable)(deviceVersionTagVar);
+    const localPathVar = (0, peers_sdk_1.groupDeviceVar)(`packageLocalPath_${pkg.packageId}`, {
+        defaultValue: `${peers_sdk_1.packagesRootDir}/${pkg.name}`,
+    });
+    const [localPath, setLocalPath] = (0, hooks_1.useObservable)(localPathVar);
     const [deviceTagDraft, setDeviceTagDraft] = react_1.default.useState(deviceTag || '');
     const savingRef = react_1.default.useRef(false);
     react_1.default.useEffect(() => {
@@ -101,9 +105,9 @@ const PackageInfo = (props) => {
                 react_1.default.createElement("small", null,
                     react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: `The local path to the directory containing the package.  This will open in VS Code if it's installed otherwise this will open in your native file system` }),
                     react_1.default.createElement("button", { className: "btn btn-sm btn-link", onClick: () => {
-                            peers_sdk_1.rpcServerCalls.openPackage(pkg.localPath || peers_sdk_1.packagesRootDir);
+                            peers_sdk_1.rpcServerCalls.openPackage(localPath || peers_sdk_1.packagesRootDir);
                         } }, "Open Local"))),
-            react_1.default.createElement(input_1.Input, { value: pkg.qs.localPath, className: "form-control mb-3 p-0 ps-2", disabled: true })),
+            react_1.default.createElement("input", { type: "text", className: "form-control mb-3 p-0 ps-2", placeholder: "~/peers/packages/my-package", value: localPath || '', onChange: e => setLocalPath(e.target.value) })),
         pkg.remoteRepo && (react_1.default.createElement("div", { className: "mt-2" },
             react_1.default.createElement("small", null,
                 "Source URL:",

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

@@ -63,7 +63,7 @@ const PackageNewLocal = () => {
             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);
+                peers_sdk_1.rpcServerCalls.openPackage(packageLocation || packageLocationDefault);
             }
         }
         catch (err) {

package/dist/system-apps/index.js

@@ -103,7 +103,6 @@ exports.systemPackage = {
     description: 'Core system functionality and management tools',
     appNavs: exports.systemApps,
     createdBy: 'system',
-    localPath: '',
     disabled: false,
     signature: '',
 };

package/dist/ui-router/routes-loader.d.ts

@@ -5,7 +5,6 @@ export declare const allPackages: import("@peers-app/peers-sdk").Observable<{
     signature: string;
     createdBy: string;
     packageId: string;
-    localPath: string;
     disabled?: boolean | undefined;
     appNavs?: {
         name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -26,7 +26,7 @@
     "test:coverage": "jest --coverage"
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.11.0",
+    "@peers-app/peers-sdk": "^0.11.2",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -37,7 +37,7 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
     "@electron/rebuild": "^3.6.0",
-    "@peers-app/peers-sdk": "0.11.0",
+    "@peers-app/peers-sdk": "0.11.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",

package/src/components/tabs.tsx

@@ -7,6 +7,7 @@ interface ITabsProps {
     content: JSX.Element, 
     active?: true 
   }[];
+  contentClassName?: string;
 }
 
 let lastActive = '';
@@ -47,14 +48,15 @@ export const Tabs = (props: ITabsProps) => {
           )
         })}
       </ul>
-      <br />
-      {tabs.map((tab, iTab) => {
-        return (
-          <div key={tab.name + iTab} hidden={activeTab.name !== tab.name}>
-            {tab.content}
-          </div>
-        )
-      })}
+      <div className={"tab-content " + (props.contentClassName ?? 'mt-3')}>
+        {tabs.map((tab, iTab) => {
+          return (
+            <div key={tab.name + iTab} hidden={activeTab.name !== tab.name}>
+              {tab.content}
+            </div>
+          )
+        })}
+      </div>
     </>
   )
 }

package/src/index.tsx

@@ -4,4 +4,7 @@ export * from "./screens/events/cron";
 export * from "./tabs-layout/tabs-layout";
 
 export * from "./components/voice-indicator";
-export * from "./components/chat-overlay";
+export * from "./components/chat-overlay";
+export * from "./components/sortable-list";
+export * from "./components/tabs";
+export * from "./components/markdown-editor/editor-inline";

package/src/screens/packages/package-info.tsx

@@ -17,6 +17,11 @@ export const PackageInfo = (props: {
   const [followVersionTags] = useObservable(pkg.qs.followVersionTags);
   const [deviceTag] = useObservable(deviceVersionTagVar);
 
+  const localPathVar = groupDeviceVar<string>(`packageLocalPath_${pkg.packageId}`, {
+    defaultValue: `${packagesRootDir}/${pkg.name}`,
+  });
+  const [localPath, setLocalPath] = useObservable(localPathVar);
+
   const [deviceTagDraft, setDeviceTagDraft] = React.useState(deviceTag || '');
   const savingRef = React.useRef(false);
 
@@ -101,15 +106,17 @@ export const PackageInfo = (props: {
             <button
               className="btn btn-sm btn-link"
               onClick={() => {
-                rpcServerCalls.openPackage(pkg.localPath || packagesRootDir);
+                rpcServerCalls.openPackage(localPath || packagesRootDir);
               }}
             >Open Local</button>
           </small>
         </small>
-        <Input
-          value={pkg.qs.localPath}
+        <input
+          type="text"
           className="form-control mb-3 p-0 ps-2"
-          disabled
+          placeholder="~/peers/packages/my-package"
+          value={localPath || ''}
+          onChange={e => setLocalPath(e.target.value)}
         />
       </div>
 

package/src/screens/packages/package-new-local.tsx

@@ -35,7 +35,7 @@ export const PackageNewLocal = () => {
       const pkg = await Packages().get(packageId);
       if (pkg) {
         mainContentPath(`packages/${packageId}`);
-        rpcServerCalls.openPackage(pkg.localPath);
+        rpcServerCalls.openPackage(packageLocation || packageLocationDefault);
       }
     } catch (err) {
       confirm('Error creating package: ' + err);

package/src/system-apps/index.ts

@@ -90,7 +90,6 @@ export const systemPackage: IPackage = {
   description: 'Core system functionality and management tools',
   appNavs: systemApps,
   createdBy: 'system',
-  localPath: '',
   disabled: false,
   signature: '',
 };