@dxos/plugin-space 0.6.11-staging.e6894a4 → 0.6.12-main.5cc132e

package/dist/lib/browser/index.mjs

@@ -16,10 +16,10 @@ import {
 } from "./chunk-DTVUOG2C.mjs";
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
-import { Plus as Plus2, SignIn, CardsThree as CardsThree2, Warning as Warning2 } from "@phosphor-icons/react";
+import { CardsThree as CardsThree2, Plus as Plus2, SignIn, Warning as Warning2 } from "@phosphor-icons/react";
 import { effect, signal } from "@preact/signals-core";
-import React17 from "react";
-import { LayoutAction as LayoutAction2, Surface as Surface2, NavigationAction as NavigationAction3, openIds, firstIdInPart, parseIntentPlugin as parseIntentPlugin3, parseNavigationPlugin as parseNavigationPlugin2, parseMetadataResolverPlugin, resolvePlugin, parseGraphPlugin } from "@dxos/app-framework";
+import React18 from "react";
+import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction3, Surface as Surface2, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin3, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
 import { EventSubscriptions } from "@dxos/async";
 import { isReactiveObject as isReactiveObject2 } from "@dxos/echo-schema";
 import { LocalStorageStore } from "@dxos/local-storage";
@@ -30,9 +30,9 @@ import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, isGraphNode, memoize as memoize2, toSignal } from "@dxos/plugin-graph";
 import { ObservabilityAction } from "@dxos/plugin-observability/meta";
 import { PublicKey as PublicKey2 } from "@dxos/react-client";
-import { create as create2, Expando, Filter, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, SpaceState as SpaceState3 } from "@dxos/react-client/echo";
+import { Expando, Filter, SpaceState as SpaceState3, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences } from "@dxos/react-client/echo";
 import { Dialog } from "@dxos/react-ui";
-import { InvitationManager, osTranslations, ClipboardProvider as ClipboardProvider2 } from "@dxos/shell/react";
+import { ClipboardProvider as ClipboardProvider2, InvitationManager, osTranslations } from "@dxos/shell/react";
 import { ComplexMap as ComplexMap2, nonNullable, reduceGroupBy } from "@dxos/util";
 
 // packages/plugins/plugin-space/src/components/AwaitingObject.tsx
@@ -1399,6 +1399,91 @@ var SpaceSettings = ({ settings }) => {
   })));
 };
 
+// packages/plugins/plugin-space/src/components/SaveStatus.tsx
+import { ArrowsClockwise, CheckCircle as CheckCircle3 } from "@phosphor-icons/react";
+import React17, { useEffect as useEffect5 } from "react";
+import { Context } from "@dxos/context";
+import { StatusBar } from "@dxos/plugin-status-bar";
+import { useClient as useClient4 } from "@dxos/react-client";
+import { useTranslation as useTranslation16 } from "@dxos/react-ui";
+import { getSize as getSize5 } from "@dxos/react-ui-theme";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
+var SaveStatus = () => {
+  const { t } = useTranslation16(SPACE_PLUGIN);
+  const client = useClient4();
+  const [state, setState] = React17.useState("saved");
+  useEffect5(() => {
+    return createClientSaveTracker(client, (state2) => {
+      setState(state2);
+    });
+  }, []);
+  return /* @__PURE__ */ React17.createElement(StatusBar.Item, {
+    title: state === "saving" ? t("saving label") : t("saved label")
+  }, state === "saving" ? /* @__PURE__ */ React17.createElement(ArrowsClockwise, {
+    className: getSize5(3)
+  }) : /* @__PURE__ */ React17.createElement(CheckCircle3, {
+    className: getSize5(3)
+  }));
+};
+var createClientSaveTracker = (client, cb) => {
+  const unsubscribeCallbacks = {};
+  const state = {};
+  const install = (spaces) => {
+    for (const space of spaces) {
+      if (state[space.id]) {
+        continue;
+      }
+      state[space.id] = "saved";
+      unsubscribeCallbacks[space.id] = createSpaceSaveTracker(space, (s) => {
+        state[space.id] = s;
+        cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
+      });
+    }
+  };
+  client.spaces.subscribe((spaces) => {
+    install(spaces);
+  });
+  install(client.spaces.get());
+  return () => {
+    for (const unsubscribe of Object.values(unsubscribeCallbacks)) {
+      unsubscribe();
+    }
+  };
+};
+var createSpaceSaveTracker = (space, cb) => {
+  const ctx = new Context(void 0, {
+    F: __dxlog_file3,
+    L: 67
+  });
+  void space.waitUntilReady().then(() => {
+    if (ctx.disposed) {
+      return;
+    }
+    let hasUnsavedChanges = false;
+    let lastFlushPromise;
+    space.crud.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
+      hasUnsavedChanges = unsavedDocuments.length > 0;
+    });
+    space.crud.saveStateChanged.debounce(500).on(ctx, () => {
+      if (hasUnsavedChanges) {
+        lastFlushPromise = void 0;
+        cb("saving");
+      } else {
+        const flushPromise = space.crud.flush();
+        lastFlushPromise = flushPromise;
+        void flushPromise.then(() => {
+          if (lastFlushPromise === flushPromise) {
+            cb("saved");
+          }
+        });
+      }
+    });
+  });
+  return () => {
+    void ctx.dispose();
+  };
+};
+
 // packages/plugins/plugin-space/src/translations.ts
 var translations_default = [
   {
@@ -1485,7 +1570,7 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
 var ACTIVE_NODE_BROADCAST_INTERVAL = 3e4;
 var OBJECT_ID_LENGTH = 60;
 var SPACE_MAX_OBJECTS = 500;
@@ -1572,8 +1657,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               log2.warn("Failed to broadcast active node for presence.", {
                 err: err.message
               }, {
-                F: __dxlog_file3,
-                L: 222,
+                F: __dxlog_file4,
+                L: 223,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1682,7 +1767,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         ...translations_default,
         osTranslations
       ],
-      root: () => state.values.awaiting ? /* @__PURE__ */ React17.createElement(AwaitingObject, {
+      root: () => state.values.awaiting ? /* @__PURE__ */ React18.createElement(AwaitingObject, {
         id: state.values.awaiting
       }) : null,
       metadata: {
@@ -1694,7 +1779,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ns: SPACE_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ React17.createElement(CardsThree2, props),
+            icon: (props) => /* @__PURE__ */ React18.createElement(CardsThree2, props),
             iconSymbol: "ph--cards-three--regular",
             // TODO(wittjosiah): Move out of metadata.
             loadReferences: (collection) => loadObjectReferences(collection, (collection2) => [
@@ -1715,32 +1800,33 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           switch (role) {
             case "article":
             case "main":
-              return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React17.createElement(Surface2, {
+              return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React18.createElement(Surface2, {
                 data: {
                   active: primary.properties[CollectionType.typename]
                 },
                 role,
                 ...rest
               }) : primary instanceof CollectionType ? {
-                node: /* @__PURE__ */ React17.createElement(CollectionMain, {
+                node: /* @__PURE__ */ React18.createElement(CollectionMain, {
                   collection: primary
                 }),
                 disposition: "fallback"
-              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React17.createElement(MissingObject, {
+              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React18.createElement(MissingObject, {
                 id: primary
               }) : null;
+            // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "tree--empty":
               switch (true) {
                 case data.plugin === SPACE_PLUGIN:
-                  return /* @__PURE__ */ React17.createElement(EmptyTree, null);
+                  return /* @__PURE__ */ React18.createElement(EmptyTree, null);
                 case (isGraphNode(data.activeNode) && isSpace2(data.activeNode.data)):
-                  return /* @__PURE__ */ React17.createElement(EmptySpace, null);
+                  return /* @__PURE__ */ React18.createElement(EmptySpace, null);
                 default:
                   return null;
               }
             case "dialog":
               if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
-                return /* @__PURE__ */ React17.createElement(Dialog.Content, null, /* @__PURE__ */ React17.createElement(ClipboardProvider2, null, /* @__PURE__ */ React17.createElement(InvitationManager, {
+                return /* @__PURE__ */ React18.createElement(Dialog.Content, null, /* @__PURE__ */ React18.createElement(ClipboardProvider2, null, /* @__PURE__ */ React18.createElement(InvitationManager, {
                   active: true,
                   ...data.subject
                 })));
@@ -1749,20 +1835,20 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
             case "popover":
               if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && isSpace2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameSpace, {
+                return /* @__PURE__ */ React18.createElement(PopoverRenameSpace, {
                   space: data.subject
                 });
               }
               if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && isReactiveObject2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameObject, {
+                return /* @__PURE__ */ React18.createElement(PopoverRenameObject, {
                   object: data.subject
                 });
               }
               return null;
             case "presence--glyph": {
-              return isReactiveObject2(data.object) ? /* @__PURE__ */ React17.createElement(SmallPresenceLive, {
+              return isReactiveObject2(data.object) ? /* @__PURE__ */ React18.createElement(SmallPresenceLive, {
                 viewers: state.values.viewersByObject[fullyQualifiedId4(data.object)]
-              }) : /* @__PURE__ */ React17.createElement(SmallPresence, {
+              }) : /* @__PURE__ */ React18.createElement(SmallPresence, {
                 count: 0
               });
             }
@@ -1776,30 +1862,33 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               const space = isSpace2(data.object) ? data.object : getSpace4(data.object);
               const object = isSpace2(data.object) ? data.object.state.get() === SpaceState3.SPACE_READY ? space?.properties[CollectionType.typename] : void 0 : data.object;
               return space && object ? {
-                node: /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SpacePresence, {
+                node: /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SpacePresence, {
                   object
-                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React17.createElement(ShareSpaceButton, {
+                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React18.createElement(ShareSpaceButton, {
                   spaceId: space.id
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof CollectionType ? /* @__PURE__ */ React17.createElement(CollectionSection, {
+              return data.object instanceof CollectionType ? /* @__PURE__ */ React18.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React17.createElement(SpaceSettings, {
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React18.createElement(SpaceSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
               if (!isEchoObject2(data.object)) {
                 return null;
               } else {
-                return /* @__PURE__ */ React17.createElement(MenuFooter, {
+                return /* @__PURE__ */ React18.createElement(MenuFooter, {
                   object: data.object
                 });
               }
+            case "status": {
+              return /* @__PURE__ */ React18.createElement(SaveStatus, null);
+            }
             default:
               return null;
           }
@@ -1859,8 +1948,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                           spacesOrder.order = nextOrder.map(({ id }) => id);
                         } else {
                           log2.warn("spaces order object not found", void 0, {
-                            F: __dxlog_file3,
-                            L: 514,
+                            F: __dxlog_file4,
+                            L: 518,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -1896,7 +1985,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: SPACE_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React17.createElement(Plus2, props),
+                    icon: (props) => /* @__PURE__ */ React18.createElement(Plus2, props),
                     iconSymbol: "ph--plus--regular",
                     disposition: "toolbar",
                     testId: "spacePlugin.createSpace"
@@ -1922,7 +2011,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: SPACE_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React17.createElement(SignIn, props),
+                    icon: (props) => /* @__PURE__ */ React18.createElement(SignIn, props),
                     iconSymbol: "ph--sign-in--regular",
                     testId: "spacePlugin.joinSpace"
                   }
@@ -1930,7 +2019,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               ],
               connector: () => {
                 const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
-                if (!spaces) {
+                const isReady = toSignal((onChange) => client.spaces.isReady.subscribe(() => onChange()).unsubscribe, () => client.spaces.isReady.get());
+                if (!spaces || !isReady) {
                   return;
                 }
                 const [spacesOrder] = memoizeQuery(client.spaces.default, Filter.schema(Expando, {
@@ -2377,7 +2467,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                             title: translations_default[0]["en-US"][SPACE_PLUGIN]["space limit label"],
                             description: translations_default[0]["en-US"][SPACE_PLUGIN]["space limit description"],
                             duration: 5e3,
-                            icon: (props) => /* @__PURE__ */ React17.createElement(Warning2, props),
+                            icon: (props) => /* @__PURE__ */ React18.createElement(Warning2, props),
                             iconSymbol: "ph--warning--regular",
                             actionLabel: translations_default[0]["en-US"][SPACE_PLUGIN]["remove deleted objects label"],
                             actionAlt: translations_default[0]["en-US"][SPACE_PLUGIN]["remove deleted objects alt"],
@@ -2609,6 +2699,7 @@ export {
   SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE,
+  SaveStatus,
   ShareSpaceButton,
   ShareSpaceButtonImpl,
   SmallPresence,