@dxos/plugin-navtree 0.8.4-main.4a85c3132b → 0.8.4-main.51f1e5ca51

package/src/testing/app-graph-builder.ts

@@ -7,8 +7,8 @@ import * as Effect from 'effect/Effect';
 
 import { type BuilderExtensions } from '@dxos/app-graph';
 import { log } from '@dxos/log';
-import { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';
-import { faker } from '@dxos/random';
+import { GraphBuilder, Node, NodeMatcher } from '@dxos/plugin-graph';
+import { random } from '@dxos/random';
 
 export const storybookGraphBuilders = (): BuilderExtensions => {
   const propertiesCache = new Map<string, Record<string, unknown>>();
@@ -31,13 +31,13 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
         actions: () =>
           Effect.succeed(
             Array.from({ length: 5 }, (_, i) => ({
-              id: `app-menu/action-${i}`,
+              id: `action-${i}`,
               data: Effect.fnUntraced(function* () {
                 log.info('action', { id: 'app-menu', index: i });
               }),
               properties: {
                 label: `Action ${i}`,
-                icon: faker.properties.icon(),
+                icon: random.properties.icon(),
                 disposition: 'menu',
               },
             })),
@@ -49,7 +49,7 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
         match: NodeMatcher.whenRoot,
         connector: () =>
           Effect.succeed([
-            {
+            Node.make({
               id: 'user-account',
               type: 'user-account',
               properties: {
@@ -57,37 +57,37 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
                 icon: 'ph--user--regular',
                 disposition: 'user-account',
                 userId: '1234567890ABCDEF',
-                hue: faker.properties.hue(),
-                emoji: faker.properties.emoji(),
+                hue: random.properties.hue(),
+                emoji: random.properties.emoji(),
                 status: 'active',
               },
               nodes: [
-                {
+                Node.make({
                   id: 'profile',
                   type: 'profile',
                   properties: {
                     label: 'Profile',
                     icon: 'ph--user--regular',
                   },
-                },
-                {
+                }),
+                Node.make({
                   id: 'devices',
                   type: 'devices',
                   properties: {
                     label: 'Devices',
                     icon: 'ph--devices--regular',
                   },
-                },
-                {
+                }),
+                Node.make({
                   id: 'security',
                   type: 'security',
                   properties: {
                     label: 'Security',
                     icon: 'ph--key--regular',
                   },
-                },
+                }),
               ],
-            },
+            }),
           ]),
       }),
       // Create space (workspace) nodes directly under root.
@@ -111,16 +111,18 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
               return value;
             });
 
-            return Array.from({ length: get(count) }, (_, i) => ({
-              id: `space-${i}`,
-              type: 'space',
-              properties: getProperties(`space-${i}`, {
-                label: `Space ${i}`,
-                icon: faker.properties.icon(),
-                hue: faker.properties.hue(),
-                disposition: 'workspace',
+            return Array.from({ length: get(count) }, (_, i) =>
+              Node.make({
+                id: `space-${i}`,
+                type: 'space',
+                properties: getProperties(`space-${i}`, {
+                  label: `Space ${i}`,
+                  icon: random.properties.icon(),
+                  hue: random.properties.hue(),
+                  disposition: 'workspace',
+                }),
               }),
-            }));
+            );
           }),
       }),
       // Create space actions.
@@ -130,13 +132,13 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
         actions: () =>
           Effect.succeed(
             Array.from({ length: 5 }, (_, i) => ({
-              id: `space-actions/action-${i}`,
+              id: `action-${i}`,
               data: Effect.fnUntraced(function* () {
                 log.info('action', { id: 'space-actions', index: i });
               }),
-              properties: getProperties(`space-actions/action-${i}`, {
+              properties: getProperties(`action-${i}`, {
                 label: `Action ${i}`,
-                icon: faker.properties.icon(),
+                icon: random.properties.icon(),
               }),
             })),
           ),
@@ -162,14 +164,16 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
               return value;
             });
 
-            return Array.from({ length: get(count) }, (_, i) => ({
-              id: `object-${i}`,
-              type: 'object',
-              properties: getProperties(`object-${i}`, {
-                label: `Object ${i}`,
-                icon: faker.properties.icon(),
+            return Array.from({ length: get(count) }, (_, i) =>
+              Node.make({
+                id: `object-${i}`,
+                type: 'object',
+                properties: getProperties(`object-${i}`, {
+                  label: `Object ${i}`,
+                  icon: random.properties.icon(),
+                }),
               }),
-            }));
+            );
           }),
       }),
       // Create object actions.
@@ -179,13 +183,13 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
         actions: () =>
           Effect.succeed(
             Array.from({ length: 5 }, (_, i) => ({
-              id: `object-actions/action-${i}`,
+              id: `action-${i}`,
               data: Effect.fnUntraced(function* () {
                 log.info('action', { id: 'object-actions', index: i });
               }),
-              properties: getProperties(`object-actions/action-${i}`, {
+              properties: getProperties(`action-${i}`, {
                 label: `Action ${i}`,
-                icon: faker.properties.icon(),
+                icon: random.properties.icon(),
               }),
             })),
           ),

package/src/testing/generator.ts

@@ -7,7 +7,7 @@ import * as Schema from 'effect/Schema';
 import { type Node } from '@dxos/app-graph';
 import { Obj, Type } from '@dxos/echo';
 import { TestSchema } from '@dxos/echo/testing';
-import { faker } from '@dxos/random';
+import { random } from '@dxos/random';
 import { range } from '@dxos/util';
 
 // TODO(burdon): Reconcile with @dxos/plugin-debug, @dxos/react-ui/testing.
@@ -43,16 +43,16 @@ export const Priority = [1, 2, 3, 4, 5];
 export const defaultGenerators: { [type: string]: ObjectDataGenerator } = {
   document: {
     createData: () => ({
-      title: faker.lorem.sentence(3),
-      body: faker.lorem.sentences({ min: 1, max: faker.number.int({ min: 1, max: 3 }) }),
+      title: random.lorem.sentence(3),
+      body: random.lorem.sentences({ min: 1, max: random.number.int({ min: 1, max: 3 }) }),
     }),
   },
 
   image: {
     createData: () => ({
-      title: faker.lorem.sentence(3),
-      image: faker.helpers.arrayElement(data.images),
-      body: faker.datatype.boolean() ? faker.lorem.sentences() : undefined,
+      title: random.lorem.sentence(3),
+      image: random.helpers.arrayElement(data.images),
+      body: random.datatype.boolean() ? random.lorem.sentences() : undefined,
     }),
   },
 
@@ -65,16 +65,16 @@ export const defaultGenerators: { [type: string]: ObjectDataGenerator } = {
         priority: Schema.Number,
       }).pipe(
         Type.object({
-          typename: 'example.com/type/Project',
+          typename: 'com.example.type.project',
           version: '0.1.0',
         }),
       ),
 
     createData: () => ({
-      title: faker.commerce.productName(),
-      repo: faker.datatype.boolean({ probability: 0.3 }) ? faker.internet.url() : undefined,
-      status: faker.helpers.arrayElement(Status),
-      priority: faker.helpers.arrayElement(Priority),
+      title: random.commerce.productName(),
+      repo: random.datatype.boolean({ probability: 0.3 }) ? random.internet.url() : undefined,
+      status: random.helpers.arrayElement(Status),
+      priority: random.helpers.arrayElement(Priority),
     }),
   },
 };
@@ -99,7 +99,7 @@ export class TestObjectGenerator {
   }
 
   createObject({ types }: { types?: string[] } = {}) {
-    const type = faker.helpers.arrayElement(types ?? Object.keys(this.factories));
+    const type = random.helpers.arrayElement(types ?? Object.keys(this.factories));
     const factory = this.factories[type];
     return factory?.createObject();
   }
@@ -136,7 +136,7 @@ export const createTree = () => {
     nodes: [...Array(4)].map(() => {
       const l0 = generator.createObject();
       return {
-        id: faker.string.uuid(),
+        id: random.string.uuid(),
         data: null,
         type: 'category',
         properties: {
@@ -148,7 +148,7 @@ export const createTree = () => {
           ...[...Array(4)].map(() => {
             const l1 = generator.createObject();
             return {
-              id: faker.string.uuid(),
+              id: random.string.uuid(),
               data: null,
               type: 'document',
               properties: {
@@ -157,20 +157,20 @@ export const createTree = () => {
               },
               nodes: [
                 {
-                  id: `${faker.string.uuid()}__a1`,
+                  id: `${random.string.uuid()}__a1`,
                   data: () => {},
                   type: 'action',
                   properties: {
-                    label: faker.lorem.words(2),
+                    label: random.lorem.words(2),
                     icon: 'ph--boat--regular',
                   },
                 },
                 {
-                  id: `${faker.string.uuid()}__a2`,
+                  id: `${random.string.uuid()}__a2`,
                   data: () => {},
                   type: 'action',
                   properties: {
-                    label: faker.lorem.words(2),
+                    label: random.lorem.words(2),
                     icon: 'ph--train-simple--regular',
                   },
                 },
@@ -178,20 +178,20 @@ export const createTree = () => {
             } satisfies Node.NodeArg<any>;
           }),
           {
-            id: `${faker.string.uuid()}__a1`,
+            id: `${random.string.uuid()}__a1`,
             data: () => {},
             type: 'action',
             properties: {
-              label: faker.lorem.words(2),
+              label: random.lorem.words(2),
               icon: 'ph--boat--regular',
             },
           },
           {
-            id: `${faker.string.uuid()}__a2`,
+            id: `${random.string.uuid()}__a2`,
             data: () => {},
             type: 'action',
             properties: {
-              label: faker.lorem.words(2),
+              label: random.lorem.words(2),
               icon: 'ph--train-simple--regular',
             },
           },

package/src/translations.ts

@@ -4,21 +4,19 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
+import { meta } from '#meta';
 
 export const translations = [
   {
     'en-US': {
       [meta.id]: {
-        'app menu label': 'App menu',
-        'open settings label': 'Settings',
-        'open commands label': 'Search commands',
-        'commands dialog title': 'Commands',
-        'command list input placeholder': 'Search for commands…',
-        'node actions menu invoker label': 'More options',
-        'tree item actions label': 'More actions',
-        'empty branch message': ' ',
-        'button back': 'Back to Space',
+        'app-menu.label': 'App menu',
+        'open-commands.label': 'Search commands',
+        'commands-dialog.title': 'Commands',
+        'command-list-input.placeholder': 'Search for commands…',
+        'node-actions-menu-invoker.label': 'More options',
+        'tree-item-actions.label': 'More actions',
+        'button-back.button': 'Back to Space',
       },
     },
   },

package/src/types/capabilities.ts

@@ -6,16 +6,16 @@ import { type Atom } from '@effect-atom/atom-react';
 
 import { Capability } from '@dxos/app-framework';
 
-import { meta } from '../meta';
+import { meta } from '#meta';
 
 export namespace NavTreeCapabilities {
-  export type NavTreeItemState = { open: boolean; current: boolean; alternateTree?: boolean };
+  export type NavTreeItemState = { open: boolean; current: boolean };
 
   export type NavTreeStateStore = {
     getItem: (path: string[]) => NavTreeItemState;
     getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;
-    setItem: (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => void;
+    setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;
   };
 
-  export const State = Capability.make<NavTreeStateStore>(`${meta.id}/capability/state`);
+  export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);
 }

package/src/types/events.ts

@@ -5,7 +5,7 @@
 import { type ActivationEvent } from '@dxos/app-framework';
 import { AppActivationEvents } from '@dxos/app-toolkit';
 
-import { meta } from '../meta';
+import { meta } from '#meta';
 
 export namespace NavTreeEvents {
   export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);

package/src/util.ts

@@ -5,7 +5,7 @@
 import { Graph, Node } from '@dxos/plugin-graph';
 import { isNonNullable } from '@dxos/util';
 
-import { type NavTreeItemGraphNode } from './types';
+import { type NavTreeItemGraphNode } from '#types';
 
 export const getParent = (
   graph: Graph.ReadableGraph,
@@ -93,7 +93,7 @@ export const getChildren = (
  * Determines whether a node should be visible based on its disposition.
  */
 export const filterItems = (node: Node.Node, disposition?: string) => {
-  if (!disposition && (node.properties.disposition === 'hidden' || node.properties.disposition === 'alternate-tree')) {
+  if (!disposition && node.properties.disposition === 'hidden') {
     return false;
   } else if (!disposition) {
     const action = Node.isAction(node);

package/dist/lib/browser/CommandsDialogContent-A27AKTHH.mjs

@@ -1,111 +0,0 @@
-import {
-  KEY_BINDING,
-  meta
-} from "./chunk-YKTYPINZ.mjs";
-
-// src/containers/CommandsDialogContent/CommandsDialogContent.tsx
-import React, { forwardRef, useMemo, useState } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
-import { useAppGraph } from "@dxos/app-toolkit/ui";
-import { Keyboard, keySymbols } from "@dxos/keyboard";
-import { Graph, Node, useActionRunner } from "@dxos/plugin-graph";
-import { useActions } from "@dxos/plugin-graph";
-import { Button, Dialog, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
-import { osTranslations } from "@dxos/ui-theme";
-import { getHostPlatform } from "@dxos/util";
-var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
-  const { invokeSync } = useOperationInvoker();
-  const runAction = useActionRunner();
-  const { graph } = useAppGraph();
-  const [selected, setSelected] = useState(initial);
-  const allActions = useMemo(() => {
-    const current = Keyboard.singleton.getCurrentContext();
-    const actionMap = /* @__PURE__ */ new Set();
-    const actions2 = [];
-    Graph.traverse(graph, {
-      relation: "child",
-      visitor: (node, path) => {
-        if ((Node.isAction(node) || Node.isActionGroup(node)) && !actionMap.has(node.id) && current.startsWith(path.slice(0, -1).join("/"))) {
-          actionMap.add(node.id);
-          actions2.push(node);
-        }
-      }
-    });
-    actions2.sort((a, b) => {
-      return toLocalizedString(a.properties.label, t)?.toLowerCase().localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());
-    });
-    return actions2;
-  }, [
-    graph
-  ]);
-  const group = allActions.find(({ id }) => id === selected);
-  const groupActions = useActions(graph, group?.id);
-  const actions = Node.isActionGroup(group) ? groupActions : allActions;
-  const { results, handleSearch } = useSearchListResults({
-    items: actions,
-    extract: (action) => toLocalizedString(action.properties.label, t)
-  });
-  return /* @__PURE__ */ React.createElement(Dialog.Content, {
-    ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("commands dialog title", {
-    ns: meta.id
-  })), /* @__PURE__ */ React.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
-    placeholder: t("command list input placeholder")
-  }), /* @__PURE__ */ React.createElement(SearchList.Viewport, null, results.map((action) => {
-    const shortcut = typeof action.properties.keyBinding === "string" ? action.properties.keyBinding : action.properties.keyBinding?.[getHostPlatform()];
-    return /* @__PURE__ */ React.createElement(SearchList.Item, {
-      value: action.id,
-      key: action.id,
-      label: toLocalizedString(action.properties.label, t),
-      icon: action.properties.icon,
-      suffix: shortcut ? keySymbols(shortcut).join("") : void 0,
-      onSelect: () => {
-        if (action.properties.disabled) {
-          return;
-        }
-        if (Node.isActionGroup(action)) {
-          setSelected(action.id);
-          return;
-        }
-        invokeSync(LayoutOperation.UpdateDialog, {
-          state: false
-        });
-        setTimeout(() => {
-          const node = Graph.getConnections(graph, group?.id ?? action.id, Node.childRelation("inbound"))[0];
-          if (node && Node.isAction(action)) {
-            void runAction(action, {
-              parent: node,
-              caller: KEY_BINDING
-            });
-          }
-        });
-      },
-      classNames: "flex items-center gap-2",
-      disabled: action.properties.disabled,
-      ...action.properties?.testId && {
-        "data-testid": action.properties.testId
-      }
-    });
-  })))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "p-form-padding"
-  }, /* @__PURE__ */ React.createElement(Dialog.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
-    classNames: "w-full"
-  }, t("close label", {
-    ns: osTranslations
-  })))));
-});
-
-// src/containers/CommandsDialogContent/index.ts
-var CommandsDialogContent_default = CommandsDialogContent;
-export {
-  CommandsDialogContent_default as default
-};
-//# sourceMappingURL=CommandsDialogContent-A27AKTHH.mjs.map

package/dist/lib/browser/CommandsDialogContent-A27AKTHH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/CommandsDialogContent/CommandsDialogContent.tsx", "../../../src/containers/CommandsDialogContent/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Keyboard, keySymbols } from '@dxos/keyboard';\nimport { Graph, Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useActions } from '@dxos/plugin-graph';\nimport { Button, Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { osTranslations } from '@dxos/ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { KEY_BINDING, meta } from '../../meta';\n\nexport type CommandsDialogContentProps = {\n  selected?: string;\n};\n\n// TODO(wittjosiah): This probably deserves its own plugin but for now it lives here w/ other navigation UI.\nexport const CommandsDialogContent = forwardRef<HTMLDivElement, CommandsDialogContentProps>(\n  ({ selected: initial }, forwardedRef) => {\n    const { t } = useTranslation(meta.id);\n    const { invokeSync } = useOperationInvoker();\n    const runAction = useActionRunner();\n    const { graph } = useAppGraph();\n    const [selected, setSelected] = useState<string | undefined>(initial);\n\n    // Traverse graph.\n    // TODO(burdon): Factor out commonality with shortcut dialog.\n    const allActions = useMemo(() => {\n      // TODO(burdon): Get from navtree (not keyboard).\n      const current = Keyboard.singleton.getCurrentContext();\n      const actionMap = new Set<string>();\n      const actions: Node.ActionLike[] = [];\n      Graph.traverse(graph, {\n        relation: 'child',\n        visitor: (node, path) => {\n          if (\n            (Node.isAction(node) || Node.isActionGroup(node)) &&\n            !actionMap.has(node.id) &&\n            current.startsWith(path.slice(0, -1).join('/'))\n          ) {\n            actionMap.add(node.id);\n            actions.push(node);\n          }\n        },\n      });\n\n      actions.sort((a, b) => {\n        return toLocalizedString(a.properties.label, t)\n          ?.toLowerCase()\n          .localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());\n      });\n\n      return actions;\n    }, [graph]);\n\n    const group = allActions.find(({ id }) => id === selected);\n    const groupActions = useActions(graph, group?.id);\n    const actions = Node.isActionGroup(group) ? groupActions : allActions;\n\n    const { results, handleSearch } = useSearchListResults({\n      items: actions,\n      extract: (action) => toLocalizedString(action.properties.label, t),\n    });\n\n    return (\n      <Dialog.Content ref={forwardedRef}>\n        <Dialog.Title>{t('commands dialog title', { ns: meta.id })}</Dialog.Title>\n        <SearchList.Root onSearch={handleSearch}>\n          <SearchList.Content>\n            <SearchList.Input placeholder={t('command list input placeholder')} />\n            <SearchList.Viewport>\n              {results.map((action) => {\n                const shortcut =\n                  typeof action.properties.keyBinding === 'string'\n                    ? action.properties.keyBinding\n                    : action.properties.keyBinding?.[getHostPlatform()];\n\n                return (\n                  <SearchList.Item\n                    value={action.id}\n                    key={action.id}\n                    label={toLocalizedString(action.properties.label, t)}\n                    icon={action.properties.icon}\n                    suffix={shortcut ? keySymbols(shortcut).join('') : undefined}\n                    onSelect={() => {\n                      if (action.properties.disabled) {\n                        return;\n                      }\n\n                      if (Node.isActionGroup(action)) {\n                        setSelected(action.id);\n                        return;\n                      }\n\n                      invokeSync(LayoutOperation.UpdateDialog, { state: false });\n                      setTimeout(() => {\n                        const node = Graph.getConnections(\n                          graph,\n                          group?.id ?? action.id,\n                          Node.childRelation('inbound'),\n                        )[0];\n                        if (node && Node.isAction(action)) {\n                          void runAction(action, { parent: node, caller: KEY_BINDING });\n                        }\n                      });\n                    }}\n                    classNames='flex items-center gap-2'\n                    disabled={action.properties.disabled}\n                    {...(action.properties?.testId && {\n                      'data-testid': action.properties.testId,\n                    })}\n                  />\n                );\n              })}\n            </SearchList.Viewport>\n          </SearchList.Content>\n        </SearchList.Root>\n        <div role='none' className='p-form-padding'>\n          <Dialog.Close asChild>\n            <Button classNames='w-full'>{t('close label', { ns: osTranslations })}</Button>\n          </Dialog.Close>\n        </div>\n      </Dialog.Content>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CommandsDialogContent } from './CommandsDialogContent';\n\nexport default CommandsDialogContent;\n"],
-  "mappings": "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",
-  "names": ["React", "forwardRef", "useMemo", "useState", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Keyboard", "keySymbols", "Graph", "Node", "useActionRunner", "useActions", "Button", "Dialog", "toLocalizedString", "useTranslation", "SearchList", "useSearchListResults", "osTranslations", "getHostPlatform", "CommandsDialogContent", "forwardRef", "selected", "initial", "forwardedRef", "t", "useTranslation", "meta", "id", "invokeSync", "useOperationInvoker", "runAction", "useActionRunner", "graph", "useAppGraph", "setSelected", "useState", "allActions", "useMemo", "current", "Keyboard", "singleton", "getCurrentContext", "actionMap", "Set", "actions", "Graph", "traverse", "relation", "visitor", "node", "path", "Node", "isAction", "isActionGroup", "has", "startsWith", "slice", "join", "add", "push", "sort", "a", "b", "toLocalizedString", "properties", "label", "toLowerCase", "localeCompare", "group", "find", "groupActions", "useActions", "results", "handleSearch", "useSearchListResults", "items", "extract", "action", "Dialog", "Content", "ref", "Title", "ns", "SearchList", "Root", "onSearch", "Input", "placeholder", "Viewport", "map", "shortcut", "keyBinding", "getHostPlatform", "Item", "value", "key", "icon", "suffix", "keySymbols", "undefined", "onSelect", "disabled", "LayoutOperation", "UpdateDialog", "state", "setTimeout", "getConnections", "childRelation", "parent", "caller", "KEY_BINDING", "classNames", "testId", "div", "role", "className", "Close", "asChild", "Button", "osTranslations", "CommandsDialogContent"]
-}

package/dist/lib/browser/CommandsTrigger-HBZYQCGV.mjs

@@ -1,33 +0,0 @@
-import {
-  COMMANDS_DIALOG,
-  meta
-} from "./chunk-YKTYPINZ.mjs";
-
-// src/containers/CommandsTrigger/CommandsTrigger.tsx
-import React from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
-import { Button, Icon, useTranslation } from "@dxos/react-ui";
-var CommandsTrigger = () => {
-  const { invokeSync } = useOperationInvoker();
-  const { t } = useTranslation(meta.id);
-  return /* @__PURE__ */ React.createElement(Button, {
-    classNames: "m-1 px-1 lg:px-2",
-    onClick: () => invokeSync(LayoutOperation.UpdateDialog, {
-      subject: COMMANDS_DIALOG,
-      blockAlign: "start"
-    })
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "text-description font-normal grow text-start"
-  }, t("command list input placeholder")), /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--magnifying-glass--regular",
-    size: 5
-  }));
-};
-
-// src/containers/CommandsTrigger/index.ts
-var CommandsTrigger_default = CommandsTrigger;
-export {
-  CommandsTrigger_default as default
-};
-//# sourceMappingURL=CommandsTrigger-HBZYQCGV.mjs.map

package/dist/lib/browser/CommandsTrigger-HBZYQCGV.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/CommandsTrigger/CommandsTrigger.tsx", "../../../src/containers/CommandsTrigger/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Button, Icon, useTranslation } from '@dxos/react-ui';\n\nimport { COMMANDS_DIALOG, meta } from '../../meta';\n\n// TODO(thure): Refactor to be handled by a more appropriate plugin.\nexport const CommandsTrigger = () => {\n  const { invokeSync } = useOperationInvoker();\n  const { t } = useTranslation(meta.id);\n  return (\n    <Button\n      classNames='m-1 px-1 lg:px-2'\n      onClick={() => invokeSync(LayoutOperation.UpdateDialog, { subject: COMMANDS_DIALOG, blockAlign: 'start' })}\n    >\n      <span className='text-description font-normal grow text-start'>{t('command list input placeholder')}</span>\n      <Icon icon='ph--magnifying-glass--regular' size={5} />\n    </Button>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CommandsTrigger } from './CommandsTrigger';\n\nexport default CommandsTrigger;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,MAAMC,sBAAsB;AAKtC,IAAMC,kBAAkB,MAAA;AAC7B,QAAM,EAAEC,WAAU,IAAKC,oBAAAA;AACvB,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,SACE,sBAAA,cAACC,QAAAA;IACCC,YAAW;IACXC,SAAS,MAAMR,WAAWS,gBAAgBC,cAAc;MAAEC,SAASC;MAAiBC,YAAY;IAAQ,CAAA;KAExG,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAgDb,EAAE,gCAAA,CAAA,GAClE,sBAAA,cAACc,MAAAA;IAAKC,MAAK;IAAgCC,MAAM;;AAGvD;;;ACnBA,IAAA,0BAAeC;",
-  "names": ["React", "useOperationInvoker", "LayoutOperation", "Button", "Icon", "useTranslation", "CommandsTrigger", "invokeSync", "useOperationInvoker", "t", "useTranslation", "meta", "id", "Button", "classNames", "onClick", "LayoutOperation", "UpdateDialog", "subject", "COMMANDS_DIALOG", "blockAlign", "span", "className", "Icon", "icon", "size", "CommandsTrigger"]
-}

package/dist/lib/browser/NavTreeContainer-B5K4FUJS.mjs

@@ -1,12 +0,0 @@
-import {
-  NavTreeContainer
-} from "./chunk-DQCYMXEU.mjs";
-import "./chunk-X2HDG62A.mjs";
-import "./chunk-YKTYPINZ.mjs";
-
-// src/containers/NavTreeContainer/index.ts
-var NavTreeContainer_default = NavTreeContainer;
-export {
-  NavTreeContainer_default as default
-};
-//# sourceMappingURL=NavTreeContainer-B5K4FUJS.mjs.map

package/dist/lib/browser/NavTreeContainer-B5K4FUJS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/NavTreeContainer/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { NavTreeContainer } from './NavTreeContainer';\n\nexport default NavTreeContainer;\n"],
-  "mappings": ";;;;;;;AAMA,IAAA,2BAAeA;",
-  "names": ["NavTreeContainer"]
-}

package/dist/lib/browser/NavTreeDocumentTitle-GEE3URWH.mjs

@@ -1,26 +0,0 @@
-import {
-  meta
-} from "./chunk-YKTYPINZ.mjs";
-
-// src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx
-import { useEffect } from "react";
-import { toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { osTranslations } from "@dxos/ui-theme";
-var NavTreeDocumentTitle = ({ node }) => {
-  const { t } = useTranslation(meta.id);
-  useEffect(() => {
-    document.title = node ? toLocalizedString(node.properties.label, t) : t("current app name", {
-      ns: osTranslations
-    });
-  }, [
-    node?.properties?.label
-  ]);
-  return null;
-};
-
-// src/containers/NavTreeDocumentTitle/index.ts
-var NavTreeDocumentTitle_default = NavTreeDocumentTitle;
-export {
-  NavTreeDocumentTitle_default as default
-};
-//# sourceMappingURL=NavTreeDocumentTitle-GEE3URWH.mjs.map

package/dist/lib/browser/NavTreeDocumentTitle-GEE3URWH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx", "../../../src/containers/NavTreeDocumentTitle/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\nimport { useEffect } from 'react';\n\nimport { type Node } from '@dxos/app-graph';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const NavTreeDocumentTitle = ({ node }: { node?: Node.Node }) => {\n  const { t } = useTranslation(meta.id);\n  useEffect(() => {\n    document.title = node ? toLocalizedString(node.properties.label, t) : t('current app name', { ns: osTranslations });\n  }, [node?.properties?.label]);\n  return null;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { NavTreeDocumentTitle } from './NavTreeDocumentTitle';\n\nexport default NavTreeDocumentTitle;\n"],
-  "mappings": ";;;;;AAGA,SAASA,iBAAiB;AAG1B,SAASC,mBAAmBC,sBAAsB;AAClD,SAASC,sBAAsB;AAIxB,IAAMC,uBAAuB,CAAC,EAAEC,KAAI,MAAwB;AACjE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpCC,YAAU,MAAA;AACRC,aAASC,QAAQP,OAAOQ,kBAAkBR,KAAKS,WAAWC,OAAOT,CAAAA,IAAKA,EAAE,oBAAoB;MAAEU,IAAIC;IAAe,CAAA;EACnH,GAAG;IAACZ,MAAMS,YAAYC;GAAM;AAC5B,SAAO;AACT;;;ACXA,IAAA,+BAAeG;",
-  "names": ["useEffect", "toLocalizedString", "useTranslation", "osTranslations", "NavTreeDocumentTitle", "node", "t", "useTranslation", "meta", "id", "useEffect", "document", "title", "toLocalizedString", "properties", "label", "ns", "osTranslations", "NavTreeDocumentTitle"]
-}