@dxos/plugin-debug 0.8.4-main.f9ba587 → 0.8.4-main.fd6878d

package/dist/lib/browser/{DebugApp-5JPOASYB.mjs → DebugApp-F4UFVW4Y.mjs}

@@ -1,14 +1,29 @@
 // src/components/DebugApp/DebugApp.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from "@phosphor-icons/react";
 import React3, { useEffect, useState as useState2 } from "react";
 import { useClient, useConfig } from "@dxos/react-client";
-import { Button, ToggleGroup, ToggleGroupItem, Toolbar } from "@dxos/react-ui";
-import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
+import { Icon, IconButton, ToggleGroup, ToggleGroupItem, Toolbar } from "@dxos/react-ui";
 
-// src/components/DebugApp/Tree.tsx
+// src/components/Container.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useState } from "react";
+import React from "react";
+var Container = ({ toolbar, children }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "flex flex-col grow overflow-hidden divide-y divide-separator"
+    }, toolbar, /* @__PURE__ */ React.createElement("div", {
+      className: "flex flex-col grow overflow-auto"
+    }, children));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/DebugApp/Tree.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useState } from "react";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/react-ui-theme";
 import { arrayToBuffer } from "@dxos/util";
@@ -27,9 +42,9 @@ var replacer = (key, value) => {
   return value;
 };
 var Json = ({ data }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
-    return /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
+    return /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
       language: "json"
     }, JSON.stringify(data, replacer, 2));
   } finally {
@@ -37,11 +52,11 @@ var Json = ({ data }) => {
   }
 };
 var Tree = ({ data }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React2.createElement("div", {
       className: "p-2"
-    }, /* @__PURE__ */ React.createElement(Node, {
+    }, /* @__PURE__ */ React2.createElement(Node, {
       data,
       root: true
     }));
@@ -50,26 +65,26 @@ var Tree = ({ data }) => {
   }
 };
 var Node = ({ data, root }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
     if (typeof data !== "object" || data === void 0 || data === null) {
-      return /* @__PURE__ */ React.createElement(Scalar, {
+      return /* @__PURE__ */ React2.createElement(Scalar, {
         value: data
       });
     }
     if (Array.isArray(data)) {
-      return /* @__PURE__ */ React.createElement("div", {
+      return /* @__PURE__ */ React2.createElement("div", {
         className: "flex flex-col space-y-2"
-      }, data.map((value, index) => /* @__PURE__ */ React.createElement(KeyValue, {
+      }, data.map((value, index) => /* @__PURE__ */ React2.createElement(KeyValue, {
         key: index,
         label: String(index),
         data: value,
         className: "bg-teal-50"
       })));
     }
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React2.createElement("div", {
       className: "flex flex-col space-y-2"
-    }, Object.entries(data).map(([key, value]) => /* @__PURE__ */ React.createElement(KeyValue, {
+    }, Object.entries(data).map(([key, value]) => /* @__PURE__ */ React2.createElement(KeyValue, {
       key,
       label: key,
       data: value,
@@ -80,18 +95,18 @@ var Node = ({ data, root }) => {
   }
 };
 var KeyValue = ({ label, data, className }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
     const [open, setOpen] = useState(true);
     if (data === void 0) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React2.createElement("div", {
       className: "flex"
-    }, /* @__PURE__ */ React.createElement(Box, {
+    }, /* @__PURE__ */ React2.createElement(Box, {
       className: mx("border-blue-200 text-sm select-none cursor-pointer", className),
       onClick: () => setOpen((open2) => !open2)
-    }, label), open && /* @__PURE__ */ React.createElement(Node, {
+    }, label), open && /* @__PURE__ */ React2.createElement(Node, {
       data
     }));
   } finally {
@@ -99,9 +114,9 @@ var KeyValue = ({ label, data, className }) => {
   }
 };
 var Scalar = ({ value }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
-    return /* @__PURE__ */ React.createElement(Box, {
+    return /* @__PURE__ */ React2.createElement(Box, {
       className: "bg-green-50 border-green-200 rounded-r text-sm font-thin"
     }, value === void 0 && "undefined" || value === null && "null" || typeof value === "string" && value || JSON.stringify(value));
   } finally {
@@ -109,9 +124,9 @@ var Scalar = ({ value }) => {
   }
 };
 var Box = ({ children, className, ...props }) => {
-  var _effect = _useSignals();
+  var _effect = _useSignals2();
   try {
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React2.createElement("div", {
       className: mx("flex px-2 border border-l-0 font-mono truncate", className),
       ...props
     }, children);
@@ -120,23 +135,6 @@ var Box = ({ children, className, ...props }) => {
   }
 };
 
-// src/components/Container.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-var Container = ({ toolbar, children }) => {
-  var _effect = _useSignals2();
-  try {
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-col grow overflow-hidden divide-y divide-separator"
-    }, toolbar, /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-col grow overflow-auto"
-    }, children));
-  } finally {
-    _effect.f();
-  }
-};
-
 // src/components/DebugApp/DebugApp.tsx
 var DebugApp = ({ graph }) => {
   var _effect = _useSignals3();
@@ -177,34 +175,39 @@ var DebugApp = ({ graph }) => {
         value: "graph",
         onClick: () => setView("graph"),
         title: "Plugin graph"
-      }, /* @__PURE__ */ React3.createElement(GraphIcon, {
-        className: getSize(5)
+      }, /* @__PURE__ */ React3.createElement(Icon, {
+        icon: "ph--graph--regular",
+        size: 5
       })), /* @__PURE__ */ React3.createElement(ToggleGroupItem, {
         value: "diagnostics",
         onClick: () => setView("diagnostics"),
         title: "Diagnostics"
-      }, /* @__PURE__ */ React3.createElement(Gauge, {
-        className: getSize(5)
+      }, /* @__PURE__ */ React3.createElement(Icon, {
+        icon: "ph--gauge--regular",
+        size: 5
       })), /* @__PURE__ */ React3.createElement(ToggleGroupItem, {
         value: "config",
         onClick: () => setView("config"),
         title: "Config"
-      }, /* @__PURE__ */ React3.createElement(Gear, {
-        className: getSize(5)
+      }, /* @__PURE__ */ React3.createElement(Icon, {
+        icon: "ph--gear--regular",
+        size: 5
       }))), /* @__PURE__ */ React3.createElement(Toolbar.Separator, {
         variant: "gap"
-      }), /* @__PURE__ */ React3.createElement(Button, {
+      }), /* @__PURE__ */ React3.createElement(IconButton, {
+        icon: "ph--warning--regular",
+        iconOnly: true,
+        size: 5,
+        classNames: "text-red-700",
         onClick: (event) => handleResetClient(event.shiftKey),
-        title: "Reset client"
-      }, /* @__PURE__ */ React3.createElement(Warning, {
-        className: mx2(getSize(5), "text-red-700")
-      })), /* @__PURE__ */ React3.createElement(Button, {
+        label: "Reset client"
+      }), /* @__PURE__ */ React3.createElement(IconButton, {
+        icon: "ph--toolbox--duotone",
+        iconOnly: true,
+        size: 5,
         onClick: handleOpenDevtools,
-        title: "Open Devtools"
-      }, /* @__PURE__ */ React3.createElement(Toolbox, {
-        weight: "duotone",
-        className: mx2(getSize(5), "text-700")
-      })))
+        label: "Open Devtools"
+      }))
     }, view === "graph" && /* @__PURE__ */ React3.createElement(Tree, {
       data: graph.toJSON()
     }), view === "config" && /* @__PURE__ */ React3.createElement(Json, {
@@ -222,4 +225,4 @@ var DebugApp_default = DebugApp;
 export {
   DebugApp_default as default
 };
-//# sourceMappingURL=DebugApp-5JPOASYB.mjs.map
+//# sourceMappingURL=DebugApp-F4UFVW4Y.mjs.map

package/dist/lib/browser/DebugApp-F4UFVW4Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugApp/DebugApp.tsx", "../../../src/components/Container.tsx", "../../../src/components/DebugApp/Tree.tsx", "../../../src/components/DebugApp/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { type Graph } from '@dxos/plugin-graph';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { Icon, IconButton, ToggleGroup, ToggleGroupItem, Toolbar } from '@dxos/react-ui';\n\nimport { Container } from '../Container';\n\nimport { Json, Tree } from './Tree';\n\nexport const DebugApp: FC<{ graph: Graph }> = ({ graph }) => {\n  const [view, setView] = useState<'config' | 'diagnostics' | 'graph'>('graph');\n  const [data, setData] = useState<any>({});\n  const client = useClient();\n  const config = useConfig();\n  const handleRefresh = async () => {\n    const data = await client.diagnostics({ truncate: true });\n    setData(data);\n  };\n  useEffect(() => {\n    void handleRefresh();\n  }, []);\n\n  const handleResetClient = async (force = false) => {\n    if (!force && !window.confirm('Reset storage?')) {\n      return;\n    }\n\n    // TODO(burdon): Throws exception.\n    await client.reset();\n    window.location.href = window.location.origin;\n  };\n\n  const handleOpenDevtools = () => {\n    const vaultUrl = config.values?.runtime?.client?.remoteSource;\n    if (vaultUrl) {\n      window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);\n    }\n  };\n\n  return (\n    <Container\n      toolbar={\n        <Toolbar.Root classNames='p-1'>\n          <ToggleGroup type='single' value={view}>\n            <ToggleGroupItem value={'graph'} onClick={() => setView('graph')} title={'Plugin graph'}>\n              <Icon icon='ph--graph--regular' size={5} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'diagnostics'} onClick={() => setView('diagnostics')} title={'Diagnostics'}>\n              <Icon icon='ph--gauge--regular' size={5} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'config'} onClick={() => setView('config')} title={'Config'}>\n              <Icon icon='ph--gear--regular' size={5} />\n            </ToggleGroupItem>\n          </ToggleGroup>\n\n          <Toolbar.Separator variant='gap' />\n          <IconButton\n            icon='ph--warning--regular'\n            iconOnly\n            size={5}\n            classNames='text-red-700'\n            onClick={(event) => handleResetClient(event.shiftKey)}\n            label='Reset client'\n          />\n          <IconButton\n            icon='ph--toolbox--duotone'\n            iconOnly\n            size={5}\n            onClick={handleOpenDevtools}\n            label='Open Devtools'\n          />\n        </Toolbar.Root>\n      }\n    >\n      {view === 'graph' && <Tree data={graph.toJSON()} />}\n      {view === 'config' && <Json data={data.diagnostics?.config} />}\n      {view === 'diagnostics' && <Json data={data} />}\n    </Container>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\n// TODO(burdon): Convert to grid.\nexport const Container = ({ toolbar, children }: PropsWithChildren<{ toolbar: ReactNode }>) => {\n  return (\n    <div role='none' className='flex flex-col grow overflow-hidden divide-y divide-separator'>\n      {toolbar}\n      <div className='flex flex-col grow overflow-auto'>{children}</div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, type HTMLAttributes, useState } from 'react';\n\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\nimport { arrayToBuffer } from '@dxos/util';\n\n// TODO(burdon): Copied form devtools.\n\nexport const replacer = (key: any, value: any) => {\n  if (typeof value === 'object') {\n    if (value instanceof Uint8Array) {\n      return arrayToBuffer(value).toString('hex');\n    }\n\n    if (value?.type === 'Buffer') {\n      return Buffer.from(value.data).toString('hex');\n    }\n\n    if (key === 'downloaded') {\n      return undefined;\n    }\n  }\n\n  return value;\n};\n\nexport const Json: FC<{ data?: object }> = ({ data }) => {\n  return <SyntaxHighlighter language='json'>{JSON.stringify(data, replacer, 2)}</SyntaxHighlighter>;\n};\n\nexport const Tree: FC<{ data?: object }> = ({ data }) => {\n  return (\n    <div className='p-2'>\n      <Node data={data} root />\n    </div>\n  );\n};\n\nexport const Node: FC<{ data?: any; root?: boolean }> = ({ data, root }) => {\n  if (typeof data !== 'object' || data === undefined || data === null) {\n    return <Scalar value={data} />;\n  }\n\n  if (Array.isArray(data)) {\n    return (\n      <div className='flex flex-col space-y-2'>\n        {data.map((value, index) => (\n          <KeyValue key={index} label={String(index)} data={value} className='bg-teal-50' />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className='flex flex-col space-y-2'>\n      {Object.entries(data).map(([key, value]) => (\n        <KeyValue key={key} label={key} data={value} className='bg-blue-50' />\n      ))}\n    </div>\n  );\n};\n\nexport const KeyValue: FC<{ label: string; data?: any; className?: string }> = ({ label, data, className }) => {\n  const [open, setOpen] = useState(true);\n  if (data === undefined) {\n    return null;\n  }\n\n  return (\n    <div className='flex'>\n      <Box\n        className={mx('border-blue-200 text-sm select-none cursor-pointer', className)}\n        onClick={() => setOpen((open) => !open)}\n      >\n        {label}\n      </Box>\n      {open && <Node data={data} />}\n    </div>\n  );\n};\n\nconst Scalar: FC<{ value: any }> = ({ value }) => {\n  return (\n    <Box className='bg-green-50 border-green-200 rounded-r text-sm font-thin'>\n      {(value === undefined && 'undefined') ||\n        (value === null && 'null') ||\n        (typeof value === 'string' && value) ||\n        JSON.stringify(value)}\n    </Box>\n  );\n};\n\nconst Box: FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...props }) => {\n  return (\n    <div className={mx('flex px-2 border border-l-0 font-mono truncate', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugApp } from './DebugApp';\n\nexport default DebugApp;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useState", "useClient", "useConfig", "Icon", "IconButton", "ToggleGroup", "ToggleGroupItem", "Toolbar", "React", "Container", "toolbar", "children", "div", "role", "className", "React", "useState", "SyntaxHighlighter", "mx", "arrayToBuffer", "replacer", "key", "value", "Uint8Array", "arrayToBuffer", "toString", "type", "Buffer", "from", "data", "undefined", "Json", "React", "SyntaxHighlighter", "language", "JSON", "stringify", "Tree", "div", "className", "Node", "root", "Scalar", "Array", "isArray", "map", "index", "KeyValue", "label", "String", "Object", "entries", "open", "setOpen", "useState", "Box", "mx", "onClick", "children", "props", "DebugApp", "graph", "view", "setView", "useState", "data", "setData", "client", "useClient", "config", "useConfig", "handleRefresh", "diagnostics", "truncate", "useEffect", "handleResetClient", "force", "window", "confirm", "reset", "location", "href", "origin", "handleOpenDevtools", "vaultUrl", "values", "runtime", "remoteSource", "open", "React", "Container", "toolbar", "Toolbar", "Root", "classNames", "ToggleGroup", "type", "value", "ToggleGroupItem", "onClick", "title", "Icon", "icon", "size", "Separator", "variant", "IconButton", "iconOnly", "event", "shiftKey", "label", "Tree", "toJSON", "Json", "DebugApp"]
+}