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

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

@@ -0,0 +1,146 @@
+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, Type } 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 { composable, composableProps } from "@dxos/react-ui";
+import { Organization, Person, Task } from "@dxos/types";
+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.getTypename(type),
+      createGenerator(client, invokePromise, type)
+    ]));
+    return new Map([
+      ...staticGenerators,
+      ...presets.items,
+      ...recordGenerators
+    ]);
+  }, [
+    client,
+    invokePromise,
+    presets
+  ]);
+  const updateInfo = useCallback(async () => {
+    const allSchema = [
+      ...space.db.graph.registry.list().filter(Type.isType)
+    ];
+    const echoSchema = allSchema.filter((t) => Type.isTypeKind(t));
+    const staticSchema = allSchema.filter((t) => !Type.isTypeKind(t));
+    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-Y35G6DRV.mjs.map

package/dist/lib/neutral/SpaceGenerator-Y35G6DRV.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 } 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 { composable, composableProps } from '@dxos/react-ui';\nimport { Organization, Person, Task } from '@dxos/types';\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.getTypename(type), 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 allSchema = [...space.db.graph.registry.list().filter(Type.isType)];\n      const echoSchema = allSchema.filter((t) => Type.isTypeKind(t));\n      const staticSchema = allSchema.filter((t) => !Type.isTypeKind(t));\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", "Type", "Markdown", "Sheet", "Sketch", "useClient", "IconButton", "Input", "Panel", "ScrollArea", "Toolbar", "useAsyncEffect", "composable", "composableProps", "Organization", "Person", "Task", "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", "getTypename", "items", "updateInfo", "allSchema", "db", "graph", "registry", "list", "filter", "isType", "echoSchema", "t", "isTypeKind", "staticSchema", "objects", "query", "everything", "run", "objectMap", "reduce", "obj", "schema", "static", "length", "mutable", "handleCreateData", "typename", "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-WD7S2AUU.mjs}

@@ -1,12 +1,14 @@
+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());
+  const attentionAttrs = useAttentionAttributes(Obj.getURI(object));
   const { width, height, ref } = useResizeDetector();
   return /* @__PURE__ */ React.createElement("div", {
     ref,
@@ -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-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"]
+}