@dxos/plugin-space 0.8.4-main.2e9d522 → 0.8.4-main.3c1ae3b

package/dist/lib/browser/{CollectionMain-D2B75XBS.mjs → CollectionArticle-WTHWY4YS.mjs}

@@ -1,16 +1,16 @@
 import {
-  SPACE_PLUGIN
-} from "./chunk-FBCGT5YY.mjs";
+  meta
+} from "./chunk-VZBIIYFM.mjs";
 
-// src/components/CollectionMain.tsx
+// src/components/CollectionArticle.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
 import { useTranslation } from "@dxos/react-ui";
 import { baseSurface, descriptionMessage, mx } from "@dxos/react-ui-theme";
-var CollectionMain = ({ collection }) => {
+var CollectionArticle = ({ subject }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SPACE_PLUGIN);
+    const { t } = useTranslation(meta.id);
     return /* @__PURE__ */ React.createElement("div", {
       role: "none",
       className: mx(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
@@ -18,14 +18,14 @@ var CollectionMain = ({ collection }) => {
     }, /* @__PURE__ */ React.createElement("p", {
       role: "alert",
       className: mx(descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
-    }, collection.name ?? t("unnamed collection label")));
+    }, subject.name ?? t("unnamed collection label")));
   } finally {
     _effect.f();
   }
 };
-var CollectionMain_default = CollectionMain;
+var CollectionArticle_default = CollectionArticle;
 export {
-  CollectionMain,
-  CollectionMain_default as default
+  CollectionArticle,
+  CollectionArticle_default as default
 };
-//# sourceMappingURL=CollectionMain-D2B75XBS.mjs.map
+//# sourceMappingURL=CollectionArticle-WTHWY4YS.mjs.map

package/dist/lib/browser/CollectionArticle-WTHWY4YS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { useTranslation } from '@dxos/react-ui';\nimport { baseSurface, descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { type Collection } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection>) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <div\n      role='none'\n      className={mx(baseSurface, 'min-bs-screen is-full flex items-center justify-center p-8')}\n      data-testid='composer.firstRunMessage'\n    >\n      <p\n        role='alert'\n        className={mx(descriptionMessage, 'rounded-md p-8 font-normal text-lg max-is-[24rem] break-words')}\n      >\n        {subject.name ?? t('unnamed collection label')}\n      </p>\n    </div>\n  );\n};\n\nexport default CollectionArticle;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAGlB,SAASC,sBAAsB;AAC/B,SAASC,aAAaC,oBAAoBC,UAAU;AAK7C,IAAMC,oBAAoB,CAAC,EAAEC,QAAO,MAAgD;;;AACzF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,WACE,sBAAA,cAACC,OAAAA;MACCC,MAAK;MACLC,WAAWC,GAAGC,aAAa,4DAAA;MAC3BC,eAAY;OAEZ,sBAAA,cAACC,KAAAA;MACCL,MAAK;MACLC,WAAWC,GAAGI,oBAAoB,+DAAA;OAEjCZ,QAAQa,QAAQZ,EAAE,0BAAA,CAAA,CAAA;;;;AAI3B;AAEA,IAAA,4BAAeF;",
+  "names": ["React", "useTranslation", "baseSurface", "descriptionMessage", "mx", "CollectionArticle", "subject", "t", "useTranslation", "meta", "id", "div", "role", "className", "mx", "baseSurface", "data-testid", "p", "descriptionMessage", "name"]
+}

package/dist/lib/browser/ObjectCardStack-TE7AWPMH.mjs

@@ -0,0 +1,144 @@
+import {
+  meta
+} from "./chunk-VZBIIYFM.mjs";
+
+// src/components/ObjectCardStack/ObjectCardStack.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef } from "react";
+import { Filter, getSpace as getSpace2, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Callout, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { Card, CardStack, StackItem } from "@dxos/react-ui-stack";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable as isNonNullable2 } from "@dxos/util";
+
+// src/components/ObjectCardStack/ObjectForm.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo } from "react";
+import { DXN, Obj, Tag, Type } from "@dxos/echo";
+import { setValue } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { getSpace } from "@dxos/react-client/echo";
+import { Form, omitId, useRefQueryOptions } from "@dxos/react-ui-form";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectCardStack/ObjectForm.tsx";
+var TagSchema = Tag.Tag.pipe(Schema.omit("id"));
+var ObjectForm = ({ object, schema }) => {
+  var _effect = _useSignals();
+  try {
+    const space = getSpace(object);
+    const formSchema = useMemo(() => Schema.Struct({
+      tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional)
+    }).pipe(Schema.extend(omitId(schema))), [
+      schema
+    ]);
+    const meta2 = Obj.getMeta(object);
+    const tags = (meta2.tags ?? []).map((tag) => space?.db.makeRef(DXN.parse(tag))).filter(isNonNullable);
+    const values = useMemo(() => ({
+      tags,
+      ...object
+    }), [
+      object,
+      tags
+    ]);
+    const handleRefQueryLookup = useRefQueryOptions({
+      space
+    });
+    const handleCreateTag = useCallback((values2) => {
+      invariant(space, void 0, {
+        F: __dxlog_file,
+        L: 42,
+        S: void 0,
+        A: [
+          "space",
+          ""
+        ]
+      });
+      const tag = space.db.add(Tag.make(values2));
+      const meta3 = Obj.getMeta(object);
+      meta3.tags = [
+        ...meta3.tags ?? [],
+        Obj.getDXN(tag).toString()
+      ];
+    }, []);
+    const handleChange = useCallback(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+      if (!isValid) {
+        return;
+      }
+      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+      for (const path of changedPaths) {
+        if (path.startsWith("tags")) {
+          const meta3 = Obj.getMeta(object);
+          meta3.tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+          continue;
+        }
+        const value = values2[path];
+        setValue(object, path, value);
+      }
+    }, [
+      object
+    ]);
+    return /* @__PURE__ */ React.createElement(Form.Root, {
+      schema: omitId(formSchema),
+      values,
+      createSchema: TagSchema,
+      createOptionIcon: "ph--plus--regular",
+      createOptionLabel: [
+        "add tag label",
+        {
+          ns: meta.id
+        }
+      ],
+      createInitialValuePath: "label",
+      onValuesChanged: handleChange,
+      onCreate: handleCreateTag,
+      onQueryRefOptions: handleRefQueryLookup
+    }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectCardStack/ObjectCardStack.tsx
+var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation(meta.id);
+    const space = getSpace2(view);
+    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+    const schema = useSchema(space, typename);
+    const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
+    const selectedRows = useSelected(objectId, "multi");
+    const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable2);
+    if (!schema) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, {
+      toolbar: true,
+      ref: forwardedRef
+    }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null), /* @__PURE__ */ React2.createElement(CardStack.Root, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement(CardStack.Content, null, /* @__PURE__ */ React2.createElement(CardStack.Stack, {
+      id: objectId,
+      itemsCount: selectedObjects.length
+    }, selectedObjects.length === 0 && /* @__PURE__ */ React2.createElement(CardStack.Item, null, /* @__PURE__ */ React2.createElement(Callout.Root, null, /* @__PURE__ */ React2.createElement(Callout.Title, null, t("row details no selection label")))), selectedObjects.map((object) => /* @__PURE__ */ React2.createElement(CardStack.Item, {
+      key: object.id,
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
+      item: object
+    }, /* @__PURE__ */ React2.createElement(Card.StaticRoot, null, /* @__PURE__ */ React2.createElement(ObjectForm, {
+      object,
+      schema
+    })))))))));
+  } finally {
+    _effect.f();
+  }
+});
+
+// src/components/ObjectCardStack/index.ts
+var ObjectCardStack_default = ObjectCardStack;
+export {
+  ObjectCardStack_default as default
+};
+//# sourceMappingURL=ObjectCardStack-TE7AWPMH.mjs.map

package/dist/lib/browser/ObjectCardStack-TE7AWPMH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectCardStack/ObjectCardStack.tsx", "../../../src/components/ObjectCardStack/ObjectForm.tsx", "../../../src/components/ObjectCardStack/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Callout, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Card, CardStack, StackItem } from '@dxos/react-ui-stack';\nimport { type View, getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nimport { ObjectForm } from './ObjectForm';\n\nexport type ObjectCardStackProps = {\n  objectId: string;\n  view: View.View;\n};\n\nexport const ObjectCardStack = forwardRef<HTMLDivElement, ObjectCardStackProps>(({ objectId, view }, forwardedRef) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(space, typename);\n\n  const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());\n  const selectedRows = useSelected(objectId, 'multi');\n  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content toolbar ref={forwardedRef}>\n      <Toolbar.Root></Toolbar.Root>\n      <CardStack.Root asChild>\n        <CardStack.Content>\n          <CardStack.Stack id={objectId} itemsCount={selectedObjects.length}>\n            {selectedObjects.length === 0 && (\n              <CardStack.Item>\n                <Callout.Root>\n                  <Callout.Title>{t('row details no selection label')}</Callout.Title>\n                </Callout.Root>\n              </CardStack.Item>\n            )}\n            {selectedObjects.map((object) => (\n              <CardStack.Item key={object.id} asChild>\n                <StackItem.Root item={object}>\n                  <Card.StaticRoot>\n                    <ObjectForm object={object} schema={schema} />\n                  </Card.StaticRoot>\n                </StackItem.Root>\n              </CardStack.Item>\n            ))}\n          </CardStack.Stack>\n        </CardStack.Content>\n      </CardStack.Root>\n    </StackItem.Content>\n  );\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { DXN, Obj, type Ref, Tag, Type } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Form, omitId, useRefQueryOptions } from '@dxos/react-ui-form';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta as pluginMeta } from '../../meta';\n\nconst TagSchema = Tag.Tag.pipe(Schema.omit('id'));\n\nexport type ObjectFormProps = {\n  schema: Schema.Schema.AnyNoContext;\n  object: Obj.Any;\n};\n\nexport const ObjectForm = ({ object, schema }: ObjectFormProps) => {\n  const space = getSpace(object);\n\n  const formSchema = useMemo(\n    () =>\n      Schema.Struct({\n        tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional),\n      }).pipe(Schema.extend(omitId(schema))),\n    [schema],\n  );\n\n  const meta = Obj.getMeta(object);\n  const tags = (meta.tags ?? []).map((tag) => space?.db.makeRef(DXN.parse(tag))).filter(isNonNullable);\n  const values = useMemo(() => ({ tags, ...object }), [object, tags]);\n\n  const handleRefQueryLookup = useRefQueryOptions({ space });\n\n  const handleCreateTag = useCallback((values: Schema.Schema.Type<typeof TagSchema>) => {\n    invariant(space);\n    const tag = space.db.add(Tag.make(values));\n    const meta = Obj.getMeta(object);\n    meta.tags = [...(meta.tags ?? []), Obj.getDXN(tag).toString()];\n  }, []);\n\n  // TODO(wittjosiah): Use FormRootProps type.\n  const handleChange = useCallback(\n    ({ tags, ...values }: any, { isValid, changed }: { isValid: boolean; changed: Record<JsonPath, boolean> }) => {\n      if (!isValid) {\n        return;\n      }\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        // TODO(wittjosiah): This doesn't handle array paths well.\n        if (path.startsWith('tags')) {\n          const meta = Obj.getMeta(object);\n          meta.tags = tags?.map((tag: Ref.Ref<Tag.Tag>) => tag.dxn.toString()) ?? [];\n          continue;\n        }\n\n        const value = values[path];\n        setValue(object, path, value);\n      }\n    },\n    [object],\n  );\n\n  return (\n    <Form.Root\n      schema={omitId(formSchema)}\n      values={values}\n      createSchema={TagSchema}\n      createOptionIcon='ph--plus--regular'\n      createOptionLabel={['add tag label', { ns: pluginMeta.id }]}\n      createInitialValuePath='label'\n      onValuesChanged={handleChange}\n      onCreate={handleCreateTag}\n      onQueryRefOptions={handleRefQueryLookup}\n    >\n      <Form.Viewport>\n        <Form.Content>\n          <Form.FieldSet />\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectCardStack } from './ObjectCardStack';\n\nexport default ObjectCardStack;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "Filter", "getSpace", "useQuery", "useSchema", "Callout", "Toolbar", "useTranslation", "useSelected", "Card", "CardStack", "StackItem", "getTypenameFromQuery", "isNonNullable", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "setValue", "invariant", "getSpace", "Form", "omitId", "useRefQueryOptions", "isNonNullable", "TagSchema", "Tag", "pipe", "omit", "ObjectForm", "object", "schema", "space", "getSpace", "formSchema", "useMemo", "Struct", "tags", "Array", "Type", "Ref", "optional", "extend", "omitId", "meta", "Obj", "getMeta", "map", "tag", "db", "makeRef", "DXN", "parse", "filter", "isNonNullable", "values", "handleRefQueryLookup", "useRefQueryOptions", "handleCreateTag", "useCallback", "invariant", "add", "make", "getDXN", "toString", "handleChange", "isValid", "changed", "changedPaths", "Object", "keys", "path", "startsWith", "dxn", "value", "setValue", "Form", "Root", "createSchema", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onValuesChanged", "onCreate", "onQueryRefOptions", "Viewport", "Content", "FieldSet", "ObjectCardStack", "forwardRef", "objectId", "view", "forwardedRef", "t", "useTranslation", "meta", "id", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "find", "obj", "filter", "isNonNullable", "React", "StackItem", "Content", "toolbar", "ref", "Toolbar", "Root", "CardStack", "asChild", "Stack", "itemsCount", "length", "Item", "Callout", "Title", "object", "key", "item", "Card", "StaticRoot", "ObjectForm", "ObjectCardStack"]
+}

package/dist/lib/browser/ObjectDetails-666IBRHE.mjs

@@ -0,0 +1,144 @@
+import {
+  meta
+} from "./chunk-VZBIIYFM.mjs";
+
+// src/components/ObjectDetails/ObjectDetails.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef, useMemo as useMemo2 } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Toolbar } from "@dxos/react-ui";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// src/components/ObjectDetails/BaseObjectSettings.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { batch } from "@preact/signals-core";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo } from "react";
+import { DXN, Obj, Tag, Type } from "@dxos/echo";
+import { setValue } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { getSpace } from "@dxos/react-client/echo";
+import { Form, omitId, useRefQueryOptions } from "@dxos/react-ui-form";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectDetails/BaseObjectSettings.tsx";
+var BaseSchema = Schema.Struct({
+  tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional)
+});
+var TagSchema = Tag.Tag.pipe(Schema.omit("id"));
+var BaseObjectSettings = ({ classNames, children, object }) => {
+  var _effect = _useSignals();
+  try {
+    const space = getSpace(object);
+    const handleRefQueryLookup = useRefQueryOptions({
+      space
+    });
+    const formSchema = useMemo(() => {
+      return Function.pipe(Obj.getSchema(object), Option.fromNullable, Option.map((schema) => BaseSchema.pipe(Schema.extend(schema))), Option.getOrUndefined);
+    }, [
+      object
+    ]);
+    const meta2 = Obj.getMeta(object);
+    const tags = (meta2.tags ?? []).map((tag) => space?.db.makeRef(DXN.parse(tag))).filter(isNonNullable);
+    const values = useMemo(() => ({
+      tags,
+      ...object
+    }), [
+      object,
+      tags
+    ]);
+    const handleCreateTag = useCallback((values2) => {
+      invariant(space, void 0, {
+        F: __dxlog_file,
+        L: 60,
+        S: void 0,
+        A: [
+          "space",
+          ""
+        ]
+      });
+      const tag = space.db.add(Tag.make(values2));
+      const meta3 = Obj.getMeta(object);
+      meta3.tags = [
+        ...meta3.tags ?? [],
+        Obj.getDXN(tag).toString()
+      ];
+    }, []);
+    const handleChange = useCallback(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+      if (!isValid) {
+        return;
+      }
+      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+      batch(() => {
+        for (const path of changedPaths) {
+          if (path.startsWith("tags")) {
+            const meta3 = Obj.getMeta(object);
+            meta3.tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+            continue;
+          }
+          const value = values2[path];
+          setValue(object, path, value);
+        }
+      });
+    }, [
+      object
+    ]);
+    if (!formSchema) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(Form.Root, {
+      schema: omitId(formSchema),
+      values,
+      createSchema: TagSchema,
+      createOptionIcon: "ph--plus--regular",
+      createOptionLabel: [
+        "add tag label",
+        {
+          ns: meta.id
+        }
+      ],
+      createInitialValuePath: "label",
+      onValuesChanged: handleChange,
+      onCreate: handleCreateTag,
+      onQueryRefOptions: handleRefQueryLookup
+    }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, {
+      classNames
+    }, /* @__PURE__ */ React.createElement(Form.FieldSet, null), children)));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectDetails/ObjectDetails.tsx
+var ObjectDetails = /* @__PURE__ */ forwardRef(({ object }, forwardedRef) => {
+  var _effect = _useSignals2();
+  try {
+    const data = useMemo2(() => ({
+      subject: object
+    }), [
+      object
+    ]);
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, {
+      ref: forwardedRef,
+      toolbar: true
+    }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null), /* @__PURE__ */ React2.createElement(BaseObjectSettings, {
+      object
+    }, /* @__PURE__ */ React2.createElement(Surface, {
+      role: "base-object-settings",
+      data
+    }), /* @__PURE__ */ React2.createElement(Surface, {
+      role: "object-settings",
+      data
+    })));
+  } finally {
+    _effect.f();
+  }
+});
+
+// src/components/ObjectDetails/index.ts
+var ObjectDetails_default = ObjectDetails;
+export {
+  ObjectDetails_default as default
+};
+//# sourceMappingURL=ObjectDetails-666IBRHE.mjs.map

package/dist/lib/browser/ObjectDetails-666IBRHE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectDetails/ObjectDetails.tsx", "../../../src/components/ObjectDetails/BaseObjectSettings.tsx", "../../../src/components/ObjectDetails/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { type Obj } from '@dxos/echo';\nimport { Toolbar } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { BaseObjectSettings } from './BaseObjectSettings';\n\nexport type ObjectDetailsProps = {\n  object: Obj.Any;\n  role: string;\n};\n\nexport const ObjectDetails = forwardRef<HTMLDivElement, ObjectDetailsProps>(\n  ({ object }: ObjectDetailsProps, forwardedRef) => {\n    const data = useMemo(() => ({ subject: object }), [object]);\n\n    return (\n      <StackItem.Content ref={forwardedRef} toolbar>\n        <Toolbar.Root />\n        <BaseObjectSettings object={object}>\n          <Surface role='base-object-settings' data={data} />\n          <Surface role='object-settings' data={data} />\n          {/* TODO(wittjosiah): Remove (or add as surface)? */}\n          {/* <AdvancedObjectSettings object={object} /> */}\n        </BaseObjectSettings>\n      </StackItem.Content>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { batch } from '@preact/signals-core';\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport * as Schema from 'effect/Schema';\nimport React, { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport { DXN, Obj, type Ref, Tag, Type } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { Form, omitId, useRefQueryOptions } from '@dxos/react-ui-form';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta as pluginMeta } from '../../meta';\n\n// TODO(wittjosiah): Would be nice to control order when extending so this isn't always first/last.\nconst BaseSchema = Schema.Struct({\n  tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional),\n});\n\n// TODO(wittjosiah): Better way to support validation of object schemas?\nconst TagSchema = Tag.Tag.pipe(Schema.omit('id'));\n\nexport type BaseObjectSettingsProps = ThemedClassName<\n  PropsWithChildren<{\n    object: Obj.Any;\n  }>\n>;\n\n// TODO(wittjosiah): Reconcile w/ ObjectDetailsPanel.\nexport const BaseObjectSettings = ({ classNames, children, object }: BaseObjectSettingsProps) => {\n  const space = getSpace(object);\n  const handleRefQueryLookup = useRefQueryOptions({ space });\n\n  const formSchema = useMemo(() => {\n    return Function.pipe(\n      Obj.getSchema(object),\n      Option.fromNullable,\n      Option.map((schema) => BaseSchema.pipe(Schema.extend(schema))),\n      Option.getOrUndefined,\n    );\n  }, [object]);\n\n  const meta = Obj.getMeta(object);\n  const tags = (meta.tags ?? []).map((tag) => space?.db.makeRef(DXN.parse(tag))).filter(isNonNullable);\n  const values = useMemo(\n    () => ({\n      tags,\n      ...object,\n    }),\n    [object, tags],\n  );\n\n  const handleCreateTag = useCallback((values: Schema.Schema.Type<typeof TagSchema>) => {\n    invariant(space);\n    const tag = space.db.add(Tag.make(values));\n    const meta = Obj.getMeta(object);\n    meta.tags = [...(meta.tags ?? []), Obj.getDXN(tag).toString()];\n  }, []);\n\n  // TODO(wittjosiah): Use FormRootProps type.\n  const handleChange = useCallback(\n    (\n      { tags, ...values }: Schema.Schema.Type<typeof formSchema>,\n      { isValid, changed }: { isValid: boolean; changed: Record<JsonPath, boolean> },\n    ) => {\n      if (!isValid) {\n        return;\n      }\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      batch(() => {\n        for (const path of changedPaths) {\n          // TODO(wittjosiah): This doesn't handle array paths well.\n          if (path.startsWith('tags')) {\n            const meta = Obj.getMeta(object);\n            meta.tags = tags?.map((tag: Ref.Ref<Tag.Tag>) => tag.dxn.toString()) ?? [];\n            continue;\n          }\n\n          const value = values[path];\n          setValue(object, path, value);\n        }\n      });\n    },\n    [object],\n  );\n\n  if (!formSchema) {\n    return null;\n  }\n\n  return (\n    <Form.Root\n      schema={omitId(formSchema)}\n      values={values}\n      createSchema={TagSchema}\n      createOptionIcon='ph--plus--regular'\n      createOptionLabel={['add tag label', { ns: pluginMeta.id }]}\n      createInitialValuePath='label'\n      onValuesChanged={handleChange}\n      onCreate={handleCreateTag}\n      onQueryRefOptions={handleRefQueryLookup}\n    >\n      <Form.Viewport>\n        <Form.Content classNames={classNames}>\n          <Form.FieldSet />\n          {children}\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectDetails } from './ObjectDetails';\n\nexport default ObjectDetails;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useMemo", "Surface", "Toolbar", "StackItem", "batch", "Function", "Option", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "setValue", "invariant", "getSpace", "Form", "omitId", "useRefQueryOptions", "isNonNullable", "BaseSchema", "Struct", "tags", "Array", "Type", "Ref", "Tag", "pipe", "optional", "TagSchema", "omit", "BaseObjectSettings", "classNames", "children", "object", "space", "getSpace", "handleRefQueryLookup", "useRefQueryOptions", "formSchema", "useMemo", "Obj", "getSchema", "fromNullable", "map", "schema", "extend", "getOrUndefined", "meta", "getMeta", "tag", "db", "makeRef", "DXN", "parse", "filter", "isNonNullable", "values", "handleCreateTag", "useCallback", "invariant", "add", "make", "getDXN", "toString", "handleChange", "isValid", "changed", "changedPaths", "Object", "keys", "path", "batch", "startsWith", "dxn", "value", "setValue", "Form", "Root", "omitId", "createSchema", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onValuesChanged", "onCreate", "onQueryRefOptions", "Viewport", "Content", "FieldSet", "ObjectDetails", "forwardRef", "object", "forwardedRef", "data", "useMemo", "subject", "React", "StackItem", "Content", "ref", "toolbar", "Toolbar", "Root", "BaseObjectSettings", "Surface", "role", "ObjectDetails"]
+}

package/dist/lib/browser/RecordArticle-2PFEBPXY.mjs

@@ -0,0 +1,116 @@
+import {
+  meta
+} from "./chunk-VZBIIYFM.mjs";
+
+// src/components/RecordArticle.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useMemo } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Filter, Ref, Relation } from "@dxos/echo";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { StackItem } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var RecordArticle = ({ subject }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const space = getSpace(subject);
+    const data = useMemo(() => ({
+      subject
+    }), [
+      subject
+    ]);
+    const related = useRelatedObjects(space, subject, {
+      references: true,
+      relations: true
+    });
+    const singleColumn = related.length === 1;
+    return /* @__PURE__ */ React.createElement(StackItem.Content, null, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx("flex flex-col gap-4 p-4 is-full overflow-y-auto")
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx("flex is-full card-max-width")
+    }, /* @__PURE__ */ React.createElement(Surface, {
+      role: "section",
+      data,
+      limit: 1
+    })), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx("flex flex-col gap-1", singleColumn ? "card-max-width" : "is-full")
+    }, /* @__PURE__ */ React.createElement("label", {
+      className: "mbs-2 text-sm text-description"
+    }, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
+      items: related,
+      render: Card,
+      columnCount: singleColumn ? 1 : void 0,
+      intrinsicHeight: true
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+var Card = ({ data: subject }) => {
+  var _effect = _useSignals();
+  try {
+    const data = useMemo(() => ({
+      subject
+    }), [
+      subject
+    ]);
+    return /* @__PURE__ */ React.createElement(Surface, {
+      role: "card",
+      data,
+      limit: 1
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var useRelatedObjects = (space, record, options = {}) => {
+  const objects = useQuery(space, Filter.everything());
+  return useMemo(() => {
+    if (!record) {
+      return [];
+    }
+    const related = [];
+    if (options.references) {
+      const getReferences = (obj) => {
+        return Object.getOwnPropertyNames(obj).map((name) => obj[name]).filter((value) => Ref.isRef(value));
+      };
+      const references = getReferences(record);
+      const referenceTargets = references.map((ref) => ref.target).filter(isNonNullable);
+      const referenceSources = objects.filter((obj) => {
+        const refs = getReferences(obj);
+        return refs.some((ref) => ref.target === record);
+      });
+      related.push(...referenceTargets, ...referenceSources);
+    }
+    if (options.relations) {
+      const isValidRelation = (obj) => {
+        try {
+          return Relation.isRelation(obj) && Relation.getSource(obj) && Relation.getTarget(obj);
+        } catch {
+          return false;
+        }
+      };
+      const relations = objects.filter((obj) => Relation.isRelation(obj)).filter((obj) => isValidRelation(obj));
+      const targetObjects = relations.filter((relation) => Relation.getTarget(relation) === record).map((relation) => Relation.getSource(relation));
+      const sourceObjects = relations.filter((relation) => Relation.getSource(relation) === record).map((relation) => Relation.getTarget(relation));
+      related.push(...targetObjects, ...sourceObjects);
+    }
+    return related;
+  }, [
+    record,
+    objects
+  ]);
+};
+var RecordArticle_default = RecordArticle;
+export {
+  RecordArticle,
+  RecordArticle_default as default
+};
+//# sourceMappingURL=RecordArticle-2PFEBPXY.mjs.map

package/dist/lib/browser/RecordArticle-2PFEBPXY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/RecordArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { type Entity, Filter, type Obj, Ref, Relation } from '@dxos/echo';\nimport { type Space, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\n\nexport const RecordArticle = ({ subject }: SurfaceComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(subject);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const related = useRelatedObjects(space, subject, {\n    references: true,\n    relations: true,\n  });\n  const singleColumn = related.length === 1;\n\n  return (\n    <StackItem.Content>\n      <div role='none' className={mx('flex flex-col gap-4 p-4 is-full overflow-y-auto')}>\n        <div role='none' className={mx('flex is-full card-max-width')}>\n          <Surface role='section' data={data} limit={1} />\n        </div>\n\n        {related.length > 0 && (\n          <div role='none' className={mx('flex flex-col gap-1', singleColumn ? 'card-max-width' : 'is-full')}>\n            <label className='mbs-2 text-sm text-description'>{t('related objects label')}</label>\n            <Masonry.Root<Entity.Unknown>\n              items={related}\n              render={Card}\n              columnCount={singleColumn ? 1 : undefined}\n              intrinsicHeight\n            />\n          </div>\n        )}\n      </div>\n    </StackItem.Content>\n  );\n};\n\nconst Card = ({ data: subject }: { data: Entity.Unknown }) => {\n  const data = useMemo(() => ({ subject }), [subject]);\n  return <Surface role='card' data={data} limit={1} />;\n};\n\n// TODO(wittjosiah): This is a hack. ECHO needs to have a back reference index to easily query for related objects.\nconst useRelatedObjects = (\n  space?: Space,\n  record?: Obj.Any,\n  options: { references?: boolean; relations?: boolean } = {},\n) => {\n  const objects = useQuery(space, Filter.everything());\n  return useMemo(() => {\n    if (!record) {\n      return [];\n    }\n\n    const related: Entity.Unknown[] = [];\n\n    // TODO(burdon): Change Person => Organization to relations.\n    if (options.references) {\n      const getReferences = (obj: Entity.Unknown): Ref.Any[] => {\n        return Object.getOwnPropertyNames(obj)\n          .map((name) => obj[name as keyof Obj.Any])\n          .filter((value) => Ref.isRef(value)) as Ref.Any[];\n      };\n\n      const references = getReferences(record);\n      const referenceTargets = references.map((ref) => ref.target).filter(isNonNullable);\n      const referenceSources = objects.filter((obj) => {\n        const refs = getReferences(obj);\n        return refs.some((ref) => ref.target === record);\n      });\n\n      related.push(...referenceTargets, ...referenceSources);\n    }\n\n    if (options.relations) {\n      // TODO(dmaretskyi): Workaround until https://github.com/dxos/dxos/pull/10100 lands.\n      const isValidRelation = (obj: Relation.Any) => {\n        try {\n          return Relation.isRelation(obj) && Relation.getSource(obj) && Relation.getTarget(obj);\n        } catch {\n          return false;\n        }\n      };\n\n      const relations = objects.filter((obj) => Relation.isRelation(obj)).filter((obj) => isValidRelation(obj));\n      const targetObjects = relations\n        .filter((relation) => Relation.getTarget(relation) === record)\n        .map((relation) => Relation.getSource(relation));\n      const sourceObjects = relations\n        .filter((relation) => Relation.getSource(relation) === record)\n        .map((relation) => Relation.getTarget(relation));\n\n      related.push(...targetObjects, ...sourceObjects);\n    }\n\n    return related;\n  }, [record, objects]);\n};\n\nexport default RecordArticle;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "Surface", "Filter", "Ref", "Relation", "getSpace", "useQuery", "useTranslation", "Masonry", "StackItem", "mx", "isNonNullable", "RecordArticle", "subject", "t", "useTranslation", "meta", "id", "space", "getSpace", "data", "useMemo", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "StackItem", "Content", "div", "role", "className", "mx", "Surface", "limit", "label", "Masonry", "Root", "items", "render", "Card", "columnCount", "undefined", "intrinsicHeight", "record", "options", "objects", "useQuery", "Filter", "everything", "getReferences", "obj", "Object", "getOwnPropertyNames", "map", "name", "filter", "value", "Ref", "isRef", "referenceTargets", "ref", "target", "isNonNullable", "referenceSources", "refs", "some", "push", "isValidRelation", "Relation", "isRelation", "getSource", "getTarget", "targetObjects", "relation", "sourceObjects"]
+}