@dxos/plugin-debug 0.8.4-main.c4373fc → 0.8.4-main.d9fc60f731

package/dist/lib/neutral/Wireframe-WD7S2AUU.mjs

@@ -0,0 +1,52 @@
+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 { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { mx } from "@dxos/ui-theme";
+var Wireframe = ({ classNames, label, object }) => {
+  const attentionAttrs = useAttentionAttributes(Obj.getURI(object));
+  const { width, height, ref } = useResizeDetector();
+  return /* @__PURE__ */ React.createElement("div", {
+    ref,
+    className: mx("relative grow min-h-96", classNames),
+    ...attentionAttrs
+  }, /* @__PURE__ */ React.createElement("div", {
+    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(JsonHighlighter, {
+    data: object,
+    classNames: "text-xs opacity-75 rounded-sm"
+  })), /* @__PURE__ */ React.createElement("svg", {
+    width,
+    height,
+    className: "bg-transparent *:text-subdued"
+  }, /* @__PURE__ */ React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width,
+    height,
+    strokeWidth: 1,
+    fill: "none"
+  }), /* @__PURE__ */ React.createElement("line", {
+    x1: 0,
+    y1: 0,
+    x2: width,
+    y2: height,
+    strokeWidth: 1
+  }), /* @__PURE__ */ React.createElement("line", {
+    x1: 0,
+    y1: height,
+    x2: width,
+    y2: 0,
+    strokeWidth: 1
+  })));
+};
+export {
+  Wireframe as default
+};
+//# sourceMappingURL=Wireframe-WD7S2AUU.mjs.map

package/dist/lib/neutral/Wireframe-WD7S2AUU.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.getURI(object));\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,CAAAA;AACzD,QAAM,EAAEG,OAAOC,QAAQC,IAAG,IAAKb,kBAAAA;AAE/B,SACE,sBAAA,cAACc,OAAAA;IAAID;IAAUE,WAAWX,GAAG,0BAA0BE,UAAAA;IAAc,GAAGG;KACtE,sBAAA,cAACK,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA,MAAKP,KAAAA,GACN,sBAAA,cAACO,OAAAA,MAAK,IAAIH,KAAAA,IAASC,MAAAA,GAAS,CAAA,GAE7BJ,UAAU,sBAAA,cAACL,iBAAAA;IAAgBa,MAAMR;IAAQF,YAAW;OAEvD,sBAAA,cAACW,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", "getURI", "width", "height", "ref", "div", "className", "data", "svg", "rect", "x", "y", "strokeWidth", "fill", "line", "x1", "y1", "x2", "y2"]
+}

package/dist/lib/neutral/app-graph-builder-XYLTBYKN.mjs

@@ -0,0 +1,612 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppNode, getSpaceIdFromPath } from "@dxos/app-toolkit";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { GraphBuilder, Node, NodeMatcher } from "@dxos/plugin-graph";
+import { SPACE_TYPE } from "@dxos/plugin-space";
+import { getParentId } from "@dxos/react-ui-attention";
+import { meta } from "#meta";
+import { Devtools } from "#types";
+var DEVTOOLS_TYPE = `${meta.id}.devtools`;
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    GraphBuilder.createExtension({
+      id: "root",
+      match: NodeMatcher.whenRoot,
+      actions: () => Effect.succeed([
+        Node.makeAction({
+          id: "resetData",
+          data: () => Effect.sync(() => {
+            window.location.href = "/reset.html#continue";
+          }),
+          properties: {
+            label: [
+              "reset-data.label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--warning--regular"
+          }
+        })
+      ])
+    }),
+    GraphBuilder.createExtension({
+      id: "devtools",
+      match: NodeMatcher.whenAny(NodeMatcher.whenRoot, NodeMatcher.whenNodeType(SPACE_TYPE)),
+      connector: (node, get) => Effect.gen(function* () {
+        const client = yield* Capability.get(ClientCapabilities.Client);
+        const layoutAtom = get(yield* Capability.atom(AppCapabilities.Layout))[0];
+        const layout = layoutAtom ? get(layoutAtom) : void 0;
+        const spaceId = layout?.workspace ? getSpaceIdFromPath(layout.workspace) : void 0;
+        const space = spaceId ? client.spaces.get(spaceId) : void 0;
+        const [graph] = get(yield* Capability.atom(AppCapabilities.AppGraph));
+        return [
+          Node.make({
+            id: Devtools.id,
+            data: null,
+            type: DEVTOOLS_TYPE,
+            properties: {
+              label: [
+                "devtools.label",
+                {
+                  ns: meta.id
+                }
+              ],
+              icon: "ph--hammer--regular",
+              disposition: "pin-end",
+              position: "last"
+            },
+            nodes: [
+              Node.make({
+                id: "appGraph",
+                type: `${meta.id}.app-graph`,
+                data: {
+                  graph: graph?.graph,
+                  root: node.id === Node.RootId ? node.id : getParentId(node.id)
+                },
+                properties: {
+                  label: [
+                    "debug-app-graph.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--graph--regular"
+                }
+              }),
+              Node.make({
+                id: "toolsExplorer",
+                data: Devtools.ToolsExplorer,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "debug-tools-explorer.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--toolbox--regular"
+                }
+              }),
+              ...space && node.type === SPACE_TYPE ? [
+                Node.make({
+                  id: "debug",
+                  type: `${meta.id}.space`,
+                  data: {
+                    space,
+                    type: `${meta.id}.space`
+                  },
+                  properties: {
+                    label: [
+                      "generate-objects.label",
+                      {
+                        ns: meta.id
+                      }
+                    ],
+                    icon: "ph--dice-five--regular"
+                  }
+                })
+              ] : [],
+              Node.make({
+                id: Devtools.Client.id,
+                data: null,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "client.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--users--regular"
+                },
+                nodes: [
+                  Node.make({
+                    id: Devtools.Client.Config,
+                    data: Devtools.Client.Config,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "config.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--gear--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Client.Storage,
+                    data: Devtools.Client.Storage,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "storage.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--hard-drives--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Client.Logs,
+                    data: Devtools.Client.Logs,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "logs.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--file-text--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Client.Diagnostics,
+                    data: Devtools.Client.Diagnostics,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "diagnostics.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--chart-line--regular"
+                    }
+                  })
+                ]
+              }),
+              Node.make({
+                id: Devtools.Halo.id,
+                data: null,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "halo.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--identification-badge--regular"
+                },
+                nodes: [
+                  Node.make({
+                    id: Devtools.Halo.Identity,
+                    data: Devtools.Halo.Identity,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "identity.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--identification-badge--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Halo.Devices,
+                    data: Devtools.Halo.Devices,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "devices.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--devices--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Halo.Keyring,
+                    data: Devtools.Halo.Keyring,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "keyring.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--key--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Halo.Credentials,
+                    data: Devtools.Halo.Credentials,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "credentials.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--credit-card--regular"
+                    }
+                  })
+                ]
+              }),
+              Node.make({
+                id: Devtools.Echo.id,
+                data: null,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "echo.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--database--regular"
+                },
+                nodes: [
+                  Node.make({
+                    id: Devtools.Echo.Spaces,
+                    data: Devtools.Echo.Spaces,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "spaces.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--graph--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Space,
+                    data: Devtools.Echo.Space,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "space.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--planet--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Feeds,
+                    data: Devtools.Echo.Feeds,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "feeds.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--list-bullets--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Objects,
+                    data: Devtools.Echo.Objects,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "objects.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--cube--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Schema,
+                    data: Devtools.Echo.Schema,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "schema.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--database--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Registry,
+                    data: Devtools.Echo.Registry,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "registry.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--books--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Automerge,
+                    data: Devtools.Echo.Automerge,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "automerge.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--gear-six--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Queues,
+                    data: Devtools.Echo.Queues,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "queues.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--queue--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Members,
+                    data: Devtools.Echo.Members,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "members.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--users--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Echo.Metadata,
+                    data: Devtools.Echo.Metadata,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "metadata.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--hard-drive--regular"
+                    }
+                  })
+                ]
+              }),
+              Node.make({
+                id: Devtools.Mesh.id,
+                data: null,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "mesh.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--graph--regular"
+                },
+                nodes: [
+                  Node.make({
+                    id: Devtools.Mesh.Signal,
+                    data: Devtools.Mesh.Signal,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "signal.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--wifi-high--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Mesh.Swarm,
+                    data: Devtools.Mesh.Swarm,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "swarm.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--users-three--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Mesh.Network,
+                    data: Devtools.Mesh.Network,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "network.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--polygon--regular"
+                    }
+                  })
+                ]
+              }),
+              Node.make({
+                id: Devtools.Edge.id,
+                data: null,
+                type: DEVTOOLS_TYPE,
+                properties: {
+                  label: [
+                    "edge.label",
+                    {
+                      ns: meta.id
+                    }
+                  ],
+                  icon: "ph--cloud--regular"
+                },
+                nodes: [
+                  Node.make({
+                    id: Devtools.Edge.Dashboard,
+                    data: Devtools.Edge.Dashboard,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "dashboard.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--computer-tower--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Edge.Workflows,
+                    data: Devtools.Edge.Workflows,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "workflows.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--function--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Edge.Traces,
+                    data: Devtools.Edge.Traces,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "traces.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--line-segments--regular"
+                    }
+                  }),
+                  Node.make({
+                    id: Devtools.Edge.Testing,
+                    data: Devtools.Edge.Testing,
+                    type: DEVTOOLS_TYPE,
+                    properties: {
+                      label: [
+                        "testing.label",
+                        {
+                          ns: meta.id
+                        }
+                      ],
+                      icon: "ph--flask--regular"
+                    }
+                  })
+                ]
+              })
+            ]
+          })
+        ];
+      })
+    }),
+    // Debug object companion.
+    GraphBuilder.createExtension({
+      id: "debugObject",
+      match: NodeMatcher.whenEchoObject,
+      connector: () => Effect.succeed([
+        AppNode.makeCompanion({
+          id: "debug",
+          label: [
+            "debug.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--bug--regular",
+          data: "debug",
+          position: "last"
+        })
+      ])
+    }),
+    // Devtools deck companion.
+    GraphBuilder.createExtension({
+      id: "devtoolsOverview",
+      match: NodeMatcher.whenRoot,
+      connector: () => Effect.succeed([
+        AppNode.makeDeckCompanion({
+          id: "devtools",
+          label: [
+            "devtools-overview.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--equalizer--regular",
+          data: "devtools",
+          position: "last"
+        })
+      ])
+    }),
+    // Object explorer.
+    GraphBuilder.createExtension({
+      id: "spaceObjects",
+      match: NodeMatcher.whenRoot,
+      connector: () => Effect.succeed([
+        AppNode.makeDeckCompanion({
+          id: "spaceObjects",
+          label: [
+            "space-objects.label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--cube--regular",
+          data: "space-objects",
+          position: "last"
+        })
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-XYLTBYKN.mjs.map