@peers-app/peers-ui 0.18.8 → 0.19.0

package/README.md

@@ -0,0 +1,83 @@
+# @peers-app/peers-ui
+
+React components and hooks for building [Peers](https://peers.app) package UIs.
+
+## What is Peers?
+
+Peers is a local-first personal computing platform. Your data lives on your devices, syncs peer-to-peer, and is end-to-end encrypted — no servers in the middle. You own your data and your identity. Build apps with the SDK or use AI coding tools to create them; either way, the platform handles sync, encryption, and persistence automatically.
+
+## What this package provides
+
+### React Hooks
+
+Hooks that bridge `@peers-app/peers-sdk` observables to React 18 with concurrent rendering support.
+
+| Hook | Purpose |
+|------|---------|
+| `useObservable` | Subscribe to an observable or computed; returns `[value, setter]` |
+| `useObservableState` | Create a component-local observable that persists across renders |
+| `usePromise` | Resolve a promise in a component with an optional initial value |
+| `useSubscription` | Run a side-effect whenever an observable changes |
+| `useOnScreen` | IntersectionObserver hook for visibility detection |
+
+### Rich Text
+
+- **`MarkdownEditor`** — Lexical-based rich text editor with @mention support, toolbar, and markdown serialization
+- **`MarkdownWithMentions`** — Render markdown with resolved @user and $tool mentions
+
+### Layout
+
+- **`TabsLayout`** — Multi-tab application shell used by the Peers desktop and PWA clients
+- **`SortableList`** — Drag-and-drop list powered by SortableJS
+- **`InverseLazyList`** — Bottom-anchored lazy-loading list for chat-style UIs
+- **`Tabs`** / **`ScreenTabBody`** — Tab strip and content container
+
+### Communication
+
+- **`ChatOverlay`** — Floating chat panel for AI assistant conversations
+- **`VoiceIndicator`** — Visual indicator for active voice sessions
+
+### Tab Management
+
+| Export | Purpose |
+|--------|---------|
+| `goToTabPath` | Navigate to a path within the Peers tab system |
+| `activeTabId` | Observable of the currently active tab ID |
+| `activeTabs` | Observable of all open tabs |
+| `closeCurrentTab` | Close the active tab |
+| `updateActiveTabTitle` | Set the title of the active tab |
+| `TabState` | Tab state management class |
+| `mainContentPath` | Hash-synced route observable |
+
+## Peer Dependencies
+
+```json
+{
+  "@peers-app/peers-sdk": "^0.18.8",
+  "bootstrap": "^5.3.3",
+  "react": "^18.0.0",
+  "react-dom": "^18.0.0"
+}
+```
+
+## Quick Start
+
+```bash
+npm install @peers-app/peers-ui
+```
+
+The fastest way to build a Peers package with a UI is to start from the template:
+
+**[peers-package-template](https://github.com/peers-app/peers-package-template)** — scaffold, build, and install a custom package into the Peers runtime.
+
+Package UI bundles receive `PeersUI` as a webpack external, so you can import hooks and components without bundling them into your package.
+
+## Links
+
+- [peers.app](https://peers.app) — try Peers in your browser or download the desktop app
+- [Documentation](https://peers-app.github.io) — architecture, package development, and API reference
+- [GitHub](https://github.com/peers-app) — source repositories and package template
+
+## License
+
+MIT

package/dist/screens/groups/group-list.js

@@ -111,9 +111,7 @@ function GroupList() {
         });
         await (0, peers_sdk_1.Groups)(groupDataContext).signAndSave(group);
         // Auto-install peers-core for the new group
-        await peers_sdk_1.rpcServerCalls
-            .addOrUpdatePackage(peers_sdk_1.peersCorePackageId, { dataContextId: groupId })
-            .catch((err) => {
+        await peers_sdk_1.rpcServerCalls.seedBundledPeersCore(groupId).catch((err) => {
             console.error("Error auto-installing peers-core for group:", err);
         });
         (0, globals_1.mainContentPath)(`groups/${group.groupId}`);

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

@@ -125,7 +125,23 @@ const PackageVersionsList = (props) => {
                 signature: "",
             });
             const pvHash = (0, peers_sdk_1.computePackageVersionHash)(pv.version, newTag, pv.packageBundleFileHash, pv.routesBundleFileHash, pv.uiBundleFileHash);
-            const updated = { ...pv, versionTag: newTag, packageVersionHash: pvHash, history };
+            const updated = {
+                ...pv,
+                versionTag: newTag,
+                packageVersionHash: pvHash,
+                history,
+            };
+            // Auto-sign with package author key if available (server-side, key never exposed)
+            const authorSig = await peers_sdk_1.rpcServerCalls.signPackageAuthorVersion({
+                packageId: updated.packageId,
+                packageVersionId: updated.packageVersionId,
+                version: updated.version,
+                versionTag: newTag,
+                packageBundleFileHash: updated.packageBundleFileHash,
+                routesBundleFileHash: updated.routesBundleFileHash,
+                uiBundleFileHash: updated.uiBundleFileHash,
+            });
+            updated.packageAuthorSignature = authorSig;
             await (0, peers_sdk_1.PackageVersions)().signAndSave(updated, { saveAsSnapshot: true });
             refreshKey(refreshKey() + 1);
         }

package/dist/system-apps/index.js

@@ -91,5 +91,6 @@ exports.systemPackage = {
     appNavs: exports.systemApps,
     createdBy: "system",
     disabled: false,
+    publishPublicKey: "",
     signature: "",
 };

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

@@ -5,6 +5,7 @@ export declare const allPackages: import("@peers-app/peers-sdk").Observable<{
     signature: string;
     packageId: string;
     createdBy: string;
+    publishPublicKey: string;
     disabled?: boolean | undefined;
     appNavs?: {
         name: string;
@@ -16,5 +17,6 @@ export declare const allPackages: import("@peers-app/peers-sdk").Observable<{
     activePackageVersionId?: string | undefined;
     versionFollowRange?: "pinned" | "patch" | "minor" | "latest" | undefined;
     followVersionTags?: string | undefined;
+    updateUrl?: string | undefined;
 }[]>;
 export declare const loadAllRoutes: () => Promise<true | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.18.8",
+  "version": "0.19.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -28,7 +28,7 @@
     "lint:fix": "biome check --write ."
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.18.8",
+    "@peers-app/peers-sdk": "^0.19.0",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -39,7 +39,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@peers-app/peers-sdk": "0.18.8",
+    "@peers-app/peers-sdk": "0.19.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",

package/src/screens/groups/group-list.tsx

@@ -7,7 +7,6 @@ import {
   newid,
   newKeys,
   observable,
-  peersCorePackageId,
   rpcServerCalls,
   setUserTrustLevel,
   TrustLevel,
@@ -132,11 +131,9 @@ export function GroupList() {
     await Groups(groupDataContext).signAndSave(group);
 
     // Auto-install peers-core for the new group
-    await rpcServerCalls
-      .addOrUpdatePackage(peersCorePackageId, { dataContextId: groupId })
-      .catch((err: unknown) => {
-        console.error("Error auto-installing peers-core for group:", err);
-      });
+    await rpcServerCalls.seedBundledPeersCore(groupId).catch((err: unknown) => {
+      console.error("Error auto-installing peers-core for group:", err);
+    });
 
     mainContentPath(`groups/${group.groupId}`);
     return group;

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

@@ -8,6 +8,7 @@ import {
   Packages,
   PackageVersions,
   packagePrefsVar,
+  rpcServerCalls,
   Users,
   updatePackagePrefs,
 } from "@peers-app/peers-sdk";
@@ -136,7 +137,25 @@ export const PackageVersionsList = (props: { pkg: IDoc<IPackage> }) => {
         pv.routesBundleFileHash,
         pv.uiBundleFileHash,
       );
-      const updated = { ...pv, versionTag: newTag, packageVersionHash: pvHash, history };
+      const updated: IPackageVersion = {
+        ...pv,
+        versionTag: newTag,
+        packageVersionHash: pvHash,
+        history,
+      };
+
+      // Auto-sign with package author key if available (server-side, key never exposed)
+      const authorSig = await rpcServerCalls.signPackageAuthorVersion({
+        packageId: updated.packageId,
+        packageVersionId: updated.packageVersionId,
+        version: updated.version,
+        versionTag: newTag,
+        packageBundleFileHash: updated.packageBundleFileHash,
+        routesBundleFileHash: updated.routesBundleFileHash,
+        uiBundleFileHash: updated.uiBundleFileHash,
+      });
+      updated.packageAuthorSignature = authorSig;
+
       await PackageVersions().signAndSave(updated, { saveAsSnapshot: true });
       refreshKey(refreshKey() + 1);
     } catch (err: unknown) {

package/src/system-apps/index.ts

@@ -80,5 +80,6 @@ export const systemPackage: IPackage = {
   appNavs: systemApps,
   createdBy: "system",
   disabled: false,
+  publishPublicKey: "",
   signature: "",
 };