@dxos/plugin-debug 0.8.4-main.c85a9c8dae → 0.8.4-main.dfabb4ec29

package/dist/lib/{browser/DebugStatus-COQGH37G.mjs → neutral/DebugStatus-YB3KFP7G.mjs}

@@ -1,11 +1,12 @@
+import "./chunk-J5LGTIGS.mjs";
+
 // src/containers/DebugStatus/DebugStatus.tsx
 import React, { useEffect, useRef, useState } from "react";
 import { TimeoutError } from "@dxos/async";
-import { useActiveSpace } from "@dxos/plugin-space";
-import { StatusBar } from "@dxos/plugin-status-bar";
+import { StatusBar } from "@dxos/plugin-status-bar/components";
 import { ConnectionState } from "@dxos/protocols/proto/dxos/client/services";
 import { useNetworkStatus } from "@dxos/react-client/mesh";
-import { Icon } from "@dxos/react-ui";
+import { IconButton } from "@dxos/react-ui";
 var styles = {
   success: "text-sky-300 dark:text-green-700",
   warning: "text-orange-300 dark:text-orange-600",
@@ -34,20 +35,19 @@ var ErrorIndicator = () => {
     forceUpdate({});
   };
   if (errorRef.current) {
-    return /* @__PURE__ */ React.createElement(StatusBar.Button, {
-      title: errorRef.current.message,
-      onClick: handleReset
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
       icon: "ph--warning-circle--duotone",
-      size: 4,
-      classNames: styles.error
+      iconOnly: true,
+      label: errorRef.current.message,
+      classNames: styles.error,
+      onClick: handleReset
     }));
   } else {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "No errors."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--check--regular",
-      size: 4
+      iconOnly: true,
+      label: "No errors."
     }));
   }
 };
@@ -60,49 +60,48 @@ var SwarmIndicator = () => {
     swarm
   ]);
   if (state === 0) {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "Connected to swarm."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--lightning--regular",
-      size: 4
+      iconOnly: true,
+      label: "Connected to swarm."
     }));
   } else {
-    return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-      title: "Disconnected from swarm."
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
       icon: "ph--lightning-slash--regular",
-      size: 4,
+      iconOnly: true,
+      label: "Disconnected from swarm.",
       classNames: styles.warning
     }));
   }
 };
 var SavingIndicator = () => {
   const [state, _setState] = useState(0);
-  const _space = useActiveSpace();
   switch (state) {
     case 2:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Edit not saved."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4,
+        iconOnly: true,
+        label: "Edit not saved.",
         classNames: styles.warning
       }));
     case 1:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Saving..."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4,
+        iconOnly: true,
+        label: "Saving...",
         classNames: styles.success
       }));
     case 0:
     default:
-      return /* @__PURE__ */ React.createElement(StatusBar.Item, {
-        title: "Modified indicator."
-      }, /* @__PURE__ */ React.createElement(Icon, {
+      return /* @__PURE__ */ React.createElement(StatusBar.Item, null, /* @__PURE__ */ React.createElement(IconButton, {
+        variant: "ghost",
         icon: "ph--circle--duotone",
-        size: 4
+        iconOnly: true,
+        label: "Modified indicator."
       }));
   }
 };
@@ -116,10 +115,7 @@ var DebugStatus = () => {
     key: Indicator.name
   })));
 };
-
-// src/containers/DebugStatus/index.ts
-var DebugStatus_default = DebugStatus;
 export {
-  DebugStatus_default as default
+  DebugStatus as default
 };
-//# sourceMappingURL=DebugStatus-COQGH37G.mjs.map
+//# sourceMappingURL=DebugStatus-YB3KFP7G.mjs.map

package/dist/lib/neutral/DebugStatus-YB3KFP7G.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DebugStatus/DebugStatus.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { TimeoutError } from '@dxos/async';\nimport { StatusBar } from '@dxos/plugin-status-bar/components';\nimport { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { IconButton } from '@dxos/react-ui';\n\nconst styles = {\n  success: 'text-sky-300 dark:text-green-700',\n  warning: 'text-orange-300 dark:text-orange-600',\n  error: 'text-red-300 dark:text-red-600',\n};\n\n// TODO(burdon): Move out of debug plugin.\n// TODO(burdon): Make pluggable (move indicators to relevant plugins).\n// TODO(burdon): Vault heartbeat indicator (global scope)?\n\n/**\n * Ensure light doesn't flicker immediately after start.\n */\n// TODO(burdon): Move to @dxos/async (debounce?)\nconst _timer = (cb: (err?: Error) => void, options?: { min?: number; max?: number }) => {\n  const min = options?.min ?? 500;\n  let start: number;\n  let pending: NodeJS.Timeout;\n  let timeout: NodeJS.Timeout;\n  return {\n    start: () => {\n      start = Date.now();\n      clearTimeout(pending);\n      if (options?.max) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n          cb(new TimeoutError(options.max));\n        }, options.max);\n      }\n    },\n    stop: () => {\n      clearTimeout(timeout);\n      const delta = Date.now() - start;\n      if (delta < min) {\n        pending = setTimeout(() => {\n          cb();\n        }, min - delta);\n      }\n    },\n  };\n};\n\n/**\n * Global error handler.\n */\n// TODO(burdon): Integrate with Sentry?\nconst ErrorIndicator = () => {\n  const [, forceUpdate] = useState({});\n  const errorRef = useRef<Error>(null);\n  useEffect(() => {\n    const errorListener = (event: any) => {\n      const error: Error = event.error ?? event.reason;\n      if (errorRef.current !== error) {\n        errorRef.current = error;\n        forceUpdate({});\n      }\n    };\n\n    // TODO(burdon): Register globally?\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/error_event\n    window.addEventListener('error', errorListener);\n\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event\n    window.addEventListener('unhandledrejection', errorListener);\n\n    return () => {\n      window.removeEventListener('error', errorListener);\n      window.removeEventListener('unhandledrejection', errorListener);\n    };\n  }, []);\n\n  const handleReset = () => {\n    errorRef.current = null;\n    forceUpdate({});\n  };\n\n  if (errorRef.current) {\n    return (\n      <StatusBar.Item>\n        <IconButton\n          icon='ph--warning-circle--duotone'\n          iconOnly\n          label={errorRef.current.message}\n          classNames={styles.error}\n          onClick={handleReset}\n        />\n      </StatusBar.Item>\n    );\n  } else {\n    return (\n      <StatusBar.Item>\n        <IconButton variant='ghost' icon='ph--check--regular' iconOnly label='No errors.' />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Swarm connection handler.\n */\nconst SwarmIndicator = () => {\n  const [state, setState] = useState(0);\n  const { swarm } = useNetworkStatus();\n  useEffect(() => {\n    setState(swarm === ConnectionState.ONLINE ? 0 : 1);\n  }, [swarm]);\n\n  if (state === 0) {\n    return (\n      <StatusBar.Item>\n        <IconButton variant='ghost' icon='ph--lightning--regular' iconOnly label='Connected to swarm.' />\n      </StatusBar.Item>\n    );\n  } else {\n    return (\n      <StatusBar.Item>\n        <IconButton\n          variant='ghost'\n          icon='ph--lightning-slash--regular'\n          iconOnly\n          label='Disconnected from swarm.'\n          classNames={styles.warning}\n        />\n      </StatusBar.Item>\n    );\n  }\n};\n\n/**\n * Data saving indicator.\n */\n// TODO(burdon): Merge with SaveStatus.\nconst SavingIndicator = () => {\n  const [state, _setState] = useState(0);\n  // TODO(dmaretskyi): Fix this when we have save status for automerge.\n  // useEffect(() => {\n  //   if (!space) {\n  //     return;\n  //   }\n  // const { start, stop } = timer(() => setState(0), { min: 250 });\n  // return space.db.pendingBatch.on(({ duration, error }) => {\n  //   if (error) {\n  //     setState(2);\n  //     stop();\n  //   } else if (duration === undefined) {\n  //     setState(1);\n  //     start();\n  //   } else {\n  //     stop();\n  //   }\n  // });\n  // }, [space]);\n\n  switch (state) {\n    case 2:\n      return (\n        <StatusBar.Item>\n          <IconButton\n            variant='ghost'\n            icon='ph--circle--duotone'\n            iconOnly\n            label='Edit not saved.'\n            classNames={styles.warning}\n          />\n        </StatusBar.Item>\n      );\n    case 1:\n      return (\n        <StatusBar.Item>\n          <IconButton\n            variant='ghost'\n            icon='ph--circle--duotone'\n            iconOnly\n            label='Saving...'\n            classNames={styles.success}\n          />\n        </StatusBar.Item>\n      );\n    case 0:\n    default:\n      return (\n        <StatusBar.Item>\n          <IconButton variant='ghost' icon='ph--circle--duotone' iconOnly label='Modified indicator.' />\n        </StatusBar.Item>\n      );\n  }\n};\n\nconst indicators = [SavingIndicator, SwarmIndicator, ErrorIndicator];\n\nexport const DebugStatus = () => {\n  return (\n    <>\n      {indicators.map((Indicator) => (\n        <Indicator key={Indicator.name} />\n      ))}\n    </>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useRef", "useState", "TimeoutError", "StatusBar", "ConnectionState", "useNetworkStatus", "IconButton", "styles", "success", "warning", "error", "ErrorIndicator", "forceUpdate", "useState", "errorRef", "useRef", "useEffect", "errorListener", "event", "error", "reason", "current", "window", "addEventListener", "removeEventListener", "handleReset", "StatusBar", "Item", "IconButton", "icon", "iconOnly", "label", "message", "classNames", "styles", "onClick", "variant", "SwarmIndicator", "state", "setState", "swarm", "useNetworkStatus", "ConnectionState", "ONLINE", "warning", "SavingIndicator", "_setState", "success", "indicators", "DebugStatus", "map", "Indicator", "key", "name"]
+}

package/dist/lib/{browser/DevtoolsOverviewContainer-C75NFVER.mjs → neutral/DevtoolsOverviewContainer-YX7Z3D2H.mjs}

@@ -1,20 +1,23 @@
+import "./chunk-J5LGTIGS.mjs";
+
 // src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx
 import React from "react";
 import { Surface } from "@dxos/app-framework/ui";
 import { StatsPanel, useStats } from "@dxos/devtools";
 var DevtoolsOverviewContainer = () => {
   const [stats, refreshStats] = useStats();
+  const surfaceProfilerStats = Surface.useProfilerStats();
+  const clearSurfaceProfiler = Surface.useProfilerClear();
   return /* @__PURE__ */ React.createElement(StatsPanel, {
     stats,
-    onRefresh: refreshStats
+    surfaceProfilerStats,
+    onRefresh: refreshStats,
+    onClearSurfaceProfiler: clearSurfaceProfiler
   }, /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "devtools-overview"
   }));
 };
-
-// src/containers/DevtoolsOverviewContainer/index.ts
-var DevtoolsOverviewContainer_default = DevtoolsOverviewContainer;
 export {
-  DevtoolsOverviewContainer_default as default
+  DevtoolsOverviewContainer as default
 };
-//# sourceMappingURL=DevtoolsOverviewContainer-C75NFVER.mjs.map
+//# sourceMappingURL=DevtoolsOverviewContainer-YX7Z3D2H.mjs.map

package/dist/lib/neutral/DevtoolsOverviewContainer-YX7Z3D2H.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DevtoolsOverviewContainer/DevtoolsOverviewContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { StatsPanel, useStats } from '@dxos/devtools';\n\nexport const DevtoolsOverviewContainer = () => {\n  const [stats, refreshStats] = useStats();\n  const surfaceProfilerStats = Surface.useProfilerStats();\n  const clearSurfaceProfiler = Surface.useProfilerClear();\n\n  return (\n    <StatsPanel\n      stats={stats}\n      surfaceProfilerStats={surfaceProfilerStats}\n      onRefresh={refreshStats}\n      onClearSurfaceProfiler={clearSurfaceProfiler}\n    >\n      <Surface.Surface role='devtools-overview' />\n    </StatsPanel>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,eAAe;AACxB,SAASC,YAAYC,gBAAgB;AAE9B,IAAMC,4BAA4B,MAAA;AACvC,QAAM,CAACC,OAAOC,YAAAA,IAAgBH,SAAAA;AAC9B,QAAMI,uBAAuBN,QAAQO,iBAAgB;AACrD,QAAMC,uBAAuBR,QAAQS,iBAAgB;AAErD,SACE,sBAAA,cAACR,YAAAA;IACCG;IACAE;IACAI,WAAWL;IACXM,wBAAwBH;KAExB,sBAAA,cAACR,QAAQA,SAAO;IAACY,MAAK;;AAG5B;",
+  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "surfaceProfilerStats", "useProfilerStats", "clearSurfaceProfiler", "useProfilerClear", "onRefresh", "onClearSurfaceProfiler", "role"]
+}

package/dist/lib/neutral/SpaceGenerator-UBYB4NPD.mjs

@@ -0,0 +1,143 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/SpaceGenerator/SpaceGenerator.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { ComputeGraph } from "@dxos/conductor";
+import { Filter, Obj } from "@dxos/echo";
+import { Markdown } from "@dxos/plugin-markdown";
+import { Sheet } from "@dxos/plugin-sheet";
+import { Sketch } from "@dxos/plugin-sketch";
+import { useClient } from "@dxos/react-client";
+import { IconButton, Input, Panel, ScrollArea, Toolbar, useAsyncEffect } from "@dxos/react-ui";
+import { Organization, Person, Task } from "@dxos/types";
+import { composable, composableProps } from "@dxos/ui-theme";
+import { sortKeys } from "@dxos/util";
+import { SchemaTable, createGenerator, generator, staticGenerators } from "#components";
+var staticTypes = [
+  Markdown.Document,
+  Sketch.Sketch,
+  Sheet.Sheet,
+  ComputeGraph
+];
+var recordTypes = [
+  Organization.Organization,
+  Person.Person,
+  Task.Task
+];
+var SpaceGenerator = composable(({ space, onCreateObjects, children, ...props }, forwardedRef) => {
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const [count, setCount] = useState(1);
+  const [info, setInfo] = useState({});
+  const presets = useMemo(() => generator(), []);
+  useAsyncEffect(async () => {
+    await client.addTypes([
+      ...staticTypes,
+      ...recordTypes,
+      ...presets.schemas
+    ]);
+  }, [
+    client,
+    presets
+  ]);
+  const typeMap = useMemo(() => {
+    const recordGenerators = new Map(recordTypes.map((type) => [
+      type.typename,
+      createGenerator(client, invokePromise, type)
+    ]));
+    return new Map([
+      ...staticGenerators,
+      ...presets.items,
+      ...recordGenerators
+    ]);
+  }, [
+    client,
+    invokePromise,
+    presets
+  ]);
+  const updateInfo = useCallback(async () => {
+    const echoSchema = await space.db.schemaRegistry.query().run();
+    const staticSchema = await space.db.graph.schemaRegistry.query().run();
+    const objects = await space.db.query(Filter.everything()).run();
+    const objectMap = sortKeys(objects.reduce((map, obj) => {
+      const type = Obj.getTypename(obj);
+      if (type) {
+        const count2 = map[type] ?? 0;
+        map[type] = count2 + 1;
+      }
+      return map;
+    }, {}));
+    setInfo({
+      schema: {
+        static: staticSchema.length,
+        mutable: echoSchema.length
+      },
+      objects: objectMap
+    });
+  }, [
+    space
+  ]);
+  useAsyncEffect(updateInfo, [
+    updateInfo
+  ]);
+  const handleCreateData = useCallback(async (typename) => {
+    const constructor = typeMap.get(typename);
+    if (constructor) {
+      await constructor(space, count, onCreateObjects);
+      await updateInfo();
+    }
+  }, [
+    typeMap,
+    count,
+    space,
+    onCreateObjects,
+    updateInfo
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    ...composableProps(props),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--arrow-clockwise--regular",
+    iconOnly: true,
+    label: "Refresh",
+    onClick: updateInfo
+  }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    type: "number",
+    placeholder: "Count",
+    classNames: "w-[4rem] text-right",
+    min: 1,
+    max: 100,
+    size: 8,
+    value: count,
+    onChange: (event) => setCount(parseInt(event.target.value))
+  })))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "dx-document gap-4 divide-y divide-subdued-separator"
+  }, /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: staticTypes,
+    objects: info.objects,
+    label: "Static Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: recordTypes,
+    objects: info.objects,
+    label: "Record Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React.createElement(SchemaTable, {
+    types: presets.types,
+    objects: info.objects,
+    label: "Presets",
+    onClick: handleCreateData
+  })))));
+});
+export {
+  SpaceGenerator as default
+};
+//# sourceMappingURL=SpaceGenerator-UBYB4NPD.mjs.map

package/dist/lib/neutral/SpaceGenerator-UBYB4NPD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceGenerator/SpaceGenerator.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { ComputeGraph } from '@dxos/conductor';\nimport { Filter, Obj, type Type } from '@dxos/echo';\nimport { Markdown } from '@dxos/plugin-markdown';\nimport { Sheet } from '@dxos/plugin-sheet';\nimport { Sketch } from '@dxos/plugin-sketch';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, Panel, ScrollArea, Toolbar, useAsyncEffect } from '@dxos/react-ui';\nimport { Organization, Person, Task } from '@dxos/types';\nimport { composable, composableProps } from '@dxos/ui-theme';\nimport { sortKeys } from '@dxos/util';\n\nimport { type ObjectGenerator, SchemaTable, createGenerator, generator, staticGenerators } from '#components';\n\n// TODO(burdon): Make extensible.\nconst staticTypes = [Markdown.Document, Sketch.Sketch, Sheet.Sheet, ComputeGraph];\nconst recordTypes: Type.AnyObj[] = [Organization.Organization, Person.Person, Task.Task];\n\nexport type SpaceGeneratorProps = {\n  space: Space;\n  onCreateObjects?: (objects: Obj.Unknown[]) => void;\n};\n\nexport const SpaceGenerator = composable<HTMLDivElement, SpaceGeneratorProps>(\n  ({ space, onCreateObjects, children, ...props }, forwardedRef) => {\n    const { invokePromise } = useOperationInvoker();\n    const client = useClient();\n    const [count, setCount] = useState(1);\n    const [info, setInfo] = useState<any>({});\n    const presets = useMemo(() => generator(), []);\n\n    // Register types.\n    useAsyncEffect(async () => {\n      await client.addTypes([...staticTypes, ...recordTypes, ...presets.schemas]);\n    }, [client, presets]);\n\n    // Create type generators.\n    const typeMap = useMemo(() => {\n      const recordGenerators = new Map<string, ObjectGenerator<any>>(\n        recordTypes.map((type) => [type.typename, createGenerator(client, invokePromise, type)]),\n      );\n\n      return new Map([...staticGenerators, ...presets.items, ...recordGenerators]);\n    }, [client, invokePromise, presets]);\n\n    // Query space to get info.\n    const updateInfo = useCallback(async () => {\n      const echoSchema = await space.db.schemaRegistry.query().run();\n      const staticSchema = await space.db.graph.schemaRegistry.query().run();\n\n      const objects = await space.db.query(Filter.everything()).run();\n      const objectMap = sortKeys(\n        objects.reduce<Record<string, number>>((map, obj) => {\n          const type = Obj.getTypename(obj);\n          if (type) {\n            const count = map[type] ?? 0;\n            map[type] = count + 1;\n          }\n\n          return map;\n        }, {}),\n      );\n\n      setInfo({\n        schema: {\n          static: staticSchema.length,\n          mutable: echoSchema.length,\n        },\n        objects: objectMap,\n      });\n    }, [space]);\n\n    useAsyncEffect(updateInfo, [updateInfo]);\n\n    const handleCreateData = useCallback(\n      async (typename: string) => {\n        const constructor = typeMap.get(typename);\n        if (constructor) {\n          // TODO(burdon): Input to specify number of objects.\n          await constructor(space, count, onCreateObjects);\n          await updateInfo();\n        }\n      },\n      [typeMap, count, space, onCreateObjects, updateInfo],\n    );\n\n    return (\n      <Panel.Root {...composableProps(props)} ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />\n            <Toolbar.Separator />\n            <Input.Root>\n              <Input.TextInput\n                type='number'\n                placeholder='Count'\n                classNames='w-[4rem] text-right'\n                min={1}\n                max={100}\n                size={8}\n                value={count}\n                onChange={(event) => setCount(parseInt(event.target.value))}\n              />\n            </Input.Root>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <ScrollArea.Root thin orientation='vertical'>\n            <ScrollArea.Viewport classNames='dx-document gap-4 divide-y divide-subdued-separator'>\n              <SchemaTable types={staticTypes} objects={info.objects} label='Static Types' onClick={handleCreateData} />\n              <SchemaTable types={recordTypes} objects={info.objects} label='Record Types' onClick={handleCreateData} />\n              <SchemaTable types={presets.types} objects={info.objects} label='Presets' onClick={handleCreateData} />\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "useOperationInvoker", "ComputeGraph", "Filter", "Obj", "Markdown", "Sheet", "Sketch", "useClient", "IconButton", "Input", "Panel", "ScrollArea", "Toolbar", "useAsyncEffect", "Organization", "Person", "Task", "composable", "composableProps", "sortKeys", "SchemaTable", "createGenerator", "generator", "staticGenerators", "staticTypes", "Document", "recordTypes", "SpaceGenerator", "space", "onCreateObjects", "children", "props", "forwardedRef", "invokePromise", "client", "count", "setCount", "info", "setInfo", "presets", "addTypes", "schemas", "typeMap", "recordGenerators", "Map", "map", "type", "typename", "items", "updateInfo", "echoSchema", "db", "schemaRegistry", "query", "run", "staticSchema", "graph", "objects", "everything", "objectMap", "reduce", "obj", "getTypename", "schema", "static", "length", "mutable", "handleCreateData", "constructor", "get", "Root", "ref", "asChild", "icon", "iconOnly", "label", "onClick", "Separator", "TextInput", "placeholder", "classNames", "min", "max", "size", "value", "onChange", "event", "parseInt", "target", "Content", "thin", "orientation", "Viewport", "types"]
+}

package/dist/lib/{browser/Wireframe-KAGOKEFW.mjs → neutral/Wireframe-7SNRUKET.mjs}

@@ -1,9 +1,11 @@
+import "./chunk-J5LGTIGS.mjs";
+
 // src/containers/Wireframe/Wireframe.tsx
 import React from "react";
 import { useResizeDetector } from "react-resize-detector";
 import { Obj } from "@dxos/echo";
 import { useAttentionAttributes } from "@dxos/react-ui-attention";
-import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/ui-theme";
 var Wireframe = ({ classNames, label, object }) => {
   const attentionAttrs = useAttentionAttributes(Obj.getDXN(object).toString());
@@ -16,10 +18,10 @@ var Wireframe = ({ classNames, label, object }) => {
     className: "absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-between"
-  }, /* @__PURE__ */ React.createElement("div", null, label), /* @__PURE__ */ React.createElement("div", null, `[${width}x${height}]`)), object && /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
-    language: "json",
+  }, /* @__PURE__ */ React.createElement("div", null, label), /* @__PURE__ */ React.createElement("div", null, `[${width}x${height}]`)), object && /* @__PURE__ */ React.createElement(JsonHighlighter, {
+    data: object,
     classNames: "text-xs opacity-75 rounded-sm"
-  }, JSON.stringify(object, void 0, 2))), /* @__PURE__ */ React.createElement("svg", {
+  })), /* @__PURE__ */ React.createElement("svg", {
     width,
     height,
     className: "bg-transparent *:text-subdued"
@@ -44,10 +46,7 @@ var Wireframe = ({ classNames, label, object }) => {
     strokeWidth: 1
   })));
 };
-
-// src/containers/Wireframe/index.ts
-var Wireframe_default = Wireframe;
 export {
-  Wireframe_default as default
+  Wireframe as default
 };
-//# sourceMappingURL=Wireframe-KAGOKEFW.mjs.map
+//# sourceMappingURL=Wireframe-7SNRUKET.mjs.map

package/dist/lib/neutral/Wireframe-7SNRUKET.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/Wireframe/Wireframe.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { Obj } from '@dxos/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useAttentionAttributes } from '@dxos/react-ui-attention';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\n// TODO(burdon): Create generic container with wireframe mode.\nexport type WireframeProps = ThemedClassName<{\n  object: Obj.Unknown;\n  label?: string;\n}>;\n\n// TODO(burdon): Make focusable and attendable with input.\nexport const Wireframe = ({ classNames, label, object }: WireframeProps) => {\n  const attentionAttrs = useAttentionAttributes(Obj.getDXN(object).toString());\n  const { width, height, ref } = useResizeDetector();\n\n  return (\n    <div ref={ref} className={mx('relative grow min-h-96', classNames)} {...attentionAttrs}>\n      <div className='absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono'>\n        <div className='flex justify-between'>\n          <div>{label}</div>\n          <div>{`[${width}x${height}]`}</div>\n        </div>\n        {object && <JsonHighlighter data={object} classNames='text-xs opacity-75 rounded-sm' />}\n      </div>\n      <svg width={width} height={height} className='bg-transparent *:text-subdued'>\n        <rect x={0} y={0} width={width} height={height} strokeWidth={1} fill='none' />\n        <line x1={0} y1={0} x2={width} y2={height} strokeWidth={1} />\n        <line x1={0} y1={height} x2={width} y2={0} strokeWidth={1} />\n      </svg>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAClB,SAASC,yBAAyB;AAElC,SAASC,WAAW;AAEpB,SAASC,8BAA8B;AACvC,SAASC,uBAAuB;AAChC,SAASC,UAAU;AASZ,IAAMC,YAAY,CAAC,EAAEC,YAAYC,OAAOC,OAAM,MAAkB;AACrE,QAAMC,iBAAiBP,uBAAuBD,IAAIS,OAAOF,MAAAA,EAAQG,SAAQ,CAAA;AACzE,QAAM,EAAEC,OAAOC,QAAQC,IAAG,IAAKd,kBAAAA;AAE/B,SACE,sBAAA,cAACe,OAAAA;IAAID;IAAUE,WAAWZ,GAAG,0BAA0BE,UAAAA;IAAc,GAAGG;KACtE,sBAAA,cAACM,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA,MAAKR,KAAAA,GACN,sBAAA,cAACQ,OAAAA,MAAK,IAAIH,KAAAA,IAASC,MAAAA,GAAS,CAAA,GAE7BL,UAAU,sBAAA,cAACL,iBAAAA;IAAgBc,MAAMT;IAAQF,YAAW;OAEvD,sBAAA,cAACY,OAAAA;IAAIN;IAAcC;IAAgBG,WAAU;KAC3C,sBAAA,cAACG,QAAAA;IAAKC,GAAG;IAAGC,GAAG;IAAGT;IAAcC;IAAgBS,aAAa;IAAGC,MAAK;MACrE,sBAAA,cAACC,QAAAA;IAAKC,IAAI;IAAGC,IAAI;IAAGC,IAAIf;IAAOgB,IAAIf;IAAQS,aAAa;MACxD,sBAAA,cAACE,QAAAA;IAAKC,IAAI;IAAGC,IAAIb;IAAQc,IAAIf;IAAOgB,IAAI;IAAGN,aAAa;;AAIhE;",
+  "names": ["React", "useResizeDetector", "Obj", "useAttentionAttributes", "JsonHighlighter", "mx", "Wireframe", "classNames", "label", "object", "attentionAttrs", "getDXN", "toString", "width", "height", "ref", "div", "className", "data", "svg", "rect", "x", "y", "strokeWidth", "fill", "line", "x1", "y1", "x2", "y2"]
+}